<!DOCTYPE html>
<html lang="id-ID" class="js supports no-touchevents fontface flexbox csstransforms csstransforms3d supports touchevents fontface flexbox csstransforms csstransforms3d supports no-touchevents fontface flexbox csstransforms csstransforms3d">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="apple-itunes-app" content="app-id=1576832504">
<title>Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA</title>
<meta name="description" content="Mawarcuan88 hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777.">
<link rel="stylesheet" href="//cdn1.stamped.io/files/widget.min.css" type="text/css">
<link rel="canonical" href="https://www.hughweber.com/about">
<link rel="amphtml" href="https://amp-about.b-cdn.net/hughweber.html">
<meta name="robots" content="index,follow">
<meta property="og:type" content="product">
<meta property="og:title" content="Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA">
<meta property="og:image" content="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
<meta property="og:image:secure_url" content="https://www.hughweber.com/about">
<meta property="og:image" content="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
<meta property="og:image:secure_url" content="https://www.hughweber.com/about">
<meta property="og:image" content="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
<meta property="og:image:secure_url" content="https://www.hughweber.com/about">
<meta property="og:description" content="Mawarcuan88 hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777.">
<meta property="og:price:amount" content="5,000">
<meta property="og:price:currency" content="IDR">
<meta property="og:url" content="https://www.hughweber.com/about">
<meta property="og:site_name" content="MAWARCUAN88">
<meta name="twitter:site" content="MAWARCUAN88">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA">
<meta name="twitter:description" content="Mawarcuan88 hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777.">
<meta name="twitter:image" content="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
<meta name="twitter:image:width" content="600">
<meta name="twitter:image:height" content="600">
<link rel="shortcut icon" href="https://asset-mawarcuan.b-cdn.net/CZGTrd0D.webp" type="image/png">
<meta name="theme-color" content="#ff0000ff">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&amp;family=Poppins&amp;display=swap" rel="stylesheet">
<link href="//outerbloom.com/cdn/shop/t/138/assets/custom-styles.css?v=94643080714485117621752652418" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="//outerbloom.com/cdn/shop/t/138/assets/wishlist-styles.css?v=166819525406734116961754385201">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
<script type="text/javascript" async="" src="https://api-na1.hubapi.com/scriptloader/v1/6800477.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://googlesignintest.loca.lt/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://6403-180-254-64-204.ngrok.io/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://14e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://e9e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script async="" src="https://buttons-config.sharethis.com/js/5acdc0aa3ef3c0001396fd50.js"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script async="true" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-X26HYP4083&amp;cx=c&amp;gtm=4e5bc1"></script>
<script type="text/javascript" async="" src="//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"></script>
<script async="" src="https://www.clarity.ms/tag/h7rbxqry9k"></script>
<script src="//bat.bing.com/bat.js" async=""></script>
<script src="https://connect.facebook.net/signals/config/165971065669324?v=2.9.241&amp;r=stable&amp;domain=localhost&amp;hme=5bd299cb4a477effb7bd992f8c033bfd3316c17b5e8e681c5c577860e1b0bfc7&amp;ex_m=90%2C151%2C131%2C19%2C66%2C67%2C124%2C62%2C42%2C125%2C71%2C61%2C138%2C79%2C13%2C89%2C27%2C119%2C111%2C69%2C72%2C118%2C135%2C98%2C140%2C7%2C3%2C4%2C6%2C5%2C2%2C80%2C88%2C141%2C218%2C162%2C56%2C220%2C221%2C49%2C177%2C26%2C68%2C226%2C225%2C165%2C29%2C55%2C8%2C58%2C84%2C85%2C86%2C91%2C115%2C28%2C25%2C117%2C114%2C113%2C132%2C70%2C134%2C133%2C44%2C54%2C108%2C12%2C137%2C39%2C207%2C209%2C172%2C22%2C23%2C24%2C16%2C17%2C38%2C34%2C36%2C35%2C75%2C81%2C83%2C96%2C123%2C126%2C40%2C97%2C20%2C18%2C102%2C63%2C32%2C128%2C127%2C129%2C120%2C21%2C31%2C53%2C95%2C136%2C64%2C15%2C130%2C30%2C187%2C158%2C268%2C205%2C149%2C190%2C183%2C159%2C93%2C116%2C74%2C106%2C48%2C41%2C104%2C105%2C110%2C52%2C14%2C112%2C103%2C59%2C43%2C99%2C47%2C50%2C46%2C87%2C139%2C0%2C109%2C11%2C107%2C9%2C1%2C51%2C82%2C57%2C60%2C101%2C78%2C77%2C45%2C121%2C76%2C73%2C65%2C100%2C92%2C37%2C122%2C33%2C94%2C10%2C142" async=""></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script type="text/javascript" async="" src="https://api-na1.hubapi.com/scriptloader/v1/6800477.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://googlesignintest.loca.lt/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://6403-180-254-64-204.ngrok.io/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://14e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://e9e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script async="" src="https://buttons-config.sharethis.com/js/5acdc0aa3ef3c0001396fd50.js"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script type="text/javascript" async="" src="//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"></script>
<script async="" src="https://www.clarity.ms/tag/h7rbxqry9k"></script>
<script src="//bat.bing.com/bat.js" async=""></script>
<script src="https://connect.facebook.net/signals/config/165971065669324?v=2.9.241&amp;r=stable&amp;domain=localhost&amp;hme=5bd299cb4a477effb7bd992f8c033bfd3316c17b5e8e681c5c577860e1b0bfc7&amp;ex_m=90%2C151%2C131%2C19%2C66%2C67%2C124%2C62%2C42%2C125%2C71%2C61%2C138%2C79%2C13%2C89%2C27%2C119%2C111%2C69%2C72%2C118%2C135%2C98%2C140%2C7%2C3%2C4%2C6%2C5%2C2%2C80%2C88%2C141%2C218%2C162%2C56%2C220%2C221%2C49%2C177%2C26%2C68%2C226%2C225%2C165%2C29%2C55%2C8%2C58%2C84%2C85%2C86%2C91%2C115%2C28%2C25%2C117%2C114%2C113%2C132%2C70%2C134%2C133%2C44%2C54%2C108%2C12%2C137%2C39%2C207%2C209%2C172%2C22%2C23%2C24%2C16%2C17%2C38%2C34%2C36%2C35%2C75%2C81%2C83%2C96%2C123%2C126%2C40%2C97%2C20%2C18%2C102%2C63%2C32%2C128%2C127%2C129%2C120%2C21%2C31%2C53%2C95%2C136%2C64%2C15%2C130%2C30%2C187%2C158%2C268%2C205%2C149%2C190%2C183%2C159%2C93%2C116%2C74%2C106%2C48%2C41%2C104%2C105%2C110%2C52%2C14%2C112%2C103%2C59%2C43%2C99%2C47%2C50%2C46%2C87%2C139%2C0%2C109%2C11%2C107%2C9%2C1%2C51%2C82%2C57%2C60%2C101%2C78%2C77%2C45%2C121%2C76%2C73%2C65%2C100%2C92%2C37%2C122%2C33%2C94%2C10%2C142" async=""></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script src="https://js.hs-analytics.net/analytics/1763100900000/6800477.js" type="text/javascript" id="hs-analytics"></script>
<script src="https://js.hs-banner.com/v2/6800477/banner.js" type="text/javascript" id="cookieBanner-6800477" data-cookieconsent="ignore" data-hs-ignore="true" data-loader="hs-scriptloader" data-hsjs-portal="6800477" data-hsjs-env="prod" data-hsjs-hublet="na1"></script>
<script src="https://js.hscollectedforms.net/collectedforms.js" type="text/javascript" id="CollectedForms-6800477" crossorigin="anonymous" data-leadin-portal-id="6800477" data-leadin-env="prod" data-loader="hs-scriptloader" data-hsjs-portal="6800477" data-hsjs-env="prod" data-hsjs-hublet="na1"></script>
<script src="https://js-na1.hs-scripts.com/6800477.js" type="text/javascript" id="hs-script-loader"></script>
<script src="https://js.hs-banner.com/v2/6800477/banner.js" type="text/javascript" id="cookieBanner-6800477" data-cookieconsent="ignore" data-hs-ignore="true" data-loader="hs-scriptloader" data-hsjs-portal="6800477" data-hsjs-env="prod" data-hsjs-hublet="na1"></script>
<script src="https://js.hs-analytics.net/analytics/1763100000000/6800477.js" type="text/javascript" id="hs-analytics"></script>
<script src="https://js.hscollectedforms.net/collectedforms.js" type="text/javascript" id="CollectedForms-6800477" crossorigin="anonymous" data-leadin-portal-id="6800477" data-leadin-env="prod" data-loader="hs-scriptloader" data-hsjs-portal="6800477" data-hsjs-env="prod" data-hsjs-hublet="na1"></script>
<script type="text/javascript" async="" src="https://api-na1.hubapi.com/scriptloader/v1/6800477.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://googlesignintest.loca.lt/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://6403-180-254-64-204.ngrok.io/public/scripts/shopify-page-script.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://14e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js?shop=outerbloom1.myshopify.com"></script>
<script type="text/javascript" async="" src="https://e9e1-180-254-64-204.ngrok.io/public/scripts/shopifyPageScript.js?shop=outerbloom1.myshopify.com"></script>
<script async="" src="https://platform-api.sharethis.com/panorama.js"></script>
<script src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=veciidx" async="" defer=""></script>
<script async="" src="https://outerbloom.com/cdn/wpm/bae1676cfwd2530674p4253c800m34e853cbm.js" data-shop-id="15896833" data-storefront-base-url="https://outerbloom.com" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="ae1676cfwd2530674p4253c800m34e853cb" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:285000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;vendor&quot;:&quot;Outerbloom&quot;,&quot;id&quot;:&quot;8972564564888&quot;,&quot;untranslatedTitle&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;url&quot;:&quot;/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml&quot;,&quot;type&quot;:&quot;Tumbler&quot;},&quot;id&quot;:&quot;45927437664471&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp&quot;},&quot;sku&quot;:&quot;[C]OBIBOT1011&quot;,&quot;title&quot;:&quot;Default Title&quot;,&quot;untranslatedTitle&quot;:&quot;Default Title&quot;}}]]" data-browser-target="modern"></script>
<script async="" src="//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script>
<style id="googleidentityservice_button_styles">
.qJTHM{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#202124;direction:ltr;-webkit-touch-callout:none;font-family:"Roboto-Regular",arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;overflow:hidden;-webkit-text-size-adjust:100%}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{overflow-wrap:break-word;word-break:break-word}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-u2z5K{height:36px;width:36px}.Bz112c-uaxL4e{border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf{border:none;margin:0;padding:0}.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u{-webkit-transition:height linear .2s;transition:height linear .2s}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important;-webkit-transition:width linear .3s;transition:width linear .3s}.P1ekSe-ZMv3u>div:nth-child(2){background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.7))),-webkit-gradient(linear,left top,right top,from(#1a73e8),to(#1a73e8))!important;background-image:-webkit-linear-gradient(left,rgba(255,255,255,.7),rgba(255,255,255,.7)),-webkit-linear-gradient(left,#1a73e8,#1a73e8)!important;background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.P1ekSe-ZMv3u>div:nth-child(3){background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.7))),-webkit-gradient(linear,left top,right top,from(#1a73e8),to(#1a73e8))!important;background-image:-webkit-linear-gradient(left,rgba(255,255,255,.7),rgba(255,255,255,.7)),-webkit-linear-gradient(left,#1a73e8,#1a73e8)!important;background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s;transition:background-color .218s,border-color .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}@media screen and (preferes-contrast:more){.nsm7Bb-HzV7m-LgbsSe{color:#000}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{color:#fff}}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;align-items:center;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:1;-webkit-box-flex:1;flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:0;-webkit-box-flex:0;flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{-webkit-transition:background-color .218s;transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{box-shadow:none;border-color:rgb(210,227,252);outline:none}.nsm7Bb-HzV7m-LgbsSe:focus-within{outline:2px solid #00639b;border-color:transparent}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.08)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#000;fill:#000}}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}
</style>
<script src="https://bat.bing.com/p/action/343051754.js" type="text/javascript" async="" data-ueto="ueto_901c276266"></script>
<script src="https://accounts.google.com/gsi/client"></script>
<style>
.org-card {
  max-width: 420px;
  margin: -5px auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,.06);
  font-family: system-ui, Arial, sans-serif;
  padding: 16px;
  text-align: center;
}
.org-logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 10px;
}
.org-name {
  font-size: 1.1rem;
  font-weight: 700;
  color: #000001;
  margin-bottom: 6px;
}
.org-contact {
  font-size: .9rem;
  color: #333;
  margin-bottom: 10px;
}
.org-social {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
}
.org-social a {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f9f9f9;
  transition: transform .2s, background .2s;
}
.org-social a:hover {transform: scale(1.1);background:#ffeaea;}
.org-social img {width:18px;height:18px;display:block;}

:root{--brand:#FF0000;--brand-mid:#FF0000;--brand-dark:#000001;--border:#e5e7eb;--bg:#fff;--shadow:0 6px 15px rgba(0,0,0,.08);}
.app-card{max-width:650px;margin:25px auto;background:var(--bg);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .3s;font-family:system-ui,Arial,sans-serif;font-size:.92rem;}
.app-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12);}
.app-header{padding:12px 16px;text-align:center;background:linear-gradient(135deg,var(--brand),var(--brand-mid),var(--brand-dark));color:#fff;font-weight:800;font-size:1.15rem;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.app-table{width:100%;border-collapse:collapse;}
.app-table th,.app-table td{padding:8px 12px;vertical-align:middle;}
.app-table th{width:35%;background:var(--brand-mid);color:#fff;font-weight:700;letter-spacing:.2px;border-bottom:1px solid #ff0000ff;text-transform:uppercase;font-size:.85rem;}
.app-table td{border-bottom:1px solid var(--border);color:#1f1f1f;font-size:.9rem;}
@media(max-width:640px){.app-table,.app-table tbody,.app-table tr,.app-table th,.app-table td{display:block;width:100%;}}
.review-section{max-width:850px;margin:30px auto;display:flex;flex-direction:column;gap:18px;font-family:system-ui,Arial,sans-serif;}
.review-card{background:#f5f5f5;padding:16px 20px;border-radius:10px;border-left:5px solid var(--brand);box-shadow:0 3px 6px rgba(0,0,0,.05);transition:all .25s ease-in-out;}
.review-card:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.08);}
.review-author{font-weight:700;color:var(--brand-dark);margin-bottom:4px;display:flex;align-items:center;gap:6px;font-size:.92rem;}
.review-author::before{content:"👤";font-size:1rem;}
.review-card p{margin:0;color:#222;font-size:.94rem;line-height:1.6;}
/* JANGAN warnai .review-rating, biar pseudo-element yang atur warna */
.review-rating{margin-left:auto;font-weight:700}

.review-section{max-width:850px;margin:30px auto;display:flex;flex-direction:column;gap:18px;font-family:system-ui,Arial,sans-serif;}
.review-card{background:#f5f5f5;padding:16px 20px;border-radius:10px;border-left:5px solid var(--brand);box-shadow:0 3px 6px rgba(0,0,0,.05);transition:all .25s ease-in-out;}
.review-card:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.08);}
.review-author{font-weight:700;color:var(--brand-dark);margin-bottom:4px;display:flex;align-items:center;gap:6px;font-size:.92rem;}
.review-author::before{content:"👤";font-size:1rem;}
.review-card p{margin:0;color:#222;font-size:.94rem;line-height:1.6;}
/* JANGAN warnai .review-rating, biar pseudo-element yang atur warna */
.review-rating{margin-left:auto;font-weight:700}

/* ⭐ STAR SYSTEM (mendukung 4.8/4.9) */
.stars{
  --rating:5;              /* fallback */
  --star-size:1rem;
  --star-gap:2px;
  --star-empty:#e5e7eb;
  --star-fill:#f4c430;
  position:relative;
  display:inline-block;
  font-size:var(--star-size);
  line-height:1;
  letter-spacing:var(--star-gap);
}
.stars::before{
  content:"★★★★★";
  color:var(--star-empty);
}
.stars::after{
  content:"★★★★★";
  color:var(--star-fill);
  position:absolute;left:0;top:0;
  width:calc((var(--rating)/5)*100%);
  overflow:hidden;white-space:nowrap;pointer-events:none;
}
.stars.lg{--star-size:1.1rem;letter-spacing:3px}
.badge{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.badge small{color:#555;font-weight:600}

                                .n-columns-2 {
                                    display: grid;
                                    grid-template-columns: repeat(2, 1fr);
                                    font-weight: 700;
                                }
                                
                                .n-columns-2 a {
                                    text-align: center;
                                    margin: 3px;
                                }
                                
                                .login,
                                .register {
                                    color: #fff;
                                    padding: 10px 10px;
                                }
                                
                                .login,
                                .login-button {
                                    text-shadow: 2px 2px #0c0f12;
                                    border-radius: 10px 10px;
                                    border: 1px solid #000000;
                                    background: linear-gradient(270deg,rgba(253, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%);
                                    color: #fff;
                                }
                                
                                .register,
                                .register-button {
                                    text-shadow: 2px 2px #000000;
                                    border-radius: 10px 10px;
                                    background: linear-gradient(90deg,rgba(253, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%);
                                    border: 1px solid #000000;
                                }

    .MAWARCUAN88-slot-fixed-footer {
            display: flex;
            justify-content: space-around;
            position: fixed;
            background: radial-gradient(circle,rgba(253, 29, 29, 1) 0%, rgba(0, 0, 0, 1) 100%);
            outline: none;
            padding: 5px 0;
            box-shadow: 0 0 2px 2px rgb(32, 32, 32);
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 99;
            border-radius: 40px 40px 0px 0px;
            border-style: ridge;
            
        }

        .MAWARCUAN88-slot-fixed-footer a {
            flex-basis: calc((100% - 15px*6)/ 5);
            text-decoration: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fcfbfb;
            max-width: 75px;
            font-size: 12px;
            font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        }

        .MAWARCUAN88-slot-fixed-footer a:hover {
            font-weight: bold;
        }

        .MAWARCUAN88-slot-fixed-footer .center {
            transform: scale(1.5) translateY(-5px);
            background: center no-repeat;
            background-size: contain;
            background-color: inherit;
            border-radius: 50%;
        }

        .MAWARCUAN88-slot-fixed-footer img {
            max-width: 20px;
            margin-bottom: 0;
            max-height: 20px;
        }

	.site-footer{
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(130, 47, 47, 1) 50%, rgba(255, 0, 0, 1) 100%);
}
  .bitlogin-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 999999;
  }
  .bitlogin-popup-overlay.visible {
    opacity: 1;
  }
  .bitlogin-popup {
    background: #FFFFFF;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    display: flex;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .bitlogin-popup.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .bitlogin-popup-with-image {
    max-width: 640px;
  }
  .bitlogin-popup-right-image {
    flex-direction: row-reverse;
  }
  .bitlogin-popup-image {
    object-fit: cover;
    width: 50%;
    height: auto;
  }
  .bitlogin-popup-content {
    padding: 32px;
    position: relative;
    width: 50%;
  }
  .bitlogin-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: white;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    color: inherit;
    padding: 0;
  }
  .bitlogin-popup-close:hover {
    background-color: #e5e5e5;
  }
  .bitlogin-popup-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
  }
  /* Button styles within popup - override width for popup buttons */
  .bitlogin-popup-buttons #google-login,
  .bitlogin-popup-buttons #facebook-login,
  .bitlogin-popup-buttons #apple-login,
  .bitlogin-popup-buttons #whatsapp-login,
  .bitlogin-popup-buttons #microsoft-login,
  .bitlogin-popup-buttons #twitter-login,
  .bitlogin-popup-buttons #amazon-login,
  .bitlogin-popup-buttons #instagram-login,
  .bitlogin-popup-buttons #magic-link-login,
  .bitlogin-popup-buttons #mobile-app-login {
    width: 100% !important;
    font-family: inherit !important;
  }
  .bitlogin-popup-footer {
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    opacity: 0.6;
  }
  /* Modern Typography */
  .bitlogin-popup h2 {
    margin-top: 12px;
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
  }
  .bitlogin-popup-header {
    position: relative;
    margin-bottom: 24px;
  }
  /* Modern gradient accent */
  .bitlogin-popup-content > div {
    font-size: 16px !important;
    line-height: 1.2 !important;
    opacity: 0.85 !important;
  }
  /* Enhanced button interactions */
  .bitlogin-popup-buttons button {
    position: relative;
    overflow: hidden;
  }
  @keyframes ripple {
    0% {
      transform: scale(0, 0);
      opacity: 0.5;
    }
    100% {
      transform: scale(100, 100);
      opacity: 0;
    }
  }
  /* Responsive adjustments */
  @media (max-width: 640px) {
    .bitlogin-popup {
      max-width: 90%;
      width: 90%;
      margin: 0 16px;
    }
    .bitlogin-popup-with-image {
      flex-direction: column !important;
    }
    .bitlogin-popup-image {
      width: 100%;
      height: 180px;
    }
    .bitlogin-popup-content {
      padding: 24px;
    }
    .bitlogin-popup h2 {
      font-size: 24px !important;
    }
  }
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&amp;family=Roboto:wght@400;500&amp;family=Open+Sans:wght@400;500;600&amp;family=Noto+Sans:wght@400;500;600&amp;family=Lato:wght@400;700&amp;family=Poppins:wght@400;500;600&amp;family=Quicksand:wght@400;500;600&amp;family=Raleway:wght@400;500;600&amp;family=PT+Sans:wght@400;700&amp;family=Oswald:wght@400;500;600&amp;display=swap">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,600&amp;display=swap" type="text/css">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>
<script src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=qlr54f" async="" defer=""></script>
<script async="" src="https://outerbloom.com/cdn/wpm/bae1676cfwd2530674p4253c800m34e853cbm.js" data-shop-id="15896833" data-storefront-base-url="https://outerbloom.com" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="ae1676cfwd2530674p4253c800m34e853cb" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:285000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;vendor&quot;:&quot;Outerbloom&quot;,&quot;id&quot;:&quot;8972564564888&quot;,&quot;untranslatedTitle&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;url&quot;:&quot;/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml&quot;,&quot;type&quot;:&quot;Tumbler&quot;},&quot;id&quot;:&quot;45927437664471&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;//outerbloom.com/cdn/shop/files/Tumbler-Terracotta-custom_2.jpg?v=1745313924&quot;},&quot;sku&quot;:&quot;[C]OBIBOT1011&quot;,&quot;title&quot;:&quot;Default Title&quot;,&quot;untranslatedTitle&quot;:&quot;Default Title&quot;}}]]" data-browser-target="modern"></script>
<script async="" src="//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script>
<script src="https://bat.bing.com/p/action/343051754.js" type="text/javascript" async="" data-ueto="ueto_4ce102d3cd"></script>
<script src="https://accounts.google.com/gsi/client"></script>
<style>
  /* Styles for login popup */
  .bitlogin-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 999999;
  }
  .bitlogin-popup-overlay.visible {
    opacity: 1;
  }
  .bitlogin-popup {
    background: #FFFFFF;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    display: flex;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .bitlogin-popup.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .bitlogin-popup-with-image {
    max-width: 640px;
  }
  .bitlogin-popup-right-image {
    flex-direction: row-reverse;
  }
  .bitlogin-popup-image {
    object-fit: cover;
    width: 50%;
    height: auto;
  }
  .bitlogin-popup-content {
    padding: 32px;
    position: relative;
    width: 50%;
  }
  .bitlogin-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: white;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    color: inherit;
    padding: 0;
  }
  .bitlogin-popup-close:hover {
    background-color: #e5e5e5;
  }
  .bitlogin-popup-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
  }
  /* Button styles within popup - override width for popup buttons */
  .bitlogin-popup-buttons #google-login,
  .bitlogin-popup-buttons #facebook-login,
  .bitlogin-popup-buttons #apple-login,
  .bitlogin-popup-buttons #whatsapp-login,
  .bitlogin-popup-buttons #microsoft-login,
  .bitlogin-popup-buttons #twitter-login,
  .bitlogin-popup-buttons #amazon-login,
  .bitlogin-popup-buttons #instagram-login,
  .bitlogin-popup-buttons #magic-link-login,
  .bitlogin-popup-buttons #mobile-app-login {
    width: 100% !important;
    font-family: inherit !important;
  }
  .bitlogin-popup-footer {
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    opacity: 0.6;
  }
  /* Modern Typography */
  .bitlogin-popup h2 {
    margin-top: 12px;
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
  }
  .bitlogin-popup-header {
    position: relative;
    margin-bottom: 24px;
  }
  /* Modern gradient accent */
  .bitlogin-popup-content > div {
    font-size: 16px !important;
    line-height: 1.2 !important;
    opacity: 0.85 !important;
  }
  /* Enhanced button interactions */
  .bitlogin-popup-buttons button {
    position: relative;
    overflow: hidden;
  }
  @keyframes ripple {
    0% {
      transform: scale(0, 0);
      opacity: 0.5;
    }
    100% {
      transform: scale(100, 100);
      opacity: 0;
    }
  }
  /* Responsive adjustments */
  @media (max-width: 640px) {
    .bitlogin-popup {
      max-width: 90%;
      width: 90%;
      margin: 0 16px;
    }
    .bitlogin-popup-with-image {
      flex-direction: column !important;
    }
    .bitlogin-popup-image {
      width: 100%;
      height: 180px;
    }
    .bitlogin-popup-content {
      padding: 24px;
    }
    .bitlogin-popup h2 {
      font-size: 24px !important;
    }
  }
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&amp;family=Roboto:wght@400;500&amp;family=Open+Sans:wght@400;500;600&amp;family=Noto+Sans:wght@400;500;600&amp;family=Lato:wght@400;700&amp;family=Poppins:wght@400;500;600&amp;family=Quicksand:wght@400;500;600&amp;family=Raleway:wght@400;500;600&amp;family=PT+Sans:wght@400;700&amp;family=Oswald:wght@400;500;600&amp;display=swap">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,600&amp;display=swap" type="text/css">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>
</head>
<body data-template="product" id="outerbloom-personalized-tumbler-titan-terra-sunset-with-straw-900-ml" class="template-product template-product">
<iframe id="pxcelframe" title="pxcelframe" src="//t.sharethis.com/a/t_.htm?ver=1.1948.23419&amp;cid=c010&amp;cls=B#cid=c010&amp;cls=B&amp;dmn=outerbloom.com&amp;rnd=1763103125877&amp;tt=t.dhj&amp;dhjLcy=157&amp;lbl=pxcel&amp;flbl=pxcel&amp;ll=d&amp;ver=1.1948.23419&amp;ell=d&amp;cck=__stid&amp;pn=%2Fcollections%2Fcustom-tumbler-minuman%2Fproducts%2Fouterbloom-titan-terra-sunset-with-straw-tumbler-900-ml&amp;qs=na&amp;rdn=outerbloom.com&amp;rpn=%2Fcollections%2Fcustom-tumbler-minuman&amp;rqs=na&amp;cc=KH&amp;cont=AS&amp;ipaddr=103.164.183.154" style="display: none;">
</iframe>
<script async="" src="https://buttons-config.sharethis.com/js/5acdc0aa3ef3c0001396fd50.js"></script>
<script async="" src="https://scripts.clarity.ms/0.8.40/clarity.js"></script>
<script async="" src="https://www.clarity.ms/tag/uet/343051754"></script>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=GT-NFDPL5Q&amp;cx=c&amp;gtm=4e5bc1"></script>
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=AW-11020267329&amp;cx=c&amp;gtm=4e5bc1"></script>
<script src="https://connect.facebook.net/signals/config/165971065669324?v=2.9.241&amp;r=stable&amp;domain=outerbloom.com&amp;hme=5bd299cb4a477effb7bd992f8c033bfd3316c17b5e8e681c5c577860e1b0bfc7&amp;ex_m=90%2C151%2C131%2C19%2C66%2C67%2C124%2C62%2C42%2C125%2C71%2C61%2C138%2C79%2C13%2C89%2C27%2C119%2C111%2C69%2C72%2C118%2C135%2C98%2C140%2C7%2C3%2C4%2C6%2C5%2C2%2C80%2C88%2C141%2C218%2C162%2C56%2C220%2C221%2C49%2C177%2C26%2C68%2C226%2C225%2C165%2C29%2C55%2C8%2C58%2C84%2C85%2C86%2C91%2C115%2C28%2C25%2C117%2C114%2C113%2C132%2C70%2C134%2C133%2C44%2C54%2C108%2C12%2C137%2C39%2C207%2C209%2C172%2C22%2C23%2C24%2C16%2C17%2C38%2C34%2C36%2C35%2C75%2C81%2C83%2C96%2C123%2C126%2C40%2C97%2C20%2C18%2C102%2C63%2C32%2C128%2C127%2C129%2C120%2C21%2C31%2C53%2C95%2C136%2C64%2C15%2C130%2C30%2C187%2C158%2C268%2C205%2C149%2C190%2C183%2C159%2C93%2C116%2C74%2C106%2C48%2C41%2C104%2C105%2C110%2C52%2C14%2C112%2C103%2C59%2C43%2C99%2C47%2C50%2C46%2C87%2C139%2C0%2C109%2C11%2C107%2C9%2C1%2C51%2C82%2C57%2C60%2C101%2C78%2C77%2C45%2C121%2C76%2C73%2C65%2C100%2C92%2C37%2C122%2C33%2C94%2C10%2C142" async=""></script>
<script async="true" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script type="text/javascript" async="" src="//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"></script>
<script async="" src="https://www.clarity.ms/tag/h7rbxqry9k"></script>
<script src="//bat.bing.com/bat.js" async=""></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" async="async"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<!-- Facebook Pixel Code -->
<script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '165971065669324');
      fbq('track', 'PageView');
    </script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=165971065669324&ev=PageView&noscript=1">
</noscript>
<!-- End Facebook Pixel Code -->
<!-- Google G4 Script - Disabled by developer (William) to prioritize Mobile App tracking -->
<!--
      Global site tag (gtag.js) - Google Analytics --
          <script async src="https://www.googletagmanager.com/gtag/js?id=G-X26HYP4083"></script>
          <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-X26HYP4083');
          </script>
      <!-- Global site tag (gtag.js) - Google Analytics
    -->
<script src="//cdnjs.cloudflare.com/ajax/libs/vissense/0.9.0/vissense.js" defer=""></script>
<!-- Bing UET -->
<script>
      (function(w,d,t,r,u)
      {
          var f,n,i;
          w[u]=w[u]||[],f=function()
          {
              var o={ti:"343051754", tm:"shpfy_ui", enableAutoSpaTracking: true};
              o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
          },
          n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
          {
              var s=this.readyState;
              s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
          },
          i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
      })
      (window,document,"script","//bat.bing.com/bat.js","uetq");
    </script>
<script>
      window.uetq = window.uetq || [];
      window.uetq.push('event', '', {"revenue_value":0,"currency":"IDR"});
    </script>
<!-- End Bing UET -->
<!-- Microsoft Clarity -->
<script type="text/javascript">
      (function(c,l,a,r,i,t,y){
          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
      })(window, document, "clarity", "script", "h7rbxqry9k");
    </script>
<!-- End Microsoft Clarity -->
<!-- Apollo Script - Tracking Visitor -->
<script>
      function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script");
      o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0,
      o.onload=function(){window.trackingFunctions.onLoad({appId:"68805f12b2074b001d43bfd8"})},
      document.head.appendChild(o)}initApollo();
    </script>
<script src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=e6xl5e" async="" defer=""></script>
<!-- End Apollo Script - Tracking Visitor -->
<link href="//outerbloom.com/cdn/shop/t/138/assets/combine.min.css?v=111340648424012527321754385205" rel="stylesheet" type="text/css" media="all">
<link href="//outerbloom.com/cdn/shop/t/138/assets/font-awesome.css?v=132324219581463622051752652421" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.min.css">
<script src="//code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="//outerbloom.com/cdn/shop/t/138/assets/combine.js?v=140218079523075729301752652421" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
<meta name="google-site-verification" content="UCvH7i_e5GIptfcHm_bp9wsdNK_Wcng3c3FwuyFeI7o">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/15896833/digital_wallets/dialog">
<link rel="alternate" type="application/json+oembed" href="https://www.hughweber.com/about">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-ID"></script>
<script id="shopify-features" type="application/json">{"accessToken":"d2e176e59f6658d5056234d6249b3ab4","betas":["rich-media-storefront-analytics"],"domain":"outerbloom.com","predictiveSearch":true,"shopId":15896833,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "outerbloom1.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"IDR","rate":"1.0"};
Shopify.country = "ID";
Shopify.theme = {"name":"web-outerbloom-shopify\/main","id":153139282135,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "outerbloom.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
<script defer="defer" async="" type="module" src="//outerbloom.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_COMZFrEa.en.esm.js"></script>
<script defer="defer" async="" type="module" src="//outerbloom.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CdXrxk3f.esm.js"></script>
<script type="module">
  await import("//outerbloom.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_COMZFrEa.en.esm.js");
await import("//outerbloom.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CdXrxk3f.esm.js");
  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    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"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":15896833,"offset":25200,"reqid":"a7206626-56fe-4a98-8275-b8b265c40593-1763103271","pageurl":"outerbloom.com\/collections\/custom-tumbler-minuman\/products\/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml","u":"2698be655320","p":"product","rtyp":"product","rid":8972564564888};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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>
<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>
<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)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- /snippets/oldIE-js.liquid -->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
<script src="//outerbloom.com/cdn/shop/t/138/assets/respond.min.js?v=52248677837542619231752652418" type="text/javascript"></script>
<link href="//outerbloom.com/cdn/shop/t/138/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" id="respond-redirect" rel="respond-redirect" />
<script src="//outerbloom.com/search?q=142e9156869335090161dced0ac98b64" type="text/javascript"></script>
<![endif]-->
<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">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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>
<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: ["2dca8a86"],webPixelsConfigList: [{"id":"870383831","configuration":"{\"accountID\":\"outerbloom1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"162380e6ffd3e5a2854f1aabf54537bb","type":"APP","apiClientId":32196493313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"824574167","configuration":"{\"shop\":\"outerbloom1.myshopify.com\", \"backend\": \"api.bitbybit.studio\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8ca3884b16935b2d1e0b5989bb5681bc","type":"APP","apiClientId":28314632193,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"521994455","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\",\\\"GT-NFDPL5Q\\\"],\\\"target_country\\\":\\\"ID\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/RHfSCK6og9gZEMHe74Yp\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-X26HYP4083\\\",\\\"AW-11020267329\\\/YjjSCKiog9gZEMHe74Yp\\\"]},{\\\"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":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"236060887","configuration":"{\"pixel_id\":\"165971065669324\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"ca16bc87fe92b6042fbaa3acc2fbdaa6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"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":285000.0,"currencyCode":"IDR"},"product":{"title":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","vendor":"Outerbloom","id":"8972564564888","untranslatedTitle":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","url":"\/products\/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml","type":"Tumbler"},"id":"45927437664471","image":{"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924"},"sku":"[C]OBIBOT1011","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},"https://outerbloom.com/cdn","ae1676cfwd2530674p4253c800m34e853cb",{"modern":"","legacy":""},{"shopId":"15896833","storefrontBaseUrl":"https:\/\/outerbloom.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"ae1676cfwd2530674p4253c800m34e853cb","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":285000.0,\"currencyCode\":\"IDR\"},\"product\":{\"title\":\"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA\",\"vendor\":\"Outerbloom\",\"id\":\"8972564564888\",\"untranslatedTitle\":\"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA\",\"url\":\"\/products\/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml\",\"type\":\"Tumbler\"},\"id\":\"45927437664471\",\"image\":{\"src\":\"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924\"},\"sku\":\"[C]OBIBOT1011\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script>
<script async="" src="https://outerbloom.com/cdn/wpm/bae1676cfwd2530674p4253c800m34e853cbm.js" data-shop-id="15896833" data-storefront-base-url="https://outerbloom.com" data-extension-base-url="https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager" data-surface="storefront-renderer" data-enabled-beta-flags="[&quot;2dca8a86&quot;]" data-is-merchant-request="false" data-hash-version="ae1676cfwd2530674p4253c800m34e853cb" data-publish="custom" data-events="[[&quot;page_viewed&quot;,{}],[&quot;product_viewed&quot;,{&quot;productVariant&quot;:{&quot;price&quot;:{&quot;amount&quot;:285000.0,&quot;currencyCode&quot;:&quot;IDR&quot;},&quot;product&quot;:{&quot;title&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;vendor&quot;:&quot;Outerbloom&quot;,&quot;id&quot;:&quot;8972564564888&quot;,&quot;untranslatedTitle&quot;:&quot;Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA&quot;,&quot;url&quot;:&quot;/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml&quot;,&quot;type&quot;:&quot;Tumbler&quot;},&quot;id&quot;:&quot;45927437664471&quot;,&quot;image&quot;:{&quot;src&quot;:&quot;https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp&quot;},&quot;sku&quot;:&quot;[C]OBIBOT1011&quot;,&quot;title&quot;:&quot;Default Title&quot;,&quot;untranslatedTitle&quot;:&quot;Default Title&quot;}}]]" data-browser-target="modern"></script>
<script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'IDR';
  var meta = {"product":{"id":8972564564888,"gid":"gid:\/\/shopify\/Product\/8972564564888","vendor":"Outerbloom","type":"Tumbler","variants":[{"id":45927437664471,"price":28500000,"name":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","public_title":null,"sku":"[C]OBIBOT1011"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8972564564888}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;
      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }
      if (jquery) {
        jquery('body').append(content);
      }
    };
    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }
    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }
    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
        } // XHR beacon
        var xhr = new XMLHttpRequest();
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 15896833,
      theme_id: 153139282135,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js"});
        };
        scriptFallback.async = true;
        scriptFallback.src = '//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//outerbloom.com/cdn/s/trekkie.storefront.308893168db1679b4a9f8a086857af995740364f.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":15896833,"isMerchantRequest":null,"themeId":153139282135,"themeCityHash":"2085221521379252769","contentLanguage":"en","currency":"IDR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["f0df213a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );
    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;
      window.ShopifyAnalytics.lib = window.trekkie;
      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;
      window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8972564564888,"shopifyEmitted":true});
      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"IDR","variantId":45927437664471,"productId":8972564564888,"productGid":"gid:\/\/shopify\/Product\/8972564564888","name":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","price":"285000.00","sku":"[C]OBIBOT1011","brand":"Outerbloom","variant":null,"category":"Tumbler","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
      window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"IDR","variantId":45927437664471,"productId":8972564564888,"productGid":"gid:\/\/shopify\/Product\/8972564564888","name":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","price":"285000.00","sku":"[C]OBIBOT1011","brand":"Outerbloom","variant":null,"category":"Tumbler","nonInteraction":true,"remote":false,"referer":"https:\/\/outerbloom.com\/collections\/custom-tumbler-minuman\/products\/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml"});
      }
    });
        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script async="" src="//outerbloom.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js"></script>
<script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      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.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script defer="" src="https://outerbloom.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-2.1.2.min.js" data-application="storefront-renderer" data-shop-id="15896833" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="153139282135" data-theme-name="" data-theme-version="" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" data-shs-beacon="true" data-shs-export-with-fetch="true" data-shs-logs-sample-rate="1"></script>
<script src="https://outerbloom.com/web-pixels@ae1676cfwd2530674p4253c800m34e853cb/app/web-pixel-521994455@b2a88bafab3e21179ed38636efcd8a93/pixel.modern.js" async="" data-pixel-id="521994455" data-pixel-type="APP"></script>
<script src="https://outerbloom.com/web-pixels@ae1676cfwd2530674p4253c800m34e853cb/app/web-pixel-236060887@ca16bc87fe92b6042fbaa3acc2fbdaa6/pixel.modern.js" async="" data-pixel-id="236060887" data-pixel-type="APP"></script>
<script src="https://bat.bing.com/p/action/343051754.js" type="text/javascript" async="" data-ueto="ueto_47d41f56d2"></script>
<script src="https://accounts.google.com/gsi/client"></script>
<style>
  /* Styles for login popup */
  .bitlogin-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 999999;
  }
  .bitlogin-popup-overlay.visible {
    opacity: 1;
  }
  .bitlogin-popup {
    background: #FFFFFF;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    display: flex;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .bitlogin-popup.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  .bitlogin-popup-with-image {
    max-width: 640px;
  }
  .bitlogin-popup-right-image {
    flex-direction: row-reverse;
  }
  .bitlogin-popup-image {
    object-fit: cover;
    width: 50%;
    height: auto;
  }
  .bitlogin-popup-content {
    padding: 32px;
    position: relative;
    width: 50%;
  }
  .bitlogin-popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: white;
    border: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    color: inherit;
    padding: 0;
  }
  .bitlogin-popup-close:hover {
    background-color: #e5e5e5;
  }
  .bitlogin-popup-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
  }
  /* Button styles within popup - override width for popup buttons */
  .bitlogin-popup-buttons #google-login,
  .bitlogin-popup-buttons #facebook-login,
  .bitlogin-popup-buttons #apple-login,
  .bitlogin-popup-buttons #whatsapp-login,
  .bitlogin-popup-buttons #microsoft-login,
  .bitlogin-popup-buttons #twitter-login,
  .bitlogin-popup-buttons #amazon-login,
  .bitlogin-popup-buttons #instagram-login,
  .bitlogin-popup-buttons #magic-link-login,
  .bitlogin-popup-buttons #mobile-app-login {
    width: 100% !important;
    font-family: inherit !important;
  }
  .bitlogin-popup-footer {
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    opacity: 0.6;
  }
  /* Modern Typography */
  .bitlogin-popup h2 {
    margin-top: 12px;
    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
  }
  .bitlogin-popup-header {
    position: relative;
    margin-bottom: 24px;
  }
  /* Modern gradient accent */
  .bitlogin-popup-content > div {
    font-size: 16px !important;
    line-height: 1.2 !important;
    opacity: 0.85 !important;
  }
  /* Enhanced button interactions */
  .bitlogin-popup-buttons button {
    position: relative;
    overflow: hidden;
  }
  @keyframes ripple {
    0% {
      transform: scale(0, 0);
      opacity: 0.5;
    }
    100% {
      transform: scale(100, 100);
      opacity: 0;
    }
  }
  /* Responsive adjustments */
  @media (max-width: 640px) {
    .bitlogin-popup {
      max-width: 90%;
      width: 90%;
      margin: 0 16px;
    }
    .bitlogin-popup-with-image {
      flex-direction: column !important;
    }
    .bitlogin-popup-image {
      width: 100%;
      height: 180px;
    }
    .bitlogin-popup-content {
      padding: 24px;
    }
    .bitlogin-popup h2 {
      font-size: 24px !important;
    }
  }
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&amp;family=Roboto:wght@400;500&amp;family=Open+Sans:wght@400;500;600&amp;family=Noto+Sans:wght@400;500;600&amp;family=Lato:wght@400;700&amp;family=Poppins:wght@400;500;600&amp;family=Quicksand:wght@400;500;600&amp;family=Raleway:wght@400;500;600&amp;family=PT+Sans:wght@400;700&amp;family=Oswald:wght@400;500;600&amp;display=swap">
<style data-description="gravity-font-faces">
@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MRegular.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 450;
  font-display: swap;
}
@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MMedium.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'GTStandard-M';
  src: url('https://cdn.shopify.com/shop-assets/static_uploads/shoplift/GTStandard-MSemibold.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
</style>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,600&amp;display=swap" type="text/css">
<link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet">
<meta http-equiv="origin-trial" content="A8o5T4MyEkRZqLA9WeG2XTFdV5tsX2Prg85xyQ+RL1btVuybB1K/EQ+7JUsPK+J32oBMTnsoF9B4A+qTlL6efgQAAABweyJvcmlnaW4iOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkZlZENtQnV0dG9uTW9kZSIsImV4cGlyeSI6MTc0NDY3NTIwMCwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
<style id="googleidentityservice_button_styles">
.qJTHM{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#202124;direction:ltr;-webkit-touch-callout:none;font-family:"Roboto-Regular",arial,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;margin:0;overflow:hidden;-webkit-text-size-adjust:100%}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{overflow-wrap:break-word;word-break:break-word}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-u2z5K{height:36px;width:36px}.Bz112c-uaxL4e{border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf{border:none;margin:0;padding:0}.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u{-webkit-transition:height linear .2s;transition:height linear .2s}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important;-webkit-transition:width linear .3s;transition:width linear .3s}.P1ekSe-ZMv3u>div:nth-child(2){background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.7))),-webkit-gradient(linear,left top,right top,from(#1a73e8),to(#1a73e8))!important;background-image:-webkit-linear-gradient(left,rgba(255,255,255,.7),rgba(255,255,255,.7)),-webkit-linear-gradient(left,#1a73e8,#1a73e8)!important;background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.P1ekSe-ZMv3u>div:nth-child(3){background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.7))),-webkit-gradient(linear,left top,right top,from(#1a73e8),to(#1a73e8))!important;background-image:-webkit-linear-gradient(left,rgba(255,255,255,.7),rgba(255,255,255,.7)),-webkit-linear-gradient(left,#1a73e8,#1a73e8)!important;background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s;transition:background-color .218s,border-color .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}@media screen and (preferes-contrast:more){.nsm7Bb-HzV7m-LgbsSe{color:#000}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{color:#fff}}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;align-items:center;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:1;-webkit-box-flex:1;flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{-webkit-flex-grow:0;-webkit-box-flex:0;flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{-webkit-transition:background-color .218s;transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{box-shadow:none;border-color:rgb(210,227,252);outline:none}.nsm7Bb-HzV7m-LgbsSe:focus-within{outline:2px solid #00639b;border-color:transparent}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.08)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;-webkit-box-align:center;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}@media screen and (prefers-contrast:more){.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#000;fill:#000}}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}
</style>
<link rel="dns-prefetch preconnect" href="https://cdn.shopify.com" crossorigin="">
<script src="https://cdn.socket.io/4.0.0/socket.io.min.js"></script>
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/polyfills.Ba0kryUm.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/app._66QYRma.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/locale-en.DerwzvmI.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/page-OnePage.CdaYgrgf.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/LocalizationExtensionField.D89L6euf.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/RememberMeDescriptionText.DcMf9WXV.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/ShopPayOptInDisclaimer.zOWClFJN.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/PaymentButtons.BZ_f7U2Z.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/StockProblemsLineItemList.DdTtTdgQ.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/DeliveryMethodSelectorSection.a4fKkYcW.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/useEditorShopPayNavigation.Bx1jLni0.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/VaultedPayment.DVr1qBJR.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/SeparatePaymentsNotice.Bf_9h7Ki.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/ShipmentBreakdown.jGKhcmM7.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/MerchandiseModal.DgAYn-Eg.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/StackedMerchandisePreview.BUJ3yngu.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/component-ShopPayVerificationSwitch.BBLtky0l.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/useSubscribeMessenger.ZRT2Ybcc.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/index.ANtR4Q0h.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="script" href="/cdn/shopifycloud/checkout-web/assets/c1/PayButtonSection.bIvmfq2h.js" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/app.Du6SSCMk.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/OnePage.Dx_lrSVd.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/DeliveryMethodSelectorSection.BvrdqG-K.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/ShopPayVerificationSwitch.WW3cs_z5.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/useEditorShopPayNavigation.CBpWLJzT.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/VaultedPayment.OxMVm7u-.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="style" href="/cdn/shopifycloud/checkout-web/assets/c1/assets/StackedMerchandisePreview.CKAakmU8.css" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="font" type="font/woff2" href="https://fonts.shopifycdn.com/source_sans_pro/sourcesanspro_n4.50ae3e156aed9a794db7e94c4d00984c7b66616c.woff2?h1=b3V0ZXJibG9vbS5jb20&amp;hmac=908fe5b644485396ed2e0e022ac00aeafe4927748529aca0859499e18711b42d" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="font" type="font/woff2" href="https://fonts.shopifycdn.com/source_sans_pro/sourcesanspro_n6.cdbfc001bf7647698fff34a09dc1c625e4008e01.woff2?h1=b3V0ZXJibG9vbS5jb20&amp;hmac=c1440351c612deec64b5d9ee10238df97c2c3cc6d3dd11d1428d7d20c0f115a9" crossorigin="">
<link rel="prefetch" fetchpriority="low" as="image" href="https://cdn.shopify.com/s/files/1/1589/6833/files/logo-outerbloom_x320.png?v=1613707038" crossorigin="">
<div tabindex="-1" aria-hidden="true" id="web-pixels-manager-sandbox-container" data-shopify-privacy="exclude" style="height: 0px !important; width: 0px !important; position: fixed !important; visibility: hidden !important; overflow: hidden !important; z-index: -100 !important; margin: 0px !important; padding: 0px !important; border: 0px !important;">
	<iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-62947543-LAX-ae1676cfwd2530674p4253c800m34e853cb" src="https://outerbloom.com/web-pixels@ae1676cfwd2530674p4253c800m34e853cb/custom/web-pixel-62947543@1/sandbox/modern/collections/custom-tumbler-minuman/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml" id="web-pixel-sandbox-CUSTOM-62947543-LAX-ae1676cfwd2530674p4253c800m34e853cb" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;">
	</iframe>
	<iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-ae1676cfwd2530674p4253c800m34e853cb" src="https://outerbloom.com/web-pixels@ae1676cfwd2530674p4253c800m34e853cb/custom/web-pixel-shopify-custom-pixel@0450/sandbox/modern/collections/custom-tumbler-minuman/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml" id="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-ae1676cfwd2530674p4253c800m34e853cb" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;">
	</iframe>
</div>
<div class="header-wrapper">
	<div id="shopify-section-NotifBar" class="shopify-section m-0">
		<style>
  #notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;}
  #notification.promo-up {top: -48px!important;}
  .promo-bg {width: 100%;padding: 6px 0;background-color: #212121;}
  .notification__message p {margin: 0;color: #ffffff;font-size: 14px!important;}
  .notification__message p a {text-decoration: underline;color: #ffffff;}
  @media (max-width: 991px){
    .notification__message p {font-size: 14px!important;}
  }
		</style>
		<input id="clearCookie" class="hide" type="button" value="Delete Cookie"></div>
	<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">
		<header>
		<div class="container">
			<div class="header-container row justify-content-between pl-lg-0 pr-lg-0">
				<div class="header-icons header-icon-left col-3"></div>
				<div class="logo col-6 text-center">  
					<h1 class="hide hidden">Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA </h1>
					<a href="https://www.hughweber.com/about"><img src="https://asset-mawarcuan.b-cdn.net/PQCtmWHw.webp" alt="MAWARCUAN88" class="logo-img initial loading" data-was-processed="true"></a>
				</div>
				<div class="header-icon-right header-icons col-3"></div>
			</div>
		</div>
		</header>
		<nav class="nav-header">
		<div class="nav-account-mobile row m-0 d-lg-none">
			<div class="col-6 welcome-cust p-0">Hi Outerbloomer!</div>
			<div class="col-6 login-register text-right p-0">
				<a href="https://www.hughweber.com/about">MAWARCUAN88 LOGIN</a> | <a href="https://www.hughweber.com/about">MAWARCUAN88 DAFTAR</a>
			</div>
		</div>
		<ul class="nav-menu container">
			<li class="">
				<a href="https://www.hughweber.com/about"><span>MAWARCUAN88</span></a>
			</li>
			<li class="has-child">
				<a href="https://www.hughweber.com/about">
				<span>SLOT RESMI</span>
				<span class="chevron-right d-lg-none">
				<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1 1L6 6L1 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				</span>
				</a>
			</li>
			<li class="has-child">
				<a href="https://www.hughweber.com/about">
				<span>SLOT GACOR</span>
				<span class="chevron-right d-lg-none">
				<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1 1L6 6L1 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				</span>
				</a>
			</li>
			<li class="has-child">
				<a href="https://www.hughweber.com/about">
				<span>BANDAR SLOT</span>
				<span class="chevron-right d-lg-none">
				<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1 1L6 6L1 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				</span>
				</a>
			</li>
			<li class="has-child">
				<a href="https://www.hughweber.com/about">
				<span>SLOT ONLINE</span>
				<span class="chevron-right d-lg-none">
				<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1 1L6 6L1 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				</span>
				</a>
			</li>
			<li class="has-child">
				<a href="https://www.hughweber.com/about">
				<span>SLOT777</span>
				<span class="chevron-right d-lg-none">
				<svg width="8" height="12" viewbox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1 1L6 6L1 11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
				</svg>
				</span>
				</a>
			</li>
		</ul>
		</nav>
		<div class="overlay-nav">
			<!-- Mobile Close Button in Overlay -->
			<button id="nav-close" class="nav-close-btn d-lg-none">
			<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M18 6L6 18M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
			</svg>
			</button>
		</div>
		<script>
  if ($(window).width() < 992) {
    // Level 1 menu accordion (main menu items)
    $(".nav-menu .has-child > a").click(function(e){
      e.preventDefault()
      const parentLi = $(this).parent()
      const isCurrentlyOpen = parentLi.hasClass("menu-open")
      // Close all other open menus (accordion behavior)
      $(".nav-menu .has-child").not(parentLi).removeClass("menu-open")
      $(".nav-menu .megamenu").not($(this).next(".megamenu")).slideUp()
      // Toggle current menu
      if (isCurrentlyOpen) {
        parentLi.removeClass("menu-open")
        $(this).next(".megamenu").slideUp()
      } else {
        parentLi.addClass("menu-open")
        $(this).next(".megamenu").slideDown()
      }
    })
    // Level 2 menu accordion (submenu items with grandchildren)
    $(document).on('click', '.dropdown-menu .has-submenu > a', function(e){
      e.preventDefault()
      const parentLi = $(this).parent()
      const isCurrentlyOpen = parentLi.hasClass("submenu-open")
      const grandchild = $(this).next(".grandchild")
      // Close all other open submenus in the same dropdown (accordion behavior)
      parentLi.siblings('.has-submenu').removeClass("submenu-open")
      parentLi.siblings('.has-submenu').find('.grandchild').slideUp()
      parentLi.siblings('.has-submenu').find('.chevron-right').css('transform', 'rotate(0deg)')
      // Toggle current submenu
      if (isCurrentlyOpen) {
        parentLi.removeClass("submenu-open")
        grandchild.slideUp()
        $(this).find('.chevron-right').css('transform', 'rotate(0deg)')
      } else {
        parentLi.addClass("submenu-open")
        grandchild.slideDown()
        $(this).find('.chevron-right').css('transform', 'rotate(90deg)')
      }
    })
    $("#menu-hamburger").click(function(e){
      e.preventDefault()
      $("body").toggleClass("nav_open")
    })
    // Handle close button click
    $("#nav-close").click(function(e){
      e.preventDefault()
      $("body").removeClass("nav_open")
      // Close all open menus when close button is clicked
      $(".nav-menu .has-child").removeClass("menu-open")
      $(".nav-menu .megamenu").slideUp()
      $(".dropdown-menu .has-submenu").removeClass("submenu-open")
      $(".dropdown-menu .grandchild").slideUp()
      $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
    })
  }
  $(".overlay-nav").click(function(e){
      e.preventDefault()
      $("body").removeClass("nav_open")
      // Close all open menus when overlay is clicked
      $(".nav-menu .has-child").removeClass("menu-open")
      $(".nav-menu .megamenu").slideUp()
      $(".dropdown-menu .has-submenu").removeClass("submenu-open")
      $(".dropdown-menu .grandchild").slideUp()
      $(".dropdown-menu .chevron-right").css('transform', 'rotate(0deg)')
  })
		</script>
	</div>
	<div id="shopify-section-search-popup" class="shopify-section m-0">
		<style>
  #search-trigger {
    cursor: pointer;
  }
  #search-popup {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    justify-content: center;
    z-index: 9999;
    background: rgb(196 196 196 / 30%);
  }
  #search-input {
    align-self: center;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    border-bottom: 0.5px solid #A3A3A3;
    background-color: #fff;
  }
  #search-input * {
    align-self: center;
  }
  #search-type {
    width: 100%;
    border: none;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    color: #757575;
  }
  #search-btn {
    font-size: 16px;
    font-weight: 500;
  }
  #search-result {
    min-height: 490px;
    width: 100%;
    padding-top: 80px;
  }
  #search-result .container {
    background-color: #fff;
    padding: 20px 40px;
  }
  body.search-popup-open {
  /* .search-popup-open */
    overflow: hidden;
  }
  .search-popup-open #loc_delivery {
    display: none
  }
  .search-header svg {
    display: none;
    cursor: pointer;
  }
  .wrapper-search-popup {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .group-recommend {
    padding: 20px 40px;
  }
  .resultsearch {
    display: none;
  }
  .results { padding: 20px 40px }
  .resultsearch label {
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #AAAAAA;
  }
  ul.result_product {
    max-height: 300px;
    overflow: auto;
  }
  .group-promotion ul {
    margin: 0;
  }
  .group-promotion li {
    list-style: none;
    margin-bottom: 12px;
  }
  .group-promotion li a {
    color: inherit;
  }
  .group-recent {
    position: relative;
    padding: 20px 40px;
  }
  .group-recent ul {
    margin: 0;
  }
  .group-recent li {
    list-style: none;
    display: inline-block;
    margin-right: 60px;
  }
  .group-recent li a {
    color: inherit;
  }
  .last-search svg {
    width: 20px;
    vertical-align: middle;
  }
  ul.last-search a {
    vertical-align: middle;
    padding: 0 10px;
  }
  ul.last-search li span {
    cursor: pointer;
  }
  .delete-all-history {
    position: absolute;
    top: 25px;
    right: 40px;
    text-decoration: underline;
    color: #e11d1d;
    cursor: pointer;
    font-size: 12px;
  }
  form.search.search-modal__form {
    position: relative;
  }
  button.search__button svg {
    width: 25px;
    color: #495057;
    fill: #757582;
  }
  button.search__button.field__button {
    position: absolute;
    top: 50%;
    margin-top: -12px;
  }
  .close-search {
    display: none;
    position: absolute;
    right: 65px;
    top: 10px;
    cursor: pointer;
  }
  .site-overlay {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background: #0000005c;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all .3s linear;
    display: block !important;
  }
  .search-popup-open .site-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: -1;
    cursor: pointer;
  }
  @media (min-width: 991px) {
    .group-recent ul {
      column-count: 3;
    }
    .group-promotion li a {
      font-size: 12px;
      font-weight: 400;
    }
    .group-recent li a {
      font-size: 12px;
      font-weight: 400;
    }
  }
  .moreresult {
    padding: 10px 40px;
    border-top: 1px solid #AAAAAA;
  }
  .moreresult * {
    align-self: center;
  }
  .moreresult p {
    margin: 0;
    font-size: 12px !important;
  }
  .moreresult svg {
    width: 13px;
  }
  @media (max-width: 992px) {
    .icon-key-mobile {
        height: auto!important;
        width: 10px!important;
    }
    body.grid-view.search-popup-open .products {
      -ms-flex: 0 0 100%!important;
      flex: 0 0 100%!important;
      max-width: 100%!important;
    }
    button.search__button svg {
      width: 20px;
    }
    #search-result {
      padding-left: 0;
      padding-right: 0;
    }
    #search-result {
      padding-top: 55px;
    }
    #search-input {
      height: 55px;
    }
    .group-recommend {
      padding: 20px;
    }
    #search-input .container {
      padding: 0 20px;
    }
    #search-type {
      font-size: 14px;
    }
    #search-btn {
      font-size: 12px;
      text-decoration: underline;
    }
    .results {
      padding: 20px;
    }
    .group-recommend h3 {
      font-size: 16px;
    }
    .products .card-body {
      padding: 8px 0px 10px;
    }
    .moreresult {
      padding: 10px 20px;
    }
  }
		</style>
		<div id="search-popup" style="display: none;">
			<div id="search-input" class="row">
				<div class="container w-100">
					<form action="/search" method="get" role="search" class="search search-modal__form d-flex justify-content-between" data-hs-cf-bound="true">
						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
						<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="#212121"></path>
						</svg>
						<input type="hidden" name="type" value="product">
						<input type="text" id="search-type" name="q" class="search-popup" placeholder="Gifts that linger: Uncover treasures for cherished moments.">
						<div class="close-search">
							<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none">
							<path d="M9 9.708L12.246 12.954C12.3393 13.0473 12.454 13.0973 12.59 13.104C12.726 13.1107 12.8473 13.0607 12.954 12.954C13.0607 12.8473 13.114 12.7293 13.114 12.6C13.114 12.4707 13.0607 12.3527 12.954 12.246L9.708 9L12.954 5.754C13.0473 5.66067 13.0973 5.546 13.104 5.41C13.1107 5.274 13.0607 5.15267 12.954 5.046C12.8473 4.93933 12.7293 4.886 12.6 4.886C12.4707 4.886 12.3527 4.93933 12.246 5.046L9 8.292L5.754 5.046C5.66067 4.95267 5.546 4.90267 5.41 4.896C5.274 4.88933 5.15267 4.93933 5.046 5.046C4.93933 5.15267 4.886 5.27067 4.886 5.4C4.886 5.52933 4.93933 5.64733 5.046 5.754L8.292 9L5.046 12.246C4.95267 12.3393 4.90267 12.4543 4.896 12.591C4.88933 12.7263 4.93933 12.8473 5.046 12.954C5.15267 13.0607 5.27067 13.114 5.4 13.114C5.52933 13.114 5.64733 13.0607 5.754 12.954L9 9.708ZM9.003 18C7.75833 18 6.58833 17.764 5.493 17.292C4.39767 16.8193 3.44467 16.178 2.634 15.368C1.82333 14.558 1.18167 13.606 0.709 12.512C0.236333 11.418 0 10.2483 0 9.003C0 7.75767 0.236333 6.58767 0.709 5.493C1.181 4.39767 1.82133 3.44467 2.63 2.634C3.43867 1.82333 4.391 1.18167 5.487 0.709C6.583 0.236333 7.753 0 8.997 0C10.241 0 11.411 0.236333 12.507 0.709C13.6023 1.181 14.5553 1.82167 15.366 2.631C16.1767 3.44033 16.8183 4.39267 17.291 5.488C17.7637 6.58333 18 7.753 18 8.997C18 10.241 17.764 11.411 17.292 12.507C16.82 13.603 16.1787 14.556 15.368 15.366C14.5573 16.176 13.6053 16.8177 12.512 17.291C11.4187 17.7643 10.249 18.0007 9.003 18ZM9 17C11.2333 17 13.125 16.225 14.675 14.675C16.225 13.125 17 11.2333 17 9C17 6.76667 16.225 4.875 14.675 3.325C13.125 1.775 11.2333 1 9 1C6.76667 1 4.875 1.775 3.325 3.325C1.775 4.875 1 6.76667 1 9C1 11.2333 1.775 13.125 3.325 14.675C4.875 16.225 6.76667 17 9 17Z" fill="#757575"></path>
							</svg>
						</div>
						<button id="search-btn">Search</button>
					</form>
				</div>
			</div>
			<div id="search-result" class="container m-auto">
				<div class="container p-0">
					<div class="group-promotion">
						<div class="resultsearch" style="display: none;">
							<div class="row results">
								<div class="col-12 col-lg-6 mb-3 mb-lg-0">
									<label>SUGGESTIONS</label>
									<ul class="result_collection"></ul>
								</div>
								<div class="col-12 col-lg-6">
									<label>PRODUCTS</label>
									<ul class="result_product"></ul>
								</div>
							</div>
							<div class="d-flex justify-content-between moreresult m-0">
								<p>
									 Search for<span></span>
								</p>
								<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
								<title>icon-arrow-right</title>
								<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>
								</svg>
							</div>
						</div>
					</div>
					<div class="group-recent hide" style="display: none;">
						<h3>RECENT SEARCH</h3>
						<span class="delete-all-history">Hapus riwayat</span>
						<ul class="last-search"></ul>
					</div>
					<div class="group-recommend">
						<h3>YOU MAY ALSO LIKE</h3>
						<div class="row popup-recommend c-products-grid infinite-case product-multi- swiper-container-horizontal swiper-container-wp8-horizontal swiper-container-free-mode swiper-container-android">
							<div class="swiper-wrapper justify-content-between" style="margin-left: 1px; transition-duration: 0ms;">
								<div class="swiper-slide card swiper-slide-active" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="wonder-twilight-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="SLOT GACOR 777" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">SLOT GACOR 777</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 1.695.640</s>
														<span class="product-card-discount small">(-19%)</span>
													</div>
													<div class="price-card">
														<span class="mr-1 from-price">Mulai dari</span>
														<h4 class="product-card-price-after card-money">Rp 1.235.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card swiper-slide-next" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="christmas-holo-abrakadabox-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88 LOGIN" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88 LOGIN</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 750.000</s>
														<span class="product-card-discount small">(-22%)</span>
													</div>
													<div class="price-card">
														<span class="mr-1 from-price">Mulai dari</span>
														<h4 class="product-card-price-after card-money">Rp 585.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="christmas-merry-red-bite-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88 LINK" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88 LINK</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 585.000</s>
														<span class="product-card-discount small">(-34%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 385.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="christmas-green-serene-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88 DAFTAR" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88 DAFTAR</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 685.000</s>
														<span class="product-card-discount small">(-29%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 485.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="outerbloom-red-twinkle-pine-in-pot">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88 DAFTAR" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88 DAFTAR</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 605.000</s>
														<span class="product-card-discount small">(-19%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 485.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="peru-pinetree">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 1.195.000</s>
														<span class="product-card-discount small">(-21%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 935.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="candela-glow">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="SLOT GACOR 777" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">SLOT GACOR 777</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 995.000</s>
														<span class="product-card-discount small">(-21%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 785.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="holiday-gnome">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="SLOT GACOR" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">SLOT GACOR</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 1.330.000</s>
														<span class="product-card-discount small">(-22%)</span>
													</div>
													<div class="price-discount">
														<h4 class="product-card-price-after card-money">Rp 1.035.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="signature-christmas-holo-spectra-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 1.850.000</s>
														<span class="product-card-discount small">(-30%)</span>
													</div>
													<div class="price-card">
														<span class="mr-1 from-price">Mulai dari</span>
														<h4 class="product-card-price-after card-money">Rp 1.10.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
								<div class="swiper-slide card" style="width: 181px; margin-right: 10px;">
									<div class="products" data-lazy="false">
										<div class="bg-products">
											<div class="wishlist-toggle" data-product-handle="signature-christmas-holo-shinetastic-hampers">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewbox="0 0 24 21" fill="none">
												<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.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="#212121"></path>
												</svg>
											</div>
											<a href="https://www.hughweber.com/about" link rel="nofollow noopener">
											<div class="product-card-img-container p-0 position-relative">
												<img class="product-card-img" lazy="false" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="MAWARCUAN88" height="200" width="200">
											</div>
											<div class="card-body product-card-info">
												<h5 class="h5 mb-0">MAWARCUAN88</h5>
												<div class="product-card-price">
													<div class="product-price-sale">
														<s class="product-card-price-before card-money">Rp 2.300.000</s>
														<span class="product-card-discount small">(-24%)</span>
													</div>
													<div class="price-card">
														<span class="mr-1 from-price">Mulai dari</span>
														<h4 class="product-card-price-after card-money">Rp 1.735.000</h4>
													</div>
												</div>
											</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="site-overlay" style="display: none"></div>
		</div>
		<script>
  var swiper = new Swiper('.popup-recommend', {
      slidesPerView : 4, 
      spaceBetween: 30,
      lazy: true ,                            
      speed: 300,
      breakpoints: {
        // when window width is <= 576px
        576: {
        	slidesPerView: 2,
     	 	spaceBetween: 10,
            freeMode: true,
            resistance : true,
            resistanceRatio : 0,
			freeModeMomentumRatio : 0.45,
            freeModeMomentumVelocityRatio : 1.5
        },
    	768: {
     	 	slidesPerView: 2,
     	 	spaceBetween: 10
   		 },
    	992: {
      		slidesPerView: 3,
      		spaceBetween: 20
    	}
  	}
  });
  const searchContainer = $("#search-popup")
  const searchInput = $(".search-popup")
  const result_collection = $('.result_collection')
  const result_product = $('.result_product')
  const resultsearch = $('.resultsearch')
  const resultrecommend = $(".group-recommend")
  const moreresult = $(".moreresult")
  searchInput.keyup(function(){
    const input = $(this).val()
    moreresult.find("p span").text(` “${input}”`)
    if(input.length > 2) {
      $(".close-search").show()
      const url = `https://outerbloom.com/search/suggest.json?resources[limit]=10&resources[limit_scope]=each&resources[type]=collection,product&q=${input}`
      $.ajax({
        type: 'GET',
        url,
        beforeSend: function() {
            // setting a timeout
            // $(placeholder).addClass('loading');
        },
        success: async function(response) {
            resultsearch.show()
            resultrecommend.hide()
            result_collection.html("")
            result_product.html("")
            const collections = response.resources.results.collections
            const products = response.resources.results.products
            let collection_length = collections.length
            let product_length = products.length
            async function getCollectionProductCount(handle) {
              try {
                const collectionUrl = `https://outerbloom.com/collections/${handle}.json`
                const response = await fetch(collectionUrl)
                if (response.ok) {
                  const data = await response.json()
                  return data.collection.products_count ? data.collection.products_count : 0
                }
                return 0
              } catch (error) {
                console.log('Error fetching collection product count:', error)
                return 0
              }
            }
            // if(collections.length > 5) {
            //   collection_length = 5
            // }
            // if(products.length > 5) {
            //   product_length = 5
            // }
            // product count from https://outerbloom.com/collections/[collections-handle].json
            for(let i=0;i<collection_length;i++){
              const title = collections[i].title
              const url = collections[i].url
              const count = await getCollectionProductCount(collections[i].handle)
              let html_collection = ''
              if(count > 0) {
                if(!title.includes('AIA') && !title.includes('AXA') && !title.includes('WOM') && !title.includes('Upsell')) {
                  html_collection = `
                  <li class="item" data-title="${title}">
                    <a href="${url}" data-type="collection" class="item_url" data-title="${title}" data-url="${url}">${title}</a>
                  </li>
                  `
                }
              }
              result_collection.append(html_collection)
            }
            for(let i=0;i<product_length;i++){
              const title = products[i].title
              const url = products[i].url
              const image = products[i].featured_image.url
              const vendor = products[i].vendor
              let html_product
              if(vendor !== 'AIA' && vendor !== 'AXA' && vendor !== 'WOM Finance' && !title.includes('Extra Shipping Cost') && !title.includes('[US]') && !title.includes('Rp')){
                html_product = `
                <li class="item" data-vendor="${vendor}">
                  <a href="${url}" class="item_url" data-type="product" data-title="${title}" data-url="${url}"><img src="${image}" alt="${title}" style="width: 70px;vertical-align: middle;margin-right: 20px;"><span>${title}</span></a>
                </li>
                `
              }
              result_product.append(html_product)
            }
        },
        error: function(xhr) { // if error occured
            alert("Error occured.please try again");
        },
        complete: function(response) {
            // $(placeholder).removeClass('loading');
        },
        dataType: 'JSON'
      });
    } else {
      result_collection.html("")
      result_product.html("")
      resultsearch.hide()
      resultrecommend.show()
    }
  })
  moreresult.click(function(){
    $("#search-btn").trigger("click");
  })
  $(".close-search").click(function(){
    $(this).hide()
    searchInput.val("")
    searchInput.focus()
    resultsearch.hide()
    resultrecommend.show()
  })
  function setCookie(name,value,days) {
    var expires = "";
    if (days) {
      var date = new Date();
      date.setTime(date.getTime() + (days*24*60*60*1000));
      expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
  }
  function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
  }
  let last_search_name = []
  let last_search_url = []
  $(".group-recent").hide()
  if(getCookie("last_search_name") != null && getCookie("last_search_url") != null){
    if(getCookie("last_search_name") != "" && getCookie("last_search_url") != ""){
      $(".group-recent").show()
      last_search_name = getCookie("last_search_name");
      last_search_url = getCookie("last_search_url");
      const arrName = last_search_name.substring(1).split(',').reverse()
      const arrUrl = last_search_url.substring(1).split(',').reverse()
      console.log(arrName, 'Array Name')
      console.log(arrUrl, 'Array Url')
      let length = arrName.length
      if(arrName.length > 5) {
        length = 5
      }
      for(let n=0;n<length;n++){
        let html2 = `<li><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><path d="M12.25,2A9.81,9.81,0,0,0,4.77,5.46L3.41,4.25a1,1,0,0,0-1.07-.16A1,1,0,0,0,1.75,5V9a1,1,0,0,0,1,1h4.5a1,1,0,0,0,.93-.64,1,1,0,0,0-.27-1.11L6.26,6.78a7.86,7.86,0,0,1,6-2.78A8,8,0,1,1,4.72,14.67a1,1,0,0,0-1.89.66A10,10,0,1,0,12.25,2Z" fill="#C9C9C9"/><path d="M16,16a1,1,0,0,1-.6-.2l-4-3A1,1,0,0,1,11,12V8a1,1,0,0,1,2,0v3.5l3.6,2.7a1,1,0,0,1,.2,1.4A1,1,0,0,1,16,16Z" fill="#C9C9C9"/></svg><a href="${arrUrl[n]}">${arrName[n]}</a><span data-title="${arrName[n]}" data-url="${arrUrl[n]}"></span></li>`
        $(".group-recent ul").append(html2)
      }
    }
  }
  console.log(last_search_name, 'Name')
  console.log(last_search_url, 'url')
  resultsearch.delegate(".item a", "click", function(){
    let name = [last_search_name]
    let url = [last_search_url]
    name.push($(this).attr('data-title'))
    url.push($(this).attr('data-url'))
    setCookie("last_search_name",name,7);
    setCookie("last_search_url",url,7);
  })
  $(".delete-all-history").click(function() {
    setCookie("last_search_name",null,0);
    setCookie("last_search_url",null,0);
    $(".last-search").hide();
    setTimeout(function(){
      location.reload();
    }, 500);
  })
  $("#search-trigger").click(function(){
    search_open()
  })
  $(".icon-search-mobile").click(function(){
    search_open()
  })
  $(".search-header svg").click(function(){
    search_close()
  })
  $(".icon-key-mobile").click(function(){
    search_close()
  })
  function search_open() {
    $("body").addClass("search-popup-open")
    $("#nav-mobile-icon, .search-header label, .icon-search-mobile").hide()
    $("#search-popup, .search-header svg, .icon-key-mobile").show()
    $(".search-popup").focus()
    $('.popup-recommend')[0].swiper.update();
  }
  function search_close() {
    $("body").removeClass("search-popup-open")
    $("#nav-mobile-icon, .search-header label, .icon-search-mobile").show()
    $("#search-popup, .search-header svg, .icon-key-mobile").hide()
    searchInput.val("")
    resultsearch.hide()
    resultrecommend.show()
  }
  $(".site-overlay").click(function(){
    search_close()
  })
		</script>
	</div>
</div>
<div id="PageContainer" class="is-moved-by-drawerx">
	<main class="main-content pt-0" role="main">
	<div id="breadcrumbProduct" class="d-none d-lg-block">
		<style>
  #breadcrumbProduct {
    padding: 20px 0;
  }
  #breadcrumbProduct ul {
      display: flex;
      padding: 0;
      list-style: none;
      margin: 0;
      gap: 12px;
  }
  #breadcrumbProduct ul li {
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
}
  #breadcrumbProduct ul li a {
    color: #757575;
  }
  #breadcrumbProduct ul li svg {
    width: 10px;
    height: 10px;
    padding: 0;
    color: #757575;
    vertical-align: middle;
  }
		</style>
		<div class="container">
			<ul role="navigation" aria-label="breadcrumbs">
				<li>
					<a href="https://www.hughweber.com/about">MAWARCUAN88</a>
				</li>
				<li>
					<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewbox="0 0 7 10" fill="none">
					<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"></path>
					</svg>
				</li>
				<li>
					<a href="https://www.hughweber.com/about">SLOT GACOR 777</a>
				</li>
				<li>
					<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewbox="0 0 7 10" fill="none">
					<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"></path>
					</svg>
				</li>
				<li>
					 Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA
				</li>
			</ul>
		</div>
	</div>
	<div id="shopify-section-Product" class="shopify-section product-section mt-0">
		<link href="//outerbloom.com/cdn/shop/t/138/assets/product.css?v=105886191965998569071762859288" rel="stylesheet" type="text/css" media="all">
		<!-- /templates/product.liquid -->
		<!-- <div itemscope itemtype="http://schema.org/Product"> -->
		<div class="product-tumbler" data-product-type="personalizationGift">
			<meta itemprop="url" content="https://www.hughweber.com/about">
			<meta itemprop="image" content="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
			<input id="data-sku" type="hidden" value="[C]OBIBOT1011">
			<div class="product-single">
				<div id="product-top" class="container">
					<div class="row bg-card product-sticky">
						<div id="product-image" class="col-lg-7 text-center">
							<div class="product-image">
								<div class="row no-gutters">
									<div id="product-featured-image" class="row w-100">
										<div id="featured-image-product" class="col-lg-10 col-12 d-none d-lg-block">
											<div class="swiper-container gallery-top">
												<div class="swiper-slide product-single__image" style="height: 0px;">
													<div class="product-single__photos slider slider-for" id="ProductPhoto">
														<div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails is-ready">
															<a href="https://www.hughweber.com/about"><img src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA" id="ProductPhotoImg" class="lazyload initial loaded" data-was-processed="true"></a>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div id="featured-image-product2" class="col-12 d-lg-none">
										<div class="swiper-container gallery-mobile swiper-container-horizontal swiper-container-wp8-horizontal swiper-container-android">
											<ul class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
												<li class="swiper-slide img swiper-slide-active" style="height: 412px; width: 412px;">
													<img class="swiper-lazy loaded swiper-lazy-loaded" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA" width="" height="" data-was-processed="true">
												</li>
												<li class="swiper-slide img swiper-slide-next" style="height: 412px; width: 412px;">
													<img class="swiper-lazy loaded" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" data-src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA" width="" height="" data-was-processed="true">
												</li>
											</ul>
											<div class="swiper-button-prev swiper-button-disabled">
												<svg class="icon icon-chevron-left" xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewbox="0 0 7 12"><circle cx="60%" cy="50%" r="12" fill="transparent"></circle><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"></path></svg>
											</div>
											<div class="swiper-button-next">
												<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" viewbox="0 0 7 10" fill="none">
												<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"></path>
												</svg>
											</div>
											<!-- Add Pagination -->
											<div class="swiper-pagination swiper-pagination-bullets">
												<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span>
											</div>
										</div>
									</div>
									<div class="product-m-pageleb-video col-12 text-center d-lg-none">
										<!-- product video -->
										<style>
      .view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #212121;background:#fff;}
      .view-video .icon-play{fill:#212121;vertical-align: middle;}
      .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;}
      .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;}
      .close-video .icon{width:30px;height:30px;}
      /*responsive iframe */
      .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);}
      .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;}
      .youtube {
        background-color: #000;
        margin-bottom: 30px;
        position: relative;
        padding-top: 56.25%;
        overflow: hidden;
        cursor: pointer;
        width: 100%;
      }
      .swiper-slide .youtube {
        max-width: 480px;
      }
      .youtube img {
        width: 100%;
        top: -16.82%;
        left: 0;
        opacity: 0.7;
      }
      .youtube .play-button {
        width: 90px;
        height: 60px;
        background-color: #333;
        box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
        z-index: 1;
        opacity: 0.8;
        border-radius: 6px;
      }
      .youtube .play-button:before {
        content: "";
        border-style: solid;
        border-width: 15px 0 15px 26.0px;
        border-color: transparent transparent transparent #fff;
      }
      .youtube img,
      .youtube .play-button {
        cursor: pointer;
      }
      .youtube img,
      .youtube iframe,
      .youtube .play-button,
      .youtube .play-button:before {
        position: absolute;
      }
      .youtube .play-button,
      .youtube .play-button:before {
        top: 50%;
        left: 50%;
        transform: translate3d( -50%, -50%, 0 );
      }
      .youtube iframe {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
      }
										</style>
									</div>
								</div>
								<div class="product-desc-add position-relative d-none d-lg-block m-0"></div>
								<script>
  if ($(window).width() < 991) {
    var direction = 'horizontal'
  } else {
    var direction = 'vertical'
    $(".gallery-thumbs").height($("#ProductPhotoImg").height())
  }
  var swiper = new Swiper('.gallery-thumbs', {
    // loop: true,
    direction,
    slidesPerView: 4.5,
    spaceBetween: 12,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }
  });
  var swiper = new Swiper('.gallery-mobile', {
    //loop: true,
    lazy: true,
    speed: 300,
    resistance : true,
    resistanceRatio : 0,
    freeModeMomentumRatio : 0.45,
    freeModeMomentumVelocityRatio : 1.5,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    pagination: {
      el: '.swiper-pagination'
    },
    useCSS3Transforms: false,
    loop: false,
    on: {
      init: function () {
        console.log('swiper initialized');
        var currentVideo =  $("[data-swiper-slide-index=" + this.realIndex + "]").find("video");
        currentVideo.trigger('play');
      },
    },
  });
  /* GET ALL VIDEOS */
  var sliderVideos = $(".swiper-slide video");
  /* SWIPER API - Event will be fired after animation to other slide (next or previous) */
  swiper.on('slideChange', function () {
    console.log('slide changed');
    /* stop all videos  */
    sliderVideos.each(function( index ) {
      this.currentTime = 0;
    });
    /* SWIPER GET CURRENT AND PREV SLIDE (AND The VIDEO INSIDE) */
    var prevVideo =  $(`[data-swiper-slide-index="${this.previousIndex}]"`).find("video");
    var currentVideo =  $(`[data-swiper-slide-index="${this.realIndex}"]`).find("video");
    prevVideo.trigger('stop');
    currentVideo.trigger('play');
  });
  $("[data-video]").click(function(){
    const file = $(this).data("video")
    $(".product-single__video").show()
    $(".product-single__image").hide()
    $(".product-single__video").find("video").attr("src", file)
    $(".product-single__video").find("video")[0].play();
  })
  $("[data-image]").click(function(){
    $(".product-single__video").hide()
    $(".product-single__image").show()
    $(".product-single__video").find("video")[0].pause();
  })
  $("#product-image .swiper-slide").each(function(){
    let width = $(this).width()
    $(this).height(width)
  })
  $(window).resize(function() {
    $("#product-image .swiper-slide").each(function(){
      let width = $(this).width()
      $(this).height(width)
    })
  })
								</script>
							</div>
						</div>
						<div id="product-meta" class="col-lg-5 p-0">
							<div class="product-meta">
								<style>
                 .custom-lazada .purchase-panel {
      background:linear-gradient(179deg,rgba(255, 0, 0, 1) 0%, rgba(102, 1, 1, 1) 50%, rgba(0, 0, 0, 1) 100%);
      backdrop-filter: blur(10px);
      border-radius: 16px;
      padding: 25px;
      height: fit-content;
      border: 1px solid rgb(255, 0, 0);
      box-shadow: 0 8px 20px rgb(253, 7, 7)
    }

    .custom-lazada .panel-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 20px;
      color: #fff
    }

    .custom-lazada .quantity-selector {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 15px
    }

    .custom-lazada .quantity-controls {
      display: flex;
      align-items: center;
      border: 1px solid rgb(255, 255, 255);
      border-radius: 8px;
      background:rgb(219, 18, 18)
    }

    .custom-lazada .qty-btn {
      background: 0 0;
      border: none;
      padding: 10px 14px;
      cursor: pointer;
      font-size: 18px;
      color: #fff;
      transition: all .3s ease;
      font-weight: 700
    }

    .custom-lazada .qty-btn:hover {
      background: linear-gradient(50deg, transparent,rgb(255, 0, 0));
      color: #fff;
      border: 2px solid black
    }

    .custom-lazada .qty-input {
      border: none;
      text-align: center;
      width: 50px;
      padding: 8px 4px;
      font-size: 16px;
      background: 0 0;
      color: #fff
    }

    .custom-lazada .stock-info-panel {
      color: rgb(255, 255, 255);
      font-size: 14px
    }

    .custom-lazada .subtotal {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 20px 0;
      font-size: 16px;
      color: rgb(255, 255, 255)
    }

    .custom-lazada .subtotal-amount {
      font-weight: 700;
      font-size: 18px;
      color:rgb(255, 255, 255)
    }

    .custom-lazada .action-buttons {
      display: flex;
      flex-direction: column;
      gap: 12px
    }

    .custom-lazada .btn {
      padding: 14px;
      border: none;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      transition: all .3s ease;
      position: relative;
      overflow: hidden
    }

    .custom-lazada .btn::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      background: rgba(255, 255, 255, 0.25);
      border-radius: 50%;
      transform: translate(-50%, -50%);
      transition: width .6s, height .6s
    }

    .custom-lazada .btn:hover::before {
      width: 300px;
      height: 300px
    }

    .custom-lazada .btn-cart {
      background: linear-gradient(50deg, transparent,rgb(255, 0, 0));
      color: #fff;
      border: 2px solid red
    }

    .custom-lazada .btn-cart:hover {
      background: linear-gradient(75deg,rgb(0, 0, 0),rgb(255, 0, 0));
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgb(255, 0, 0)
    }

    .custom-lazada .btn-buy {
      background: linear-gradient(50deg, transparent,rgb(255, 0, 0));
      color: #fff;
      border: 2px solid red
    }

    .custom-lazada .btn-buy:hover {
      background: linear-gradient(75deg,rgb(0, 0, 0),rgb(255, 0, 0));
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgb(255, 0, 0)
    }

    .custom-lazada .action-icons {
      display: flex;
      justify-content: space-around;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #FF0000
    }

    .custom-lazada .icon-btn {
      background: 0 0;
      border: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px;
      cursor: pointer;
      color: rgba(255, 255, 255, .7);
      font-size: 12px;
      transition: all .3s ease;
      padding: 8px;
      border-radius: 8px
    }

    .custom-lazada .icon-btn:hover {
      color:rgb(0, 0, 0);
      background:rgb(255, 0, 0);
      transform: translateY(-2px)
    }

    .custom-lazada .icon-btn span:first-child {
      font-size: 20px
    }
  .product-meta--review {margin-top:10px}
  .freeship * {font-size: 14px !important;font-style: normal;}
								</style>

								<h1 itemprop="name" class="mb-2">Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA</h1>
								<div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
									<meta itemprop="priceCurrency" content="IDR">
									<link itemprop="availability" href="https://schema.org/InStock">
									<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=5acdc0aa3ef3c0001396fd50&amp;product=custom-share-buttons" async="async"></script>
									<span class="visually-hidden">Translation missing: en.products.general.regular_price</span>
									<span class="visually-hidden">Translation missing: en.products.general.sale_price</span>
									<div class="row no-gutters mb-3">
										<span id="ProductPrice" class="h2 ProductPrice" itemprop="price" content="285000">Rp 5,000</span>
										<div class="discount-product-detail">
											<p id="ComparePrice" class="ComparePrice mt-2 mt-lg-0">Rp 100,000</p>
											<span class=" tag-discount">
											<span id="newDiscount" class="product-tag persentase-discount hide">(90%)</span><br></span>
										</div>
									</div>
                  
									<div class="row no-gutters meta-sds">
										<div class="col-12 mb-2 mb-lg-0 stock-info">
											<span id="ProductStock-Product" class="product-single__stock mb-2 hide"></span>
											<style>
    .short-desc-desktop {
        margin-bottom: 2rem;
    }
    .short-desc ul li:nth-child(n + 4) {
        display: none;
    }
    .short-desc ul li.showList:nth-child(n + 4) {
        display: list-item;
    }
    label.more {
        display: none;
    }
    label.more.showMe {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
    }
											</style>
											<div class="short-desc-desktop d-none d-lg-block">
												<div class="short-desc">
													<p>
														<a href="https://www.hughweber.com/about">Mawarcuan88</a> hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777.
													</p>
												</div><br>
                        <div class="org-card">
  <img src="https://asset-mawarcuan.b-cdn.net/CZGTrd0D.webp" alt="Logo MAWARCUAN88" class="org-logo">
  <div class="org-name">MAWARCUAN88</div>
  <div class="t-body -size-s h-text-align-center h-mt2">
        © All Rights Reserved
        <br>
            <a href="https://www.hughweber.com/about">Contact the MAWARCUAN88 Official Help Team</a>
    </div>
  <div class="org-social">
    <a href="https://www.hughweber.com/about" aria-label="Facebook" target="_blank" rel="noopener">
      <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/facebook.svg" alt="Facebook">
    </a>
    <a href="https://www.hughweber.com/about" aria-label="Twitter" target="_blank" rel="noopener">
      <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/x.svg" alt="Twitter / X">
    </a>
    <a href="https://www.hughweber.com/about" aria-label="Instagram" target="_blank" rel="noopener">
      <img src="https://cdn.jsdelivr.net/gh/simple-icons/simple-icons/icons/instagram.svg" alt="Instagram">
    </a>
  </div>
</div>
											</div>
											<script>
    var liCount;
    $(document).ready(function () {
        $(".short-desc ul").each(function() {
            liCount = $(this).children("li").length;
            if (liCount > 3) {
                $(this).parent(".short-desc").next(".more").addClass("showMe");
            }
        });
        $(".more").click(function () {
            //$(".short-desc").find("li").addClass("showList");
            // $(this).hide();
            $("#product-desc").find("ul").show()
            $('html, body').animate({
                scrollTop: $("#product-desc").offset().top - 250
            }, 2000);
            $("#product-desc").css("height","auto");
            $("#more_content").remove();
            $(".product-spec").append("<div id='less_content' class='readmore'><span class='less_content'>Less</span></div>")
        });
    });
											</script>
											<style>
    .container{

      
    }

  .c-pdp-product-info__service--active {
    font-size: 12px;
    padding-left: 10px;
    text-align: left;
    max-width: 550px;
    margin: auto;
  }
  .c-pdp-product-info__service--active li {
    list-style: disc;
  }
  .c-pdp-product-info {
    background-color: #f5f5f5;
    padding: 12px;
    margin: 0;
  }
  .freeship em {
    font-style: italic;
    font-size: 12px !important;
  }
											</style>
											<script>
  $(document).ready(function(){
    if ( $(".c-pdp-product-info__service li").length == 1 ) {
      $(".c-pdp-product-info__service").addClass("no-bullet");
      $(".c-pdp-product-info__service li").addClass("no-bullets");
    }
  });
											</script>
										</div>
									</div>
									<div class="purchasePopup purchasePopupSpotify" style="display: none;">
										<div class="purchaseArea">
											<div class="sectionPurchase sectionPurchaseSpotify">
												<div class="wrapperPurchase">
													<div class="headerPurchase">
														<h3>personalize spotify photo print</h3>
														<a class="close-purchase-popup">
														<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none">
														<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>
														</svg>
														</a>
													</div>
													<div class="contentPurchase">
														<div class="spotifyAddons"></div>
													</div>
													<div class="purchase-button btn-addon row m-0" style="display: none;">
														<div class="col-12 col-lg-2 text-left mb-2 p-0">
															<button class="back-purchase-button back-addon text-uppercase">
															<svg width="15" height="14" viewbox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
															<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>
															</svg>
															<span>Back</span>
															</button>
														</div>
														<div class="col-12 col-lg-10 text-right" style="display: flex;justify-content: end;gap: 20px;">
															<button class="btn next-purchase-button next-addon text-uppercase">
															<span>continue without add-ons</span>
															</button>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<style>
  #PBarNextFrameWrapper {
    display: none;
  }
  #backgroundPopup {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(117 117 117 / 24%);
    z-index: 1;
  }
  .sectionPurchase {
    height: 100%;
    position: relative;
    max-width: 1344px;
    background-color: #fff;
    padding: 0;
    overflow: hidden; /* Changed from auto to hidden */
    display: flex;
    flex-direction: column;
  }
  .sectionPurchase.purchaseAddonSpotify {
    max-width: 1070px!important;
    max-height: 765px!important;
  }
  .sectionPurchaseBoard {
    max-width: 872px!important;
    max-height: 821px!important;
  }
  .purchaseAddonSpotify .btn-action {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .wrapperPurchase {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  /* New styles for scrollable content and sticky button */
  .purchase-content {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
  }
  .purchase-button-wrapper {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    padding: 15px 0;
    margin-top: auto;
    z-index: 10;
  }
  .purchasePopup {
    display: none;
    position: fixed;
    background: rgb(117 117 117 / 24%);
    z-index: 999;
    padding: 40px;
    font-size: 13px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .popupPurchaseClose{
    font-size:14px;
    line-height:14px;
    right:45px;
    top:45px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
    cursor: pointer;
  }
  .headerPurchase {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
  }
  .headerPurchase h3 {
    font-size: 16px;
    text-transform: uppercase;
  }
  .sectionPurchaseBoard .headerPurchase {
    margin-bottom: 15px;
  }
  .sectionPurchaseBoard .formAddressPurchase {
    padding-top: 0;
  }
  .purchaseArea {
    position: relative;
    height: 100%;
  }
  .purchaseArea h4 {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .menuPurchase {
    margin-bottom: 30px;
  }
  .menuPurchase ul {
    list-style-type: none;
    margin: 0;
  }
  .menuPurchase ul li {
    display: inline-block;
    border: 1px solid #212121;
    padding: 5px 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
  }
  .menuPurchase ul li:hover, .menuPurchase ul li.selected {
    background-color: #212121;
    color: #ffffff;
  }
  .contentPurchase h5 {
      font-size: 12px;
      margin-bottom: 10px;
      font-weight: 400;
      overflow: hidden;
  }
  /* Card */
  #itemCards {
    max-height: 430px;
    overflow: auto;
  }
  .item-cards {
      width: 100%;
  }
  .item-card.selected {
      border: 1px solid #212121;
  }
  .item-card:hover {
      border: 1px solid #C4C4C4;
  }
  .item-cards .item-card {
    position: relative;
    width: calc(33% - 10px);
    max-width: calc(33% - 10px);
    flex: 0 0 calc(33% - 10px);
    margin-bottom: 20px;
  }
  .item-cards .item-card label,
  .item-addons .item-addon label {
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .item-cards .item-card .card-image img,
  .item-addons .item-addon .card-image img {
      display: block;
      width: 100%;
  }
  .item-card .card-meta,
  .item-addon .card-meta {
      padding: 10px 5px 5px;
  }
  .item-card.selected .card-meta,
  .item-addon.selected .card-meta,
  .item-card.selected .card-qty {
      background-color: #212121;
      color: #fff;
      visibility: visible!important;
  }
  .item-card:hover .card-meta,
  .item-addon:hover .card-meta,
  .item-card:hover .card-qty {
      background-color: #C4C4C4;
      color: #fff;
      visibility: visible!important;
  }
  .item-cards .item-card p,
  .item-addons .item-addon p {
    font-size: 12px !important;
    margin: 0;
    font-weight: 600;
  }
  .item-card .card-meta input,
  .item-addon .card-meta input {
      display: none;
  }
  .item-cards .item-card h5,
  .item-addons .item-addon h5 {
    text-transform: uppercase;
    max-height: 35px;
  }
  @media (max-width: 768px) {
    .item-cards .item-card {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-bottom: 0;
    }
  }
  .card-qty {
    display: flex;
    padding: 5px;
    visibility: hidden;
    background-color: #fff !important;
    z-index: 999;
  }
  .card-qty a {
    border-width: 1px;
    width: 30%;
    cursor: pointer;
    text-align: center;
    align-self: center;
    height: 28px;
    display: block;
    position: relative;
  }
  .card-qty a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  input.btn-qty {
    border-width: 0px;
    border-radius: 0;
    background-color: #fff;
    -webkit-appearance: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none!important;
    width: 40%;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    padding: 0;
  }
  .sectionPurchaseBoard #itemAddons .item-card {
    width: calc(20% - 15px);
    max-width: calc(20% - 15px);
    flex: 0 0 calc(20% - 15px);
  }
  .purchase-button {
    width: 100%;
    padding: 0; /* Reset padding as it's now handled by wrapper */
    margin: 0;
  }
  .sectionPurchaseBoard .purchase-button {
    margin-top: 0 !important; /* Reset margin */
  }
  .back-purchase-button, .back-spotify {
      width: 139px;
      border: 1px solid;
      height: 43px;
  }
  .purchase-button .btn {
    width: 297px;
    height: 43px;
    background-color: #212121;
    color: #ffffff;
  }
  .purchase-button .btn[disabled] {
    background-color: #EEEEEE;
  }
  .back-purchase-button svg, .back-spotify svg {
    align-self: center;
    vertical-align: middle;
    margin-right: 10px;
  }
  #purchaseProduct .row .error {
    font-size: 12px !important;
    color: rgb(231, 76, 60);
    margin-top: 5px;
  }
  .reviewCardPurchase {
    max-width: 448px;
    float: right;
  }
  .addonsPurchase .addon-item {display: flex;justify-content: space-between;}
  .addon-item * {align-self: center;font-size: 12px;}
  .addon-itm-title {width: 360px;}
  .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;}
  .propsAddonSpotify p {
    margin: 0;
    display: flex;
    font-size: 12px !important;
    margin-bottom: 5px;
  }
  .propsAddonSpotify p span:first-child {
    text-transform: uppercase;
    font-weight: 600;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
  }
  .addonsPurchase .addons {
    max-height: 250px;
    overflow: auto;
  }
  .btn .loading:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #FFFFFF;
    --_m: conic-gradient(#0000 10%, #212121), linear-gradient(#212121 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
    margin: auto;
    vertical-align: middle;
    margin-left: 10px;
  }
  #qrcode img, #qrcode canvas {
    width: 50px;
    position: absolute;
    top: 12px;
    left: 16px;
  }
  .t-preview {
    position: absolute;
    top: 17px;
    left: 75px;
  }
  .t-preview p {
    margin: 0;
    font-size: 12px !important;
  }
  .t-preview .h3 {
    font-size: 16px !important;
    margin-bottom: 5px;
    font-weight: 600;
  }
  .scanCard {
    width: 100%;
    border: 1px solid;
    height: 76px;
    background-color: #fff;
  }
  .scanCard > div > img {
    position: absolute;
    right: 0;
    width: 55px;
  }
  @keyframes l3 {
    100% {
      transform: rotate(1turn);
    }
  }
  @media (min-width: 991px) {
    .sectionPurchase {
      height: 100%;
      position: relative;
      max-width: 1344px;
      background-color: #fff;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .headerPurchase h3 {
      font-size: 20px;
    }
    .purchaseArea h4 {
      font-size: 16px;
    }
    .menuPurchase ul li {
        font-size: 16px;
    }
    .contentPurchase {
      margin-bottom: 30px;
    }
    .contentPurchase h5 {
      font-size: 16px;
    }
    .item-cards .item-card p,
    .item-addons .item-addon p {
      font-size: 16px !important;
    }
    .cards {
      float: right;
      width: 400px;
    }
    .item-cards .item-card {
      width: calc(25% - 30px);
      max-width: calc(25% - 30px);
      flex: 0 0 calc(25% - 30px);
    }
      #itemAddons .item-card {
        position: relative;
        width: calc(16% - 40px);
        max-width: calc(16% - 40px);
        flex: 0 0 calc(16% - 40px);
      }
    .purchase-button-wrapper {
        padding: 10px 20px;
    }
  }
  @media (max-width: 1200px) {
    .item-cards .item-card {
      width: calc(33% - 30px);
      max-width: calc(33% - 30px);
      flex: 0 0 calc(33% - 30px);
    }
  }
  @media (max-width: 992px) {
    .purchasePopup {
      padding: 0;
    }
    .item-cards .item-card h5,
    .item-addons .item-addon h5 {
      max-height: 30px;
    }
    .back-purchase-button, .back-spotify, .next-purchase-button {
        width: 100%;
    }
    .addon-itm-title {
      width: 300px;
    }
    .addon-itm-line-price {
      margin-right: 10px;
    }
    .t-preview {
      top: 10px;
    }
    .card-qty a {
      height: 15px;
    }
    .purchase-button-wrapper {
      padding: 15px;
    }
  }
  @media (max-width: 576px) {
    .purchase-button .btn {
        width: 100%!important;
    }
    .purchase-button > .col-12 {
      padding-left: 0;
      padding-right: 0;
    }
  }
									</style>
									<div class="purchasePopup">
										<div class="purchaseArea">
											<div class="sectionPurchase purchasePersonalize">
												<div class="wrapperPurchase">
													<div class="purchase-content">
														<div class="headerPurchase">
															<h3 class="text-uppercase">Personalize your greeting card</h3>
															<a class="close-purchase-popup">
															<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none">
															<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>
															</svg>
															</a>
														</div>
														<div class="contentPurchase">
															<div class="row">
																<div class="col-12 col-lg-7">
																	<div class="menuPurchase">
																		<h4 class="text-uppercase">choose your occasion</h4>
																		<ul>
																			<li class="item-occassion selected" data-occassion="greeting-card-all">General</li>
																			<li class="item-occassion" data-occassion="greeting-card-birthday">Birthday</li>
																			<li class="item-occassion" data-occassion="greeting-card-anniversary">Anniversary</li>
																			<li class="item-occassion" data-occassion="greeting-card-newborn">Newborn</li>
																			<li class="item-occassion" data-occassion="greeting-card-wedding">Wedding</li>
																			<li class="item-occassion" data-occassion="greeting-card-graduation">Graduation</li>
																			<li class="item-occassion" data-occassion="greeting-card-mothers-day">Mother's Day</li>
																			<li class="item-occassion" data-occassion="greeting-card-valentine">Valentine</li>
																			<li class="item-occassion" data-occassion="greeting-card-others" style="display: none">Others</li>
																		</ul>
																	</div>
																	<div id="chooseCard">
																		<h4 class="text-uppercase">choose your card design</h4>
																		<div id="itemCards" class="item-cards d-flex mb-4">
																			<div class="row m-0 justify-content-between items-card w-100">
																				<p style="margin: 50px auto;text-align: center;font-size: 13px !important;">
																					 There are no card items available.<br>Please choose an occasion above</p>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="col-12 col-lg-5">
																	<div class="cards">
																		<h4 class="mb-2">Personalize your Message</h4>
																		<label class="font-weight-bold label-attach-foto">Create a lasting memory. Attach a special photo or a video to cherish forever.</label>
																		<style>
  #greetingCard label {display: inline-block;color: #212121;margin-bottom: .5rem;font-size: 14px;font-weight: 400!Important;}
  /* Character counter positioning */
  .form-group.has-counter {
    position: relative;
  }
  .limit {
    position: absolute;
    top: 4px;
    right: -30px;
    font-size: 11px;
    color: #999;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 6px;
    border-radius: 3px;
    z-index: 10;
    pointer-events: none;
  }
  .form-group.has-counter input,
  .form-group.has-counter textarea {
    padding-right: 0px;
  }
																		</style>
																		<div id="greetingCard">
																			<div class="greetingCard">
																				<div class="steps-card-preview d-flex align-items-center justify-content-center">
																					<div class="case-img-preview">
																						<div class="remove-image" style="display: none">
																							<svg class="icon icon-close" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
																							<title>icon-close</title>
																							<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>
																							</svg>
																						</div>
																						<div class="btn-upload">
																							<div>
																								<img class="preview-image" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" alt="" style="display: none">
																							</div>
																							<div class="icon-upload">
																								<button type="button">
																								<img class="ajax-loader" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" style="display: none">
																								<div class="placeholder-image" onclick="">
																									<label for="input-foto" onclick=""><img src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" width="" height="" alt=""></label>
																									<div class="button-empty-state" onclick="">
																										<label for="input-foto" onclick="" class="btn btn-upload-image">
																										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewbox="0 0 16 17" fill="none">
																										<path d="M0.75 16.75H15.25C15.6635 16.75 16 16.4135 16 16V1.5C16 1.0865 15.6635 0.75 15.25 0.75H0.75C0.3365 0.75 0 1.0865 0 1.5V16C0 16.4135 0.3365 16.75 0.75 16.75ZM0.5 1.5C0.5 1.4337 0.526339 1.37011 0.573223 1.32322C0.620107 1.27634 0.683696 1.25 0.75 1.25H15.25C15.3163 1.25 15.3799 1.27634 15.4268 1.32322C15.4737 1.37011 15.5 1.4337 15.5 1.5V16C15.5 16.0663 15.4737 16.1299 15.4268 16.1768C15.3799 16.2237 15.3163 16.25 15.25 16.25H0.75C0.683696 16.25 0.620107 16.2237 0.573223 16.1768C0.526339 16.1299 0.5 16.0663 0.5 16V1.5Z" fill="black"></path>
																										<path d="M10.25 7C10.8015 7 11.25 6.5515 11.25 6C11.25 5.4485 10.8015 5 10.25 5C9.6985 5 9.25 5.4485 9.25 6C9.25 6.5515 9.6985 7 10.25 7ZM10.25 5.5C10.349 5.4999 10.4459 5.52918 10.5283 5.58414C10.6106 5.6391 10.6749 5.71726 10.7128 5.80874C10.7507 5.90021 10.7607 6.00089 10.7414 6.09802C10.7221 6.19515 10.6744 6.28438 10.6044 6.35441C10.5344 6.42443 10.4452 6.47211 10.348 6.49141C10.2509 6.5107 10.1502 6.50075 10.0587 6.46281C9.96726 6.42486 9.8891 6.36063 9.83414 6.27825C9.77918 6.19587 9.7499 6.09903 9.75 6C9.75 5.7245 9.974 5.5 10.25 5.5Z" fill="black"></path>
																										<path d="M2.25 13.25H13.75C13.8163 13.25 13.8799 13.2237 13.9268 13.1768C13.9737 13.1299 14 13.0663 14 13V3C14 2.9337 13.9737 2.87011 13.9268 2.82322C13.8799 2.77634 13.8163 2.75 13.75 2.75H2.25C2.1837 2.75 2.12011 2.77634 2.07322 2.82322C2.02634 2.87011 2 2.9337 2 3V13C2 13.0663 2.02634 13.1299 2.07322 13.1768C2.12011 13.2237 2.1837 13.25 2.25 13.25ZM2.5 12.75V9.931C2.511 9.923 2.5235 9.9185 2.5335 9.9085L5.0915 7.3505C5.15698 7.28802 5.244 7.25317 5.3345 7.25317C5.425 7.25317 5.51202 7.28802 5.5775 7.3505L9.338 11.111C9.38419 11.1572 9.44662 11.1835 9.51194 11.1842C9.57725 11.185 9.64027 11.1601 9.6875 11.115L11.6205 9.279C11.6834 9.21542 11.7688 9.17902 11.8582 9.17762C11.9477 9.17622 12.0341 9.20992 12.099 9.2715L13.5 10.7975L13.5005 10.798V12.75H2.5ZM13.5 3.25V10.059L12.4595 8.926C12.3816 8.84733 12.2888 8.78493 12.1866 8.74244C12.0844 8.69995 11.9747 8.67822 11.864 8.6785H11.8635C11.7536 8.67802 11.6447 8.69924 11.543 8.74094C11.4414 8.78264 11.3489 8.844 11.271 8.9215L9.519 10.5855L5.931 6.997C5.6115 6.678 5.0565 6.6785 4.738 6.997L2.5 9.2355V3.25H13.5Z" fill="black"></path>
																										</svg>
																										<span>Upload Image</span>
																										</label>
																										<label for="input-video" onclick="" class="btn btn-upload-video">
																										<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewbox="0 0 20 17" fill="none">
																										<path d="M4.5 0.75H1.5C1.0655 0.75 0.75 1.0655 0.75 1.5V16C0.75 16.4345 1.0655 16.75 1.5 16.75H18.5C18.9345 16.75 19.25 16.4345 19.25 16V1.5C19.25 1.0655 18.9345 0.75 18.5 0.75H4.5ZM1.25 16V1.5C1.25 1.3435 1.3435 1.25 1.5 1.25H4.25V16.25H1.5C1.3435 16.25 1.25 16.1565 1.25 16ZM4.75 16.25V1.25H15.25V16.25H4.75ZM18.75 1.5V16C18.75 16.1565 18.6565 16.25 18.5 16.25H15.75V1.25H18.5C18.6565 1.25 18.75 1.3435 18.75 1.5Z" fill="black"></path>
																										<path d="M8.1385 5.792C8.10082 5.76682 8.057 5.75235 8.01173 5.75015C7.96646 5.74795 7.92145 5.75809 7.8815 5.7795C7.84169 5.80093 7.80844 5.83275 7.78528 5.87158C7.76213 5.91041 7.74993 5.95479 7.75 6V12C7.75002 12.0452 7.76231 12.0896 7.78556 12.1284C7.8088 12.1672 7.84213 12.1989 7.882 12.2203C7.92187 12.2416 7.96678 12.2517 8.01195 12.2496C8.05712 12.2474 8.10085 12.2331 8.1385 12.208L12.6385 9.208C12.6727 9.18517 12.7008 9.15424 12.7202 9.11795C12.7396 9.08167 12.7498 9.04115 12.7498 9C12.7498 8.95885 12.7396 8.91833 12.7202 8.88205C12.7008 8.84576 12.6727 8.81483 12.6385 8.792L8.1385 5.792ZM8.25 11.533V6.467L12.0495 9L8.25 11.533ZM3.25 4.75H2.25C2.1837 4.75 2.12011 4.77634 2.07322 4.82322C2.02634 4.87011 2 4.9337 2 5C2 5.0663 2.02634 5.12989 2.07322 5.17678C2.12011 5.22366 2.1837 5.25 2.25 5.25H3.25C3.3163 5.25 3.37989 5.22366 3.42678 5.17678C3.47366 5.12989 3.5 5.0663 3.5 5C3.5 4.9337 3.47366 4.87011 3.42678 4.82322C3.37989 4.77634 3.3163 4.75 3.25 4.75ZM2.25 3.25H3.25C3.3163 3.25 3.37989 3.22366 3.42678 3.17678C3.47366 3.12989 3.5 3.0663 3.5 3C3.5 2.9337 3.47366 2.87011 3.42678 2.82322C3.37989 2.77634 3.3163 2.75 3.25 2.75H2.25C2.1837 2.75 2.12011 2.77634 2.07322 2.82322C2.02634 2.87011 2 2.9337 2 3C2 3.0663 2.02634 3.12989 2.07322 3.17678C2.12011 3.22366 2.1837 3.25 2.25 3.25ZM3.25 6.75H2.25C2.1837 6.75 2.12011 6.77634 2.07322 6.82322C2.02634 6.87011 2 6.9337 2 7C2 7.0663 2.02634 7.12989 2.07322 7.17678C2.12011 7.22366 2.1837 7.25 2.25 7.25H3.25C3.3163 7.25 3.37989 7.22366 3.42678 7.17678C3.47366 7.12989 3.5 7.0663 3.5 7C3.5 6.9337 3.47366 6.87011 3.42678 6.82322C3.37989 6.77634 3.3163 6.75 3.25 6.75ZM3.25 8.75H2.25C2.1837 8.75 2.12011 8.77634 2.07322 8.82322C2.02634 8.87011 2 8.9337 2 9C2 9.0663 2.02634 9.12989 2.07322 9.17678C2.12011 9.22366 2.1837 9.25 2.25 9.25H3.25C3.3163 9.25 3.37989 9.22366 3.42678 9.17678C3.47366 9.12989 3.5 9.0663 3.5 9C3.5 8.9337 3.47366 8.87011 3.42678 8.82322C3.37989 8.77634 3.3163 8.75 3.25 8.75ZM3.25 10.75H2.25C2.1837 10.75 2.12011 10.7763 2.07322 10.8232C2.02634 10.8701 2 10.9337 2 11C2 11.0663 2.02634 11.1299 2.07322 11.1768C2.12011 11.2237 2.1837 11.25 2.25 11.25H3.25C3.3163 11.25 3.37989 11.2237 3.42678 11.1768C3.47366 11.1299 3.5 11.0663 3.5 11C3.5 10.9337 3.47366 10.8701 3.42678 10.8232C3.37989 10.7763 3.3163 10.75 3.25 10.75ZM3.25 12.75H2.25C2.1837 12.75 2.12011 12.7763 2.07322 12.8232C2.02634 12.8701 2 12.9337 2 13C2 13.0663 2.02634 13.1299 2.07322 13.1768C2.12011 13.2237 2.1837 13.25 2.25 13.25H3.25C3.3163 13.25 3.37989 13.2237 3.42678 13.1768C3.47366 13.1299 3.5 13.0663 3.5 13C3.5 12.9337 3.47366 12.8701 3.42678 12.8232C3.37989 12.7763 3.3163 12.75 3.25 12.75ZM3.25 14.75H2.25C2.1837 14.75 2.12011 14.7763 2.07322 14.8232C2.02634 14.8701 2 14.9337 2 15C2 15.0663 2.02634 15.1299 2.07322 15.1768C2.12011 15.2237 2.1837 15.25 2.25 15.25H3.25C3.3163 15.25 3.37989 15.2237 3.42678 15.1768C3.47366 15.1299 3.5 15.0663 3.5 15C3.5 14.9337 3.47366 14.8701 3.42678 14.8232C3.37989 14.7763 3.3163 14.75 3.25 14.75ZM16.75 5.25H17.75C17.8163 5.25 17.8799 5.22366 17.9268 5.17678C17.9737 5.12989 18 5.0663 18 5C18 4.9337 17.9737 4.87011 17.9268 4.82322C17.8799 4.77634 17.8163 4.75 17.75 4.75H16.75C16.6837 4.75 16.6201 4.77634 16.5732 4.82322C16.5263 4.87011 16.5 4.9337 16.5 5C16.5 5.0663 16.5263 5.12989 16.5732 5.17678C16.6201 5.22366 16.6837 5.25 16.75 5.25ZM16.75 3.25H17.75C17.8163 3.25 17.8799 3.22366 17.9268 3.17678C17.9737 3.12989 18 3.0663 18 3C18 2.9337 17.9737 2.87011 17.9268 2.82322C17.8799 2.77634 17.8163 2.75 17.75 2.75H16.75C16.6837 2.75 16.6201 2.77634 16.5732 2.82322C16.5263 2.87011 16.5 2.9337 16.5 3C16.5 3.0663 16.5263 3.12989 16.5732 3.17678C16.6201 3.22366 16.6837 3.25 16.75 3.25ZM16.75 7.25H17.75C17.8163 7.25 17.8799 7.22366 17.9268 7.17678C17.9737 7.12989 18 7.0663 18 7C18 6.9337 17.9737 6.87011 17.9268 6.82322C17.8799 6.77634 17.8163 6.75 17.75 6.75H16.75C16.6837 6.75 16.6201 6.77634 16.5732 6.82322C16.5263 6.87011 16.5 6.9337 16.5 7C16.5 7.0663 16.5263 7.12989 16.5732 7.17678C16.6201 7.22366 16.6837 7.25 16.75 7.25ZM16.75 9.25H17.75C17.8163 9.25 17.8799 9.22366 17.9268 9.17678C17.9737 9.12989 18 9.0663 18 9C18 8.9337 17.9737 8.87011 17.9268 8.82322C17.8799 8.77634 17.8163 8.75 17.75 8.75H16.75C16.6837 8.75 16.6201 8.77634 16.5732 8.82322C16.5263 8.87011 16.5 8.9337 16.5 9C16.5 9.0663 16.5263 9.12989 16.5732 9.17678C16.6201 9.22366 16.6837 9.25 16.75 9.25ZM16.75 11.25H17.75C17.8163 11.25 17.8799 11.2237 17.9268 11.1768C17.9737 11.1299 18 11.0663 18 11C18 10.9337 17.9737 10.8701 17.9268 10.8232C17.8799 10.7763 17.8163 10.75 17.75 10.75H16.75C16.6837 10.75 16.6201 10.7763 16.5732 10.8232C16.5263 10.8701 16.5 10.9337 16.5 11C16.5 11.0663 16.5263 11.1299 16.5732 11.1768C16.6201 11.2237 16.6837 11.25 16.75 11.25ZM16.75 13.25H17.75C17.8163 13.25 17.8799 13.2237 17.9268 13.1768C17.9737 13.1299 18 13.0663 18 13C18 12.9337 17.9737 12.8701 17.9268 12.8232C17.8799 12.7763 17.8163 12.75 17.75 12.75H16.75C16.6837 12.75 16.6201 12.7763 16.5732 12.8232C16.5263 12.8701 16.5 12.9337 16.5 13C16.5 13.0663 16.5263 13.1299 16.5732 13.1768C16.6201 13.2237 16.6837 13.25 16.75 13.25ZM17.75 14.75H16.75C16.6837 14.75 16.6201 14.7763 16.5732 14.8232C16.5263 14.8701 16.5 14.9337 16.5 15C16.5 15.0663 16.5263 15.1299 16.5732 15.1768C16.6201 15.2237 16.6837 15.25 16.75 15.25H17.75C17.8163 15.25 17.8799 15.2237 17.9268 15.1768C17.9737 15.1299 18 15.0663 18 15C18 14.9337 17.9737 14.8701 17.9268 14.8232C17.8799 14.7763 17.8163 14.75 17.75 14.75Z" fill="black"></path>
																										</svg>
																										<span>Upload Video</span>
																										</label>
																									</div>
																								</div>
																								</button>
																							</div>
																						</div>
																					</div>
																					<div class="case-video-preview">
																						<div class="d-flex justify-content-between">
																							<p>
																								 Add video to make it more special (optional)
																							</p>
																							<button class="remove-media" style="display: none">
																							<svg class="icon icon-close" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
																							<title>icon-close</title>
																							<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>
																							</svg>
																							</button>
																							<label id="label-input-video" for="input-video" onclick="" style="">
																							<img class="ajax-loader" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp" style="display: none;vertical-align: middle;">
																							<span><img src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp"><span>Upload Video</span></span>
																							</label>
																						</div>
																					</div>
																				</div>
																				<div class="steps-card-input">
																					<div class="form-group mr-auto form-group-half form-recipient has-counter">
																						<label for="" class="font-weight-bold d-none">Dear</label>
																						<input type="text" class="form-control has-limit" data-properties="penerima" placeholder="RECIPIENT NAME" maxlength="30">
																						<small class="limit text-muted">(30)</small>
																					</div>
																					<div class="form-group custom-card mb-2 has-counter">
																						<textarea data-properties="ucapan" class="form-control has-limit" rows="6" placeholder="Write your special message here.." maxlength="300"></textarea>
																						<small class="limit text-muted">(300)</small>
																						<!--
                <a href="https://www.hughweber.com/about" data-card-occassion="all">
                  <div class="rectangle-promo-code">
                    <span class="promo-code-link">Get ideas</span>
                  </div>
                </a>
              -->
																						<button id="msgCard">Template Message</button>
																					</div>
																					<div class="hide">
																						<input type="hidden" value="" id="note_id" name="note_id" style="top: 0px;">
																						<input type="hidden" value="" id="note_btn_id" name="note_btn_id"></div>
																					<div class="form-group ml-auto mt-3 text-right form-group-half position-relative has-counter">
																						<label for="" class="font-weight-bold d-none">Yours Sincerely,</label>
																						<input id="senderCard" type="text" class="form-control text-right has-limit" data-properties="pengirim" placeholder="SENDER NAME" maxlength="30">
																						<small class="limit text-muted">(30)</small>
																					</div>
																				</div>
																			</div>
																		</div>
																		<script>
  async function getFetch(url) {
    const response = await fetch(url);
    const result = await response.json();
    return result;
  }
  $(document).ready(function(){
    $('textarea.has-limit, input.has-limit').keyup(function () {
      max = this.getAttribute("maxlength");
      var len = $(this).val().length;
      var limit = $(this).siblings(".limit");
      if (len >= max) {
        alert('you have reached the limit');
      } else {
        var char = max - len;
        limit.text('('+char+')');
      }
    });
    // Limit textarea to maximum 6 lines
    $('[data-properties=ucapan]').on('input keydown paste', function(e) {
      var textarea = $(this);
      var lines = textarea.val().split('\n');
      // Check if trying to add more than 6 lines
      if (lines.length > 6) {
        // Prevent adding new line if already at 6 lines
        if (e.type === 'keydown' && e.keyCode === 13) {
          e.preventDefault();
          return false;
        }
        // Trim to 6 lines if pasting content
        if (e.type === 'paste' || e.type === 'input') {
          var limitedText = lines.slice(0, 6).join('\n');
          textarea.val(limitedText);
        }
      }
      // Update character counter after line limit check
      var max = this.getAttribute("maxlength");
      var len = $(this).val().length;
      var limit = $(this).siblings(".limit");
      var char = max - len;
      limit.text('('+char+')');
    });
    var text_max=150;
    var msg_text="";
    $('#previewMsg').html(msg_text);
    $('[data-properties=ucapan]').keyup(function(){
      var text_length=$(this).val().length;
      var msg_text=$(this).val();
      $('#previewMsg').html(msg_text);
    });
    var note_btn_text = [
      [0,'Try Another'],
      [1,'One More Time'],
      [2,'Almost There'],
      [3,'Next']
    ];
    $("#greetingCard").delegate("#show_note", "click", async function(event){
      event.preventDefault();
      const source = await getFetch(`https://outerbloom.com/cdn/shop/t/87/assets/greeting_card.json?v=${new Date()}`)
      const occassion = $("#show_note").attr("data-card-occassion")
      let {data} = source.find((el) => el.name === occassion);
      var notes = data;
      const getRandomIntegerInclusive = (min, max) => {
        min = Math.ceil(min)
        max = Math.floor(max)
        return Math.floor(Math.random() * (max - min + 1)) + min
      }
      const idx = getRandomIntegerInclusive(0, data.length - 1)
      var note=notes[idx];
      $('#note_id').val(idx);
      $('[data-properties], #msgDelivery').val(note);
      var text_length=$(this).val().length;
      $('#previewMsg').html(note);
      var idx_2=parseInt($('#note_btn_id').val());
      if(isNaN(idx_2)){
        idx_2=0;
      }else{
        idx_2++;
        idx_2=idx_2%note_btn_text.length;
      }
      $('#note_btn_id').val(idx_2);
      var note_btn=note_btn_text[idx_2][1];
      $('#note_btn').text(note_btn);
    });
  });
																		</script>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div class="purchase-button-wrapper">
														<div class="purchase-button btn-card row m-0">
															<div class="col-12 col-lg-2 text-left mb-2 p-0"></div>
															<div class="btn-next-card col-12 col-lg-10 text-right">
																<button id="skip-card" style="align-self: center;text-decoration: underline">
																<span>No Personalization – Card Still Included</span>
																</button>
																<button id="save-card" class="btn next-purchase-button text-uppercase" disabled="">
																<span>save your greeting card</span>
																</button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div id="backgroundPopup"></div>
									<input data-index="1" type="hidden" id="properties-delivery-date" name="properties[Delivery Date]" value="-">
									<input data-index="2" type="hidden" id="properties-delivery-time" name="properties[Delivery Time]" value="-">
									<input data-index="4" type="hidden" id="properties-nama-penerima" name="properties[Nama Penerima]" value="-">
									<input data-index="5" type="hidden" id="properties-alamat-penerima" name="properties[Alamat Penerima]" value="-">
									<input data-index="6" type="hidden" id="properties-kodepos" name="properties[Kodepos]" value="-">
									<input data-index="7" type="hidden" id="properties-telepon-penerima" name="properties[Telepon Penerima]">
									<input data-index="8" type="hidden" id="properties-kartu-nama-penerima" name="properties[Kartu Nama Penerima]" value="-">
									<input data-index="9" type="hidden" id="properties-kartu-ucapan" name="properties[Kartu Ucapan]" value="-">
									<input data-index="10" type="hidden" id="properties-kartu-nama-pengirim" name="properties[Kartu Nama Pengirim]" value="-">
									<input data-index="11" type="hidden" id="properties-photo" name="properties[Foto]" value="-">
									<input id="input-foto" type="file" class="customFile" accept="image/*" style="position: absolute;top:40%;display:none;">
									<input data-index="12" type="hidden" id="properties-video" name="properties[Video]" value="-">
									<input id="input-video" type="file" class="customFileVideo" accept="video/*" style="position: absolute;top:40%;display:none;">
									<input data-index="13" type="hidden" id="properties-qrId" name="properties[QR Code]" value="">
									<input type="hidden" id="properties-variants" name="properties[variants]" value="">
									<!-- Additional Shipping -->
									<input type="hidden" id="properties-kota-pengiriman-province" name="properties[Province]">
									<input type="hidden" id="properties-kota-pengiriman-country" name="properties[Country]" value="Indonesia">
									<input type="hidden" id="properties-shipping" name="properties[Shipping]">
									<input type="hidden" id="properties-time" name="properties[Time]" value="1763106498522">
									<input type="hidden" id="properties-card" name="properties[Card]">
									<input type="hidden" id="properties-addons" name="properties[Addons]">
									<input type="hidden" id="properties-company" name="properties[Company]" value="">
									<script>
  $(document).ready(function(){
    var text_max_papan1=150;
    var msg_text_papan1="";
    $('#kartu-ucapan-ucapan').keyup(function(){
      var text_length_papan1=$('#kartu-ucapan-ucapan').val().length;
      var msg_text_papan1=$('#kartu-ucapan-ucapan').val();
    });
    var notes_papan1 = [
      [0,"Happy Wedding (nama & nama)."],[1,"Congratulations lovebirds (nama & nama)."],[2,"Selamat berbahagia (nama & nama)."],[3,"Selamat menempuh hidup baru (nama & nama)."]
    ];
    $('#show_note_papan1').click(function(event){
      event.preventDefault();
      var idx_papan1=parseInt($('#note_id_papan1').val());
      if(isNaN(idx_papan1)){
        idx_papan1=0;
      }else{
        idx_papan1++;
        idx_papan1=idx_papan1%notes_papan1.length;
      }
      var note_papan1=notes_papan1[idx_papan1][1];
      $('#note_id_papan1').val(idx_papan1);
      $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan1);
      $('#msgDelivery').val(note_papan1);
      var text_length_papan1=$('#kartu-ucapan-papan').val().length;
      var idx_2_papan1=parseInt($('#note_btn_id_papan1').val());
      if(isNaN(idx_2_papan1)){
        idx_2_papan1=0;
      }else{
        idx_2_papan1++;
        //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
      }
      $('#note_btn_id_papan1').val(idx_2_papan1);
      //var note_btn=note_btn_text[idx_2][1];
      //$('#note_btn').text(note_btn);
    });
    var text_max_papan2=150;
    var msg_text_papan2="";
    $('#kartu-ucapan-ucapan').keyup(function(){
      var text_length_papan2=$('#kartu-ucapan-ucapan').val().length;
      var msg_text_papan2=$('#kartu-ucapan-ucapan').val();
    });
    var notes_papan2 = [
      [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)."]
    ];
    $('#show_note_papan2').click(function(event){
      event.preventDefault();
      var idx_papan2=parseInt($('#note_id_papan2').val());
      if(isNaN(idx_papan2)){
        idx_papan2=0;
      }else{
        idx_papan2++;
        idx_papan2=idx_papan2%notes_papan2.length;
      }
      var note_papan2=notes_papan2[idx_papan2][1];
      $('#note_id_papan2').val(idx_papan2);
      $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan2);
      $('#msgDelivery').val(note_papan2);
      var text_length_papan2=$('#kartu-ucapan-papan').val().length;
      var idx_2_papan2=parseInt($('#note_btn_id_papan2').val());
      if(isNaN(idx_2_papan2)){
        idx_2_papan2=0;
      }else{
        idx_2_papan2++;
        //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
      }
      $('#note_btn_id_papan2').val(idx_2_papan2);
      //var note_btn=note_btn_text[idx_2][1];
      //$('#note_btn').text(note_btn);
    });
    var text_max_papan3=150;
    var msg_text_papan3="";
    $('#kartu-ucapan-ucapan').keyup(function(){
      var text_length_papan3=$('#kartu-ucapan-ucapan').val().length;
      var msg_text_papan3=$('#kartu-ucapan-ucapan').val();
    });
    var notes_papan3 = [
      [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)."]
    ];
    $('#show_note_papan3').click(function(event){
      event.preventDefault();
      var idx_papan3=parseInt($('#note_id_papan3').val());
      if(isNaN(idx_papan3)){
        idx_papan3=0;
      }else{
        idx_papan3++;
        idx_papan3=idx_papan3%notes_papan3.length;
      }
      var note_papan3=notes_papan3[idx_papan3][1];
      $('#note_id_papan3').val(idx_papan3);
      $('#kartu-ucapan-papan, #properties-kartu-pesan, #properties-kartu-ucapan').val(note_papan3);
      $('#msgDelivery').val(note_papan3);
      var text_length_papan3=$('#kartu-ucapan-papan').val().length;
      var idx_2_papan3=parseInt($('#note_btn_id_papan3').val());
      if(isNaN(idx_2_papan3)){
        idx_2_papan3=0;
      }else{
        idx_2_papan3++;
        //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
      }
      $('#note_btn_id_papan3').val(idx_2_papan3);
      //var note_btn=note_btn_text[idx_2][1];
      //$('#note_btn').text(note_btn);
    });
    var text_max_papan4=150;
    var msg_text_papan4="";
    $('#kartu-ucapan-ucapan').keyup(function(){
      var text_length_papan4=$('#kartu-ucapan-ucapan').val().length;
      var msg_text_papan4=$('#kartu-ucapan-ucapan').val();
    });
    $('#show_note_papan4').click(function(event){
      var notes_papan4 = [
        [0,"Here’s to you—steadier, stronger and better every day."],
        [1,"Warmest wishes for a speedy recovery!"],
        [2,"Dengan ucapan terhangat, semoga lekas membaik dan semakin pulih setiap harinya ya."],
        [3,"Semoga lekas sembuh untuk kembali beraktivitas dan berkarya."]
      ];
      event.preventDefault();
      var idx_papan4=parseInt($('#note_id_papan4').val());
      console.log(idx_papan4, 'idx_papan4')
      if(isNaN(idx_papan4)){
        idx_papan4=0;
      }else{
        idx_papan4++;
        idx_papan4=idx_papan4%notes_papan4.length;
      }
      var note_papan4=notes_papan4[idx_papan4][1];
      $('#note_id_papan4').val(idx_papan4);
      $('#kartu-ucapan-papan, #properties-kartu-ucapan, #properties-kartu-pesan').val(note_papan4);
      console.log(note_papan4, 'note_papan4')
      var text_length_papan4=$('#kartu-ucapan-papan').val().length;
      var idx_2_papan4=parseInt($('#note_btn_id_papan4').val());
      if(isNaN(idx_2_papan4)){
        idx_2_papan4=0;
      }else{
        idx_2_papan4++;
        //idx_2_papan1=idx_2_papan1%note_btn_text_papan1.length;
      }
      $('#note_btn_id_papan4').val(idx_2_papan4);
    });
    /*
    $("#jenisPapan").change(function(){
      $( "select option:selected").each(function(){
        if($(this).attr("value")=="Happy Wedding"){
          $("#suggest-messages a").hide();
          $("#show_note_papan1").show();
          $("#kartu-ucapan-papan").val("");
        }
        if($(this).attr("value")=="Congratulations"){
          $("#suggest-messages a").hide();
          $("#show_note_papan2").show();
          $("#kartu-ucapan-papan").val("");
        }
        if($(this).attr("value")=="Duka Cita"){
          $("#suggest-messages a").hide();
          $("#show_note_papan3").show();
          $("#kartu-ucapan-papan").val("");
        }
      });
    }).change();
    */
    $(".variant-metafield").each(function(){
      const t = $(this)
      const id = t.attr("id")
      const target = $(`[data-select=${id}]`)
      t.on('select2:selecting', function(e) {
        const data = e.params.args.data
        target.val(data.text)
      });
    })
  })
									</script>
									<div id="popupCart">
										<div class="container">
											<div class="wrapperPopupCart">
												<div class="headerPopupCart">
													<div class="d-flex pl-5 pr-5 p-4">
														<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewbox="0 0 16 12" fill="none">
														<path d="M5.55008 11.3076L0.580078 6.33761L1.29408 5.62461L5.55008 9.88061L14.7061 0.724609L15.4191 1.43861L5.55008 11.3076Z" fill="black"></path>
														</svg>
														<span>item added to your cart</span>
													</div>
													<a class="close-purchase-popup">
													<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 18 18" fill="none">
													<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>
													</svg>
													</a>
												</div>
												<div class="contentPopupCart">
													<div class="pl-5 pr-5 p-4">
														<div class="itemContent row m-0 justify-content-between">
															<div class="col-2 align-self-center">
																<img class="d-block" width="80" src="https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp">
															</div>
															<div class="col-10 align-self-center">
																<div class="row pl-3">
																	<div class="col-12 col-lg-7">
																		<span class="titleCartPopup text-uppercase">Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA</span>
																	</div>
																	<div class="d-flex justify-content-end col-12 col-lg-5">
																		<span class="deleteCartPopup hide">Delete</span>
																		<span class="lineCartPrice align-self-center">Rp 10.000</span>
																	</div>
																</div>
															</div>
														</div>
														<div class="itemProperties"></div>
														<div class="itemAddonCart">
															<div class="toggleAddonCart d-flex justify-content-between">
																<h4>add-ons (0)</h4>
																<svg xmlns="http://www.w3.org/2000/svg" width="5" height="9" viewbox="0 0 5 9" fill="none">
																<path d="M1.0128 0.84668L4.78613 4.62001L1.0128 8.39335L0.546133 7.92001L3.84613 4.62001L0.546133 1.32001L1.0128 0.84668Z" fill="black"></path>
																</svg>
															</div>
															<div class="wrapperItemAddonCart"></div>
														</div>
													</div>
												</div>
												<div class="footerPopupCart">
													<div class="row m-0 pl-5 pr-5 p-4">
														<a class="btn btnViewCart w-100 text-uppercase text-center" href="https://www.hughweber.com/about" link rel="nofollow noopener">View Cart</a>
														<a class="btn btnViewCheckout w-100 text-uppercase text-center" href="https://www.hughweber.com/about" link rel="nofollow noopener"><span>Checkout</span></a>
														<a class="btnContinueShopping w-100 text-center" href="https://www.hughweber.com/about" link rel="nofollow noopener">Continue shopping</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<style>
  .field-error .variant-metafield {
    border-color: #e74c3c !important;
    box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.25) !important;
  }
  .field-error .form-control {
    border-color: #e74c3c !important;
    box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.25) !important;
  }
  .field-error select {
    border-color: #e74c3c !important;
    box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.25) !important;
  }
  .error-message {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #e74c3c;
  }
  #btnPurchase:disabled {
    opacity: 0.7;
    pointer-events: none;
  }
  /* iOS specific error styling */
  @media screen and (max-width: 768px) {
    .ios .field-error .variant-metafield {
      border-color: #e74c3c !important;
      box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1) !important;
    }
  }
									</style>
									<script>
  const shareButton = document.getElementById('shareButton');
  shareButton.addEventListener('click', () => {
    if (navigator.share) {
      navigator.share({
        title: "Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA",
        url: "/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml",
        text: 'Check out this page!'
      })
      .then(() => console.log('Successful share'))
      .catch((error) => console.log('Error sharing', error));
    } else {
      alert('Web Share API is not supported in this browser.');
    }
  });
  // Inventory validation function
  function checkInventoryStatus() {
    const productSelect = document.getElementById('productSelect');
    const purchaseButton = document.querySelector('#personalizeBtn button');
    if (!productSelect || !purchaseButton) return;
    const selectedVariantId = productSelect.value;
    // Get variant data from Shopify
    fetch(`/products/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml.js`)
      .then(response => response.json())
      .then(product => {
        const selectedVariant = product.variants.find(variant => variant.id == selectedVariantId);
        if (selectedVariant) {
          const isOutOfStock = selectedVariant.inventory_quantity <= 0 && 
                               selectedVariant.inventory_management === 'shopify' && 
                               selectedVariant.inventory_policy !== 'continue';
          if (isOutOfStock) {
            purchaseButton.disabled = true;
            purchaseButton.textContent = 'Out of Stock';
            purchaseButton.setAttribute('data-out-of-stock', 'true');
            purchaseButton.style.backgroundColor = '#cccccc';
            purchaseButton.style.cursor = 'not-allowed';
          } else {
            // Check if button was disabled due to other conditions
            const isOtherDisabled = false || false || false;
            if (!isOtherDisabled) {
              purchaseButton.disabled = false;
              purchaseButton.textContent = 'Personalize your greeting card';
              purchaseButton.removeAttribute('data-out-of-stock');
              purchaseButton.style.backgroundColor = '';
              purchaseButton.style.cursor = '';
            }
          }
        }
      })
      .catch(error => {
        console.error('Error checking inventory:', error);
      });
  }
  // Validate variant metafields function - make it globally accessible
  window.validateVariantMetafields = function(showErrors = false) {
    const purchaseButton = document.querySelector('#personalizeBtn button');
    const variantMetafields = document.querySelectorAll('.variant-metafield[required]');
    if (!purchaseButton) return true;
    let allFieldsValid = true;
    let hasEmptyFields = false;
    let firstErrorField = null;
    // Check all required variant metafields
    variantMetafields.forEach(function(field) {
      const fieldValue = field.value ? field.value.trim() : '';
      const fieldContainer = field.closest('.form-group-variant');
      // Remove existing error styling
      if (fieldContainer) {
        fieldContainer.classList.remove('field-error');
        const existingError = fieldContainer.querySelector('.error-message');
        if (existingError) {
          existingError.remove();
        }
      }
      if (!fieldValue || fieldValue === '' || fieldValue === 'Choose ' + field.getAttribute('data-properties')) {
        allFieldsValid = false;
        hasEmptyFields = true;
        // Store the first error field for scrolling - ensure it's a valid DOM element
        if (!firstErrorField && field && field.nodeType === 1) {
          firstErrorField = field;
          console.log('First error field stored:', field, 'Type:', field.tagName, 'Value:', field.value);
        }
        // Only add error styling if showErrors is true (when button is clicked)
        if (showErrors && fieldContainer) {
          fieldContainer.classList.add('field-error');
          // Add error message
          const errorMessage = document.createElement('div');
          errorMessage.className = 'error-message';
          errorMessage.style.color = '#e74c3c';
          errorMessage.style.fontSize = '12px';
          errorMessage.style.marginTop = '4px';
          errorMessage.textContent = 'This field is required';
          fieldContainer.appendChild(errorMessage);
        }
      }
    });
    // Auto scroll to first error field if showing errors
    if (showErrors && !allFieldsValid) {
      console.log('Scrolling to purchaseProduct section due to validation errors');
      setTimeout(function() {
        // Primary method: scroll to purchaseProduct container
        try {
          const purchaseProductSection = document.getElementById('purchaseProduct');
          if (purchaseProductSection && typeof purchaseProductSection.scrollIntoView === 'function') {
            console.log('Scrolling to purchaseProduct section');
            purchaseProductSection.scrollIntoView({ 
              behavior: 'smooth', 
              block: 'start',
              inline: 'nearest' 
            });
            // Focus the first error field after scroll
            setTimeout(function() {
              if (firstErrorField) {
                try {
                  console.log('Focusing first error field:', firstErrorField.tagName, firstErrorField.id || firstErrorField.className);
                  if (typeof firstErrorField.focus === 'function') {
                    firstErrorField.focus();
                    // For select elements, try to trigger the dropdown
                    if (firstErrorField.tagName && firstErrorField.tagName.toLowerCase() === 'select') {
                      setTimeout(function() {
                        if (typeof firstErrorField.click === 'function') {
                          firstErrorField.click();
                        }
                      }, 100);
                    }
                  }
                } catch (focusError) {
                  console.warn('Error during field focus:', focusError);
                }
              }
            }, 300); // Wait for scroll to complete
          } else {
            // Fallback: try alternative selectors
            const fallbackSelectors = ['#purchaseProduct', '.product-meta', 'main', '.form-group-variant'];
            let scrolled = false;
            for (let selector of fallbackSelectors) {
              if (!scrolled) {
                const element = document.querySelector(selector);
                if (element && typeof element.scrollIntoView === 'function') {
                  console.log('Fallback scroll to:', selector);
                  element.scrollIntoView({ 
                    behavior: 'smooth', 
                    block: 'start' 
                  });
                  scrolled = true;
                  break;
                }
              }
            }
          }
        } catch (error) {
          console.warn('Auto scroll failed, trying alternative method:', error);
          // Ultimate fallback: manual scroll to top of page
          try {
            window.scrollTo({
              top: 0,
              behavior: 'smooth'
            });
          } catch (finalError) {
            console.warn('All scroll methods failed:', finalError);
          }
        }
      }, 150); // Delay to ensure DOM is stable
    }
    // Check inventory status as well
    const isOutOfStock = purchaseButton.getAttribute('data-out-of-stock') === 'true';
    // Check other disabled conditions
    const isOtherDisabled = false || false || false;
    // Update button state only for inventory and other conditions, not for variant metafields
    if (isOutOfStock || isOtherDisabled) {
      purchaseButton.disabled = true;
      if (isOutOfStock) {
        purchaseButton.textContent = 'Out of Stock';
        purchaseButton.style.backgroundColor = '#cccccc';
      }
      purchaseButton.style.cursor = 'not-allowed';
    } else {
      purchaseButton.disabled = false;
      purchaseButton.textContent = 'Personalize your greeting card';
      purchaseButton.style.backgroundColor = '';
      purchaseButton.style.color = '';
      purchaseButton.style.cursor = '';
    }
    return allFieldsValid;
  }
  // Check inventory on page load
  document.addEventListener('DOMContentLoaded', function() {
    checkInventoryStatus();
    window.validateVariantMetafields(false); // Don't show errors on page load
    // Listen for variant changes
    const productSelect = document.getElementById('productSelect');
    if (productSelect) {
      productSelect.addEventListener('change', function() {
        checkInventoryStatus();
        setTimeout(function() {
          window.validateVariantMetafields(false); // Don't show errors on variant change
        }, 100);
      });
    }
    // Listen for changes on variant metafield inputs - only to clear existing errors
    const variantMetafields = document.querySelectorAll('.variant-metafield');
    variantMetafields.forEach(function(field) {
      field.addEventListener('input', function() {
        clearFieldError(this);
      });
      field.addEventListener('change', function() {
        clearFieldError(this);
      });
      field.addEventListener('blur', function() {
        clearFieldError(this);
      });
    });
    // Listen for changes on select elements within variant metafields
    const variantSelects = document.querySelectorAll('.variant-metafield-select');
    variantSelects.forEach(function(select) {
      select.addEventListener('change', function() {
        clearFieldError(this);
      });
    });
  });
  // Function to clear error styling from a specific field
  function clearFieldError(field) {
    const fieldContainer = field.closest('.form-group-variant');
    if (fieldContainer) {
      fieldContainer.classList.remove('field-error');
      const existingError = fieldContainer.querySelector('.error-message');
      if (existingError) {
        existingError.remove();
      }
    }
  }
  // Prevent form submission if out of stock or required fields are empty
  document.addEventListener('click', function(e) {
    if (e.target.matches('button[data-out-of-stock="true"]')) {
      e.preventDefault();
      e.stopPropagation();
      alert('This product is currently out of stock and cannot be purchased.');
      return false;
    }
    // Check if this is the purchase button
    if (e.target.id === 'btnPurchase' || e.target.closest('#btnPurchase')) {
      const isValid = window.validateVariantMetafields(true); // Show errors when button is clicked
      if (!isValid) {
        e.preventDefault();
        e.stopPropagation();
        // The validateVariantMetafields function already handles scrolling and focusing
        // No need for additional scroll here as it's handled in the validation function
        return false;
      }
    }
  });
									</script>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/shopify-cartjs/1.1.0/cart.min.js"></script>
		<style>
  /* Image Editor Popup Styles */
  .image-editor-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
  }
  .image-editor-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(2px);
  }
  .image-editor-modal {
    position: relative;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: min(900px, calc(100vw - 40px));
    max-height: min(700px, calc(100vh - 40px));
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin: auto;
    transform: translateZ(0);
  }
  .image-editor-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
  }
  .image-editor-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #111827;
  }
  .close-editor {
    background: none;
    border: none;
    font-size: 24px;
    color: #6b7280;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s;
  }
  .close-editor:hover {
    background: #f3f4f6;
    color: #374151;
  }
  .image-editor-content {
    display: flex;
    flex: 1;
    min-height: 500px;
  }
  .image-editor-canvas {
    flex: 1;
    padding: 20px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
  }
  .image-editor-canvas img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  .image-editor-controls {
    width: 280px;
    padding: 20px;
    background: white;
    border-left: 1px solid #e5e7eb;
    overflow-y: auto;
  }
  .control-group {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f3f4f6;
  }
  .control-group:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .control-group label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
  }
  .control-group select,
  .control-group input[type="range"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    background: white;
  }
  .control-group input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    padding: 0;
  }
  .control-group input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #3b82f6;
    border-radius: 50%;
    cursor: pointer;
  }
  .control-group button {
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 8px;
    transition: all 0.2s;
  }
  .control-group button:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
  }
  .control-group button:active {
    transform: translateY(1px);
  }
  #imageSizeInfo {
    font-size: 12px;
    color: #6b7280;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  #imageSizeInfo span {
    display: block;
    padding: 4px 8px;
    background: #f9fafb;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
  }
  #originalSize {
    color: #374151;
  }
  #newSize {
    color: #059669;
    font-weight: 500;
  }
  .image-editor-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 24px;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
  }
  .btn-cancel {
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s;
  }
  .btn-cancel:hover {
    background: #f9fafb;
    border-color: #9ca3af;
  }
  .btn-save {
    background: #3b82f6;
    border: 1px solid #3b82f6;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 14px;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
  }
  .btn-save:hover {
    background: #2563eb;
    border-color: #2563eb;
  }
  /* Responsive Design */
  @media (max-width: 768px) {
    .image-editor-popup {
      padding: 10px;
    }
    .image-editor-modal {
      max-width: calc(100vw - 20px);
      max-height: calc(100vh - 20px);
      width: 100%;
      height: auto;
      min-height: 80vh;
    }
    .image-editor-content {
      flex-direction: column;
    }
    .image-editor-controls {
      width: 100%;
      border-left: none;
      border-top: 1px solid #e5e7eb;
      max-height: 200px;
    }
    .image-editor-canvas {
      min-height: 300px;
    }
  }
  /* Loading state for preview area */
  .steps-card-preview.loading-upload {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
  }
  .steps-card-preview.loading-upload::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius: inherit;
    z-index: 1;
  }
  .ajax-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: none;
  }
  /* Animation for popup */
  .image-editor-popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    display: flex !important;
  }
  .image-editor-popup.show {
    opacity: 1;
    visibility: visible;
  }
  .image-editor-modal {
    transform: translateY(-20px) scale(0.9);
    transition: transform 0.3s ease;
  }
  .image-editor-popup.show .image-editor-modal {
    transform: translateY(0) scale(1);
  }
  @keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
  }
		</style>
		<script>
  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});
  const productType = $("[data-product-type]").data("product-type")
  const productDate = Date.parse(new Date())
  const shop = 'outerbloom1.myshopify.com'
  const host = 'https://app.asmaraku.com'
  // const host = 'http://localhost:5001'
  const gsheet = "https://script.google.com/macros/s/AKfycbyqa6mPD6lVjU6hiHr12J8URZ2aJBGyxBsGQ0QtEIDari-rBk_9vSOITjSSmUXL1NwxEg/exec"
  const qrID = "141125" + randomString(4, 'aAbCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ')
  $("#properties-time").val(new Date().getTime())
  const isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
  if(!isIOS) {
    $("#full-date").attr("type", "button")
  }
  let dateTime = new Date();
  let today = dateTime.getDate();
  let day = dateTime.getDay();
  let hour = dateTime.getHours();
  let min = dateTime.getMinutes();
  let timeOfDay = hour + (min / 100);
  async function getFetch(url) {
    const response = await fetch(url);
    let status = false
    let result
    if(response.ok) {
      status = true
      result = await response.json();
    }
    return {
      status,
      data: result
    }
  }
  function setCookie(cname, cvalue, exMins) {
    var d = new Date();
    d.setTime(d.getTime() + (exMins*60*1000));
    var expires = "expires="+d.toUTCString();  
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
  }
  function getCookie(cname) {
    let name = cname + "=";
    let decodedCookie = decodeURIComponent(document.cookie);
    let ca = decodedCookie.split(';');
    for(let i = 0; i <ca.length; i++) {
      let c = ca[i];
      while (c.charAt(0) == ' ') {
        c = c.substring(1);
      }
      if (c.indexOf(name) == 0) {
        return c.substring(name.length, c.length);
      }
    }
    return "";
  }
  async function renderDate() {
    let dataDate = await getFetch(`${host}/api/shipping/date?domain=${shop}&productId=8972564564888&v=${Date.now()}`);
    console.log(dataDate, 'renderDate')
    const data = dataDate?.data
    const date = data.date
    const time = data.time
    console.log(date, 'DATE')
    const weekday = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
    const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    const htmlDate = []
    for(let i = 0;i < date.length;i++) {
      const full = date[i].date
      const d = new Date(date[i].date);
      const day = weekday[d.getDay()];
      const dt = d.getDate();
      const mt = monthly[d.getMonth()];
      const yr = d.getFullYear();
      const isDate = Boolean(date[i].isEnabled)
      const cutoffpagi = date[i].cutoff?.pagi
      const cutoffsiang = date[i].cutoff?.siang
      const cutoffMalam = date[i].cutoff?.Malam
      var html = `
        <button data-id="8972564564888" 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'}>
          ${dt === today ?
            `Today<span>${dt < 10 ? '0' + dt : dt}</span>` :
            `${day}<span>${dt < 10 ? '0' + dt : dt}</span>`
          }</button>
      `
      htmlDate.push(html)
    }
    const htmlTime = []
    for(var i = 0;i < time.length;i++) {
      const timeText = time[i].text
      const timeTime = time[i].time
      const timeEnabled = time[i].isEnabled
      var html = `
          <button class="time-single calendarbutton2 btn steps-btn" data-time="${timeText}" ${timeEnabled ? '' : 'disabled'}>${timeText}<br/>${timeTime}</button>
        `
      htmlTime.push(html)
    }
    const deliveryDate = document.getElementById("deliveryDate");
    if(deliveryDate) {
      deliveryDate.insertAdjacentHTML("afterbegin", htmlDate.join(''))
      $("#deliveryTime").html(htmlTime)
      if(productType !== '') {
        console.log("clarity event " + productType + ' calendaring')
        window.clarity("event", `${productType} calendaringSchedule`)
        // window.clarity("set", productType, `calendaringSchedule - ${productDate}`)
      }
    }
  }
  async function getProvince(city) {
    let { data: { province } } = await getFetch(`${host}/api/shipping/address/province?city=${city}`);
    console.log(province, 'province')
    $("#province").val(province)
  }
  async function renderAddress() {
    let current
    if(getCookie("location_delivery")){
      current = getCookie("location_delivery").charAt(0).toUpperCase() + getCookie("location_delivery").slice(1)
    }
    let address = await getFetch(`${host}/api/shipping/address?domain=${shop}&productId=8972564564888`);
    console.log(address)
    const data = address?.data?.city
    const htmlAddress = []
    const grouping = []
    for(let i = 0;i < data?.length;i++) {
      if(data[i]){
        if(data[i]?.group) {
          grouping.push(data[i].group)
        }
        const price = rupiah.format(data[i]?.rate)
        let promo = '(Promo Free Delivery)'
        if(data[i]?.name === 'Jakarta - PickUp ASHTA'){
          promo = '(at SCBD, Ashta)'
        } else if(data[i]?.name === 'Jakarta - PickUp ITC'){
          promo = '(at Kuningan, ITC Kuningan)'
        } else if(data[i]?.name === 'BSD - PickUp'){
          promo = '(at Goldfinch Gading Serpong)'
        } else if(data[i]?.name === 'Kota Lainnya'){
          promo = ''
        }
        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>`)
      }
    }
    const deliveryCity = document.getElementById("cities");
    if(deliveryCity) {
      deliveryCity.insertAdjacentHTML("beforeend", htmlAddress.join(''))
      if(!isIOS) {
        initSelect2('#cities');
      }
    }
  }
  async function renderZip(v, v2, v3) {
    const deliveryZip = document.getElementById("zip");
    if(v === '') {
      return
    }
    let dataZip = await getFetch(`${host}/api/shipping/address/zip?city=${v}&city2=${v2}&city3=${v3}`);
    let zip = dataZip?.data?.zip
    console.log(zip)
    let htmlZip = []
    for(let i = 0; i < zip?.length;i++) {
      htmlZip.push(`<option value="${zip[i]?.postalCode} - ${zip[i]?.subdistrict}">${zip[i]?.postalCode} - ${zip[i]?.subdistrict} - ${zip[i]?.city}</option>`)
    }
    deliveryZip.insertAdjacentHTML("beforeend", htmlZip.join(''))
  }
  renderDate()
  renderAddress()
  // Helper function to safely initialize Select2
  function initSelect2(selector, options = {}) {
    const $element = $(selector);
    if ($element.length === 0) {
      return;
    }
    // Check if Select2 is already loaded
    if (typeof $.fn.select2 !== 'undefined') {
      // Destroy existing select2 instance if any
      if ($element.hasClass('select2-hidden-accessible')) {
        $element.select2('destroy');
      }
      // Initialize select2
      $element.select2(options);
    } else {
      // Wait for Select2 to load
      const checkSelect2 = setInterval(function() {
        if (typeof $.fn.select2 !== 'undefined') {
          clearInterval(checkSelect2);
          // Destroy existing select2 instance if any
          if ($element.hasClass('select2-hidden-accessible')) {
            $element.select2('destroy');
          }
          // Initialize select2
          $element.select2(options);
        }
      }, 100); // Check every 100ms
      // Timeout after 5 seconds
      setTimeout(function() {
        clearInterval(checkSelect2);
      }, 5000);
    }
  }
  let rupiah = new Intl.NumberFormat('id-ID', {
    style: 'currency',
    currency: 'IDR',
    maximumFractionDigits: 0, 
    minimumFractionDigits: 0
  });
  async function insertCard(data) {
    const response = await fetch(`${host}/api/card/v2/new`, {
        method: "POST",
        headers: {
          'Content-Type': 'application/json',
        },
        body: data
    })
    const result = await response.json()
    let id = result?.data?.id
    $(".greetingCard").attr("data-id", id)
    return result
  }
  async function updateCard(id, data){
    const hostx = 'http://localhost:5001'
    const response = await fetch(`${host}/api/card/v2/${id}`, {
        method: "PUT",
        headers: {
          'Content-Type': 'application/json',
        },
        body: data
    })
    console.log(response, 'updateCard')
    return response
  }
  function bytesToSize(bytes) {
    var sizes = ['b', 'kb', 'mb', 'gb', 'tb', 'p'];
    for (var i = 0; i < sizes.length; i++) {
      if (bytes <= 1024) {
        return bytes + ' ' + sizes[i];
      } else {
        bytes = parseFloat(bytes / 1024).toFixed(2)
      }
    }
    return bytes + ' P';
  }
  async function uploadMedia(uri, type) {
    nameq = $("#properties-nama-penerima").val()
    dear = $("#properties-kartu-nama-penerima").val()
    card = $("[data-properties=ucapan]").val()
    sender = $("#properties-kartu-nama-pengirim").val()
    photo = $("#properties-photo").val()
    video = $("#properties-video").val()
    status = "Product"
    const name = qrID
    let formData = new FormData(); 
    formData.append("file", uri);
    const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
      method: "POST", 
      body: formData
    })
    const result = await response.json();
    if(result) {
      const url = result.url
      if(type === 'image/jpeg') {
        $("#properties-photo").val(url)
        $(".preview-image").show()
        $(".remove-image").show()
        $(".placeholder-image").hide()
        // $(".icon-upload").hide()
        photo = url
        // Trigger card preview update for photo upload
        $(document).trigger('cardDataUpdated')
      } else {
        $("#properties-video").val(url)
        $("#label-input-video span").text("Change File")
        $(".case-qrcode-preview p").text("Scan here for a secret message")
        $(".remove-media").show()
        $("#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>`)
        $("[for=input-video]").hide()
        video = url
        // Trigger card preview update for video upload
        $(document).trigger('cardDataUpdated')
      }
      $(".case-video-preview").show()
      $(".steps-card-preview").removeClass("loading")
      // updateCard(nameq, dear, card, sender, photo, video, status)
      $(".nextBtn").attr("disabled", false)
    }
  }
  function randomString(length, chars) {
    var result = '';
    for (var i = length; i > 0; --i) result += chars[Math.round(Math.random() * (chars.length - 1))];
    return result;
  }
  function getNoteCity(fulldate) {
    const h_1 = new Date(new Date().setDate(new Date().getDate() + 1))
    const weekday = ["Min","Sen","Sel","Rab","Kam","Jum","Sab"];
    const monthly = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    const d = new Date(h_1);
    const day = weekday[d.getDay()];
    const dt = d.getDate();
    const mt = monthly[d.getMonth()];
    const yr = d.getFullYear();
    const p = $("#cities").parent(".form-group")
  }
  function disabledSameDay() {
    let btnFirst = $("#deliveryDate").find("button:first-child")
    let getDay = new Date().getDay();
      if(getDay == 1 || getDay == 2 || getDay == 3 || getDay == 4 || getDay == 5){
        if(hour >= 14.00){
          btnFirst.attr("disabled", true)
        }
      } else if(getDay == 6){
        if(hour >= 16.00){
          btnFirst.attr("disabled", true)
        }
      } else if(getDay == 0){
        if(hour >= 16.00){
          btnFirst.attr("disabled", true)
        }
      }
  }
  function disabledays(date) {
    let ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    //if u have to disable a list of day
    let removeDays
      removeDays = ["2025-3-29", "2025-3-31", "2025-4-1"];
    if ($.inArray(ymd, removeDays) >= 0) {
      return [false];
    } else {
      let day = date.getDay();
      if(day == 0 && date.getDate() == 13 && date.getMonth() == 1){
          return [(day == 0),  ''];
      }
      return [(day != 0),  ''];
    }
  }
  /* Indonesian initialisation for the jQuery UI date picker plugin. */
  /* Written by Deden Fathurahman (dedenf@gmail.com). */
  ( function( factory ) {
    if ( typeof define === "function" && define.amd ) {
      // AMD. Register as an anonymous module.
      define( [ "../widgets/datepicker" ], factory );
    } else {
      // Browser globals
      factory( jQuery.datepicker );
    }
  }( function( datepicker ) {
  datepicker.regional.id = {
    closeText: "Tutup",
    prevText: "&#x3C;mundur",
    nextText: "maju&#x3E;",
    currentText: "Today",
    monthNames: [ "January","February","March","April","May","Juny",
                  "July","August","September","October","November","December" ],
    monthNamesShort: [ "Jan","Feb","Mar","Apr","May","Jun",
                      "Jul","Agu","Sep","Oct","Nov","Dec" ],
    dayNames: [ "Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu" ],
    dayNamesShort: [ "Sun","Mon","Tue","Wed","Thu","Fri","Sat" ],
    dayNamesMin: [ "Mg","Sn","Sl","Rb","Km","jm","Sb" ],
    weekHeader: "Mg",
    dateFormat: "D, dd M",
    firstDay: 0,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: "" };
  datepicker.setDefaults( datepicker.regional.id );
  return datepicker.regional.id;
} ) );
  function loadPopup() {
    $("#backgroundPopup").fadeIn("slow");
    $(".purchasePopup:not(.purchasePopupSpotify)").fadeIn("slow");
    const firstSection = $(".purchasePopup:not(.purchasePopupSpotify) .sectionPurchase").first()
    if(firstSection.hasClass("purchasePersonalize")) {
      if(productType !== '') {
        console.log("clarity event " + productType + ' personalize')
        window.clarity("event", `${productType} cardPersonalization`)
        // window.clarity("set", productType, `cardPersonalization - ${productDate}`)
      }
    } else if (firstSection.hasClass("sectionPurchaseBoard")) {
        console.log("clarity event " + productType + ' personalizeBoard')
        window.clarity("event", `${productType} personalizeBoard`)
        // window.clarity("set", productType, `personalizeBoard - ${productDate}`)
    }
    firstSection.removeClass("hide")
    // Auto-trigger addon loading when addon section becomes visible
    setTimeout(function() {
      const addonSection = $(".purchaseAddon")
      if(addonSection.length > 0 && !addonSection.hasClass("hide")) {
        if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
          $("[data-addon]").eq(0).trigger("click")
        }
      }
    }, 200)
  }
  function disablePopup() {
    $("#backgroundPopup").fadeOut("slow");
    $(".purchasePopup").fadeOut("slow");
    $("#popupCart").fadeOut("slow");
  }
  function scrollTo(parent, div, dur) {
    $(parent).animate({
      scrollTop: $(div).offset().top
    }, dur);
  }
  function loadPopupPersonalize() {
    // First validate variant metafields
    if (typeof validateVariantMetafields === 'function') {
      const isValid = validateVariantMetafields(true);
      if (!isValid) {
        // The validateVariantMetafields function already handles scrolling and focusing
        // alert('Please select all required variant options before proceeding.');
        return; // Stop execution if validation fails
      }
    }
    const div = "#purchaseProduct"
    const p = "html, body, .product-meta"
    $("p.error").remove()
    loadItemOccasion($("[data-occassion]").eq(0), "greeting-card-all")
    const isCity = $("#cities[required]")
    const isDate = $("#propDeliveryDate[required]")
    const isTime = $("#propDeliveryTime[required]")
    // loadPopup()
    if(isCity.val() !== '' && isDate.val() !== '' && isTime.val() !== '') {
      loadPopup()
    }
    if(isCity.val() == '') {
      isCity.parent(".row").append("<p class='error'>Choose delivery city</p>")
      scrollTo(p, div, 500)
    }
    if(isDate.val() == '') {
      isDate.parents(".row").append("<p class='error'>Choose delivery date</p>")
      scrollTo(p, div, 500)
    }
    if(isTime.val() == '') {
      isTime.parents(".row").append("<p class='error'>Choose delivery time</p>")
      scrollTo(p, div, 500)
    }
  }
  function quantityCounter() {
    $(document).on("click", ".item-card.selected .q_up", function () {
      var C = $(this).attr("data-id"),
          S =
              parseInt(
                  $(this)
                      .siblings(".quantity-cart-" + C)
                      .val()
              ) + 1;
      $(this).attr("data-quantity", S),
          $(this)
              .siblings(".quantity-cart-" + C)
              .val(S);
    }),
    $(document).on("click", ".item-card.selected .q_down", function () {
        var C = $(this).attr("data-id"),
            S = parseInt(
                $(this)
                    .siblings(".quantity-cart-" + C)
                    .val()
            );
        0 < S && $(this).attr("data-quantity", S - 1),
            0 < S &&
                $(this)
                    .siblings(".quantity-cart-" + C)
                    .val(S - 1);
    });
  }
  quantityCounter()
  const itemAddon = $(".item-card").length
  const nofree = $(".nofree").length
  const upsell = ''
  if(nofree === itemAddon) {
      // $("#itemAddons").html("<p>No Items available</p>")
  }
  $("#itemAddons .item-card").each(function(e){
      $("#itemAddons").attr("data-length", e)
  })
  $("[data-addon]").click(function(){
      const t = $(this)
      const data = t.data("addon")
      $("[data-addon]").removeClass("selected")
      t.addClass("selected")
      $.get(`https://outerbloom.com/collections/${data}/products.json`, function(data, status){
          const products = data.products
          const html = []
          for(let i = 0; i < products.length; i++) {
              const id = products[i].id
              const variantId = products[i].variants[0].id
              const img = products[i].images[0].src
              let img2 = img.split('.jpg')[0]
              const title = products[i].title
              const price = products[i].variants[0].price
              const tags = products[i].tags
              const qty = products[i].variants[0].available
              let type_upsell = ''
              if(tags.includes('upsell-item-upsell-giftcard')) {
                  type_upsell = 'upsell-giftcard'
              }
              console.log(type_upsell)
              if(type_upsell !== '') {
                  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}">
                          <div class="card-image">
                              <img src="${img2}_150x.jpg" alt="${title}" width="" height="" />
                          </div>
                          <div class="card-meta">
                              <h5>${title}</h5>
                              <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
                              <input id="card-${variantId}" type="hidden" name="" value="${variantId}"></div>
                          <div class="card-qty">
                              <a data-quantity="1" type="submit" id="q_down-${variantId}" class="btn-qty-min q_down drawer-cart" data-id="${variantId}"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none"><path d="M0 1.90869V0.908691H12V1.90869H0Z" fill="black"/></svg></a>  
                              <input maxlength="3" min="0" class="btn-qty text-center quantity-cart-${variantId}" value="0" data-price=${price} name="quantity">
                              <a data-quantity="1" type="submit" class="btn-qty-plus q_up text-green drawer-cart" data-id="${variantId}"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
<path d="M0 6.87023V5.94715H5.53846V0.408691H6.46154V5.94715H12V6.87023H6.46154V12.4087H5.53846V6.87023H0Z" fill="black"/>
</svg></a>   
                          </div>
                      </div>`
                  html.push(body)
              }
          }
          $("#itemAddons .row").html(html.length === 0 ? '<p>No Item available</p>' : html)
          $("#itemAddons").attr("data-length", products.length)
          // $('#itemAddons')[0].swiper.update();
      });
  })
  async function isAddon(){
    let ids = []
    $("#itemAddons .item-card.selected").each(function(i, e){
      const id = $(this).data("id")
      ids.push(id)
    })
    console.log(ids)
    return ids
  }
  $("#itemAddons").delegate(".item-card > div:not(.card-qty)", "click", async function(){
    const t = $(this).parent()
    const id = t.data("id")
    const btn =  t.parents(".purchaseAddon").find(".next-purchase-button")
    t.toggleClass("selected");
    //$(this).next("input").toggleAttr('name', 'id[]');
    if (t.hasClass('selected')) {
        t.find("input").val(1)
        t.find("input").attr('name', 'id[]');
    } else {
        t.find("input").val(0)
        t.find("input").removeAttr('name');
    }
    $("#properties-addons").val(addons)
    const is = await isAddon()
    if(is.length === 0) {
      btn.text("continue without add-ons")
      return
    }
    if(is.includes(8835692069079)) {
      btn.text("personalize acrylic frame")
    } else {
      btn.text("Continue")
    }
  })
  async function myAddon(data) {
    const c = $(".addonsPurchase .addons")
    let items = []
    const spotifyAddons = $(".spotifyAddons").find("[data-index]")
    // if(spotifyAddons.length > 0) {
    //   $(spotifyAddons).each(function(i, e){
    //     const spotifyLink = $(this).find(".spotifyLink").val()
    //     const spotifySong = $(this).find(".spotifySong").val()
    //     const spotifyArtist = $(this).find(".spotifyArtist").val()
    //     const spotifyFotoAddon = $(this).find(".resultPhotoSpotify").val()
    //     if(spotifyLink !== '') {
    //       spotifyAddon = `<div class="addon-item" data-id="46067682607319" data-qty="1">
    //         <div class="addon-itm-img">
    //           <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"/>//</div>
    //         <div class="addon-itm-title">
    //           <span>[US] Outerbloom Acrylic Frame 4R</span>
    //         </div>
    //         <div class="addon-itm-line-total">
    //           <span>Rp 99.000</span>
    //         </div>
    //       </div>
    //       <div class="propsAddonSpotify row m-0">
    //         <div class="col-12 col-lg-2"></div>
    //           <div class="col-12 col-lg-10">
    //             <p>
    //               <span>spotify link</span>
    //               <span class="spotifyLinkAddon">${spotifyLink}</span>
    //             </p>
    //             <p>
    //               <span>uploaded photo</span>
    //               <span class="spotifyFotoAddon">${spotifyFotoAddon}</span>
    //             </p>
    //             <p>
    //               <span>song / playlist name</span>
    //               <span class="spotifySongAddon">${spotifySong}</span>
    //             </p>
    //             <p>
    //               <span>artist name</span>
    //               <span class="spotifyArtistAddon">${spotifyArtist}</span>
    //             </p>
    //           </div>
    //       </div>`
    //       items.push(spotifyAddon)
    //     }
    //   })
    // }
    for(let i = 0; i < data.length; i++) {
      if(data[i].title !== '[US] Outerbloom Acrylic Frame 4R' ) {
        const img = data[i].image
        const title = data[i].title
        const qty = data[i].qty
        const price = data[i].price
        const total = Number(qty) * Number(price)
        let addons = `<div class="addon-item" data-id="${data[i].id}" data-qty="${qty}">
              <div class="addon-itm-img">
                <img src="${img}" alt="" width="70"/>
              </div>
              <div class="addon-itm-title">
                <span>${title}</span>
              </div>
              <div class="addon-itm-line-price">
                <span>${rupiah.format(price)}</span>
                ${data[i].title == '[US] Outerbloom Acrylic Frame 4R' ? '' : `<span>x${qty}</span>`}
              </div>
              <div class="addon-itm-line-total">
                <span>${rupiah.format(total)}</span>
              </div>
            </div>`
          items.push(addons)
      }
    }
    c.html(items)
    const parent = $(".purchaseAddon")
    const next = parent.next(".sectionPurchase")
    parent.addClass("hide")
    next.removeClass("hide")
    // if(items2.length === 0) return $("#popupCart").addClass("no-addon-cart")
    // $(".itemAddonCart").find("h4").text(`add-ons (${items2.length})`)
  }
  async function listAddon() {
    const data = $("#itemAddons").find(".selected")
    let ids = []
    $(data).each(function(){
      const id = $(this).data("variant")
      const image = $(this).find(".card-image img").attr("src")
      const title = $(this).find(".card-meta h5").text()
      const qty = $(this).find(".card-qty input").val()
      const price = $(this).find(".card-qty input").data("price")
      ids.push({
        id: Number(id),
        image,
        title,
        qty,
        price
      })
    })
    myAddon(ids)
  }
  async function customSpotify(idx, length, type){
    let isCard = false
      isCard = true
    let p = $(".purchasePopupSpotify")
    const preLink = $(".spotifyLinkFirst").val()
    $("[data-index]").hide()
    p.find(".headerPurchase h3").text(`personalize spotify photo print${length > 1 ? ` - ${idx}` : ''}`)
    p.find(".regulerAddons, .purchase-button").hide()
    p.find(".spotifyAddons").show()
    const data = await trackUrl(preLink)
    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="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none">
<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"/>
</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=http://www.w3.org/2000/svg><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="http://www.w3.org/2000/svg" width="13" height="11" viewBox="0 0 13 11" fill="none">
<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"/>
</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>`
    // console.log(html)
    $(".spotifyAddons").append(html)
    $(`[data-index=${idx}]`).show()
    if (preLink !== '') {
      $(".btn-action .btn").attr("disabled", false)
    } else {
      $(".btn-action .btn").attr("disabled", true)
    }
    return html
  }
  $(".spotifyLinkFirst").keyup(async function(){
    const v = $(this).val()
    if(v.includes('spotify:user:spotify')) {
      const correct = v.split('user:spotify:')[1]
      console.log(correct, 'BNER')
      $(this).val(correct)
      return
    }
    if(v.includes("spotify:") || v.includes("https://open.spotify.com/")){
      const data = await trackUrl(v)
      if(!data || !data.status) {
        $(this).parent().addClass("error")
        // $(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>`)
        $("#personalizeBtnSpotify .btn").attr("disabled", true)
        return
      }
      $(this).parent().removeClass("error")
      // $(this).parent().remove("txt-error")
      $("#personalizeBtnSpotify .btn").attr("disabled", false)
    } else {
      $("#personalizeBtnSpotify .btn").attr("disabled", true)
    }
  })
  $(".purchaseAddon").delegate(".next-addon", "click", async function(){
    const parent = $(this).parents(".purchaseAddon")
    const next = parent.next(".sectionPurchase")
    if(next.hasClass("purchaseAddress")) {
      if(productType !== '') {
        console.log("clarity event " + productType + ' purchaseDelivery')
        window.clarity("event", `${productType} purchaseDelivery`)
        // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
      }
      // Check if Kota Pengiriman is "Kota Lainnya"
      const kotaPengiriman = $("#cities").val()
      if(kotaPengiriman === 'Kota Lainnya') {
        // Skip address form and go directly to addToCart
        await addToCart()
        return
      }
    }
    const data = $("#itemAddons").find(".selected")
    const length = $(".quantity-cart-46067682607319").val()
    const checked = data.length;
    if(checked > 0) {
      if(length > 0) {
        $(".purchaseAddon").addClass("purchaseAddonSpotify")
        customSpotify(1, length, 'addon')
      } else {
        listAddon()
      }
    } else {
      parent.addClass("hide")
      next.removeClass("hide")
    }
  })
  $("#personalizeBtnSpotify .btn").click(async function(){
    // First validate variant metafields
    if (typeof validateVariantMetafields === 'function') {
      const isValid = validateVariantMetafields(true);
      if (!isValid) {
        // The validateVariantMetafields function already handles scrolling and focusing
        alert('Please select all required variant options before proceeding.');
        return; // Stop execution if validation fails
      }
    }
    const isCity = $("#cities[required]")
    const isDate = $("#propDeliveryDate[required]")
    if((isDate.length > 0 && isCity.length > 0) && (isCity.val() === '' || isDate.val() === '')) {
      alert('Please choose Delivery City & Delivery Date')
      return
    }
    const data = await customSpotify(1, 1, 'product')
    if(data) {
      $("#backgroundPopup").fadeIn("slow");
      $(".purchasePopupSpotify").fadeIn("slow");
      if(productType !== '') {
        console.log("clarity event " + productType + ' spotify')
        window.clarity("event", `${productType} spotify`)
        // window.clarity("set", productType, `purchaseDelivery - ${productDate}`)
      }
    }
  })
  function formatBytes(bytes, decimals = 2) {
    if (!+bytes) return '0 Bytes'
    const k = 1024
    const dm = decimals < 0 ? 0 : decimals
    const sizes = ['B', 'KB', 'MB']
    const i = Math.floor(Math.log(bytes) / Math.log(k))
    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`
  }
  async function trackUrl(link){
    try {
      let trackId = link.split('/').pop().split('?')[0];
      let type = ''
      if(link.includes("spotify:")) {
        const uri = link.split('spotify:')[1]
        trackId = uri.split(':')[1]
        type = uri.split(':')[0] + 's'
      } else {
        if(link.match('track')){
          type = 'tracks'
        } else if(link.match('playlist')) {
          type = 'playlists'
        } else if(link.match('artist')) {
          type = 'artists'
        } else if(link.match('album')) {
          type = 'albums'
        }
      }
      console.log(`${host}/api/spotify/${type}/${trackId}`)
      const data = await getFetch(`${host}/api/spotify/${type}/${trackId}`)
      console.log(data, 'DATA')
      const song = data?.data?.name
      const artist = data?.data?.artist
      return {
        song, artist, type, trackId, status: data.status
      }
    } catch(err) {
      console.log(err)
    }
  }
  $(".spotifyAddons").delegate(".uploadPhotoSpotify", "change", async function(){
    const parent = $(this).parents("[data-index]")
    const preview = parent.find(".previewImage")
    const file = $(this)[0].files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = async function(e) {
          parent.find(".uploadResult label").hide()
          parent.find(".uploadedResult").remove()
          parent.find(".uploadResult").append(`<div class="uploadedResult d-flex" style="justify-content: space-between">
          <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>
          <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;"><svg fill="none" height="11" viewBox="0 0 10 11" width="10" xmlns="http://www.w3.org/2000/svg">
  <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 />
</svg>
</span></div></div>`)
          parent.find(".frameImageUploaded svg").hide()
          parent.find(".frameImage").addClass("uploaded")
          preview.attr("src", e.target.result);
          preview.show();
          let formData = new FormData(); 
          formData.append("file", file);
          const response = await fetch(`${host}/api/upload?name=${file.name}&type=image/jpeg&r=${Date.parse(new Date)}`, {
            method: "POST", 
            body: formData
          })
          const result = await response.json();
          if(result){
            parent.find(".resultPhotoSpotify").val(result.url)
          }
        }
        reader.readAsDataURL(file);
    } else {
        preview.hide();
    }
  });
  $(".spotifyAddons").delegate(".uploadResult", "click", function(){
    $(this).next("input[type=file]").trigger("click")
  })
  $(".spotifyAddons").delegate(".changeUpload", "click", function(){
    $(this).parents("input[type=file]").trigger("click")
  })
  $(".spotifyAddons").delegate(".removeUpload", "click", function(){
    const parent = $(this).parents("[data-index]")
    parent.find(".uploadPhotoSpotify").val("")
    parent.find(".uploadResult label").show()
    parent.find(".uploadedResult").remove()
    parent.find(".frameImageUploaded svg").show()
    parent.find(".previewImage").hide()
    parent.find(".frameImage").removeClass("uploaded")
  })
  $(".spotifyAddons").delegate("label.checkbox", "click", function(){
    const parent = $(this).parents("[data-index]")
    parent.toggleClass("checked")
  })
  $(".spotifyAddons").delegate(".spotifyLink", "change", async function(){
    const parent = $(this).parents("[data-index]")
    const link = $(this).val()
    const data = await trackUrl(link)
    console.log(data)
    if(data.song) {
      parent.find(".spotifySong").val(data.song)
      parent.find(".spotifyData").find("h3").text(data.song)
    }
    if(data.artist) {
      parent.find(".spotifyArtist").val(data.artist)
      parent.find(".spotifyData").find("p").text(data.artist)
    }
    parent.find(".spotifyCode img").attr("src", `https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:${data.type.slice(0, -1)}:${data.trackId}`)
    // https://scannables.scdn.co/uri/plain/png/FFFFFF/black/640/spotify:track:1er51HCEBhIAtoEemKuC3M
    if (data.status === true) {
      parent.find(".btn-action .btn").attr("disabled", false)
    } else {
      parent.find(".btn-action .btn").attr("disabled", true)
    }
  })
  $(".spotifyAddons").delegate(".spotifySong", "keyup", async function(){
    const parent = $(this).parents("[data-index]")
    const v = $(this).val()
    parent.find(".spotifyData h3").text(v)
  })
  $(".spotifyAddons").delegate(".spotifyArtist", "keyup", async function(){
    const parent = $(this).parents("[data-index]")
    const v = $(this).val()
    parent.find(".spotifyData p").text(v)
  })
  $(".spotifyAddons").delegate(".btn-action .btn:not(.no-addon)", "click", async function(){
    const parent = $(this).parents("[data-index]")
    const length = parent.data("length")
    const index = parent.data("index")
    const indexNext = Number(index) + 1
    customSpotify(indexNext, length, 'addon')
  })
  $(".spotifyAddons").delegate(".btn-action .btn.finished", "click", async function(){
    const parent = $(this).parents(".purchaseAddon")
    const next = parent.next(".sectionPurchase")
    parent.addClass("hide")
    next.removeClass("hide")
    next.find(".purchase-button").show()
    listAddon()
  })
  $(".spotifyAddons").delegate(".back-spotify", "click", async function(){
    const t = $(this).parents("[data-index]")
    const parent = $(this).parents(".sectionPurchase")
    const current = t.data("index")
    const prevCurrent = Number(current) - 1
    if(current == 1) {
      parent.removeClass("purchaseAddonSpotify")
      parent.find(".purchase-button").show()
      parent.find(".headerPurchase h3").text("Make It More Special with Add-Ons!")
      $(".spotifyAddons").empty()
      $(".regulerAddons").show()
      return
    }
    t.hide()
    t.prev("[data-index]").show()
    t.remove()
    parent.find(".headerPurchase h3").text(`personalize spotify photo print - ${prevCurrent}`)
  })
  $("#personalizeBtn .btn").click(async function() {
    loadPopupPersonalize()
  });
  $(".sectionPurchaseSpotify").delegate(".btn[data-type=card]", "click", function(){
    $(".sectionPurchaseSpotify").hide()
    loadPopupPersonalize()
  })
  $(".close-purchase-popup").click(function() {
      disablePopup();
  });
  $("#backgroundPopup").click(function() {
      // disablePopup();
  });
  $("#popupCart .close-purchase-popup").click(function() {
      location.reload()
  });
  $('#popupCart').on('hide.bs.modal', function (e) {
    location.reload()
  })
  $(".next-card").click(function(){
    const parent = $(this).parents(".sectionPurchase")
    const next = parent.next(".sectionPurchase")
    parent.addClass("hide")
    next.removeClass("hide")
  })
  $(".back-purchase-button").click(function(){
    const parent = $(this).parents(".sectionPurchase")
    const prev = parent.prev(".sectionPurchase")
    parent.addClass("hide")
    prev.removeClass("hide")
  })
  $(document).keypress(function(e) {
      if (e.keyCode == 27 && popupStatus == 1) {
          disablePopup();
      }
  });
  const parentImg = $(".case-img-preview")
  const parentVid = $(".case-video-preview")
  // Image Editor Variables
  let currentImageFile = null;
  let cropper = null;
  let originalImageSize = { width: 0, height: 0 };
  // Utility function to format file size
  function formatImageSize(width, height) {
    return `${width} × ${height}px`;
  }
  // Utility function to estimate file size in bytes
  function estimateFileSize(width, height, quality = 0.9) {
    // Base calculation: assume ~3 bytes per pixel for JPEG at 90% quality
    const baseSize = width * height * 3;
    // Apply quality factor (90% quality typically results in ~30-40% compression)
    const compressionFactor = quality === 0.9 ? 0.35 : (1 - quality) * 0.5 + 0.2;
    const estimatedSize = Math.round(baseSize * compressionFactor);
    // Format to human readable
    if (estimatedSize < 1024) {
      return `${estimatedSize} B`;
    } else if (estimatedSize < 1024 * 1024) {
      return `${(estimatedSize / 1024).toFixed(1)} KB`;
    } else {
      return `${(estimatedSize / (1024 * 1024)).toFixed(1)} MB`;
    }
  }
  // Update image size information
  function updateImageSizeInfo() {
    if (!cropper) return;
    const imageData = cropper.getImageData();
    const cropBoxData = cropper.getCropBoxData();
    const canvasData = cropper.getCanvasData();
    // Calculate the scale factor between natural image size and displayed size
    const scaleFactorX = originalImageSize.width / imageData.naturalWidth;
    const scaleFactorY = originalImageSize.height / imageData.naturalHeight;
    // Calculate the actual output size based on crop box and scale factor
    const outputWidth = Math.round((cropBoxData.width / canvasData.width) * imageData.naturalWidth);
    const outputHeight = Math.round((cropBoxData.height / canvasData.height) * imageData.naturalHeight);
    // Update display
    document.getElementById('originalSize').textContent = 
      `Original: ${formatImageSize(originalImageSize.width, originalImageSize.height)}`;
    document.getElementById('newSize').textContent = 
      `New: ${formatImageSize(outputWidth, outputHeight)}`;
  }
  // Initialize Image Editor Popup
  function initImageEditor() {
    const editorHTML = `
      <div id="imageEditorPopup" class="image-editor-popup">
        <div class="image-editor-overlay"></div>
        <div class="image-editor-modal">
          <div class="image-editor-header">
            <h3>Edit Image</h3>
            <button class="close-editor" type="button">&times;</button>
          </div>
          <div class="image-editor-content">
            <div class="image-editor-canvas">
              <img id="imageToEdit" src="" alt="Image to edit"></div>
            <div class="image-editor-controls">
              <div class="control-group">
                <label>Crop Aspect Ratio:</label>
                <select id="aspectRatio">
                  <option value="free">Free</option>
                  <option value="1">1:1 (Square)</option>
                  <option value="1.33">4:3</option>
                  <option value="1.77">16:9</option>
                  <option value="0.75">3:4 (Portrait)</option>
                </select>
              </div>
              <div class="control-group">
                <label>Image Size:</label>
                <div id="imageSizeInfo">
                  <span id="originalSize">Original: -</span>
                  <span id="newSize">New: -</span>
                </div>
              </div>
              <div class="control-group">
                <button type="button" id="rotateLeft">↺ Rotate Left</button>
                <button type="button" id="rotateRight">↻ Rotate Right</button>
                <button type="button" id="flipH">⟷ Flip H</button>
                <button type="button" id="flipV">⟱ Flip V</button>
              </div>
              <div class="control-group">
                <button type="button" id="resetImage">Reset</button>
                <button type="button" id="cropImage">Apply Crop</button>
              </div>
            </div>
          </div>
          <div class="image-editor-footer">
            <button type="button" class="btn-cancel">Cancel</button>
            <button type="button" class="btn-save">Save Changes</button>
          </div>
        </div>
      </div>`;
    if (!document.getElementById('imageEditorPopup')) {
      document.body.insertAdjacentHTML('beforeend', editorHTML);
      initImageEditorEvents();
    }
  }
  // Initialize Image Editor Events
  function initImageEditorEvents() {
    const popup = document.getElementById('imageEditorPopup');
    const imageToEdit = document.getElementById('imageToEdit');
    // Close editor events
    popup.querySelector('.close-editor').onclick = closeImageEditor;
    popup.querySelector('.btn-cancel').onclick = closeImageEditor;
    popup.querySelector('.image-editor-overlay').onclick = closeImageEditor;
    // Save edited image
    popup.querySelector('.btn-save').onclick = saveEditedImage;
    // Aspect ratio change
    document.getElementById('aspectRatio').onchange = function() {
      if (cropper) {
        const value = this.value;
        cropper.setAspectRatio(value === 'free' ? NaN : parseFloat(value));
        updateImageSizeInfo();
      }
    };
    // Rotation and flip controls
    document.getElementById('rotateLeft').onclick = () => {
      if (cropper) {
        cropper.rotate(-90);
        updateImageSizeInfo();
      }
    };
    document.getElementById('rotateRight').onclick = () => {
      if (cropper) {
        cropper.rotate(90);
        updateImageSizeInfo();
      }
    };
    document.getElementById('flipH').onclick = () => {
      if (cropper) {
        cropper.scaleX(-cropper.getImageData().scaleX);
        updateImageSizeInfo();
      }
    };
    document.getElementById('flipV').onclick = () => {
      if (cropper) {
        cropper.scaleY(-cropper.getImageData().scaleY);
        updateImageSizeInfo();
      }
    };
    // Reset image
    document.getElementById('resetImage').onclick = function() {
      if (cropper) {
        cropper.reset();
        updateImageSizeInfo();
      }
    };
    // Apply crop
    document.getElementById('cropImage').onclick = function() {
      if (cropper) {
        const croppedCanvas = cropper.getCroppedCanvas();
        cropper.replace(croppedCanvas.toDataURL());
        updateImageSizeInfo();
      }
    };
  }
  // Open Image Editor
  function openImageEditor(file) {
    currentImageFile = file;
    const popup = document.getElementById('imageEditorPopup');
    const imageToEdit = document.getElementById('imageToEdit');
    const reader = new FileReader();
    reader.onload = function(e) {
      imageToEdit.src = e.target.result;
      // Add show class with slight delay for smooth animation
      setTimeout(() => {
        popup.classList.add('show');
      }, 10);
      // Initialize Cropper.js
      if (cropper) {
        cropper.destroy();
      }
      // Load Cropper.js if not already loaded
      if (typeof Cropper === 'undefined') {
        loadCropperJS().then(() => {
          initCropper();
        });
      } else {
        initCropper();
      }
    };
    reader.readAsDataURL(file);
  }
  // Initialize Cropper
  function initCropper() {
    const imageToEdit = document.getElementById('imageToEdit');
    cropper = new Cropper(imageToEdit, {
      aspectRatio: NaN,
      viewMode: 1,
      dragMode: 'move',
      autoCropArea: 1,
      responsive: true,
      background: false,
      guides: true,
      center: true,
      highlight: false,
      cropBoxMovable: true,
      cropBoxResizable: true,
      toggleDragModeOnDblclick: false,
      ready: function() {
        // Store original image size when cropper is ready
        const imageData = this.cropper.getImageData();
        originalImageSize.width = imageData.naturalWidth;
        originalImageSize.height = imageData.naturalHeight;
        // Update size info when cropper is ready
        updateImageSizeInfo();
      },
      crop: function() {
        // Update size info on crop change
        updateImageSizeInfo();
      }
    });
  }
  // Load Cropper.js library
  function loadCropperJS() {
    return new Promise((resolve, reject) => {
      if (typeof Cropper !== 'undefined') {
        resolve();
        return;
      }
      // Load CSS
      const cssLink = document.createElement('link');
      cssLink.rel = 'stylesheet';
      cssLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css';
      document.head.appendChild(cssLink);
      // Load JS
      const script = document.createElement('script');
      script.src = 'https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js';
      script.onload = resolve;
      script.onerror = reject;
      document.head.appendChild(script);
    });
  }
  // Close Image Editor
  function closeImageEditor() {
    const popup = document.getElementById('imageEditorPopup');
    // Remove show class for animation
    popup.classList.remove('show');
    if (cropper) {
      cropper.destroy();
      cropper = null;
    }
    // Reset variables
    currentImageFile = null;
    originalImageSize = { width: 0, height: 0 };
    // Reset size display
    document.getElementById('originalSize').textContent = 'Original: -';
    document.getElementById('newSize').textContent = 'New: -';
  }
  // Save Edited Image
  function saveEditedImage() {
    if (!cropper) return;
    // Get cropped canvas without any scaling - keep original dimensions
    const canvas = cropper.getCroppedCanvas({
      imageSmoothingEnabled: true,
      imageSmoothingQuality: 'high',
    });
    canvas.toBlob(function(blob) {
      // Create new file from edited image
      const editedFile = new File([blob], currentImageFile.name, {
        type: 'image/jpeg',
        lastModified: Date.now()
      });
      // Close editor
      closeImageEditor();
      // Process the edited image
      processEditedImage(editedFile);
    }, 'image/jpeg', 0.9);
  }
  // Process Edited Image
  function processEditedImage(file) {
    const reader = new FileReader();
    reader.onload = function(e) {
      // Show loader on preview area
      $('.steps-card-preview').addClass('loading-upload');
      $('.ajax-loader').show();
      $('.placeholder-image').hide();
      $('.icon-upload').hide();
      $('.preview-image').show();
      $('.remove-image').show();
      $('.preview-image').attr('src', e.target.result);
      // Start upload process with edited image
      uploadMedia(file, 'image/jpeg').then(() => {
        $('.ajax-loader').hide();
        $('.steps-card-preview').removeClass('loading-upload loading');
        $(".nextBtn").attr("disabled", false);
      }).catch((error) => {
        $('.ajax-loader').hide();
        $('.steps-card-preview').removeClass('loading-upload loading');
        console.error('Upload failed:', error);
      });
    };
    reader.readAsDataURL(file);
  }
  function readURL(input) {
    if (input.files && input.files[0]) {
      const file = input.files[0];
      // Check if it's an image file
      if (file.type.startsWith('image/')) {
        // Validate image file size
        if (file.size > 5242880) {
          alert('File size exceeds maximum limit 5 MB');
          return;
        }
        // Initialize image editor if not already done
        initImageEditor();
        // Open image editor for editing
        openImageEditor(file);
      } else if (file.type.match('video/')) {
        // Handle video upload normally
        if (file.size > 15728640) {
          alert('File size exceeds maximum limit 15 MB');
          return;
        }
        let reader = new FileReader();
        reader.onload = function (e) {
          $(".nextBtn").attr("disabled", true);
          $(".steps-card-preview").addClass("loading");
          uploadMedia(file, 'video/mp4').then(() => {
            $('.steps-card-preview').removeClass('loading');
            $(".nextBtn").attr("disabled", false);
          }).catch((error) => {
            $('.steps-card-preview').removeClass('loading');
            console.error('Upload failed:', error);
          });
        };
        reader.readAsDataURL(file);
      } else {
        alert('Please select a valid image or video file.');
      }
    }
  }
  async function readURLPapan(input) {
    if (input.files && input.files[0]) {
      let reader = new FileReader();
      reader.onload = function (e) {
        $('.btn-upload-papan').siblings('label').hide();
        $('.btn-upload-papan img').attr('src', e.target.result);
        $('.btn-upload-papan img').show();
        $('.svgLogoPapan').hide();
        // Show loader during upload
        $('.btn-upload-papan').addClass('loading-upload');
        $('.ajax-loader').show();
      }
      const type = 'image/jpeg'
      const name = `logo-8972564564888-${Date.parse(new Date())}`
      try {
        let formData = new FormData(); 
        formData.append("file", input.files[0]);
        const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
          method: "POST", 
          body: formData
        })
        const result = await response.json();
        if(result) {
          const url = result.url
          $("[data-properties=papan-logo]").val(url)
        }
        // Hide loader after upload completes
        $('.btn-upload-papan').removeClass('loading-upload');
        $('.ajax-loader').hide();
      } catch (error) {
        // Hide loader on error
        $('.btn-upload-papan').removeClass('loading-upload');
        $('.ajax-loader').hide();
        console.error('Upload failed:', error);
      }
      reader.readAsDataURL(input.files[0]);
    }
  }
  async function readURLAddress(input) {
    console.log(input, 'readURLAddress')
    if (input.files && input.files[0]) {
      let reader = new FileReader();
      reader.onload = function (e) {
        $('.photo-address').attr('src', e.target.result);
        $('.photo-address').show();
        // Show loader during upload
        $('.photo-address').parent().addClass('loading-upload');
        $('.ajax-loader').show();
      }
      const type = 'image/jpeg'
      const name = input.files[0].name?.split('.')[0]
      try {
        let formData = new FormData(); 
        formData.append("file", input.files[0]);
        const response = await fetch(`${host}/api/upload?name=${name}&type=${type}&r=${randomString(3, '0123456789')}`, {
          method: "POST", 
          body: formData
        })
        const result = await response.json();
        // Hide loader after upload completes
        $('.photo-address').parent().removeClass('loading-upload');
        $('.ajax-loader').hide();
        reader.readAsDataURL(input.files[0]);
        return result
      } catch (error) {
        // Hide loader on error
        $('.photo-address').parent().removeClass('loading-upload');
        $('.ajax-loader').hide();
        console.error('Upload failed:', error);
        reader.readAsDataURL(input.files[0]);
        return null;
      }
    }
  }
  async function addToCartUang() {
    var productAddOnId1 = 42122101162199;
    var productAddOnId2 = 42122101194967;
    var product_id = 8972564564888
    const data = {
      items: [
          {
              quantity: $("#Quantity-" + productAddOnId1).val(),
              id: productAddOnId1,
              "properties": { "Time": $("#properties-time").val() }
          },
          {
              quantity: $("#Quantity-" + productAddOnId2).val(),
              id: productAddOnId2,
              "properties": { "Time": $("#properties-time").val() }
          }
      ]
    }
    await fetch(window.Shopify.routes.root + 'cart/add.js', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(data)
    })
    .then(response => {
      console.error('Sukses Buket Uang:', response);
      $(".form-flower").submit()
    })
    .catch((error) => {
      console.error('Error Buket Uang:', error);
      $(".form-flower").submit()
    });
  }
  // Utility function untuk membuat data card yang konsisten dengan default "-"
  function createCardData(overrides = {}) {
    const defaultData = {
      "ID": $("#properties-properties-qrId").val() !== '' ? $("#properties-properties-qrId").val() : '-',
      "Kartu Nama Penerima": $("#properties-kartu-nama-penerima").val() !== '' ? $("#properties-kartu-nama-penerima").val() : '-',
      "Kartu Nama Pengirim": $("#properties-kartu-nama-pengirim").val() !== '' ? $("#properties-kartu-nama-pengirim").val() : '-',
      "Kartu Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-',
      "Nama Penerima": $("#properties-nama-penerima").val() !== '' ? $("#properties-nama-penerima").val() : '-',
      "Order Number": "-",
      "Status": "Product",
      "Foto": $("#properties-photo").val() !== '' ? $("#properties-photo").val() : '-',
      "Media": $("#properties-video").val() !== '' ? $("#properties-video").val() : '-',
      "Image": "8972564564888"
    }
    // Merge dengan overrides jika ada
    return JSON.stringify({...defaultData, ...overrides})
  }
  // Utility function untuk membuat data save card (insertCard/updateCard)
  function createSaveCardData(overrides = {}) {
    const defaultData = {
      "id": qrID || '',
      "penerima": $("#properties-nama-penerima").val() !== '' ? $("#properties-nama-penerima").val() : '-',
      "kartu_penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-',
      "kartu_ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-',
      "kartu_pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-',
      "foto": $("#properties-photo").val() !== '' ? $("#properties-photo").val() : '-',
      "video": $("#properties-video").val() !== '' ? $("#properties-video").val() : '-',
      "productId": "8972564564888",
      "order_name": "-",
      "status": "Cart"
    }
    // Merge dengan overrides jika ada  
    const mergedData = {...defaultData, ...overrides}
    return {
      data: JSON.stringify(mergedData),
      parsed: mergedData
    }
  }
  async function saveCard(){
    let isCard = true
    const cardData = createSaveCardData()
    const id = $(".greetingCard").data("id")
    if(!id){
      if((cardData.parsed.kartu_ucapan !== '' && cardData.parsed.kartu_ucapan !== '-') || 
         (cardData.parsed.foto !== '' && cardData.parsed.foto !== '-') || 
         (cardData.parsed.video !== '' && cardData.parsed.video !== '-')){
        if($("#qrcode").length){
          var qrCode = new QRCode(document.getElementById("qrcode"), {
            text: `https://moment.outerbloom.com/${qrID}`,
            width: 200,
            height: 200,
            colorDark : "#212121",
            colorLight : "#ffffff",
            correctLevel: QRCode.CorrectLevel.L,
          });
        }
        $("#properties-qrId").val(qrID)
        const insert_card = await insertCard(cardData.data)
        console.log(insert_card, 'insert')
        // Trigger card preview update
        $(document).trigger('cardDataUpdated')
        return insert_card
      }
    } else {
      console.log('start update')
      const update_card = await updateCard(id, cardData.data)
      console.log(update_card, 'update_card')
      // Trigger card preview update
      $(document).trigger('cardDataUpdated')
      return update_card
    }
  }
  async function additem(items){
    try {
      let formData = items
      if(items?.length) {
        formData = {
           'items': items
        };
      }
      const add = await fetch(window.Shopify.routes.root + 'cart/add.js', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'X-Requested-With':'xmlhttprequest' /* XMLHttpRequest is ok too, it's case insensitive */
        },
        body: JSON.stringify(formData)
      })
      const data = await add.json();
      return data
    } catch(err){
      console.log('Error additem', err)
    }
  }
  async function addons(){
    let items = []
    $(".addon-item").each(function(){
      const p = $(this)
      const props = p.next(".propsAddonSpotify")
      const id = $(this).data("id")
      const quantity = $(this).data("qty")
      const propId = $("#properties-time").val()
      let properties = {}
      if(id === 46067682607319) {
        const link = props.find(".spotifyLinkAddon").text()
        const photo = props.find(".spotifyFotoAddon").text()
        const song = props.find(".spotifySongAddon").text()
        const artist = props.find(".spotifyArtistAddon").text()
        properties = {
          id: propId,
          "Spotify Link": link !== '' ? link : '-',
          "Spotify Photo": photo !== '' ? photo : '-',
          "Spotify Song": song !== '' ? song : '-',
          "Spotify Artist": artist !== '' ? artist : '-',
          type: 'addon'
        }
      } else {
        properties = { 
          "id": propId, 
          "type": "addon"
        }
      }
      items.push({
        id, 
        quantity, 
        properties
      })
    })
    return items
  }
  async function propItems() {
    let props = {}
    $("[data-properties]").each(function(e){
      let elementType = this.tagName;
      const k = $(this).data("properties")
      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') {
        const v = elementType === 'SELECT' ? $(this).find(":selected").val() : $(this).val();
        if(v !== '') {
          props[k] = v?.replace(/[\s\n]/g, '');
        }
      }
    })
    return props
  }
  async function showPopupCart(items){
    if(productType !== '') {
      console.log("clarity event " + productType + ' completeOrder')
      window.clarity("event", `${productType} completeOrder`)
      // window.clarity("set", productType, `completeOrder - ${productDate}`)
    }
    $("#popupCart").show()
      $(".propDeliveryCity").text($("#cities").val())
      $(".propDeliveryDate").text($("#propDeliveryDate").val())
      $(".propDeliveryTime").text($("#propDeliveryTime").val())
      $(".propDeliveryName").text($("[data-properties=nama-penerima]").val())
      $(".propDeliveryAddress").text($("[data-properties=alamat-penerima]").val())
      $(".propDeliveryPhone").text($("[data-properties=telepon-penerima]").val())
      $(".propDeliveryProv").text($("#province").val())
      $(".propDeliveryZip").text($("#zip").val())
    const addons = []
    if(items && items.length > 0) {
      for(let i = 1; i < items.length; i++) {
        const spotifyLink = items[i].properties['Spotify Link']
        const spotifyPhoto = items[i].properties['Spotify Photo']
        const spotifySong = items[i].properties['Spotify Song']
        const spotifyArtist = items[i].properties['Spotify Artist']
        const price = items[i].price / 100
        const props = spotifyLink ? `<div class="propsAddonCart row m-0">
                  <div class="col-12 col-lg-2"></div>
                  <div class="col-12 col-lg-10">
                    <p>
                      <span>spotify link</span>
                      <span>${spotifyLink}</span>
                    </p>
                    <p>
                      <span>Upload Photo</span>
                      <span>${spotifyPhoto}</span>
                    </p>
                    <p>
                      <span>song / playlist name</span>
                      <span>${spotifySong}</span>
                    </p>
                    <p>
                      <span>artist name</span>
                      <span>${spotifyArtist}</span>
                    </p>
                  </div>
                </div>` : '';
        addons.push(`<div class="row m-0">
                  <div class="imgAddonCart col-2">
                    <img
                      width="43"
                      src="${items[i].image}"
                      alt=""
                    ></div>
                  <div class="imgAddonTitlePrice col-10 align-self-center">
                    <div class="row justify-content-between m-0">
                      <div class="col-12 col-lg-8">
                        <h5>${items[i].title}</h5>
                      </div>
                      <div class="col-12 col-lg-4 text-lg-right">
                        <span>${rupiah.format(price)}</span>
                      </div>
                    </div>
                  </div>
                </div>${props}`)
      }
    }
    // console.log(addons)
    if(addons.length === 0) {
      $(".itemAddonCart").hide()
      return
    }
    $(".toggleAddonCart h4").text(`add-ons (${items.length - 1})`)
    $(".wrapperItemAddonCart").html(addons)
  }
  const money = (money) => {
      return new Intl.NumberFormat('id-ID',
          { style: 'currency', currency: 'IDR', minimumFractionDigits: 0 }
      ).format(money);
  }
  async function showNoteMoney() {
    let qty50k = $("[data-properties='Uang 50k']").val()
    let qty100k = $("[data-properties='Uang 100k']").val()
    const total50k = Number(qty50k) * 50000
    const total100k = Number(qty100k) * 100000
    const total_all = total50k + total100k
    $(".prop50k").html(`<span>${qty50k} Lembar: <strong class="pl-1">${money(total50k)}</strong></span>`)
    $(".prop100k").html(`<span>${qty100k} Lembar: <strong class="pl-1">${money(total100k)}</strong></span>`)
    $(".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="http://wa.me/6281514234600" target="_blank" style="text-decoration: underline; color: #8d3f2d">Customer Service</a> to confirm with proof of payment.</p>`)
  }
  async function removeImage() {
    // Reset to initial state of case-img-preview
    $(".remove-image").hide()
    $("#properties-photo").val("-")
    $(".preview-image").hide().attr("src", "")
    $(".placeholder-image").show()
    $(".icon-upload").show()
    $(".ajax-loader").hide()
    // Reset the button states
    $(".case-video-preview").hide()
    $(".case-img-preview .btn-upload button").show()
  }
  async function removeVideo() {
    $("#properties-video").val("-")
    $(this).find("img").hide()
    $(this).hide()
    $(this).prev("p").text("Add video to make it more special (optional)")
    $("#label-input-video").show()
    $("#label-input-video span").text("Upload Video")
    $(".case-video-preview p span").remove()
  }
  async function loadItemOccasion(t, occasion) {
    const name = occasion?.replace('greeting-card-', '')
    $("#kartu-ucapan").val("")
    $("[data-occassion]").removeClass("selected")
    $("[data-properties=ucapan]").val("")
    $("#save-card").attr("disabled", true)
    t.addClass("selected")
    $("#show_note").attr("data-card-occassion", name)
    $.get(`https://outerbloom.com/collections/${occasion}/products.json`, function(data, status){
        const products = data.products
        const html = []
        for(let i = 0; i < products.length; i++) {
            const id = products[i].id
            const variantId = products[i].variants[0].id
            const img = products[i].images[0].src
            const title = products[i].title
            const price = products[i].variants[0].price
            const qty = products[i].variants[0].inventory_quantity
            const body = `<div class="item-card${price < 1 ? ' free' : ' nofree'}${i === 0 ? ' selected' : ''}" data-id=${id}>
                <label for="card-${variantId}"></label>
                    <div class="card-image">
                        <img src="${img}" alt="${title}" width="" height="" />
                    </div>
                    <div class="card-meta text-center">
                        <h5>${title}</h5>
                        <p>${price < 1 ? 'FREE' : rupiah.format(price)}</p>
                        <input id="card-${variantId}" type="radio" name="id" value="${variantId}" data-price="${price}"></div>
                </div>`
            html.push(body)
        }
        const withoutCard = `<div class="item-card item-without-card">
                <label for="card-0"></label>
                    <div class="card-image">
                        <img src="https://cdn.shopify.com/s/files/1/1589/6833/t/129/assets/without-card.png?v=1747632283" alt="Without card" width="" height="" />
                    </div>
                    <div class="card-meta text-center">
                        <h5>Send without a greeting card</h5>
                        <input id="card-0" type="radio" name="id" value="" data-price=""></div>
                </div>`
        $("#itemCards .items-card").html(html.length === 0 ? '<p>No Item available</p>' : html.join(""))
    });
  }
  async function setItems() {
    let items = []
    const mainProps = {
        "Kartu Nama Penerima": $("[data-properties=penerima]").val() !== '' ? $("[data-properties=penerima]").val() : '-' ,
        "Kartu Ucapan": $("[data-properties=ucapan]").val() !== '' ? $("[data-properties=ucapan]").val() : '-' ,
        "Kartu Nama Pengirim": $("[data-properties=pengirim]").val() !== '' ? $("[data-properties=pengirim]").val() : '-' ,
        "Foto": $("#properties-photo").val() !== '' ? $("#properties-photo").val() : '-' ,
        "Video": $("#properties-video").val() !== '' ? $("#properties-video").val() : '-' ,
        "QR Code": $("#properties-qrId").val() !== '' ? $("#properties-qrId").val() : '-' ,
      "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-',
      "type": 'product'
    }
    const props = await propItems()
    properties = {...mainProps, ...props };
    const id = $("#productSelect").find('option:selected').val()
    console.log(id, 'main ID')
    const mainItem = {
      id: Number(id),
      quantity: 1,
      properties
    }
    items.push(mainItem)
    const cardId = $("#itemCards").find(".selected input").val()
    const cardItem = {
      id: Number(cardId),
      quantity: 1,
      properties: { "id": $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', type: 'card' }
    }
    console.log(cardId, 'cardId')
    if(cardId) {
      items.push(cardItem)
    }
    const addon = await addons()
    if(addon) {
      for(let i = 0; i < addon.length; i++){
        items.push({
          id: addon[i].id,
          quantity: addon[i].quantity,
          properties: addon[i].properties
        })
      }
    }
    return items
  }
  async function addToCart() {
    const items = await setItems()
    const addItems = await additem(items)
    console.log(addItems.items, 'add items')
    if(addItems) {
      $(this).find("span").removeClass("loading")
      disablePopup()
      showPopupCart(addItems.items)
      localStorage.setItem("items", JSON.stringify(addItems.items))
    }
  }
  $(document).ready(function(){
    // Observer to auto-trigger addon loading when addon section becomes visible
    const addonObserver = new MutationObserver(function(mutations) {
      mutations.forEach(function(mutation) {
        const target = $(mutation.target)
        if(target.hasClass('purchaseAddon') && mutation.type === 'attributes' && mutation.attributeName === 'class') {
          if(!target.hasClass('hide')) {
            // Addon section just became visible, ensure items are loaded
            setTimeout(function() {
              if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
                console.log("Auto-triggering addon load...")
                $("[data-addon]").eq(0).trigger("click")
              }
            }, 150)
          }
        }
      })
    })
    // Start observing addon section
    const addonSection = document.querySelector('.purchaseAddon')
    if(addonSection) {
      addonObserver.observe(addonSection, { 
        attributes: true, 
        attributeFilter: ['class'] 
      })
    }
    $(".purchasePopup").delegate("#addtocart-card", "click", async function(){
      $(this).find("span").addClass("loading")
      let isValid = true
      $(".formAddressPurchase [required]").each(function(){
        const t = $(this)
        const input = t.val()
        const p = t.parent()
        if(input === '') {
          p.addClass("error")
          isValid = false
        }
      })
      if(!isValid) {
        $(this).find("span").removeClass("loading")
        return
      }
      await addToCart()
    })
  $("#addtocart-cart .btn").click(async function(){
    // First validate variant metafields
    if (typeof validateVariantMetafields === 'function') {
      const isValid = validateVariantMetafields(true);
      if (!isValid) {
        // The validateVariantMetafields function already handles scrolling and focusing
        alert('Please select all required variant options before proceeding.');
        return; // Stop execution if validation fails
      }
    }
    const id = $("#productSelect").find('option:selected').val()
    const mainProps = {
      id: $("#properties-time").val() !== '' ? $("#properties-time").val() : '-', 
      type: 'product'
    }
    const props = await propItems()
    const properties = { ...mainProps, ...props };
    const items = {
      id: Number(id),
      quantity: 1,
      properties
    }
    const addItems = await additem(items)
    if(addItems) {
      showPopupCart(addItems.items)
      localStorage.setItem("items", JSON.stringify(addItems))
    }
  })
  $(".formAddressPurchase [required]").change(function(){
    const t = $(this)
    const p = t.parent()
    const v = t.val()
    if(v !== '') {
      p.removeClass("error")
    }
  })
  $(".purchase-button").delegate("#save-card", "click", async function(){
    const parent = $(this).parents(".sectionPurchase")
    const next = parent.next(".sectionPurchase")
    $(this).find("span").addClass("loading")
    const card = await saveCard()
    console.log(card, 'ssaveCCC')
    if(card?.status === 200 || card?.status === 201) {
      if(next.length === 0) {
        $(this).find("span").removeClass("loading")
        disablePopup()
        await addToCart()
      }
      $(".scanCard").removeClass("hide")
      $(this).find("span").removeClass("loading")
      parent.addClass("hide")
      next.removeClass("hide")
      if(next.hasClass("purchaseAddon")) {
        $("[data-addon]").eq(0).click()
        console.log("clarity event addons")
        window.clarity("event", `${productType} add-ons`)
        // Ensure addon items are loaded when entering addon popup
        setTimeout(function() {
          if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
            $("[data-addon]").eq(0).trigger("click")
          }
        }, 100)
      }
      if(next.hasClass("purchaseAddress")) {
        initSelect2('#zip');
      }
    }
  })
  $("#skip-card").click(async function(){
    $(".greetingCard [data-properties]").val("")
    $("#properties-photo").val("")
    $("#properties-video").val("")
    const parent = $(this).parents(".sectionPurchase")
    const next = parent.next(".sectionPurchase")
    parent.addClass("hide")
    next.removeClass("hide")
    // $("#itemCards").html("")
    await removeImage()
    await removeVideo()
    // Trigger card preview update when card data is cleared
    $(document).trigger('cardDataUpdated')
    if(next.length === 0) {
      $(this).find("span").removeClass("loading")
      disablePopup()
      await addToCart()
      return
    }
    if(next.hasClass("purchaseAddon")) {
      $("[data-addon]").eq(0).click()
      console.log("clarity event addons")
      window.clarity("event", `${productType} add-ons`)
      // Ensure addon items are loaded when entering addon popup
      setTimeout(function() {
        if($("#itemAddons .row").children().length === 0 || $("#itemAddons .row").text().includes("No Item available")) {
          $("[data-addon]").eq(0).trigger("click")
        }
      }, 100)
    }
    if(next.hasClass("purchaseAddress")) {
      initSelect2('#zip');
    }
  })
  $("#msgCard").click(async function(){
      $(this).parent().addClass("loading")
      let occasion = $(".selected[data-occassion]").data("occassion")
      occasion = occasion?.replace("greeting-card-", "")
      const { data } = await getFetch(`${host}/api/card/template/occasion?name=${occasion}`);
      const d = data?.data
      for(let i = 0; i < d.length; i++) {
        const num = Math.floor(Math.random() * (d.length - 1 + 1) + 1);
        const greeting = d[num]?.Greeting
        $(".greetingCard textarea").val(greeting)
        $(this).parent().removeClass("loading")
        // Trigger card preview update when message template is generated
        $(document).trigger('cardDataUpdated')
      }
      $("#save-card").attr("disabled", false)
    })
  $(".sectionPurchaseBoard .next-purchase-button").click(function(){
    const parent = $(this).parents(".sectionPurchase")
    const next = parent.next(".sectionPurchase")
    parent.addClass("hide")
    next.removeClass("hide")
  })
  $("#editCard").click(function(){
    $(".custom-card").show()
    $(".preview-card").hide()
  })
  $("#first_name, #last_name").change(function(){
    const v = $(this).val()
    const first_name = $("#first_name").val()
    const last_name = $("#last_name").val() !== '' ? ' ' + $("#last_name").val() : ''
    $("[data-properties=nama-penerima]").val(first_name+last_name)
    // Trigger card preview update when first/last name changes
    $(document).trigger('cardDataUpdated')
  })
  $("[data-occassion]").click(function(){
      const t = $(this)
      const p = t.parents(".sectionPurchase")
      // $(".greetingCard").addClass("disabled")
      const occasion = t.data("occassion")
      loadItemOccasion(t, occasion)
  })
  $("#itemCards").delegate(".item-card:not(.item-without-card) label", "click", function(){
      const id = $(this).parent(".item-card").data("id")
      const t = $(this).parent(".item-card")
      const target = t.find("input")
      const v = $('.item-card input[type="radio"]:checked').val();
      $("#itemCards .item-card").removeClass("selected")
      t.addClass("selected")
      $("#itemCards .item-card").find("input").attr("name", "")
      if(target.length > 0) {
          target.attr("name", "id[]")
          $("#properties-card").val(id)
          $(".greetingCard").removeClass("disabled")
          $("#skip-card").attr("disabled", false)
      } else {
          $("#properties-card").val("")
      }
  })
  $("#itemCards").delegate(".item-without-card label", "click", function(){
    const parent = $(this).parents(".sectionPurchase")
    const next = parent.next(".sectionPurchase")
    $(".greetingCard").addClass("disabled")
    parent.addClass("hide")
    next.removeClass("hide")
    $("[data-addon]").eq(0).click()
    initSelect2('#zip');
  })
  $("[data-properties=ucapan]").keyup(function(){
    const v = $(this).val()
    const p = $(this).parents(".sectionPurchase")
    $(".purchaseAddress").find(".greetingCard textarea").val(v)
    if(v.length > 3) {
      p.find(".next-purchase-button").attr("disabled", false)
    } else {
      p.find(".next-purchase-button").attr("disabled", true)
    }
    // Trigger card preview update when message changes
    $(document).trigger('cardDataUpdated')
  })
  $("[data-properties=penerima]").keyup(function(){
    const v = $(this).val()
    $(".purchaseAddress").find("[data-properties=penerima]").val(v)
    // Trigger card preview update when recipient name changes
    $(document).trigger('cardDataUpdated')
  })
  $("[data-properties=pengirim]").keyup(function(){
    const v = $(this).val()
    $(".purchaseAddress").find("[data-properties=pengirim]").val(v)
    // Trigger card preview update when sender name changes
    $(document).trigger('cardDataUpdated')
  })
  $(document).click(function(e){
     if($(e.target).closest('.wrapperPopupCart').length != 0) return false;
     // $('#popupCart').fadeOut('slow');
    // location.reload()
  });
  $(".toggleAddonCart").click(function(){
    const p = $(this).parent(".itemAddonCart")
    p.toggleClass("open")
  })
  $(".btnViewCart").click(function(){
    window.location.href = "https://outerbloom.com/cart";
  })
  $(".btnViewCheckout").click(async function(){
    $(this).find("span").addClass("loading")
    let zip = $("#zip").val()
    const first_name = $("#first_name").val()
    const last_name = $("#last_name").val()
    const company = $("#company").val() !== '' ? $("#company").val() : ''
    const address1 = $("#delivery_address").val()
    const address2 = zip && zip !== '' ? zip?.split(' - ')[1] : ''
    zip = zip && zip !== '' ? zip?.split(' - ')[0] : ''
    const phone = $("#recipient_number").val()
    const city = $("#cities").val()
    const province = $("#province").val()
    const country = 'Indonesia'
    const ver = Date.parse(new Date())
    const params = `${first_name ? `&checkout[shipping_address][first_name]=${first_name}` : ''}&${last_name ? `&checkout[shipping_address][last_name]=${last_name}` : ''}&${company ? `&checkout[shipping_address][company]=${company}` : ''}&${address1 ? `&checkout[shipping_address][address1]=${address1}` : ''}&${address2 ? `&checkout[shipping_address][address2]=${address2}` : ''}&${city && city !== 'Kota Lainnya' ? `&checkout[shipping_address][city]=${city}` : ''}&${country ? `&checkout[shipping_address][country]=${country}` : ''}&${province ? `&checkout[shipping_address][province]=${province}` : ''}&${zip ? `&checkout[shipping_address][zip]=${zip}` : ''}&${phone ? `&checkout[shipping_address][phone]=${phone}` : ''}&v=${ver}`
    const clear = await fetch(`/cart/clear.js`, {method: 'POST'})
    if(clear.status === 200) {
      const savedItem = window.localStorage.getItem("items");
      const items = JSON.parse(savedItem)
      const addItems = await additem(items)
      console.log(addItems, 'new addItems')
      if(addItems) {
        window.location.href = `https://outerbloom.com/checkout?${params}`;
      }
    }
  })
  $(".btnContinueShopping").click(function(){
    window.location.href = "https://outerbloom.com/";
  })
    if (isIOS) {
      $(".empty-state-card").click(function(){
        $("#input-foto").trigger("click")
      })
      $(".btn-upload-image").click(function(){
        $("#input-foto").trigger("click")
      })
      $("[for=input-video]").click(function(){
        $("#input-video").trigger("click")
      })
      $(".btn-upload-papan").click(function(){
        $("#logoPapan").trigger("click")
      })
    }
    $("[data-properties]").each(function(){
      const select = $(this).parents(".form-group").find("select")
      $(this).change(function(){
        const name = $(this).data("properties")
        const v = $(this).val()
        if (name == 'telepon-penerima') {
          let phone = v.replace(/[^0-9]/g, '')
          $(this).val(phone);
          $("#properties-telepon-penerima").val(phone)
          $('.iti__search-input').val('-') 
        } else {
          $("#properties-" + name).val(v)
        }
      })
      select.on("change", function(){
        const name = $(this).data("properties")
        const v = $(this).val()
        $("#properties-" + name).val(v)
      })
    })
    $("#show_note").click(function(){
      const rowIndex = $(".greetingCard").data("rowindex")
      const data = createCardData({
        "Media": "-"
      })
      updateCard(rowIndex, data)
    })
    $(".greetingCard").delegate(".remove-image", "click", function(e){
      e.preventDefault()
      removeImage()
    })
    $(".remove-media").click(function(e){
      e.preventDefault()
      $(this).find("img").show()
      removeVideo()
    })
    $("[data-delivery_method]").click(function(e){
      e.preventDefault()
      const t = $(this)
      const data = t.data("delivery_method")
      $("[data-delivery_method]").removeClass("selected")
      t.addClass("selected")
      $("#cities").val("")
      $("#properties-delivery-date").val("-")
      $("#deliveryDate button").removeClass("selected")
      $("#full-date").val("Full Calendar →")
      $("#propDeliveryDate").val("")
      const step3 = $("#step-3")
      if(data.match('PickUp')) {
        $(".selfpickup-point").show()
        step3.find("[data-finished=false]").hide()
        $("#panel-4").hide()
        step3.find("[data-finished=true]").show()
        $("#cities").attr("required", false)
        $("#form-group-city").hide()
        $("#row-delivery-time").hide()
        $("#propDeliveryTime, #properties-delivery-time, #properties-nama-penerima, #properties-alamat-penerima, #properties-kodepos, #properties-kodepos, #properties-telepon-penerima").val("-")
        $("#propDeliveryTime").attr("required", false)
        // $("#deliveryDate").find("button:first-child").addClass("stop")
        $(".form-selfpickup").show()
        $(".form-delivery").hide()
        $(".form-delivery").find("input, textarea, select").val("")
        $(".form-delivery").find("input, textarea, select").attr("required", false)
        $("#properties-shipping").val("0")
        $("#noteDeliveryDate").hide()
        $(".form-delivery .form-control").attr("required", false)
        $("#stepNav4").hide()
        $("#deliveryDate").find("button:nth-child(1)").addClass("stop")
          $(".calendarbutton[data-date=14]").attr("disabled", true)
        if(timeOfDay >= 16.01){
          $("#deliveryDate").find("button:nth-child(2)").addClass("stop")
        }
      } else {
          $(".calendarbutton[data-date=14]").attr("disabled", false)
        $("#deliveryDate").find("button:nth-child(1)").removeClass("stop")
        step3.find("[data-finished=false]").show()
        $("#panel-4").show()
        step3.find("[data-finished=true]").hide()
        $("#cities").attr("required", true)
        $(".selfpickup-point").hide()
        $("#form-group-city").show()
        $("#cities").val('').trigger('change');
        $("#properties-kota-pengiriman").val("-")
        $("#row-delivery-date, #row-delivery-time").show()
        $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
        $("#deliveryDate").find("button").removeClass("stop")
        $(".form-selfpickup").hide()
        $(".form-delivery").show()
        $(".form-delivery").find("input, textarea, select").attr("required", true)
        $(".form-delivery [data-properties]").attr("readonly", false)
        $("#properties-kodepos").val("-")
        $("#properties-alamat-penerima").val("-")
        $(".form-delivery .form-control").attr("required", true)
        $(this).parents(".setup-content").attr("id", "step-1")
        $("#stepNav4").show()
      }
    })
    $("[name=selfpickup]").click(function(){
        const p = $(this).parents(".row-pickup")
        const pickupCity = $("input[name='selfpickup']:checked").val();
        const pickupAddress = $("input[name='selfpickup']:checked").data("address");
        const pickupZip = $("input[name='selfpickup']:checked").data("zip");
        $(".row-pickup").removeClass("selected")
        p.addClass("selected")
        $("#properties-kota-pengiriman").val(pickupCity)
        $("#province").val("Jakarta")
        $("#properties-alamat-penerima").val(pickupAddress)
        $("#properties-kodepos").val(pickupZip)
    })
    $("#cities").change(function(e){
      e.preventDefault()
      $(this).parent(".row").find("p.error").remove()
      $("#full-date").val("Full Calendar")
      $("#deliveryDate, #deliveryDateFull label ").show()
      $("#deliveryDateFull").removeClass("filled")
      $(".btnChangeDeliveryDate").addClass("hide")
      $("#full-date").prop('disabled', false);
      $("#stepNav2, #stepNav3, #stepNav4").removeClass("btn-success")
      $("#stepNav2, #stepNav3, #stepNav4").find("a").attr("disabled", true)
      const step3 = $("#step-3")
      $("#cityNote").remove()
      $("#noteDeliveryDate").hide()
      $("#noteDeliveryDate").empty()
      let v = $(this).val()
      let v2 = $('option:selected', this).attr('data-city');
      let v3 = $('option:selected', this).attr('data-province');
      let price = $('option:selected', this).attr('data-price');
      $("#country").val(v)
      $("#properties-kota-pengiriman").val(v)
      $("#properties-shipping").val(price)
      $("#deliveryDate button, #deliveryTime button, .calendarseasonal .button").removeClass("selected")
      $("#properties-delivery-date, #properties-delivery-time").val("-")
      $("#propDeliveryDate, #propDeliveryTime").val("")
      let note = $('option:selected', this).attr('data-note');
      if(v === 'Kota Lainnya') {
        $("#noteDeliveryDate").show()
        $("#noteDeliveryDate").text("Order akan segera dikirim. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.")
        $("#zip").attr("required", false)
        $("#zip").hide()
        $("#propDeliveryDate, #propDeliveryTime").attr("required", false)
        $("#propDeliveryDate, #properties-delivery-date, #propDeliveryTime, #properties-delivery-time").val("-")
        $("#row-delivery-date, #row-delivery-time").hide()
        $("#properties-shipping").val("")
        // Hide addressPurchase form and make all fields optional
        $(".addressPurchase").hide()
        $(".addressPurchase [required]").attr("required", false)
        $(".addressPurchase input, .addressPurchase textarea, .addressPurchase select").val("")
        $("[data-properties=nama-penerima], [data-properties=alamat-penerima], [data-properties=telepon-penerima]").val("")
        $("#properties-nama-penerima, #properties-alamat-penerima, #properties-telepon-penerima").val("")
        // $(this).parents(".setup-content").attr("id", "step-2")
      } else {
        $("#noteDeliveryDate").hide()
        $("#zip").attr("required", true)
        $("#zip").show()
        $("#row-delivery-date, #row-delivery-time").show()
        $("#propDeliveryDate, #propDeliveryTime").attr("required", true)
        $("#deliveryDate").find("button").removeClass("stop")
        // Show addressPurchase form and make fields required
        $(".addressPurchase").show()
        $(".addressPurchase .form-control").not('[data-properties="company"]').attr("required", true)
        $("[data-properties=nama-penerima], [data-properties=alamat-penerima], [data-properties=telepon-penerima]").attr("required", true)
        // $(this).parents(".setup-content").attr("id", "step-1")
      }
      getProvince(v)
      $("#zip").html(`<option value="">Choose Postal Code</option>`)
      renderZip(v, v2, v3)
      disabledSameDay()
      if(v !== 'Jakarta' && v !== 'Depok' && v !== 'Bekasi' && v !== 'Tangerang') {
        $("[data-addon=giftcard]").show()
        $("[data-addon=giftcard]").click()
        $("#itemAddons").show()
        $("#flower-step").addClass("nonjadetabek")
      } else {
        $("#cardOccasion, #navAddon, .collection-addons").show()
        $("[data-addon]").eq(0).click()
        $("#flower-step").removeClass("nonjadetabek")
      }
    })
    $("#zip").change(function(e){
      let v = $(this).val()
      var city = $("#cities").find('option:selected');
      $("#properties-kodepos").val(v)
      if(city === 'Kota Lainnya') {
        $(this).attr("required", true)
        $("#recipient-address").val("")
      }
    })
      var minDate = +7
    $("#full-date").datepicker({
      minDate,
      dateFormat: 'Mdd_yy', //Nop22_2021,
      beforeShowDay: disabledays,
      onSelect: function (date) {
        $("#deliveryDate, #deliveryDateFull label ").hide()
        $("#deliveryDateFull").addClass("filled")
        $(".btnChangeDeliveryDate").removeClass("hide")
        $("#full-date").prop('disabled', true);
        $('#propDeliveryDate, #properties-delivery-date').val('Kirim_'+date);
        $(".date-full").addClass("selected")
        $(".date-single, .calendar-group").removeClass("selected")
        $("#propDeliveryTime").val('')
        $("#properties-delivery-time").val('-')
        $(".time-single").removeClass("selected")
        const select = $('#cities option:selected').val();
        if(select !== 'Jakarta' && select !== 'Depok' && select !== 'Bekasi' && select !== 'Tangerang') {
          $("#noteDeliveryDate").show()
          $("#noteDeliveryDate").html(`Order akan dikirim pada tanggal ${date} dari Jakarta. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.`)
        } else {
          $("#noteDeliveryDate").hide()
        }
      }
    });
    $(".btnChangeDeliveryDate").click(function(){
        $("#deliveryDate, #deliveryDateFull label ").show()
        $("#deliveryDateFull").removeClass("filled")
        $(".btnChangeDeliveryDate").addClass("hide")
        $("#full-date").prop('disabled', false);
    })
    $("#deliveryDate").delegate(".calendarbutton:not(.date-full)", "click", function(e){
      e.preventDefault()
      $(this).parents("#row-delivery-date").find("p.error").remove()
      const fulldate = $(this).data("fulldate")
      const day = $(this).data("day")
      const date = $(this).data("date")
      const month = $(this).data("month")
      const year = $(this).data("year")
      const off_pagi = $(this).data("offpagi")
      const off_siang = $(this).data("offsiang")
      const off_Malam = $(this).data("offMalam")
      $(".calendarbutton").removeClass("selected")
      $(this).addClass("selected")
      $("#propDeliveryDate, #properties-delivery-date").val(`Kirim_${month}${date}_${year}`)
      $("#propDeliveryTime").val('')
      $("#properties-delivery-time").val('-')
      $(".calendarbutton2").removeClass("selected")
      $("#full-date").val("Full Calendar")
      if(off_pagi && timeOfDay > off_pagi) {
        $("[data-time=Morning]").attr("disabled", true)
      } else {
        $("[data-time=Morning]").attr("disabled", false)
      }
      if(off_siang && timeOfDay > off_siang) {
        $("[data-time=Afternoon]").attr("disabled", true)
      } else {
        $("[data-time=Afternoon]").attr("disabled", false)
      }
      const select = $('#cities option:selected').val();
      if(select !== 'Jakarta' && !select.match('PickUp') && select !== 'Depok' && select !== 'Bekasi' && select !== 'Tangerang' && select !== '') {
        $("#noteDeliveryDate").show()
        $("#noteDeliveryDate").html(`Order akan dikirim pada tanggal ${day}, ${date} ${month} ${year} dari Jakarta. Estimasi tanggal diterima akan disesuaikan dengan waktu pengiriman oleh pihak ekspedisi ke lokasi Anda.`)
      } else {
        $("#noteDeliveryDate").hide()
      }
    })
    if(today === 14 && timeOfDay > 17.00) {
      $("#deliveryDate button:first-child").attr("disabled", true)
    }
    $("#deliveryTime").delegate(".calendarbutton2", "click", function(e){
      e.preventDefault()
      const time = $(this).data("time")
      const date = $("#propDeliveryDate").val()
      if(date == '') {
        // return alert('Silakan pilih tanggal terlebih dahulu')
      }
      $(".calendarbutton2").removeClass("selected")
      $(this).addClass("selected")
      $("#propDeliveryTime, #properties-delivery-time").val(`KirimJam_${date.replace('Kirim_','')}_${time}`)
    })
    $('textarea.has-limit, input.has-limit').keyup(function () {
      max = this.getAttribute("maxlength");
      let len = $(this).val().length;
      let limit = $(this).siblings(".limit");
      if (len > max) {
        alert('you have reached the limit');
      } else {
        limit.text(`${len}/${max}`);
      }
    });
    $("#button-action-step .btn").click(function(){
      $(this).find("span").text("Processing...");
    });
    $(".finishBtn").on('click', function() {
      $(this).addClass("is-adding");
      // $(this).click();
    });
    $('.setup-panel .nav-item a.btn-success').trigger('click');
    $("#button-action .btn").click(function(){
      $("#flower-step").addClass("block");
      $("#button-action").hide();
    });
    $(".close-how-order").click(function(){
      $("#flower-step").removeClass("block");
      $("#button-action").show();
    });
    $("#input-foto, #input-video").change(function(e){
      readURL(this);
    });
    $("#logoPapan").change(function(){
      readURLPapan(this);
    });
    $("#address-upload").change(async function(){
      const upload_address = await readURLAddress(this)
      if(upload_address) {
        const url = upload_address.url
        $(".props-address-upload").val(url)
        $(".form-address").addClass("address-uploaded")
        $(".form-address-upload").addClass("uploaded")
        $(this).parents(".form-group").siblings(".form-group").find("[required]").attr("required", false)
      }
    })
    $(".address-manualy").click(function(){
      $(".form-address-upload").removeClass("uploaded");
      $(".photo-address").hide();
      $(".form-address").removeClass("address-uploaded")
      $("#formAddressPurchase").find(".form-control").not('[data-properties="company"]').attr("required", true)
    });
    $(".case-video-preview").delegate(".replace-video", "click", function(){
      $("#input-video").trigger("click")
    })
    $('.date-single').click(function(e) {
      e.preventDefault();
      $('.date-single').removeClass('selected');
      $('#full-date').removeClass('selected');
      $(this).addClass('selected');
      $('#full-date').html('Full' + '<br/>' + 'Calendar');
    });
    $('#full-date').click(function(e){
      e.preventDefault();
      $('.date-single').removeClass('selected');
      $(this).addClass('selected');
    });
    // $("tr").each(function(){
    //   if($(this).text().match('SKU')) {
    //     $(".sku-product").html($(this).parents("table").html())
    //   }
    // })
    $("#product-image").scroll(function(){
      $(".desc-add").each(function(){
        const img = $(this).find("img")
        const src = img.data("src")
        img.attr("src", src)
      })
    })
    $(".product-fixed").hide()
    let target = $("#personalizeBtn")
    $(".product-meta").scroll(function() {
        if ($(window).scrollTop() >= target.offset().top ) {
            $(".product-fixed").addClass("show")
        } else {
          $(".product-fixed").removeClass("show")
        }
    });
    $(window).scroll(function() {
        if ($(window).scrollTop() >= target.offset().top ) {
            $(".product-fixed").addClass("show")
        } else {
          $(".product-fixed").removeClass("show")
        }
    });
    // Add event listeners to trigger card preview updates
    $(document).on('input change keyup', '#senderCard, #kartu-ucapan, [data-properties="ucapan"], [data-properties="kartu-nama-pengirim"]', function() {
      $(document).trigger('cardDataUpdated');
    });
    // Trigger card preview update when photo or video is uploaded
    $(document).on('photoUploaded videoUploaded', function() {
      $(document).trigger('cardDataUpdated');
    });
  });
		</script>
		<script>//</script>
		<script>
  $(document).ready(function(){
    $('table tr td').each(function(){
      var texto = $(this).text();
      var nextto = $(this).next("td");
      var sku = $("#data-sku").val()
      if(texto == 'SKU'){
        nextto.text(sku)
      }
    });
    $(".stamped-summary-actions-newquestion").text("Tulis Pertanyaan");
    $(".stamped-summary-actions-newreview").text("Tulis Review");
    $("#tab-questions").text("Pertanyaan");
    $(".freeship .icon").click(function(){
      $(".fs-content").slideToggle();
      $(this).parents(".freeship").toggleClass("expand");
    });
    var $easyzoom = $('.easyzoom').easyZoom();
    // Setup thumbnails example
    var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');
    $('.thumbnails').on('click', 'a', function(e) {
      var $this = $(this);
      e.preventDefault();
      // Use EasyZoom's `swap` method
      api1.swap($this.data('standard'), $this.attr('href'));
    });
    $('#playerID').click(function(){
      var videoURL = $('#VdoID').attr('src'),
          dataplay = $('#VdoID').attr('data-play');
      //for check autoplay
      //if not set autoplay=1
      if(dataplay == 0 ){
        $('#VdoID').attr('src',videoURL+'?autoplay=1');
        $('#VdoID').attr('data-play',1);
      }
      else{
        var videoURL = $('#VdoID').attr('src');
        videoURL = videoURL.replace("?autoplay=1", "");
        $('#VdoID').prop('src','');
        $('#VdoID').prop('src',videoURL);
        $('#VdoID').attr('data-play',0);
      }
    });
    $(".product-photo-thumb-video").click(function(e){
      e.preventDefault();
      var newEmbed = $(this).attr('href');
      $("#featured-image-product").addClass("img-video");
      $("#ProductPhotoImg").hide();
      $("#featured-image-product .video").show();
      $("#featured-image-product iframe").attr('src', newEmbed);
      $("#VdoID")[0].src += "&autoplay=1";
    });
    $(".product-single__thumbnail").click(function(evt){
      evt.preventDefault();
      $("#featured-image-product").removeClass("img-video");
      $("#ProductPhotoImg").show();
      $("#featured-image-product .video").hide();
      $("#featured-image-product iframe").attr('src', '');
    });
    if($('#product-meta .short-desc > div').length >= 1){
      //console.log('div detected')
      var replacer = $('#product-meta .short-desc > div').contents();
      $('#product-meta .short-desc > div').replaceWith(replacer);
      var cAssured =  $('.c-assured').detach();
      cAssured.insertAfter('.meta-sds .stock-info');
    }
    const productMeta = $(".product-meta")
    if(productMeta.height() > 600) {
      $("#product-image, .product-meta").css("max-height", productMeta)
    }
    $(".heading-toggle").click(function(){
      $(this).parent().toggleClass("open")
    });
  });
		</script>
		<script type="application/json" id="ProductJson-Product">
        {"id":8972564564888,"title":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","handle":"outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml","description":"Mawarcuan88 hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777." src=\"https:\/\/www.youtube.com\/embed\/bh4gXYNeQuo?si=zdTYQVd3CbJityCa\" height=\"315\" width=\"560\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003ctable style=\"width: 100.088%; height: 39.1876px;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eSKU\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003eOBIBOT1011\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eUkuran\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003e900 mL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","published_at":"2024-12-20T11:01:23","created_at":"2024-12-20T11:01:24","vendor":"Outerbloom","type":"Tumbler","tags":["Brand_Outerbloom","card","Inhouse","Kado","Kado Unik","Outright","Personalized Gift","Produk Baru","Titan","Titan900","Tumbler","Tumblr","uploadfotocard"],"price":"NaN","price_min":"NaN","price_max":"NaN","price_varies":false,"compare_at_price":"NaN","compare_at_price_min":"NaN","compare_at_price_max":"NaN","compare_at_price_varies":false,"all_variant_ids":[45927437664471],"variants":[{"id":45927437664471,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"[C]OBIBOT1011","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","public_title":null,"options":["Default Title"],"price":28500000,"weight":500,"compare_at_price":38500000,"inventory_quantity":150,"inventory_management":"shopify","inventory_policy":"continue","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"available":false,"images":["\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Custom_Fonts.jpg?v=1749627730","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_3.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_7.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_8.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_9.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_4.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_5.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_6.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_10.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_3.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-terracota_bc1521be-695d-4f11-accf-16a389744c06.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/900-ml.jpg?v=1749627730"],"featured_image":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924","options":["Title"],"url":"\/products\/outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml"}
  </script>
		<script type="application/json" id="VariantJson-Product">
      [
          {
             "incoming": false,
             "next_incoming_date": null
          }
      ]
    </script>
	</div>
	<script src="//outerbloom.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
	<style>
    .stamped-review-header-title,
    .stamped-review-header .author,
    .stamped-review-content-body,
    .stamped-sort-select,
    .stamped-review-header .verified-badge[data-type=buyer]:after,
    .stamped-review-header-byline,
    .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;}
    .stamped-review {margin-bottom: 0;}
    .stamped-review-body {padding-left: 65px;}
    .stamped-review:first-child {padding-top: 25px;}
    .stamped-review-content {clear: none;}
    .stamped-review-reply {margin: 15px 0 0 65px;background: #f2f2f2;border-left: none;}
    .stamped-review-reply-body {padding-left: 65px;}
    .stamped-review-header .author {text-transform: capitalize;}
    .stamped-questions .stamped-review-content {padding-left: 65px;}
    .stamped-pagination {margin: 20px 0 0;}
    .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 0;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: 0 0;text-transform: none;color: #33373D;font-weight: 400;-webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;transition: background .1s ease,box-shadow .1s ease,color .1s ease;border: 1px solid #ccc;border-right: none;margin-bottom: 0;}
    .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;}
    .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;}
    .stamped-pagination li:hover a {background: #ddd;}
    .stamped-pagination .next {border-right: 1px solid #ccc;}
    .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
    .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
    #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;}
    #stamped-pagination-question span {font-size: 14px;}
    #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;}
    #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;}
    .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;}
    .stamped-pagination-prev, .stamped-pagination-next {position: inherit;}
    .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;}
    @media (max-width: 480px){
      .stamped-review-reply {margin-left: 0!important;}
      select.stamped-sort-select {font-size: 13px!important;}
    }
  #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content {
      display: block !important;
  }
	</style>
	<script>
    var selectCallback = function(variant, selector) {
      timber.productPage({
        money_format: "Rp {{amount_no_decimals}}",
        variant: variant,
        selector: selector
      });
    };
    jQuery(function($) {
      new Shopify.OptionSelectors('productSelect', {
        product:
{"id":8972564564888,"title":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","handle":"outerbloom-titan-terra-sunset-with-straw-tumbler-900-ml","description":"\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBahan Stainless Steel Menjaga Suhu Minuman Tetap Dingin\/Hangat selama Berjam-jam\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDilengkapi Flip Straw Praktis dan Handle Ergonomis untuk Kenyamanan Dibawa Bepergian\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDapat Di-custom dengan Maksimal 10 Karakter untuk Hadiah Lebih Personal dan Berkesan\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOuterbloom Titan Terra Sunset Tumbler adalah pilihan sempurna untuk menemani aktivitas Anda sepanjang hari. Dengan kapasitas besar 900 ml, tumbler ini mampu menjaga minuman tetap panas atau dingin selama berjam-jam. Bahan stainless steel berkualitas tinggi menjadikannya tahan lama dan bebas karat. Dilengkapi sedotan yang dapat digunakan kembali. Handle yang nyaman digenggam memudahkan Anda membawanya, baik saat bepergian, olahraga, maupun di kantor. Warna Terra Sunset yang hangat dan stylish memberikan sentuhan elegan pada setiap kesempatan.\u003c\/p\u003e\n\u003cp\u003e\u003ciframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/bh4gXYNeQuo?si=zdTYQVd3CbJityCa\" height=\"315\" width=\"560\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003ctable style=\"width: 100.088%; height: 39.1876px;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eSKU\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003eOBIBOT1011\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eUkuran\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003e900 mL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","published_at":"2024-12-20T11:01:23+07:00","created_at":"2024-12-20T11:01:24+07:00","vendor":"Outerbloom","type":"Tumbler","tags":["Brand_Outerbloom","card","Inhouse","Kado","Kado Unik","Outright","Personalized Gift","Produk Baru","Titan","Titan900","Tumbler","Tumblr","uploadfotocard"],"price":28500000,"price_min":28500000,"price_max":28500000,"available":true,"price_varies":false,"compare_at_price":38500000,"compare_at_price_min":38500000,"compare_at_price_max":38500000,"compare_at_price_varies":false,"variants":[{"id":45927437664471,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"[C]OBIBOT1011","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA","public_title":null,"options":["Default Title"],"price":28500000,"weight":500,"compare_at_price":38500000,"inventory_quantity":150,"inventory_management":"shopify","inventory_policy":"continue","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Custom_Fonts.jpg?v=1749627730","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_3.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_7.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_8.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_9.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_4.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_5.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_6.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_10.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_3.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta_2.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-terracota_bc1521be-695d-4f11-accf-16a389744c06.jpg?v=1745313924","\/\/outerbloom.com\/cdn\/shop\/files\/900-ml.jpg?v=1749627730"],"featured_image":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924","options":["Title"],"media":[{"alt":null,"id":35370768728279,"position":1,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_2.jpg?v=1745313924","width":850},{"alt":null,"id":34687280251095,"position":2,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_2.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_2.jpg?v=1745313924","width":850},{"alt":null,"id":35320797102295,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/preview_images\/d7aca5bc0d9949f9964ea5ea088d9959.thumbnail.0000000000.jpg?v=1744360499"},"aspect_ratio":1.0,"duration":25050,"media_type":"video","sources":[{"format":"mp4","height":480,"mime_type":"video\/mp4","url":"\/\/outerbloom.com\/cdn\/shop\/videos\/c\/vp\/d7aca5bc0d9949f9964ea5ea088d9959\/d7aca5bc0d9949f9964ea5ea088d9959.SD-480p-1.5Mbps-45762565.mp4?v=0","width":480},{"format":"mp4","height":1080,"mime_type":"video\/mp4","url":"\/\/outerbloom.com\/cdn\/shop\/videos\/c\/vp\/d7aca5bc0d9949f9964ea5ea088d9959\/d7aca5bc0d9949f9964ea5ea088d9959.HD-1080p-7.2Mbps-45762565.mp4?v=0","width":1080},{"format":"mp4","height":720,"mime_type":"video\/mp4","url":"\/\/outerbloom.com\/cdn\/shop\/videos\/c\/vp\/d7aca5bc0d9949f9964ea5ea088d9959\/d7aca5bc0d9949f9964ea5ea088d9959.HD-720p-4.5Mbps-45762565.mp4?v=0","width":720},{"format":"m3u8","height":1080,"mime_type":"application\/x-mpegURL","url":"\/\/outerbloom.com\/cdn\/shop\/videos\/c\/vp\/d7aca5bc0d9949f9964ea5ea088d9959\/d7aca5bc0d9949f9964ea5ea088d9959.m3u8?v=0","width":1080}]},{"alt":null,"id":35332581228759,"position":4,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Custom_Fonts.jpg?v=1749627730"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Custom_Fonts.jpg?v=1749627730","width":850},{"alt":null,"id":35370768761047,"position":5,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_3.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom_3.jpg?v=1745313924","width":850},{"alt":null,"id":34687280414935,"position":6,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_7.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_7.jpg?v=1745313924","width":850},{"alt":null,"id":34687280447703,"position":7,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_8.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_8.jpg?v=1745313924","width":850},{"alt":null,"id":34687280218327,"position":8,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta.jpg?v=1745313924","width":850},{"alt":null,"id":34687280480471,"position":9,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_9.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_9.jpg?v=1745313924","width":850},{"alt":null,"id":35340009832663,"position":10,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta-custom.jpg?v=1745313924","width":850},{"alt":null,"id":34687280316631,"position":11,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_4.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_4.jpg?v=1745313924","width":850},{"alt":null,"id":34687280349399,"position":12,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_5.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_5.jpg?v=1745313924","width":850},{"alt":null,"id":34687280382167,"position":13,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_6.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_6.jpg?v=1745313924","width":850},{"alt":null,"id":34687280513239,"position":14,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_10.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_10.jpg?v=1745313924","width":850},{"alt":null,"id":34687280283863,"position":15,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_3.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Terracotta_3.jpg?v=1745313924","width":850},{"alt":null,"id":35115492999383,"position":16,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta.jpg?v=1745313924","width":850},{"alt":null,"id":35115493032151,"position":17,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta_2.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-Teracotta_2.jpg?v=1745313924","width":850},{"alt":null,"id":35332635492567,"position":18,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-terracota_bc1521be-695d-4f11-accf-16a389744c06.jpg?v=1745313924"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/Tumbler-terracota_bc1521be-695d-4f11-accf-16a389744c06.jpg?v=1745313924","width":850},{"alt":null,"id":35332626251991,"position":19,"preview_image":{"aspect_ratio":1.0,"height":850,"width":850,"src":"\/\/outerbloom.com\/cdn\/shop\/files\/900-ml.jpg?v=1749627730"},"aspect_ratio":1.0,"height":850,"media_type":"image","src":"\/\/outerbloom.com\/cdn\/shop\/files\/900-ml.jpg?v=1749627730","width":850}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBahan Stainless Steel Menjaga Suhu Minuman Tetap Dingin\/Hangat selama Berjam-jam\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDilengkapi Flip Straw Praktis dan Handle Ergonomis untuk Kenyamanan Dibawa Bepergian\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDapat Di-custom dengan Maksimal 10 Karakter untuk Hadiah Lebih Personal dan Berkesan\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOuterbloom Titan Terra Sunset Tumbler adalah pilihan sempurna untuk menemani aktivitas Anda sepanjang hari. Dengan kapasitas besar 900 ml, tumbler ini mampu menjaga minuman tetap panas atau dingin selama berjam-jam. Bahan stainless steel berkualitas tinggi menjadikannya tahan lama dan bebas karat. Dilengkapi sedotan yang dapat digunakan kembali. Handle yang nyaman digenggam memudahkan Anda membawanya, baik saat bepergian, olahraga, maupun di kantor. Warna Terra Sunset yang hangat dan stylish memberikan sentuhan elegan pada setiap kesempatan.\u003c\/p\u003e\n\u003cp\u003e\u003ciframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/bh4gXYNeQuo?si=zdTYQVd3CbJityCa\" height=\"315\" width=\"560\"\u003e\u003c\/iframe\u003e\u003c\/p\u003e\n\u003ctable style=\"width: 100.088%; height: 39.1876px;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eSKU\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003eOBIBOT1011\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 33.6014%; height: 19.5938px;\"\u003eUkuran\u003c\/td\u003e\n\u003ctd style=\"width: 65.9517%; height: 19.5938px;\"\u003e900 mL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e"},
        onVariantSelected: selectCallback,
        enableHistoryState: true
      });
      // Add label if only one product option and it isn't 'Title'. Could be 'Size'.
      // Hide selectors if we only have 1 variant and its title contains 'Default'.
        $('.selector-wrapper').hide();
    });
	</script>
	<script type="application/ld+json">
    {
    "@context": "http://schema.org",
    "@type": "Product",
"offers": {
"@type": "Offer",
"availability":"https://schema.org/InStock",
"price": 10000,
"priceValidUntil": "31-12-2025",
"priceCurrency": "IDR",
"url": "https://www.hughweber.com/about"
},
"brand": {
"@type": "Brand",
"name": "MAWARCUAN88"
},
"sku": "8972564564888",
"gtin13": "",
"name": "Mawarcuan88 - Situs Resmi Slot Gacor & Alternatif Bandar Slot777 Online Server WLA",
"description": "Mawarcuan88 hadir sebagai situs slot gacor yang menyediakan kualitas permainan gacor yang sudah di akui oleh ribuan member akitf serta mempunyai alternatif bandar slot online yang memiliki dukungan dengan server slot777.",
"category": "product",
"url": "https://www.hughweber.com/about",
"image": {
"@type": "ImageObject",
"url": "https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp",
"image": "https://asset-mawarcuan.b-cdn.net/mawarcuanhoki.webp",
"name": "MAWARCUAN88",
"width": 1024,
"height": 1024
}
    }
  </script>
	<script id="bss-ltap-hide-price" type="text/javascript">
!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)}))})),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)})),o=!1),e=c<=0?0:c};if(c(),t){const e=function(){const e=c;let t;return()=>{clearTimeout(t),t=setTimeout(()=>{e.apply(this)},3e3)}};window.addEventListener("scroll",e())}}}}(e),function(e){e.ltsp.removeElementByLTSPMessage=function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message"),t=[],o=window.Shopify.shop;for(let r=0;r<e.length;r++){let c=e[r],l=[".grid-product__on-sale",".product-unit-price",".product-price-unit",".grid-link__sale_price","s",".price__compare",".product__compare-price",".price__unit",".card__price--regular",".sale-tag",".compare-price",".old-price",".savings",".was_price",".price--compare",".price-compare",".was"];if("stark-hockey.myshopify.com"===o){const e=c.closest(".product-index");if(e){const t=e.querySelector(".product-modal");t&&t.remove()}continue}let s=c.closest(".product-parent");if(s){let e=s.querySelector("form .tt-btn-addtocart");e&&t.push(e);let o=s.querySelector(".tt-btn-quickview");o&&t.push(o)}if(s=c.closest(".ProductItem"),s){let e=s.querySelector(".quickshop-btn");if(e&&t.push(e),"shrimptoncouture-com.myshopify.com"===o){let e=s.querySelector(".ProductItem__PriceList");e&&e.classList.remove("ProductItem__PriceList")}}if(s=c.closest(".product-item--vertical"),s){if("sparklinbluewholesale.myshopify.com"===o){let e=s.querySelector(".product-item__info .product-item__price-list");e&&t.push(e)}let e=s.querySelector(".product-item__info .product-item__action-button");e&&t.push(e),e=s.querySelector(".product-form__payment-container"),e&&t.push(e)}if(s=c.closest(".card-wrapper.underline-links-hover"),s&&"friends-forever-pets.myshopify.com"===o){let e=s.querySelector(".card__content .quick-add");e&&t.push(e);let o=s.querySelector(".card-information .price__sale .price-item.price-item--regular");o&&t.push(o)}if(s=c.closest(".modal_price"),s&&window.Shopify&&"casa-barba.myshopify.com"!==window.Shopify.shop&&"prideandgroom-wholesale.myshopify.com"!==window.Shopify.shop){let e=s.querySelector(".price-ui");e&&t.push(e)}if(s=c.closest(".info.has-padding-top"),s){let e=s.querySelector(".compare-at-price");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price.price"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".search-result__description"),s){let e=s.querySelector(".money");e&&t.push(e)}if(s=c.closest(".product__price"),s){let e=s.querySelector("[data-product-price][bss-custom-ltsp-attribute]");e&&t.push(e)}if(s=c.closest("#template-product"),s){let e=s.querySelector(".product-form.cart-bar__form");e&&t.push(e)}if("showroom1-ducanero.myshopify.com"===o){if(s=c.closest(".product-area")||c.closest(".price"),s){let e=s.querySelector(".price-area")||s.querySelector(".theme-money");e&&t.push(e)}}else if(s=c.closest(".product-area__details"),s){let e=s.querySelector(".product-detail__form__action");e&&t.push(e);let o=s.querySelector(".quantity-wrapper");o&&t.push(o)}if("quincaillerie-euroline.myshopify.com"===o&&(s=c.closest(".product-form__info-content"),s)){let e=s.querySelector(".price-list");e&&t.push(e)}if(s=c.closest(".product-form__buttons"),s&&t.push(s),s=c.closest(".product-wrap-2"),s){let e=s.querySelector(".product-action-2");e&&t.push(e)}if(s=c.closest(".span6"),s){let e=s.querySelector(".purchase>input"),o=s.querySelector(".price-container>#price-preview"),r=s.querySelector(".price-container>.vat-price");e&&t.push(e),o&&t.push(o),r&&t.push(r)}if(s=c.closest(".product__page"),s){let e=s.querySelector(".quantity-selector");e&&t.push(e)}if(s=c.closest(".product_details_info"),s){let e=s.querySelector(".pro-detail-button"),o=s.querySelector(".price-box");e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-content"),s){let e=s.querySelector(".product-action");e&&t.push(e)}if(s=c.closest(".product-view .single-product-wrap"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".collection-category .owl-stage .owl-item"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product__details"),s){let e=s.querySelector(".product-wrap .thumbnail-overlay .info .price ");e&&t.push(e);let o=s.querySelector(".product-details .price  .current_price .money ");o&&t.push(o)}if(s=c.closest(".product_row"),s){let e=s.querySelector(".three-fourths .info .price ");e&&t.push(e)}if(s=c.closest(".thubnail-desc"),s){let e=s.querySelector(".quatity-stock");e&&t.push(e);let o=s.querySelector(".Payment_button");o&&t.push(o)}if(s=c.closest(".single-ponno-product"),s){let e=s.querySelector(".pro-actions-link");e&&t.push(e);let o=s.querySelector(".pro-add-cart");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");e&&e.setAttribute("style","visibility:hidden")}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item__info"),s)){let e=s.querySelector("form.product-item__action-list.button-stack");e&&e.remove()}if("bluebasketb2b.myshopify.com"===window.Shopify.shop){if(s=c.closest(".card-information"),s){let e=s.querySelector(".price__sale .price-item--sale.sale-percentage");e&&t.push(e)}if(s=c.closest("tr.cart-item[id*=Cart]"),s){let e=s.querySelector(".cart-item__quantity");e&&e.remove();let t=s.querySelector(".cart-item__totals");t&&t.remove()}}if(s=c.closest(".product-form"),s){let e=s.querySelector(".quantity-submit-row__submit");e&&e.remove();let o=s.querySelector(".product-form__info-list .product-form__info-item.product-form__info-item--quantity .product-form__info-content .quantity-selector.quantity-selector--product");o&&t.push(o)}if(s=c.closest(".product-grid__detail"),s){let e=s.querySelector(".product-form-block form");e&&e.remove()}if(s=c.closest(".tab-body"),s){if(s.querySelector(".purchase-section button, .btn.add-to-cart")){let e=setInterval((function(){let e=document.querySelector(".tab-body .purchase-section button, .tab-body .btn.add-to-cart"),t=document.querySelector(".swym-button-bar.swym-wishlist-button-bar");e&&e.remove(),t&&t.remove()}),200);setTimeout((function(){clearInterval(e)}),1e4)}}if(s=c.closest(".item.relative.product-id.item-row"),s){let e=s.querySelector(".quantity.form");e&&e.remove()}if(s=c.closest(".product-form"),s){let e=s.querySelector(".buy-buttons-row");e&&t.push(e)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".btn--quick-view");e&&t.push(e)}if(s=c.closest(".featured__collection-product"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-index"),s){let e=s.querySelector(".js-quickview-trigger");e&&t.push(e)}if(s=c.closest(".product-bottom"),s){let e=s.querySelector(".quantity-selector, .product-add");e&&t.push(e)}if(s=c.closest(".js-sticky-cart"),s){let e=s.querySelector(".sticky-add");e&&t.push(e)}if(s=c.closest(".product-details"),s){let e=s.querySelector(".shopify-payment-button");e&&t.push(e);let r=s.querySelector(".payment-and-quantity__add");r&&t.push(r);let c=s.querySelector(".price__compare-at.visible");c&&"coventa-demo.myshopify.com"===o&&t.push(c)}if(s=c.closest(".product-block__inner"),s){let e=s.querySelector(".quick-buy");e&&t.push(e)}if(s=c.closest(".content-summary"),s){let e=s.querySelector("form.cart");e&&t.push(e)}if(s=c.closest('div[data-pf-type="Section"]'),s){let e=s.querySelector('div[data-pf-type="ProductQuantity"]');e&&t.push(e);let o=s.querySelector('button[data-pf-type="ProductATC"]');o&&t.push(o)}if(s=c.closest(".pc-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".quick_shop");o&&t.push(o)}if(s=c.closest(".product-info-inner"),s){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e)}if(s=c.closest(".product-details-inline"),s){let e=s.querySelector(".product-quantity");e&&t.push(e)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".js-grid-cart");e&&t.push(e);let o=s.querySelector(".card-header .card-button-hover");o&&t.push(o);let r=s.querySelector(".product-card__quick-buy");r&&t.push(r);let c=s.querySelector("compare-at-price");c&&t.push(c);let l=s.querySelector(".product-card__badge-list");l&&t.push(l)}if(s=c.closest(".product__info"),s){let e=s.querySelector(".product-form__buy-buttons button");e&&t.push(e);let o=s.querySelector(".product-form__quantity");o&&t.push(o)}if(s=c.closest(".product-sticky-form__inner"),s){let e=s.querySelector(".product-sticky-form__payment-container");e&&t.push(e)}if("homewarerus.myshopify.com"!=window.Shopify.shop&&(s=c.closest(".product-item"),s)){let e=s.querySelector('form[action="/cart/add"]');e&&t.push(e);let o=s.querySelector(".product-item__quick-form");o&&t.push(o)}if(s=c.closest(".shopify-product-form"),s){let e=s.querySelector("div.quantity");e&&t.push(e)}if(s=c.closest(".product-body"),s){let e=s.querySelector(".product-cta-wrapper");e&&t.push(e)}if(s=c.closest(".tt-product-single-info"),s){let e=s.querySelector("form .btn-addtocart");e&&t.push(e);let o=s.querySelector('form[action*="/cart/add"]');o&&t.push(o)}if(s=c.closest(".product-details-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".product-inner"),s){let e=s.querySelector(".product-card-interactions");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".add-to-cart");if(e)if(window.Shopify&&"bundlecomph.myshopify.com"===window.Shopify.shop){e.disabled=!0;let o=s.querySelector(".payment-buttons"),r=s.querySelector(".shopify-payment-button");o&&o.classList.remove("payment-buttons"),r&&t.push(r)}else t.push(e)}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".thumbnail-buttons");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-form:not(.product-form-product--static):not(.product-form-product-template)");e&&t.push(e)}if(s=c.closest(".pf-product-form"),s){let e=s.querySelector(".sc-lkgURy");e&&t.push(e);let o=s.querySelector(".sc-gzcbmu");o&&t.push(o);let r=s.querySelector(".add-to-cart");r&&t.push(r)}if(s=c.closest(".large--one-half"),s){let e=s.querySelector(".product-smart-wrapper");e&&t.push(e);let o=s.querySelector('div.btn[onmouseup="showProductsDesigner(this)"]');o&&t.push(o);let r=s.querySelector("button.js-prod-show-soldout");r&&t.push(r)}if(s=c.closest("#add-to-cart-form"),s)if("led-signcity.myshopify.com"===o){let e=s.querySelector(".atc-btn");e&&t.push(e);let o=s.querySelector(".price");o&&o.classList.remove("price")}else{let e=s.querySelector(".groups-btn");e&&t.push(e),t.push(c)}if(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");c&&t.push(c),c=s.querySelector("compare-at-price"),c&&t.push(c);let l=s.querySelector("unit-price");l&&t.push(l),e=s.querySelector(".buy-buttons"),e&&t.push(e);let u=s.querySelector(".product-info__badge-list");u&&t.push(u)}if(s=c.closest(".price"),s){if(s.textContent.includes("From")){let e=s.innerHTML;s.innerHTML=e.replace("From","")}}if(s=c.closest("#product-right"),s){let e=s.querySelector(".was");e&&t.push(e);let o=s.querySelector(".product-add");o&&t.push(o)}if(s=c.closest(".was"),s&&t.push(s),s=c.closest(".product-single__meta"),s){let e=s.querySelector(".pf__actions");e&&t.push(e);let o=s.querySelector("div.product-form__controls-group.product-form__controls-group--submit");o&&o.setAttribute("style","visibility:hidden")}if(s=c.closest(".product-item"),s){let e=s.querySelector(".product-item__add");e&&t.push(e)}if(s=c.closest(".grid-item"),s){let e=s.querySelector("#addToCart-product-template");e&&t.push(e);let o=s.querySelector(".payment-buttons");o&&t.push(o)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("div.payment-buttons");e&&e.remove()}if(s=c.closest(".modal--root"),s){let e=s.querySelector(".product-form--button-container");e&&t.push(e)}if(s=c.closest(".product-item__info"),s){let e=s.querySelector("a.product-item__action-button.button.button--small.button--primary");e&&t.push(e)}if(s=c.closest(".product-form__info-list"),s){let e=s.querySelector("div.product-form__info-item.product-form__info-item--quantity");e&&t.push(e)}if(s=c.closest(".large--three-fifths"),s){let e=s.querySelector(".multivariants_setbox_footer");e&&t.push(e)}if(s=c.closest(".product-info-main"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".btn.btn-cart");o&&t.push(o);let r=s.querySelector(".shopify-payment-button");r&&t.push(r)}if(s=c.closest(".product-miniature"),s){let e=s.querySelector(".qty-box");e&&t.push(e);let o=s.querySelector(".product.actions.product-item-actions");o&&t.push(o)}if(s=c.closest("#AddToCartForm"),s){let e=s.querySelector(".paymentButtonsWrapper");e&&t.push(e)}if(s){let e=s.querySelector("#product-add");e&&e.remove()}if(s){let e=s.querySelector("#product-price>.product-price");e&&e.remove()}if(s=c.closest(".grid-view-item"),s){let e=s.querySelector(".quick-add-button");e&&t.push(e)}if("tinalykkegaard.myshopify.com"===o){if(s=c.closest(".main-product__details>.main-product__details-wrapper"),s){let e=s.querySelector(".main-product__actions .main-product__form-buttons");e&&e.remove()}if(s=c.closest(".product-grid .product-card"),s){let e=s.querySelector('form[action="/cart/add"]');e&&e.remove()}}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--submit");e&&t.push(e)}if(s=c.closest(".product-item-caption"),s){let e=s.querySelector(".product-form__item--quantity");e&&t.push(e)}if(s=c.closest(".productgrid--item"),s){let e=s.querySelector(".productitem--actions");e&&t.push(e)}if(s=c.closest(".product-single__info-wrapper"),s){let e=s.querySelector(".product-form__quantity-submit");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest(".qv-content"),s){let e=s.querySelector(".qv-add-button");e&&t.push(e);let o=s.querySelector(".qv-quantity");o&&t.push(o)}if(s=c.closest(".product-card"),s){let e=s.querySelector(".btn-grid-cart");e&&t.push(e)}if(s=c.closest(".product_single_detail_section"),s){let e=s.querySelector("#AddToCart");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&t.push(o);let r=s.querySelector(".quantity-label");r&&t.push(r);let c=s.querySelector(".quantity_width");c&&t.push(c)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector("#AddToCart--product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button");o&&t.push(o)}if(s=c.closest('form[action="/cart/add"]'),s){let e=s.querySelector(".product-page-info__field");e&&t.push(e);let o=s.querySelector(".product-page-info__button-add-to-cart");o&&t.push(o);let r=s.querySelector(".js-store-lists-add-wishlist");r&&t.push(r);let c=s.querySelector(".product-collection__control");c&&t.push(c)}if(s=c.closest(".grid-item__content"),s){let e=s.querySelector(".quick-add-btn");if(e&&t.push(e),window.Shopify&&"sparklinbluewholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".grid-product__price--original"),o=s.querySelector(".grid-product__price--savings"),r=s.querySelector(".quick-product__btn");e&&t.push(e),o&&t.push(o),r&&t.push(r)}}if(s=c.closest(".purchase-box"),s){let e=s.querySelector("#AddToCart-product-template");e&&e.remove();let t=s.querySelector(".quantity-product-template");t&&t.remove()}if(s=c.closest(".item-row"),s){let e=s.querySelector(".add-to-cart");e&&t.push(e)}if(s=c.closest(".product-thumbnail__price"),s){let e=s.querySelectorAll(".bsscommerce-ltsp-message");e.length>1&&e.forEach((function(e,o){o>0&&t.push(e)}))}if(s=c.closest(".product-details"),s){let e=s.querySelector(".product__add-to-cart-button");e&&t.push(e);let r=s.querySelector(".product-form__quantity-box-wrapper");if(r&&t.push(r),"sitchish.myshopify.com"===o){let e=s.querySelector("#product-price");e&&(e.id="");let o=s.querySelector("[data-product-price]");o&&o.removeAttribute("data-product-price");let r=s.querySelector(".form-actions");r&&t.push(r)}let c=s.querySelector(".product-quantity");if(c&&t.push(c),"lavabis-hygiene.myshopify.com"===o){let e=s.querySelector(".price-preview.price");e&&(e.id="")}}if(s=c.closest(".product-details"),s){let e=s.querySelector("#add-to-cart-product-template");e&&t.push(e);let o=s.querySelector(".shopify-payment-button__button");o&&o.remove();let r=s.querySelector(".quantity");r&&t.push(r)}if(s=c.closest(".gryffeditor"),s){let e=s.querySelector(".gf_product-quantity");e&&e.parentElement.remove()}if(s=c.closest("#ProductSection-product-template"),s){let e=s.querySelector(".cbb-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");i&&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--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.myshopify.com"===window.Shopify.shop||"pure-vision-ch.myshopify.com"===window.Shopify.shop)){let e=s.querySelector(".product__price[data-product-price]");e&&t.push(e)}if(s=c.closest(".product-inner.pr"),s){let e=s.querySelector(".pr_atc.pr_qty_atc > a.pr_atc_.js_addtc");e&&t.push(e)}if(s=c.closest("#shopify-section-pr_summary"),s){let e=s.querySelector("p.price_range, .price.price_varies");e&&t.push(e)}if(s=c.closest(".grid__item"),s){let e=s.querySelector(".product__form-container"),o=s.querySelector(".product__description");e&&(t.push(e),o.style.width="100%")}if(s=c.closest(".featured-product__content-wrapper"),s){let e=s.querySelector(".product-form");e&&t.push(e)}if(s=c.closest(".card__price"),s&&"exosomes-inc.myshopify.com"===o&&(s.style.textAlign="center"),s=c.closest(".Product__InfoWrapper > .Product__Info "),s){let e=s.querySelector('.ProductForm__BuyButtons > button[type="submit"].ProductForm__AddToCart');e&&t.push(e);let o=s.querySelector(".ProductForm__AddToCart");o&&t.push(o)}if(s=c.closest(".product-grid__container .product-grid__content"),s){let e=s.querySelector(".product-single__form .product__quantity");e&&t.push(e);let o=s.querySelector(".add-to-cart");o&&t.push(o);let r=s.querySelector(".product__price--compare");if(r&&t.push(r),window.Shopify&&"sparklinbluewholesale.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".product__price-savings");e&&t.push(e)}}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".h1.medium--left");e&&"envogueusa.com"==window.location.host&&t.push(e)}if(s=c.closest("#productPrice-product-template"),s){let e=s.querySelector("small");e&&"envogueusa.com"==window.location.host&&t.push(e),s.appendChild(c)}if(s=c.closest(".product-grid-item"),s){let e=s.querySelector(".form-grid-btn");e&&"mamiereglissepro.myshopify.com"===o&&t.push(e)}if(s=c.closest("#cont-form"),s){let e=s.querySelector(".so-price");e&&t.push(e);let r=s.querySelector("#addToCart");r&&"mamiereglissepro.myshopify.com"===o&&t.push(r)}if(s=c.closest(".template-product"),s){let e=s.querySelector('button[name="add"]#addToCartBis, button[name="add"]#addToCart2');e&&t.push(e)}if(s=c.closest(".grid-product__content"),s){let e=s.querySelector(".quick-product__btn");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o&&"bundlecomph.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product__quantity");!e||"wood-hill-boards.myshopify.com"!==o&&"wood-hill-boards-usa.myshopify.com"!==o||t.push(e)}if(s=c.closest(".product-block-area"),s){let e=s.querySelector("#addToCartButton");e&&"wanderlustvision.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-single__meta--wrapper .product-single__meta"),s){let e=s.querySelector(".price-container.text-money"),o=s.querySelector('button[name="add"].btn--add-to-cart');e&&t.push(e),o&&t.push(o)}if(s=c.closest(".product-single__metas"),s){let e=s.querySelector(".product-single__buttons .js-quantity-selector.product-quantity"),o=s.querySelector(".product-single__buttons button.btn--add-to-cart");e&&t.push(e),o&&t.push(o)}if("dollie-wholesale.myshopify.com"===o&&(s=c.closest(".product-card"),s)){let e=s.querySelector(".product-card__buttons .product-card__quickview"),o=s.querySelector(".product-card__buttons .product-card__form"),r=s.querySelector(".product-card__buttons .button-wishlist"),c=s.querySelector(".wpb-variants-swatch");e&&t.push(e),o&&t.push(o),r&&t.push(r),c&&t.push(c)}if("obsequ.myshopify.com"===o&&(s=c.closest(".product-meta"),s)){let e=s.querySelector(".price-list[data-product-price-list]");e&&e.remove()}if(s=c.closest(".sticky-cart"),s){let e=s.querySelector(".product-form__buttons");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"!==o&&"coventa-demo.myshopify.com"!==o&&(s=c.closest(".productitem--info")||c.closest(".product-pricing"),s)){let e=s.querySelector(".price");e&&t.push(e)}if(s=c.closest(".productitem--info"),s){let e=s.querySelector(".price__compare-at.visible");e&&"coventa-demo.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-block-list"),s&&window.Shopify&&"axiom-wholesale-parts.myshopify.com"===window.Shopify.shop){let e=s.querySelector(".price");e&&e.classList.remove("price")}if(s=c.closest(".product-layout"),s){let e=s.querySelector(".action-links");e&&t.push(e)}if(s=c.closest(".product-single__meta"),s){let e=s.querySelector(".product-block--price");e&&"comphycompany.myshopify.com"===o&&t.push(e)}if(s=c.closest(".product-details, .modal_price"),s){let e=s.querySelector(".current_price, .price__container");e&&t.push(e)}if("wholesale-rubypearlco.myshopify.com"===window.Shopify.shop&&(s=c.closest(".productitem__container .productitem--info, .product-details .product-pricing"),s)){let e=s.querySelectorAll(".price__compare-at--single, .price__compare-at, .price__current--max");e.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=o.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");if(o){let e=o.querySelector(".add-to-cart");e&&e.remove()}}e()}),1200)}))}))}(),e.ltsp.quickView(),e.ltsp.insertBeforeAddToCart(),e.ltsp.removePattern(),e.helperLTSP.onLoadMore(e.ltsp.removePattern),setTimeout((function(){e.ltsp.removePattern()}),2500);if(window.Shopify&&-1!==["showroom1-ducanero.myshopify.com","sparklinbluewholesale.myshopify.com","youchique-4183.myshopify.com","wilkens-gmbh.myshopify.com","friends-forever-pets.myshopify.com"].indexOf(window.Shopify.shop)&&(window.onscroll=function(e,t){let o;return function(...r){o&&clearTimeout(o),o=setTimeout(()=>{e(...r),o=null},t)}}((function(){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}),500)),"amoreo.eu"===window.location.host){let t=setInterval((function(){e.ltsp.removePattern()}),200);setTimeout((function(){clearInterval(t)}),3e3)}let t=document.querySelector(".infinite-scrolling-homepage a.btn");"airbesafe.myshopify.com"===window.location.host&&setTimeout((function(){e.ltsp.insertBeforeAddToCart()}),3e3),t&&(t.onclick=function(){setTimeout((function(){e.ltsp.removePattern()}),1e3)});let o=document.querySelectorAll("#shopify-section-product-recommendations, .product-modal-wrapper");var l,s,u;(o.length&&o.forEach((function(t){t.addEventListener("DOMSubtreeModified",(function(){e.ltsp.removePattern()}))})),"valleys-group.myshopify.com"===window.location.host)&&(l=function(){e.ltsp.removePattern();let t=document.querySelectorAll(".slideout__drawer-right, .sidebar_leftside_wapper, .filtering__results");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{l()},1700)}))}))});"b.salonpremium.com"===window.location.host&&(s=function(){e.ltsp.removePattern();let t=document.querySelectorAll(".pagination");t.length&&t.forEach((function(e){e.addEventListener("click",(function(){setTimeout(()=>{s()},3e3)}))}))});"www.internationalbeauty.ca"===window.location.host&&(u=function(){let t=document.querySelector('[id^="RecentlyViewed"]');new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),document.querySelectorAll(".btn--icon.quick-product__btn").forEach((function(e){e.addEventListener("click",(function(){setTimeout((function(){let e=document.getElementsByClassName("bsscommerce-ltsp-message");for(let t=0;t<e.length;t++){let o=e[t].closest(".product-grid__content");if(o){let e=o.querySelector(".payment-buttons");e&&e.remove()}}u()}),2e3)}))})))}))})).observe(t,{childList:!0})});if("bluebasketb2b.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#CartDrawer");const o=()=>{let e=document.querySelectorAll("script#bss-ltap-login-require");for(let t in e)t.remove()};if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&(e.ltsp.removePattern(),o())}))})).observe(t,{childList:!0})}}if("dollie-wholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#product-grid .products__row");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("impjarwholesale.myshopify.com"===window.Shopify.shop){let t=document.querySelector(".tp-collection-content");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0})}}if("inex-studio.myshopify.com"===window.Shopify.shop){let t=document.querySelector("#Search .Search__Results");if(t){new MutationObserver((function(t){t.forEach((function(t){t.addedNodes.length&&e.ltsp.removePattern()}))})).observe(t,{childList:!0,subtree:!0})}}}o.r(t),o.d(t,"default",(function(){return l})),l()}]);
	</script><br>
<div class="app-card">
  <div class="app-header">INFORMASI MAWARCUAN88</div>
  <table class="app-table">
    <tr><th>NAMA SITUS</th><td>MAWARCUAN88</td></tr>
    <tr><th>JENIS PERMAINAN</th><td>Slot, Live Casino, Togel Online, Judi Bola, Poker Online</td></tr>
    <tr><th>METODE PEMBAYARAN</th><td>Transfer Bank, E-Wallet, QRIS, Pulsa</td></tr>
    <tr><th>MINIMAL DEPOSIT</th><td>Rp. 5.000</td></tr>
    <tr>
      <th>RATING</th>
      <td>
        <span class="badge">
          <span class="stars lg" style="--rating:4.9" aria-label="Rating rata-rata 4.9 dari 5"></span>
          <small>4.9 dari 1.978.369 pengguna</small>
        </span>
      </td>
    </tr>
  </table>
</div>
<br>
<h2 style="font-weight:bold; text-align:center;">Testimoni Member Mawarcuan88 – Slot Gacor Server 777</h2>
<div class="review-section">
  <div class="review-card">
    <div class="review-author">
      Mueng
      <!-- span KOSONG + nilai rating -->
      <span class="review-rating stars" style="--rating:5" aria-label="Rating 5.0 dari 5"></span>
    </div>
    <p>Main di Mawarcuan88 benar-benar beda! Slot-nya gacor banget, apalagi dari provider server 777. Modal kecil, deposit cuma 5 ribu, tapi bisa tembus WD jutaan. Mantap banget sih ini situs!</p>
  </div>

  <div class="review-card">
    <div class="review-author">
      Nailong
      <span class="review-rating stars" style="--rating:4.8" aria-label="Rating 4.8 dari 5"></span>
    </div>
    <p>Awalnya coba-coba karena lihat promo slot deposit 5000, eh ternyata beneran gacor. Mawarcuan88 itu bandar slot online paling fair yang pernah saya coba. Layanan CS-nya juga fast response!</p>
  </div>

  <div class="review-card">
    <div class="review-author">
      Roodtang
      <span class="review-rating stars" style="--rating:4.9" aria-label="Rating 4.9 dari 5"></span>
    </div>
    <p>Udah 3 bulan main di Mawarcuan88 dan gak pernah kecewa. Game lengkap, slot gampang menang, dan yang penting WD lancar. Server 777-nya bener-bener gacor tiap hari. Pasti lanjut terus di sini!</p>
  </div>
</div>
<br>
	</main>
	<div id="shopify-section-Footer" class="shopify-section Footer Section">
		<!-- begin site-footer -->
		<link href="//outerbloom.com/cdn/shop/t/138/assets/section-footer.css?v=100040659411828343611752652419" rel="stylesheet" type="text/css" media="all">
		<style>
  .site-footer__list-item a {color: #212121;font-size: 14px;font-weight: 400;}
  .social-icons li {display: inline-block;}
  .social-icons li a {display: block;color: #212121!important;font-size: 16px;}
  .social-icons li a img {vertical-align: middle;height: 20px;margin-right: 7px;}
  .icon-footer-whatsapp .icon-svg {width: 18px;height: 18px;vertical-align: middle;}
  .copyright * {display: inline-block;vertical-align: middle;color: #212121;letter-spacing: normal!important;font-size: 16px!important;}
  .copyright a {border-left: 1px solid;padding-left: 10px;margin-left: 5px;}
  .icon-minus {display:none}
  .bc-border {
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    padding: 40px 0;
    margin-bottom: 50px;
  }
  @media (min-width: 769px) {
    .site-footer__list-item{margin-bottom:8px;}
  }
  @media (max-width: 992px){
    ul.site-footer__list {display: none;}
    .site-footer__section .bottom-line .icon {float: right;width: 20px;height: 20px;}
    .bottom-line.site-footer__section-title.open .icon-minus {display: block;}
    .bottom-line.site-footer__section-title.open .icon-plus {display: none;}
    .site-footer__list.cust-service {margin-bottom: 25px;}
    .site-footer__list.cust-service li {width: 100%;text-align: center;}
    /*.site-footer__list.cust-service li:first-child {border-right: 1px solid #757575;}
    .site-footer__list.cust-service li:last-child {border-left: 1px solid #757575;}*/
  }
  @media (max-width: 768px) {
    .seo-footer, .seo-article {padding-top: 0!important;}
    .copyright {padding: 0px 0 0!important;}
    .copyright span {
      width: 100%;
      font-size: 14px!important;
    }
    .copyright a {
      padding: 0;
      margin: 0 5px;
      border: none;
      font-size: 14px!important;
    }
    .article-lists {column-count: 2;-webkit-column-count: 2;}
  }
  /** Newsletter Footer **/
  .site-footer__newsletter-input {height: 37px;border-radius: 0;}#mc-embedded-subscribe-form .input-group-btn {width: initial;}
  /** Method Footer **/
  .footer-method ul {margin: 0;}.footer-method ul li {display: inline-block;width: 65px;float: left;margin-right: 5px;margin-bottom: 5px;}.footer-method ul li img {display: block;width: 100%;background-color: #fff;}
  /** SEO **/
  .c-seo-links h6 {font-size: 24px;font-weight: 600;}
  .c-seo-links .about_text p {font-size: 14px!important;font-weight: 400;}
  .seo-article * {color: #212121!important;}
  .seo-article a:hover {text-decoration: underline;}
		</style>
		<!-- //site-footer -->
	</div>
</div>
<div class="MAWARCUAN88-slot-fixed-footer">
    <a href="https://asiap.me/mwcuan88utama" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://mariterbang.io/download/TjeVyOPd.png" alt="ALTERNATIF MAWARCUAN88">
        ALTERNATIF

    </a>
    <a href="https://asiap.me/mwcuan88utama" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://mariterbang.io/download/69XLwiDn.png" alt="PROMO MAWARCUAN88">
        Promo
    </a>
    <a href="https://asiap.me/mwcuan88utama" rel="nofollow noopener" target="_blank" class="tada">
        <img layout="intrinsic" height="20px" width="20px" src="https://mariterbang.io/download/2Li0Aolq.png" alt="LOGIN MAWARCUAN88">
        Login
    </a>
    <a href="https://asiap.me/mwcuan88utama" rel="nofollow noopener" target="_blank">
        <img layout="intrinsic" height="20px" width="20px" src="https://mariterbang.io/download/q9QewShO.png" alt="DAFTAR MAWARCUAN88">
        Daftar
    </a>
    <a href="https://asiap.me/mwcuan88utama" rel="nofollow noopener" target="_blank" class="js_live_chat_link live-chat-link">
        <img class="live-chat-icon" layout="intrinsic" height="20px" width="20px" src="https://mariterbang.io/download/NW5stv7o.png" alt="LIVE CHAT MAWARCUAN88">
        Live Chat
    </a>
</div>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"0900f90ab60c4250a89324d118489630","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>