
<!DOCTYPE html>
<html lang="id-ID">
   <head>
      <link href="https://www.ma-cons-eau.com/" rel="preconnect" />
      <meta charset="utf-8" />
      <meta content="IE=edge" http-equiv="X-UA-Compatible" />
      <meta content="text/html; charset=utf-8" http-equiv="content-type" />
      <meta content="width=device-width, initial-scale=1" name="viewport" />
      <title>D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi</title>
      <meta name="title" content="D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi">
      <meta name="robots" content="index, follow">
      <link rel="canonical" href="https://www.ma-cons-eau.com/">
      <link rel="amphtml" href="https://raja.ma-cons-eau.com/">
      <link rel="alternate" href="https://raja.ma-cons-eau.com/">
      <link rel="alternate" href="https://raja.ma-cons-eau.com/" hreflang="id">
      <link rel="alternate" href="https://raja.ma-cons-eau.com/" hreflang="en">
      <link rel="alternate" href="https://raja.ma-cons-eau.com/" hreflang="x-default">
      <link rel="alternate" hreflang="id-ID" href="https://raja.ma-cons-eau.com/" />
      <link rel="alternate" hreflang="en-US" href="https://raja.ma-cons-eau.com/" />
      <link rel="alternate" hreflang="en-SG" href="https://raja.ma-cons-eau.com/" />
      <meta name="publisher" content="Apk Slot">
      <meta name="description" content="D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.">
      <meta name="keywords" content="Nikmati sensasi main slot online di mana saja dengan APK D59 terbaru. Aplikasi ringan, login sekali klik, dan akses langsung ke ratusan game Slot 777 favorit." />
      <meta name="sitecode" content="id">
      <meta name="twitter:card" content="summary_large_image">
      <meta name="twitter:title" content="D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi">
      <meta name="twitter:description" content="D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.">
      <meta name="twitter:url" content="https://www.ma-cons-eau.com/">
      <meta name="twitter:image" content="https://i.ibb.co/nqSzsG24/d59.png">
      <meta property="og:type" content="website">
      <meta property="og:site_name" content="Apk Slot">
      <meta property="og:locale" content="id_ID">
      <meta property="og:url" content="https://www.ma-cons-eau.com/">
      <meta property="og:title" content="D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi">
      <meta property="og:description" content="D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.">
      <meta property="og:image" content="https://i.ibb.co/xSX5T7SM/d59dj.png">
      <link rel="icon" type="image/png" sizes="96x96" href="https://i.ibb.co/nqSzsG24/d59.png">
      <link rel="shortcut icon" href="https://i.ibb.co/nqSzsG24/d59.png">
      <link rel="apple-touch-icon" sizes="144x144" href="https://i.ibb.co/nqSzsG24/d59.png">
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/sites/global/css/fonts.min.8a18f528e82f16d7420d24afc5dbd284.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/sites/id.min.d4a873f5ad80fabc15ee8200be9ce4ea.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.1dd1d47f040029bab499de380db9b346.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-ux25.min.cfaf16f3ce915af071216f8067965b12.css" rel="stylesheet" type="text/css" />
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$360_288_PNG$" media="(max-width:767px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$720_576_PNG$" media="(max-width:767px) and (-webkit-min-device-pixel-ratio: 1.5)" rel="preload">
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$365_292_PNG$" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$730_584_PNG$" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.5)" rel="preload">
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$650_519_PNG$" media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload" />
      <link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$1300_1038_PNG$" media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.5)" rel="preload" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-dynamic/pd-g-anchor-navigation-ux25/clientlibs/site.min.f0928494201809fec3a1e8977d8c2a53.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd.min.31450f4f522ff9cbaa6a27f7b92a8f37.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps.min.c8df1c312f007cbe365067bcf47300e4.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps-h-n.min.d41d8cd98f00b204e9800998ecf8427e.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-wishlist-popup/clientlibs/site.min.d49c101fdadccee88e030f4c91651e9c.css" rel="stylesheet" type="text/css" />
      <link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-eip-popup/clientlibs/site.min.f2f39cae0431b16573847bcb7d615526.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript">
         var winhref = window.location.href.replace("/content/samsung", "").replace(".html", "https://www.samsung.com/");
         if (winhref.indexOf("?") > 0) {
             winhref = winhref.substring(0, winhref.indexOf("?"));
         }
         var siteCode = winhref.split("https://www.samsung.com/")[3];
         //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근
         if (winhref.indexOf("samsung.com.cn") > 0) {
             siteCode = "cn";
         }
         //depth Info.
         var depth = winhref.split("https://www.samsung.com/").length;
         var depth_last = winhref.split("https://www.samsung.com/")[depth - 1];
         if (depth_last == "" || depth_last.charAt(0) == "?") {
             depth -= 1;
         }
         //set pathIndicator(not product page)
         var pageName = "";
         var depth_2 = "";
         var depth_3 = "";
         var depth_4 = "";
         var depth_5 = "";
         var digitalData = {
             "page": {
                 "pageInfo": {
                     "siteCode": "id",
                     "pageName": pageName,
                     "pageID": "L2NvbnRlbnQvc2Ftc3VuZy9pZC9zbWFydHBob25lcy9nYWxheHktYS9nYWxheHktYTA3LWJsYWNrLTY0Z2Itc20tYTA3NWZ6a2R4aWQvYnV5",
                     "pageTrack": "product detail",
                     "originPlaform": "web"
                 },
                 "pathIndicator": {
                     "depth_2": depth_2,
                     "depth_3": depth_3,
                     "depth_4": depth_4,
                     "depth_5": depth_5
                 }
             },
             "user": {
                 "userDeviceList": []
             },
             "product": {
                 "category": "",
                 "model_code": "", // PD class정보 이용하여 설정
                 "model_name": "", // PD page(server-side)
                 "displayName": "", // PD class정보 이용하여 설정
                 "pvi_type_code": "", //PD page(server-side)
                 "pvi_type_name": "", //PD page(server-side)
                 "pvi_subtype_code": "", //PD page(server-side)
                 "pvi_subtype_name": "", //PD page(server-side)
                 "pd_type": "", //PD type
                 "content_id": "",
                 "products": "",
                 "prodView": ""
             }
         }
      </script>
      <!-- vdSiteFlag=[] -->
      <!-- vdLtrSiteFlag=[] -->
      <script type="text/javascript">
         digitalData.page.pageInfo.pageTrack = "product detail";
         digitalData.product.model_code = "SM\u002DA075FZKDXID".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.displayName = "Galaxy A07".replace(/(<([^>]+)>)/gi, "").replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.model_name = "SM\u002DA075F\/DS".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.products = "SM\u002DA075F\/DS".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.page.pathIndicator.depth_2 = "mobile".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.page.pathIndicator.depth_3 = "smartphones".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.page.pathIndicator.depth_4 = "galaxy a".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.page.pathIndicator.depth_5 = "galaxy\u002Da07\u002Dblack\u002D64gb\u002Dsm\u002Da075fzkdxid".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.pvi_type_code = "pt_cd_mobile".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.pvi_type_name = "mobile".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.pvi_subtype_code = "pt_cd_mobile_01".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.pvi_subtype_name = "smartphone".replace(/&/g, ' and ').replace(/  /g, ' ');
         digitalData.product.pim_subtype_name = digitalData.page.pathIndicator.depth_4;
         digitalData.product.pd_type = "no sale";
         //set pageName
         var pageName = digitalData.page.pageInfo.siteCode;
         if (digitalData.page.pathIndicator.depth_2 != "") {
             pageName += ":" + digitalData.page.pathIndicator.depth_2;
         }
         if (digitalData.page.pathIndicator.depth_3 != "") {
             pageName += ":" + digitalData.page.pathIndicator.depth_3;
         }
         if (digitalData.page.pathIndicator.depth_4 != "") {
             pageName += ":" + digitalData.page.pathIndicator.depth_4;
         }
         // check PD, GPD
         pageName += ":galaxy\u002Da07\u002Dblack\u002D64gb\u002Dsm\u002Da075fzkdxid".replace(/&/g, ' and ').replace(/  /g, ' ') + ":buy";
         digitalData.page.pageInfo.pageName = pageName;
      </script>
      <!-- Excluding tagging-related scripts in Author mode -->
      <!-- End Adobe Target Flicker handling -->
      <!-- Launch Header Embed Code -->
      <script async="" src="https://assets.adobedtm.com/72afb75f5516/07a30e78d4a7/launch-9f62b0723785.min.js"></script>
      <!-- End Launch Header Embed Code -->
      <!-- ugcGallary -->
      <!-- true -->
      <!-- script type="text/javascript" src="https://in2.ecom-qa.samsung.com/in/web/dist/shopAppUtil.js"></script>  -->
      <!--  script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/shopAppUtil.js"></script>  -->
      <script>
         let isWebView = false;
         let isPlatformReady = false;
         class ShopAppUtil {
             constructor(params) {
                 this.params = params;
                 // let startT = new Date().valueOf();
                 // console.log("★ startTime:", startT);
                 // if(!!window.flutter_inappwebview){
                 let siteCode = "id";
                 let appCookie = document.cookie.match(`(^|;) ?WebView=([^;]*)(;|$)`);
                 if (appCookie != null && appCookie[2] === "Y") {
                     isWebView = true;
                 } else if (siteCode !== "fr") {
                     isWebView = !!window.flutter_inappwebview;
                 }
                 // }
                 if (isWebView) {
                     window.addEventListener("flutterInAppWebViewPlatformReady", (event) => {
                         // let responseT = new Date().valueOf();
                         // console.log("★ responseTime:", responseT);
                         // console.log("★ responseTime-startTime:", responseT - startT);
                         // console.log("flutterInAppWebViewPlatformReady, web view:", isWebView);
                         isPlatformReady = true;
                         params.readyCallback();
                     });
                 }
             }
             callHandler = (methodName, ...params) => {
                 if (isPlatformReady) {
                     return window.flutter_inappwebview.callHandler(methodName, ...params)
                 } else {
                     return Promise.reject("Calling methodName: " + methodName + ", but webview not identified")
                 }
             }
             logger = (info, value) => {
                 this.params.logger && console.log(" " + info + " " + value + " ")
             }
             isWebView = () => {
                 this.logger('Returning isWebView: ', isWebView);
                 return isWebView;
             }
             isPlatformReady = () => {
                 this.logger('Returning isPlatformReady: ', isPlatformReady);
                 return isPlatformReady;
             }
             getAppVersionCode = () => new Promise((resolve, reject) => {
                 this.callHandler('getAppVersionCode').then(result => {
                     this.logger("App version", result)
                     resolve(result)
                 }).catch(err => {
                     this.logger("Error in App version", err)
                     reject(err)
                 })
             })
             triggerAnalytics = (data) => new Promise((resolve, reject) => {
                 this.callHandler('OnAnalyticsEvent', data).then(result => {
                     this.logger("OnAnalyticsEvent Success", result)
                     resolve(JSON.stringify(result))
                 }).catch(err => {
                     this.logger("Error in OnAnalyticsEvent", err)
                     reject(err)
                 })
             })
             openExternalBrowser = (url) => new Promise((resolve, reject) => {
                 if (typeof url === "string") {
                     url = url.trim();
                 }
                 this.callHandler('openExternalBrowser', url).then(result => {
                     this.logger("openExternalBrowser Success", result)
                     resolve(JSON.stringify(result))
                 }).catch(err => {
                     this.logger("Error in openExternalBrowser", err)
                     reject(err)
                 })
             })
             setupCloseForBack = (exit, confirm, hide, backCallback) => {
                 this.callHandler('configureBackV2', exit, confirm, hide, backCallback).then(function(result) {
                     console.log(JSON.stringify(result));
                 }).catch(function(err) {
                     console.log("Error in configureBackV2", err)
                 })
             }
             setupNormalBack = () => {
                 this.callHandler('configureBackV2', false, false, false, '').then(function(result) {
                     console.log(JSON.stringify(result));
                 }).catch(function(err) {
                     console.log("Error in configureBackV2", err)
                 })
             }
             getUserDetails = () => new Promise((resolve, reject) => {
                 this.callHandler('getUserDetails', 'window.setUserDetails').then(result => {
                     this.logger("User Details", result)
                     resolve(result)
                 }).catch(err => {
                     this.logger("Error in getUserDetails", err)
                     reject(err)
                 })
             })
             updateCartCount = (cartCount) => new Promise((resolve, reject) => {
                 this.callHandler('updateCartCount', cartCount).then(result => {
                     this.logger("updated Cart Count", result)
                     resolve(result)
                 }).catch(err => {
                     this.logger("Error in updateCartCount", err)
                     reject(err)
                 })
             })
             getToken = () => new Promise((resolve, reject) => {
                 this.callHandler('getToken', false).then(result => {
                     this.logger("GetToken Success", result)
                     resolve(result)
                 }).catch(err => {
                     this.logger("Error in getToken", err)
                     reject(err)
                 })
             })
             displayInAppReview = () => new Promise((resolve, reject) => {
                 this.callHandler('displayInAppReview').then(result => {
                     this.logger("displayInAppReview success")
                     resolve(result)
                 }).catch(err => {
                     this.logger("displayInAppReview failed")
                     reject(err)
                 })
             })
         }
         // [START log_event]
         function logEvent(name, params) {
             if (!name) {
                 return;
             }
             if (window.AnalyticsWebInterface) {
                 // Call Android interface
                 window.AnalyticsWebInterface.logEvent(name, JSON.stringify(params));
             } else if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.firebase) {
                 // Call iOS interface
                 var message = {
                     command: 'logEvent',
                     name: name,
                     parameters: params
                 };
                 window.webkit.messageHandlers.firebase.postMessage(message);
             } else {
                 // No Android or iOS interface found
                 console.log("No native APIs found.");
             }
         }
         // [END log_event]
         // [START set_user_property]
         function setUserProperty(name, value) {
             if (!name || !value) {
                 return;
             }
             if (window.AnalyticsWebInterface) {
                 // Call Android interface
                 window.AnalyticsWebInterface.setUserProperty(name, value);
             } else if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.firebase) {
                 // Call iOS interface
                 var message = {
                     command: 'setUserProperty',
                     name: name,
                     value: value
                 };
                 window.webkit.messageHandlers.firebase.postMessage(message);
             } else {
                 // No Android or iOS interface found
                 console.log("No native APIs found.");
             }
         }
         // [END set_user_property]
         /*
         document.getElementById("event1").addEventListener("click", function() {
             console.log("event1");
             logEvent("event1", { foo: "bar", baz: 123 });
         });
         
         document.getElementById("event2").addEventListener("click", function() {
           console.log("event2");
             logEvent("event2", { size: 123.456 });
         });
         
         document.getElementById("userprop").addEventListener("click", function() {
             console.log("userprop");
             setUserProperty("userprop", "custom_value");
         });
         */
      </script>
      <script>
         const hideHeaderFooterByWindowFlutterInappwebview = () => {
             //$('.gnb').hide();
             if (document.querySelector(".gnb") != null && document.querySelector(".gnb").style != null) {
                 document.querySelector(".gnb").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb") != null && document.querySelector(".nv00-gnb").style != null) {
                 document.querySelector(".nv00-gnb").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb-v3") != null && document.querySelector(".nv00-gnb-v3").style != null) {
                 document.querySelector(".nv00-gnb-v3").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb-v4") != null && document.querySelector(".nv00-gnb-v4").style != null) {
                 document.querySelector(".nv00-gnb-v4").style.display = 'none';
             }
             if (document.querySelector(".nv07-explore-floating-navigation") != null) {
                 let nv07 = document.querySelector(".nv07-explore-floating-navigation");
                 nv07.parentElement.removeChild(nv07);
             }
             //CRHQ-9185 [B2C] shop app - DB 전환 건 - 쿠키 체크 및 미노출 처리      - 보완로직 
             if (document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) {
                 document.querySelector(".cod05-app-banner").style.display = 'none';
             }
             if (document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) {
                 document.querySelector(".breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".nvd02-breadcrumb") != null && document.querySelector(".nvd02-breadcrumb").style != null) {
                 document.querySelector(".nvd02-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) {
                 document.querySelector(".nv17-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) {
                 document.querySelector(".epp-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) {
                 document.querySelector(".footer-column").style.display = 'none';
             }
             if (("es" === "id" || "de" === "id") && document.querySelector(".footer-bottom") != null && document.querySelector(".footer-bottom").style != null) {
                 document.querySelector(".footer-bottom").style.display = 'none';
             }
             if (document.querySelector(".footer-language") != null && document.querySelector(".footer-language").style != null) {
                 document.querySelector(".footer-language").style.display = 'none';
             }
             if (document.querySelector(".footer-language__anchor") != null && document.querySelector(".footer-language__anchor").style != null) {
                 document.querySelector(".footer-language__anchor").style.display = 'none';
             }
             if (document.querySelector(".footer-language-wrap") != null && document.querySelector(".footer-language-wrap").style != null) {
                 document.querySelector(".footer-language-wrap").style.display = 'none';
             }
             if (document.querySelector(".footer-sns") != null && document.querySelector(".footer-sns").style != null) {
                 document.querySelector(".footer-sns").style.display = 'none';
             }
             if (document.querySelector(".footer-terms") != null && document.querySelector(".footer-terms").style != null) {
                 document.querySelector(".footer-terms").style.display = 'none';
             }
             if (document.querySelector("#teconsent") != null && document.querySelector("#teconsent").style != null) {
                 document.querySelector("#teconsent").style.display = 'none';
             }
             if (document.querySelector("#QSIFeedbackButton-btn") != null && document.querySelector("#QSIFeedbackButton-btn").style != null) {
                 document.querySelector("#QSIFeedbackButton-btn").style.display = 'none';
             }
             if (window.location.href.indexOf("https://www.samsung.com/mypage/myproducts/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/myrepair/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/rewards/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/myreferrals/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/credits/") > -1) {
                 if (document.querySelector(".explore-lnb-navigation") != null && document.querySelector(".explore-lnb-navigation").style != null) {
                     document.querySelector(".explore-lnb-navigation").style.display = 'none';
                 }
                 if (document.querySelector(".nv-g-lnb") != null && document.querySelector(".nv-g-lnb").style != null) {
                     document.querySelector(".nv-g-lnb").style.display = 'none';
                 }
                 if (document.querySelector(".pd-g-floating-nav") != null && document.querySelector(".pd-g-floating-nav").style != null) {
                     document.querySelector(".pd-g-floating-nav").style.display = 'none';
                 }
                 document.querySelectorAll("#content a[target='_blank']").forEach(function(item) {
                     item.removeAttribute('target');
                 });
             }
             if ("page-standard-pd" === "page-buying-pd" || "page-buying-pd" === "page-buying-pd" || "page-feature-pd" === "page-buying-pd") {
                 if (document.querySelector(".pd-header-navigation__menu-epromoter-cta") != null && document.querySelector(".pd-header-navigation__menu-epromoter-cta").style != null) {
                     document.querySelector(".pd-header-navigation__menu-epromoter-cta").style.display = 'none';
                 }
                 if (document.querySelector(".product-detail-kv__cta-epromotor") != null && document.querySelector(".product-detail-kv__cta-epromotor").style != null) {
                     document.querySelector(".product-detail-kv__cta-epromotor").style.display = 'none';
                 }
             } else if ("page-bc-pd" === "page-buying-pd") {
                 document.querySelectorAll("#content .s-message-link").forEach(function(item) {
                     item.style.display = "none";
                 });
             }
             if (document.querySelector(".cookie-bar__app-banner") != null && document.querySelector(".cookie-bar__app-banner").style != null) {
                 document.querySelector(".cookie-bar__app-banner").style.display = 'none';
             }
             if (document.querySelector(".cookie-bar") != null && document.querySelector(".cookie-bar").style != null) {
                 document.querySelector(".cookie-bar").style.display = 'none';
             }
             if (document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) {
                 document.querySelector(".cod05-app-banner").style.display = 'none';
             }
             //[EPP] Partner Bar 미노출 처리
             if (document.querySelector(".partner-bar-wrap") != null && document.querySelector(".partner-bar-wrap").style != null) {
                 document.querySelector(".partner-bar-wrap").style.display = 'none';
             }
             if (window.sg && window.sg.common && window.sg.common.utils) {
                 window.sg.common.utils.visibleScroll();
             }
         }
         let timerId = setInterval(() => {
             if (isWebView) {
                 hideHeaderFooterByWindowFlutterInappwebview();
             }
             if (window.location.href.indexOf("samsung.com.cn") > -1) { //cn국가인 경우
                 //추가된 userAgent 판단 로직
                 var ua = navigator.userAgent;
                 var ualower = ua.toLowerCase();
                 if (/micromessenger/.test(ualower)) { //userAgent include 'micromessenger'
                     if (/miniprogram/i.test(ualower)) { // 위챗 미니앱
                         //return 'wxApp';
                         hideHeaderFooterByWindowFlutterInappwebview();
                     }
                 } else if (/aliapp/i.test(ualower) && /miniprogram/i.test(ualower)) { //userAgent include 'aliapp', 'miniprogram'
                     //return 'aliApp';// 알리 미니앱
                     hideHeaderFooterByWindowFlutterInappwebview();
                 }
             }
         }, 10);
         setTimeout(() => {
             clearInterval(timerId);
         }, 20000);
         const setSessionStorage = () => {
             const isInAppWebViewSessionStorage = sessionStorage.getItem("isInAppWebViewSessionStorage");
             if (!isInAppWebViewSessionStorage) {
                 // readyCallback에서 세팅 (기존에 없는 경우만 세팅)
                 sessionStorage.setItem("isInAppWebViewSessionStorage", "true");
             }
         }
         //new ShopAppUtil
         let shopAppUtilInstance = new ShopAppUtil({
             logger: true,
             readyCallback: setSessionStorage
         });
         document.addEventListener("DOMContentLoaded", function() {
             if (shopAppUtilInstance.isWebView() && typeof $ !== "undefined") {
                 $(document).off("click", 'a[target*="_blank"]');
                 $(document).on("click", 'a[target*="_blank"]', function(e) {
                     let href = $(this).attr("href");
                     if (!!href && href.indexOf("javascript") === -1 && href !== "#") {
                         if (href.startsWith("/" + siteCode + "/")) {
                             href = window.location.origin + href;
                         }
                         if (href.indexOf("index.html") === -1 && href.indexOf("index.html") === -1) {
                             href = "https://" + href;
                         }
                         if (href.indexOf("www.samsung.com") === -1) {
                             e.preventDefault();
                             shopAppUtilInstance.openExternalBrowser(href);
                         }
                     }
                 });
             }
         });
         //EMI 팝업에서 호출 확인 용 
         function hideModalEmipopup() {
             console.log("[from finance-popup.js] call hideModalEmipopup()!! ");
             $('#wrap > div.finance-popup > div > div > div > button').click();
         }
         
         function hideModalEmipopupConsole() {
             console.log("dummy [from finance-popup.js] call hideModalEmipopup()!! ");
         }
         // App Login callback function
         function login_completed(login_result, identifier) {
             if ("true" === login_result) {
                 if ("nv-g-mini-cart.checkout" === identifier) {
                     location.href = window.sg.minicart.checkoutUrl;
                 }
             }
         }
         
         function login_completed_reload(login_result, identifier) {
             if (login_result === "true") {
                 location.reload();
             }
         }
      </script>
      <script>
         const searchParams = new URLSearchParams(location.search);
         let appViewParam = searchParams.get('appView');
         let sourceParam = searchParams.get('source');
         if (appViewParam == "SM" || appViewParam == "ST" || appViewParam == "SA") {
             window.sessionStorage.setItem("appView", appViewParam);
             window.sessionStorage.setItem("source", sourceParam);
         }
         const rttHideHeaderFooterAppView = () => {
             if (document.querySelector(".nv16-country-selector") != null && document.querySelector(".nv16-country-selector").style != null) {
                 document.querySelector(".nv16-country-selector").remove();
             }
             //$('.gnb').hide();
             if (document.querySelector(".gnb") != null && document.querySelector(".gnb").style != null) {
                 document.querySelector(".gnb").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb") != null && document.querySelector(".nv00-gnb").style != null) {
                 document.querySelector(".nv00-gnb").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb-v3") != null && document.querySelector(".nv00-gnb-v3").style != null) {
                 document.querySelector(".nv00-gnb-v3").style.display = 'none';
             }
             if (document.querySelector(".nv00-gnb-v4") != null && document.querySelector(".nv00-gnb-v4").style != null) {
                 document.querySelector(".nv00-gnb-v4").style.display = 'none';
             }
             if (document.querySelector(".nv07-explore-floating-navigation") != null) {
                 let nv07 = document.querySelector(".nv07-explore-floating-navigation");
                 nv07.parentElement.removeChild(nv07);
             }
             if (document.querySelector(".cod05-app-banner") != null) {
                 document.querySelector(".cod05-app-banner").remove();
             }
             if (document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) {
                 document.querySelector(".breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".nvd02-breadcrumb") != null && document.querySelector(".nvd02-breadcrumb").style != null) {
                 document.querySelector(".nvd02-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) {
                 document.querySelector(".nv17-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) {
                 document.querySelector(".epp-breadcrumb").style.display = 'none';
             }
             if (document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) {
                 document.querySelector(".footer-column").style.display = 'none';
             }
             if (("es" === "id" || "de" === "id") && document.querySelector(".footer-bottom") != null && document.querySelector(".footer-bottom").style != null) {
                 document.querySelector(".footer-bottom").style.display = 'none';
             }
             if (document.querySelector(".footer-language") != null && document.querySelector(".footer-language").style != null) {
                 document.querySelector(".footer-language").style.display = 'none';
             }
             if (document.querySelector(".footer-language__anchor") != null && document.querySelector(".footer-language__anchor").style != null) {
                 document.querySelector(".footer-language__anchor").style.display = 'none';
             }
             if (document.querySelector(".footer-language-wrap") != null && document.querySelector(".footer-language-wrap").style != null) {
                 document.querySelector(".footer-language-wrap").style.display = 'none';
             }
             if (document.querySelector(".footer-sns") != null && document.querySelector(".footer-sns").style != null) {
                 document.querySelector(".footer-sns").style.display = 'none';
             }
             if (document.querySelector(".footer-terms") != null && document.querySelector(".footer-terms").style != null) {
                 document.querySelector(".footer-terms").style.display = 'none';
             }
             if (document.querySelector("#teconsent") != null && document.querySelector("#teconsent").style != null) {
                 document.querySelector("#teconsent").style.display = 'none';
             }
             if (document.querySelector("#QSIFeedbackButton-btn") != null && document.querySelector("#QSIFeedbackButton-btn").style != null) {
                 document.querySelector("#QSIFeedbackButton-btn").style.display = 'none';
             }
             // if (window.location.href.indexOf("/mypage/myproducts/") > -1 || window.location.href.indexOf("/mypage/myrepair/") > -1 || window.location.href.indexOf("/mypage/rewards/") > -1
             // 		|| window.location.href.indexOf("/mypage/myreferrals/") > -1) {
             if (document.querySelector(".explore-lnb-navigation") != null && document.querySelector(".explore-lnb-navigation").style != null) {
                 document.querySelector(".explore-lnb-navigation").style.display = 'none';
             }
             if (document.querySelector(".nv-g-lnb") != null && document.querySelector(".nv-g-lnb").style != null) {
                 document.querySelector(".nv-g-lnb").style.display = 'none';
             }
             if (document.querySelector(".pd-g-floating-nav") != null && document.querySelector(".pd-g-floating-nav").style != null) {
                 document.querySelector(".pd-g-floating-nav").style.display = 'none';
             }
             document.querySelectorAll("#content a[target='_blank']").forEach(function(item) {
                 item.removeAttribute('target');
             });
             // }
             if (document.querySelector(".cookie-bar__app-banner") != null && document.querySelector(".cookie-bar__app-banner").style != null) {
                 document.querySelector(".cookie-bar__app-banner").style.display = 'none';
             }
             if (document.querySelector(".cookie-bar") != null && document.querySelector(".cookie-bar").style != null) {
                 document.querySelector(".cookie-bar").style.display = 'none';
             }
             //[EPP] Partner Bar 미노출 처리
             if (document.querySelector(".partner-bar-wrap") != null && document.querySelector(".partner-bar-wrap").style != null) {
                 document.querySelector(".partner-bar-wrap").style.display = 'none';
             }
             if (window.sg && window.sg.common && window.sg.common.utils) {
                 window.sg.common.utils.visibleScroll();
             }
         }
         if (window.sessionStorage.getItem("appView") == "SM" || window.sessionStorage.getItem("appView") == "ST" || window.sessionStorage.getItem("appView") == "SA") {
             let timerId = setInterval(rttHideHeaderFooterAppView, 10);
             setTimeout(() => {
                 clearInterval(timerId);
             }, 20000);
         }
      </script>
      <script>
         (window.BOOMR_mq = window.BOOMR_mq || []).push(["addVar", {
             "rua.upush": "false",
             "rua.cpush": "false",
             "rua.upre": "false",
             "rua.cpre": "false",
             "rua.uprl": "false",
             "rua.cprl": "false",
             "rua.cprf": "false",
             "rua.trans": "SJ-9c997744-ecab-4f72-ace8-7a7d6a06a0ee",
             "rua.cook": "true",
             "rua.ims": "false",
             "rua.ufprl": "false",
             "rua.cfprl": "false",
             "rua.isuxp": "false",
             "rua.texp": "norulematch",
             "rua.ceh": "false",
             "rua.ueh": "false",
             "rua.ieh.st": "0"
         }]);
      </script>
      <script>
         ! function() {
             function o(n, i) {
                 if (n && i)
                     for (var r in i) i.hasOwnProperty(r) && (void 0 === n[r] ? n[r] = i[r] : n[r].constructor === Object && i[r].constructor === Object ? o(n[r], i[r]) : n[r] = i[r])
             }
             try {
                 var n = decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");
                 if (n.length > 0 && window.JSON && "function" == typeof window.JSON.parse) {
                     var i = JSON.parse(n);
                     void 0 !== window.BOOMR_config ? o(window.BOOMR_config, i) : window.BOOMR_config = i
                 }
             } catch (r) {
                 window.console && "function" == typeof window.console.error && console.error("mPulse: Could not parse configuration", r)
             }
         }();
      </script>
      <script>
         ! function(a) {
             var e = "https://s.go-mpulse.net/boomerang/",
                 t = "addEventListener";
             if ("False" == "True") a.BOOMR_config = a.BOOMR_config || {}, a.BOOMR_config.PageParams = a.BOOMR_config.PageParams || {}, a.BOOMR_config.PageParams.pci = !0, e = "https://s2.go-mpulse.net/boomerang/";
             if (window.BOOMR_API_key = "VRZKC-5BSTD-4EWS3-R2J59-B8GYB", function() {
                     function n(e) {
                         a.BOOMR_onload = e && e.timeStamp || (new Date).getTime()
                     }
                     if (!a.BOOMR || !a.BOOMR.version && !a.BOOMR.snippetExecuted) {
                         a.BOOMR = a.BOOMR || {}, a.BOOMR.snippetExecuted = !0;
                         var i, _, o, r = document.createElement("iframe");
                         if (a[t]) a[t]("load", n, !1);
                         else if (a.attachEvent) a.attachEvent("onload", n);
                         r.src = "javascript:void(0)", r.title = "", r.role = "presentation", (r.frameElement || r).style.cssText = "width:0;height:0;border:0;display:none;", o = document.getElementsByTagName("script")[0], o.parentNode.insertBefore(r, o);
                         try {
                             _ = r.contentWindow.document
                         } catch (O) {
                             i = document.domain, r.src = "javascript:var d=document.open();d.domain='" + i + "';void(0);", _ = r.contentWindow.document
                         }
                         _.open()._l = function() {
                             var a = this.createElement("script");
                             if (i) this.domain = i;
                             a.id = "boomr-if-as", a.src = e + "VRZKC-5BSTD-4EWS3-R2J59-B8GYB", BOOMR_lstart = (new Date).getTime(), this.body.appendChild(a)
                         }, _.write("<bo" + 'dy onload="document._l();">'), _.close()
                     }
                 }(), "".length > 0)
                 if (a && "performance" in a && a.performance && "function" == typeof a.performance.setResourceTimingBufferSize) a.performance.setResourceTimingBufferSize();
             ! function() {
                 if (BOOMR = a.BOOMR || {}, BOOMR.plugins = BOOMR.plugins || {}, !BOOMR.plugins.AK) {
                     var e = "false" == "true" ? 1 : 0,
                         t = "cookiepresent",
                         n = "m72rctvyd7qdq2jknxoa-f-baf5d2a7a-clientnsv4-s.akamaihd.net",
                         i = "false" == "true" ? 2 : 1,
                         _ = {
                             "ak.v": "39",
                             "ak.cp": "154627",
                             "ak.ai": parseInt("293013", 10),
                             "ak.ol": "0",
                             "ak.cr": 72,
                             "ak.ipv": 4,
                             "ak.proto": "http/1.1",
                             "ak.rid": "1b1ca612",
                             "ak.r": 40950,
                             "ak.a2": e,
                             "ak.m": "x",
                             "ak.n": "essl",
                             "ak.bpcip": "103.245.17.0",
                             "ak.cport": 64329,
                             "ak.gh": "23.56.239.149",
                             "ak.quicv": "",
                             "ak.tlsv": "tls1.3",
                             "ak.0rtt": "",
                             "ak.0rtt.ed": "",
                             "ak.csrc": "-",
                             "ak.acc": "bbr",
                             "ak.t": "1764388316",
                             "ak.ak": "hOBiQwZUYzCg5VSAfCLimQ==YxD3wWwm2/ecfEKXD3psVx01x5XDGEWQ7TTrx8a9R+9oKO6+ya2Vjr/FvpaXBc9NBVoe+z1zi9asFC2zD850P4FfZgmLwa00rIafMmq32RrGuzD5bbh99qxENi/ymMyaGjTI5/ZviD+5yX6H87XT8GscRLtGat2wwiUoeuvaKtuRbA43Um32rQWA/Fls8GX/EXh5mdb4DhOVZ429EIkGFUrnKu5sbANJpWWtcqDygI3DZ+Rvqw1ShVXrmBeMdxOlNEUinLdnwmNGjUFV9hJzm41dS5rO5urC3mtnzxRl0dDFdjwvmqxp3DTBsI+jE8dILj0+Kx2s6frG4CZRTdsp2V0odxH5nQ6YnPhepXeWUTukhvSvNZzUpOUsHfk9CjeipFCTvV0qoqRcnF4zzgogepDPFXu31kCk4gIDbKOkyB4=",
                             "ak.pv": "4137",
                             "ak.dpoabenc": "",
                             "ak.tf": i
                         };
                     if ("" !== t) _["ak.ruds"] = t;
                     var o = {
                         i: !1,
                         av: function(e) {
                             var t = "http.initiator";
                             if (e && (!e[t] || "spa_hard" === e[t])) _["ak.feo"] = void 0 !== a.aFeoApplied ? 1 : 0, BOOMR.addVar(_)
                         },
                         rv: function() {
                             var a = ["ak.bpcip", "ak.cport", "ak.cr", "ak.csrc", "ak.gh", "ak.ipv", "ak.html", "ak.n", "ak.ol", "ak.proto", "ak.quicv", "ak.tlsv", "ak.0rtt", "ak.0rtt.ed", "ak.r", "ak.acc", "ak-2.html", "ak.tf"];
                             BOOMR.removeVar(a)
                         }
                     };
                     BOOMR.plugins.AK = {
                         akVars: _,
                         akDNSPreFetchDomain: n,
                         init: function() {
                             if (!o.i) {
                                 var a = BOOMR.subscribe;
                                 a("before_beacon", o.av, null, null), a("onbeacon", o.rv, null, null), o.i = !0
                             }
                             return this
                         },
                         is_complete: function() {
                             return !0
                         }
                     }
                 }
             }()
         }(window);
      </script>
      </link>
      </link>
      </link>
      </link>
      <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu D59 dan apa keunggulan utamanya?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "D59 adalah penyedia link login slot resmi terpercaya yang didukung oleh infrastruktur server modern berkecepatan tinggi. Keunggulan utama D59 terletak pada kestabilan koneksi, kapasitas jaringan optimal, sistem yang responsif, serta akses ke permainan paling lengkap yang memberikan kenyamanan bermain maksimal tanpa kendala lag atau hambatan teknis."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara akses login dan unduh apk game online di D59?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Prosesnya sangat cepat dan mudah. Pengguna cukup mengakses link login slot gacor resmi terbaru D59, lalu klik tombol DAFTAR untuk membuat akun hanya dalam beberapa langkah sederhana. Setelah itu, Anda dapat langsung login dan unduh apk game online dari berbagai perangkat (Android & iOS) dengan aman dan bebas blokir."
      }
    },
    {
      "@type": "Question",
      "name": "Mengapa server D59 disebut stabil dan berkecepatan tinggi?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "D59 menggunakan infrastruktur jaringan server modern dengan kapasitas optimal dan latensi rendah. Sistem antarmuka yang sangat responsif membuat proses memuat halaman, perpindahan menu, hingga jalannya permainan berlangsung sangat cepat dan lancar setiap saat."
      }
    },
    {
      "@type": "Question",
      "name": "Metode deposit apa saja yang tersedia di link login slot resmi terpercaya D59?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "D59 mendukung sistem deposit cepat anti-ribet dengan berbagai pilihan metode pembayaran populer di Indonesia. Pengguna dapat melakukan transaksi melalui transfer Bank Lokal (BCA, Mandiri, BRI, BNI), E-Wallet (DANA, OVO, GoPay, LinkAja), hingga layanan QRIS. Seluruh transaksi diproses secara instan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah D59 menyediakan layanan bantuan sehingga menjadi salah satu pilihan pengguna?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, tentu saja. Kualitas pelayanan inilah yang menjadikannya salah satu pilihan pengguna. D59 menyediakan layanan Customer Service profesional yang aktif 24 jam non-stop setiap harinya untuk membantu segala kendala seputar pendaftaran, transaksi, maupun kendala teknis lainnya."
      }
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [{
    "@type": "Organization",
    "@id": "https://www.ma-cons-eau.com/#organization",
    "name": "D59",
    "url": "https://www.ma-cons-eau.com/",
    "logo": "https://i.ibb.co/nqSzsG24/d59.png",
    "sameAs": ["https://facebook.com/D59", "https://instagram.com/D59", "https://twitter.com/D59", "https://www.youtube.com/@D59"],
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "+62-812-8080-3547",
      "contactType": "customer support",
      "availableLanguage": ["id", "en"],
      "areaServed": "ID"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.9",
      "ratingCount": "954638",
      "bestRating": "5",
      "worstRating": "1"
    }
  }, {
    "@type": "BreadcrumbList",
    "@id": "https://www.ma-cons-eau.com/#breadcrumb",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "D59",
      "item": "https://www.ma-cons-eau.com/"
    }, {
      "@type": "ListItem",
      "position": 2,
      "name": "Link Login Slot Resmi Terpercaya",
      "item": "https://www.ma-cons-eau.com/"
    }, {
      "@type": "ListItem",
      "position": 3,
      "name": "Unduh Apk Game Online",
      "item": "https://www.ma-cons-eau.com/"
    }]
  }, {
    "@type": "Product",
    "@id": "https://www.ma-cons-eau.com/#product",
    "name": "D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi",
    "image": ["https://i.ibb.co/xSX5T7SM/d59dj.png"],
    "description": "D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.",
    "brand": {
      "@type": "Brand",
      "name": "D59"
    },
    "sku": "D59-Server-Stabil",
    "category": "GameOnline",
    "url": "https://www.ma-cons-eau.com/",
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.9",
      "ratingCount": "954638",
      "bestRating": "5",
      "worstRating": "1"
    },
    "review": [{
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Claude"
      },
      "datePublished": "2026-07-05",
      "reviewBody": "Baru pertama kali coba akses link login slot resmi terpercaya D59, ternyata cepat banget. Servernya stabil, unduh apk game online juga instan.",
      "name": "Claude",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      }
    }, {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Yi Shun Shin"
      },
      "datePublished": "2026-07-10",
      "reviewBody": "Sudah beberapa hari main di D59 dan memuaskan. Menyajikan permainan paling lengkap dan slot gacor yang seru, koneksi lancar bebas lag.",
      "name": "Yi Shun Shin",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      }
    }, {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Harith"
      },
      "datePublished": "2026-07-15",
      "reviewBody": "Pantas jadi salah satu pilihan pengguna, daftar akunnya simpel. Proses unduh apk game online sangat mudah dan permainannya beragam.",
      "name": "Harith",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      }
    }, {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Bruno"
      },
      "datePublished": "2026-07-20",
      "reviewBody": "Suka banget main di D59 karena aplikasinya responsif pas dibuka di HP. Nggak perlu VPN, link login slot gacor selalu lancar diakses.",
      "name": "Bruno",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      }
    }, {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Granger"
      },
      "datePublished": "2026-07-22",
      "reviewBody": "Menurut saya D59 paling nyaman karena servernya berkecepatan tinggi. Deposit selalu lancar saat ingin main permainan paling lengkap.",
      "name": "Granger",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      }
    }],
    "offers": {
      "@type": "Offer",
      "url": "https://www.ma-cons-eau.com/",
      "priceCurrency": "IDR",
      "price": "0",
      "availability": "https://schema.org/InStock"
    }
  }, {
    "@type": "ItemList",
    "@id": "https://www.ma-cons-eau.com/#merchant-listing",
    "name": "D59 Link Login Slot Resmi Terpercaya",
    "itemListOrder": "https://schema.org/ItemListOrderDescending",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@type": "Product",
        "@id": "https://www.ma-cons-eau.com/#product-1",
        "name": "D59 Link Login Slot Resmi Terpercaya",
        "url": "https://www.ma-cons-eau.com/",
        "image": "https://i.ibb.co/xSX5T7SM/d59dj.png",
        "description": "Akses D59 lebih mudah melalui link login slot resmi terpercaya yang didukung infrastruktur server modern. Proses login menjadi lebih cepat dan stabil.",
        "brand": {
          "@type": "Brand",
          "name": "D59"
        },
        "sku": "D59-Link-Resmi",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.9",
          "ratingCount": "954638"
        },
        "offers": {
          "@type": "Offer",
          "url": "https://www.ma-cons-eau.com/",
          "priceCurrency": "IDR",
          "price": "0",
          "availability": "https://schema.org/InStock"
        }
      }
    }, {
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@type": "Product",
        "@id": "https://www.ma-cons-eau.com/#product-2",
        "name": "Unduh Apk Game Online D59",
        "url": "https://www.ma-cons-eau.com/",
        "image": "https://i.ibb.co/xSX5T7SM/d59dj.png",
        "description": "Nikmati koneksi stabil, unduh apk game online dengan mudah, serta pengalaman bermain slot gacor yang lebih lancar di berbagai perangkat.",
        "brand": {
          "@type": "Brand",
          "name": "D59"
        },
        "sku": "D59-Apk-Online",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.9",
          "ratingCount": "954638"
        },
        "offers": {
          "@type": "Offer",
          "url": "https://www.ma-cons-eau.com/",
          "priceCurrency": "IDR",
          "price": "0",
          "availability": "https://schema.org/InStock"
        }
      }
    }, {
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@type": "Product",
        "@id": "https://www.ma-cons-eau.com/#product-3",
        "name": "Permainan Paling Lengkap D59",
        "url": "https://www.ma-cons-eau.com/",
        "image": "https://i.ibb.co/xSX5T7SM/d59dj.png",
        "description": "D59 menyediakan permainan paling lengkap yang menjadikannya salah satu pilihan pengguna terbaik untuk hiburan online yang aman dan terpercaya.",
        "brand": {
          "@type": "Brand",
          "name": "D59"
        },
        "sku": "D59-Game-Lengkap",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.9",
          "ratingCount": "954638"
        },
        "offers": {
          "@type": "Offer",
          "url": "https://www.ma-cons-eau.com/",
          "priceCurrency": "IDR",
          "price": "0",
          "availability": "https://schema.org/InStock"
        }
      }
    }]
  }]
}
</script>

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [{
        "@type": "Organization",
        "@id": "https://www.ma-cons-eau.com/#org",
        "name": "D59",
        "url": "https://www.ma-cons-eau.com/",
        "logo": "https://i.ibb.co/xSX5T7SM/d59dj.png"
    }, {
        "@type": "WebSite",
        "@id": "https://www.ma-cons-eau.com/#website",
        "url": "https://www.ma-cons-eau.com/",
        "name": "D59",
        "publisher": {
            "@id": "https://www.ma-cons-eau.com/#org"
        },
        "inLanguage": "id-ID",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://www.ma-cons-eau.com/?s={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }, {
        "@type": "SoftwareApplication",
        "@id": "https://www.ma-cons-eau.com/#app",
        "name": "D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi",
        "description": "D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.",
        "applicationCategory": "GameApplication",
        "operatingSystem": "Android, iOS, Windows",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "IDR"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": 4.9,
            "ratingCount": 954638
        }
    }]
}
</script>
   </head>
   <style>
      .nv00-gnb-v4__l0-menu-text,
      .nv00-gnb-v4__l1-menu-text,
      .nv00-gnb-v4__l1-featured-link,
      .nv00-gnb-v4__l1-featured-title {
      font-size: 14.5px;
      line-height: 1.4;
      }
      /* Biar di HP tetap kebaca, naikin dikit */
      @media (max-width: 768px) {
      .nv00-gnb-v4__l0-menu-text,
      .nv00-gnb-v4__l1-menu-text,
      .nv00-gnb-v4__l1-featured-link,
      .nv00-gnb-v4__l1-featured-title {
      font-size: 13px;
      }
      }
   </style>
   <body>
      <div id="wrap">
         <!-- 공통  hidden input 시작-->
         <!-- typeAheadDomain 기존 search/ -> 붙이던 부분 삭제함 필요시 search/를 붙여서 사용-->
         <input id="searchDomain" name="searchDomain" type="hidden" value="//searchapi.samsung.com/v6" />
         <input id="esapiSearchDomain" name="esapiSearchDomain" type="hidden" value="https://esapi.samsung.com" />
         <input id="scene7domain" name="scene7domain" type="hidden" value="//images.samsung.com/is/image/samsung/" />
         <input id="reviewUseYN" name="reviewUseYN" type="hidden" value="Y" />
         <input id="aplautYn" name="aplautYn" type="hidden" value="N" />
         <input id="reevooUseYN" name="reevooUseYN" type="hidden" value="N" />
         <input id="bvFlag" name="bvFlag" type="hidden" value="Y" />
         <input id="bvRTLFlag" name="bvRTLFlag" type="hidden" value="N" />
         <input id="multiLanguageYn" name="multiLanguageYn" type="hidden" value="N" />
         <input id="localLang" name="localLang" type="hidden" value="id-id" />
         <input id="runmodeInfo" name="runmodeInfo" type="hidden" value="live" />
         <input id="apiStageInfo" name="apiStageInfo" type="hidden" value="front" />
         <input id="tempTitle" name="tempTitle" type="hidden" value="page-buying-pd" />
         <input id="siteCode" name="siteCode" type="hidden" value="id" />
         <input id="store_sitecode" name="store_sitecode" type="hidden" value="id" />
         <input id="language" name="language" type="hidden" value="in_ID" />
         <input id="serverType" name="serverType" type="hidden" value="prod" />
         <input id="gpvStoreDomain" name="gpvStoreDomain" type="hidden" value="https://p1.ecom.samsung.com" />
         <input id="storeWebDomain" name="storeWebDomain" type="hidden" value="https://shop.samsung.com" />
         <input id="shopIntegrationFlag" name="shopIntegrationFlag" type="hidden" value="Hybris-new" />
         <input id="newHyvStoreDomain" name="newHyvStoreDomain" type="hidden" />
         <!-- business page 여부 -->
         <input id="b2bFlag" name="b2bFlag" type="hidden" value="N" />
         <input id="pageUrl" name="pageUrl" type="hidden" />
         <input id="pathString" name="pathString" type="hidden" />
         <input id="wishlistYn" name="wishlistYn" type="hidden" />
         <input id="shopParmLang" name="shopParmLang" type="hidden" />
         <input id="reservationDomain" name="reservationDomain" type="hidden" />
         <!-- 공통  hidden input 끝-->
         <section class="progress cm-loader" style="display:none;">
            <div class="progress__wrapper">
               <div class="progress__circle-1">
               </div>
               <div class="progress__circle-2">
               </div>
               <div class="progress__circle-3">
               </div>
               <div class="progress__circle-4">
               </div>
            </div>
         </section>
         <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/global/js/crypto-js.min.6fa2276cf659f30cabde72a6fc452171.js"></script>
         <script src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" type="text/javascript"></script>
         <header id="header" role="banner">
            <!--googleoff: all-->
            <div class="skip-bar">
               <a href="#content" id="skipToContent"> Skip to content </a>
            </div>
         </header>
         <div class="newpar new section">
         </div>
         <div class="par iparys_inherited">
         </div>
         <aside class="nv16-country-selector" style="height: 0px;">
            <div class="nv16-country-selector__content-wrap">
               <div class="nv16-country-selector__content">
                  <label class="nv16-country-selector__description" for="countrySelect"> Pilih lokasi dan bahasa Anda. </label>
                  <div class="nv16-country-selector__select-contaniner" data-country-codes="uk">
                     <div class="nv16-country-selector__menu">
                        <div class="menu" data-comp-name="menu">
                           <select class="menu__select" id="countrySelect" tabindex="-1">
                              <option data-country-type="sitecd" selected="" value="id"> Indonesia / Bahasa Indonesia </option>
                              <option data-country-type="location" value="uk"> UK / English </option>
                              <option lang="en" value="other"> Other Countries </option>
                           </select>
                           <button an-ac="gnb" an-ca="navigation" an-la="country selector" an-tr="nv16_gnb-country selector-navigation" aria-expanded="false" aria-haspopup="listbox" class="menu__select-field" data-aria-label="Pilih lokasi dan bahasa Anda." type="button">
                              <span class="menu__select-field-text">
                              </span>
                              <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
                                 <use href="#open-down-bold" xlink:href="#open-down-bold">
                                 </use>
                              </svg>
                              <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
                                 <use href="#close-up-bold" xlink:href="#close-up-bold">
                                 </use>
                              </svg>
                           </button>
                        </div>
                     </div>
                     <div class="nv16-country-selector__continue">
                        <button an-ac="gnb" an-ca="navigation" an-la="country selector:continue" an-tr="nv16_gnb-country selector-navigation" class="cta cta--contained cta--black" data-action="countrySelectorContinue"> Lanjutkan </button>
                     </div>
                  </div>
                  <button class="nv16-country-selector__close" data-action="countrySelectorClose">
                     <span class="hidden"> Tutup </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
            </div>
         </aside>
         <!--# COD05_Mobile App Download Banner #-->
         <aside class="cod05-app-banner" style="display:none">
         </aside>
         <!--# //COD05_Mobile App Download Banner #-->
         <input id="st_checked" name="st_checked" type="hidden" value="2025-11-28 05:05:40" />
         <input id="cck" name="cck" type="hidden" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a" />
         <input id="gPriceCurrency" name="gPriceCurrency" type="hidden" value="IDR" />
         <input id="pageTrack" name="pageTrack" type="hidden" value="product detail" />
         <nav aria-label="main navigation" class="nv00-gnb-v4 nv00-gnb-v4--text-type" id="component-id" role="navigation">
            <div class="nv00-gnb-v4__wrap">
               <div class="nv00-gnb-v4__inner">
                  <div class="nv00-gnb-v4__header">
                     <a an-ac="gnb" an-ca="navigation" an-la="Apk Slot" an-tr="nv00_gnb-product detail-l0-navigation2" aria-label="Apk Slot" class="nv00-gnb-v4__logo" href="https://www.ma-cons-eau.com/">
                     <img src="https://i.ibb.co/nqSzsG24/d59.png" alt="" width="200" height="56" />
                     </a>
                     <div class="nv00-gnb-v4__utility-list nv00-gnb-v4--mobile-only">
                        <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-search gnb__search-btn-js" data-js-action="search">
                           <span class="hidden"> Cari </span>
                           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
                              </path>
                           </svg>
                           <span aria-hidden="true" class="nv00-gnb-v4__search-text"> Cari </span>
                        </button>
                        <a an-ac="gnb" an-ca="navigation" an-la="cart" an-tr="nv00_gnb-product detail-gnb cart icon-navigation6" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-cart nv00-gnb-v4__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://shop.samsung.com/id/cart" href="https://shop.samsung.com/id/cart" role="button">
                           <span class="hidden"> Troli </span>
                           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <g clip-path="url(#clip-path)" transform="translate(-625.251 -196)">
                                 <path d="M697.237,263.578a10,10,0,1,1-10,10A10,10,0,0,1,697.237,263.578Zm-34.944,0a10,10,0,1,1-10,10A10,10,0,0,1,662.293,263.578Zm34.944,5a5,5,0,1,0,5,5A5,5,0,0,0,697.237,268.578Zm-34.944,0a5,5,0,1,0,5,5A5,5,0,0,0,662.293,268.578ZM638.1,197.25a3.86,3.86,0,0,1,3.6,2.652l.052.184,3.208,12.292h70.036a3.224,3.224,0,0,1,3.192,3.916l-.04.18-9.4,36.292a3.86,3.86,0,0,1-3.46,2.832l-.2.008h-51.1a3.866,3.866,0,0,1-3.6-2.648l-.052-.188-13.192-50.516-11.612,0,0-5Zm74.648,20.128h-66.48l8.672,33.228h49.2Z" transform="translate(0.834 3.75)">
                                 </path>
                              </g>
                           </svg>
                           <span aria-live="polite" class="cart-in-number gnb-cart-count" style="display:none;">
                           <span class="hidden"> Number of Products : </span>
                           </span>
                        </a>
                        <a an-ac="gnb" an-ca="account" an-la="login" an-tr="nv00_gnb-product detail-account-account" aria-label="Login/Sign-Up" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user before-login loginBtn" data-js-action="user" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLID/signInGate">
                           <span class="hidden"> Login </span>
                           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                              </path>
                           </svg>
                        </a>
                        <a class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user after-login js-user-name js-account" data-js-action="user">
                           <span class="hidden"> Buka Menu Saya </span>
                           <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
                              <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#" />
                           </div>
                           <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                              </path>
                           </svg>
                        </a>
                        <button an-ac="gnb" an-ca="navigation" an-la="gnb:open" an-tr="nv00_gnb-product detail-gnb open / close-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-hamburger" data-js-action="hamburger">
                           <span class="hidden"> Navigation </span>
                           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <path d="M0,57V52H70v5ZM0,31V26H70v5ZM0,5V0H70V5Z" transform="translate(13 20)">
                              </path>
                           </svg>
                        </button>
                     </div>
                  </div>
                  <div class="nv00-gnb-v4__container">
                     <div class="nv00-gnb-v4__container-header nv00-gnb-v4--mobile-only">
                        <button class="nv00-gnb-v4__backward-btn">
                           <span class="hidden"> Kembali </span>
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#previous-regular" xlink:href="#previous-regular">
                              </use>
                           </svg>
                        </button>
                        <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-l0-navigation5" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__search gnb__search-btn-js" data-js-action="search">
                           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                              <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
                              </path>
                           </svg>
                           <span class="nv00-gnb-v4__search-text"> Cari </span>
                        </button>
                     </div>
                     <div class="nv00-gnb-v4__container-inner">
                        <div class="nv00-gnb-v4__featured-wrap nv00-gnb-v4--mobile-only">
                           <p class="nv00-gnb-v4__featured-title"> FEATURED </p>
                           <div class="nv00-gnb-v4__featured-list swiper-container basic-swiper" data-swiper-option='{
                              "slidesPerView": "auto",
                              "keepWrapper": true,
                              "pagination":true,
                              "offTxtAccesibility": true,
                              "componentEl": ".nv00-gnb-v4"
                              }'>
                              <div class="nv00-gnb-v4__featured-list-inner swiper-wrapper" role="list">
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy z fold7" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/smartphones/galaxy-z-fold7/buy/">
                                       <div class="image">
                                          <img alt="Galaxy Z Fold7" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/f2507/gnb/Galaxy-Z_Fold7_GNB_L1_Shop_88x88.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Galaxy Z Fold7" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/f2507/gnb/Galaxy-Z_Fold7_GNB_L1_Shop_88x88.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy z fold7" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/smartphones/galaxy-z-fold7/buy/"> Galaxy Z Fold7 </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <span class="badge-icon badge-icon--label badge-icon--bg-color-blue"> BARU </span>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy s25 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/smartphones/galaxy-s25/buy/?modelCode=SM-S731BDBCXID">
                                       <div class="image">
                                          <img alt="Galaxy S25 FE" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_S25_FE_88x88.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Galaxy S25 FE" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_S25_FE_88x88.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy s25 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/smartphones/galaxy-s25/buy/?modelCode=SM-S731BDBCXID"> Galaxy S25 FE </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy tab s11 series" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/tablets/galaxy-tab-s11/buy/">
                                       <div class="image">
                                          <img alt="Galaxy Tab S11 Series" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Tab_S11_88x88.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Galaxy Tab S11 Series" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Tab_S11_88x88.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy tab s11 series" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/tablets/galaxy-tab-s11/buy/"> Galaxy Tab S11 </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy watch ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/watches/galaxy-watch/galaxy-watch-ultra-2025-47mm-titanium-blue-bluetooth-sm-l700nzb1xse/buy/">
                                       <div class="image">
                                          <img alt="Galaxy Watch Ultra" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/8/watch-ultra-blue/GNB_L1_Mobile_Galaxy-Watche_Ultra_88x88-id.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Galaxy Watch Ultra" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/8/watch-ultra-blue/GNB_L1_Mobile_Galaxy-Watche_Ultra_88x88-id.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy watch ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/watches/galaxy-watch/galaxy-watch-ultra-2025-47mm-titanium-blue-bluetooth-sm-l700nzb1xse/buy/"> Galaxy Watch Ultra </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy buds3 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/audio-sound/galaxy-buds/galaxy-buds3-fe-gray-sm-r420nzaaxse/">
                                       <div class="image">
                                          <img alt="Galaxy Buds3 FE" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Buds3_FE_88x88.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Galaxy Buds3 FE" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Buds3_FE_88x88.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy buds3 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/audio-sound/galaxy-buds/galaxy-buds3-fe-gray-sm-r420nzaaxse/"> Galaxy Buds3 FE </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:QLED 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/tvs/qled-tv/qef1-65-inch-qled-4k-smart-tv-qa65qef1akxxd/">
                                       <div class="image">
                                          <img alt="QLED 4K Smart TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/QEF1_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="QLED 4K Smart TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/QEF1_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:QLED 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/tvs/qled-tv/qef1-65-inch-qled-4k-smart-tv-qa65qef1akxxd/"> QLED 4K TV </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:Crystal UHD 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/tvs/uhd-4k-tv/ue100f-75-inch-crystal-uhd-4k-smart-tv-ua75ue100fkxxd/">
                                       <div class="image">
                                          <img alt="Crystal UHD 4K TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/UE100F-_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Crystal UHD 4K TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/UE100F-_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:Crystal UHD 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/tvs/uhd-4k-tv/ue100f-75-inch-crystal-uhd-4k-smart-tv-ua75ue100fkxxd/"> Crystal UHD 4K TV </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:the frame tv" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/lifestyle-tvs/the-frame/ls03f-75-inch-art-store-black-qa75ls03fakxxd/">
                                       <div class="image">
                                          <img alt="The Frame TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/The_Frame_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="The Frame TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/The_Frame_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:the frame tv" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/lifestyle-tvs/the-frame/ls03f-75-inch-art-store-black-qa75ls03fakxxd/"> The Frame TV </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:q series soundbar" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/audio-devices/all-audio-devices/?q-series-home-theatre-soundbar">
                                       <div class="image">
                                          <img alt="Q-series Soundbar" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/revamp/gnb/shop/GNB_Shop_L1_12_88x88.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Q-series Soundbar" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/revamp/gnb/shop/GNB_Shop_L1_12_88x88.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:q series soundbar" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/audio-devices/all-audio-devices/?q-series-home-theatre-soundbar"> Q-series Soundbar </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:Odyssey OLED G5" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/monitors/gaming/odyssey-oled-g5-g50sf-27-inch-180hz-oled-qhd-ls27fg502sexxd/">
                                       <div class="image">
                                          <img alt="Odyssey OLED G5" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/G50SF_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Odyssey OLED G5" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/G50SF_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:Odyssey OLED G5" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/monitors/gaming/odyssey-oled-g5-g50sf-27-inch-180hz-oled-qhd-ls27fg502sexxd/"> Odyssey OLED G5 </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:bespoke ai refrigerator 641l" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/refrigerators/side-by-side/bespoke-ai-refrigerator-sbs-family-hub-641l-black-doi-rs90f65anfse/">
                                       <div class="image">
                                          <img alt="Bespoke AI Refrigerator 641L " class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/7/offer/RS90F65A2FST_001_Front_Black-DOI_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Bespoke AI Refrigerator 641L " class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/7/offer/RS90F65A2FST_001_Front_Black-DOI_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:bespoke ai refrigerator 641l" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/refrigerators/side-by-side/bespoke-ai-refrigerator-sbs-family-hub-641l-black-doi-rs90f65anfse/"> Bespoke AI Refrigerator 641L </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:front load washer and dryer" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/washers-and-dryers/washer-dryer-combo/wd6000t-front-load-combo-washer-dryer-21kg-black-wd21t6500gv-se/">
                                       <div class="image">
                                          <img alt="Front-load Washer &amp; Dryer with Ecobubble&trade;" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WD21_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Front-load Washer &amp; Dryer with Ecobubble&trade;" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WD21_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:front load washer and dryer" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/washers-and-dryers/washer-dryer-combo/wd6000t-front-load-combo-washer-dryer-21kg-black-wd21t6500gv-se/"> Front-load Washer &amp; Dryer </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:vacuum cleaner" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/vacuum-cleaners/robot/?stick+canister">
                                       <div class="image">
                                          <img alt="Vacuum Cleaner Stick" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/VS80F_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="Vacuum Cleaner Stick" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/VS80F_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:vacuum cleaner" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/vacuum-cleaners/robot/?stick+canister"> Vacuum Cleaner Stick </a>
                                 </div>
                                 <div class="nv00-gnb-v4__featured-item swiper-slide">
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:windfree ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://www.samsung.com/id/air-conditioners/wall-mount/ar9500t-ar09axaaawknsk-windfree-ultra-metal-cooling-ar12cykaawknse/">
                                       <div class="image">
                                          <img alt="WindFree&trade; Ultra AC" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WindFree_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img" />
                                          <img alt="WindFree&trade; Ultra AC" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WindFree_GNB_L1_88px.png?$ORIGIN_PNG$" role="img" />
                                       </div>
                                    </a>
                                    <a an-ac="gnb" an-ca="navigation" an-la="shop:windfree ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://www.samsung.com/id/air-conditioners/wall-mount/ar9500t-ar09axaaawknsk-windfree-ultra-metal-cooling-ar12cykaawknse/"> WindFree&trade; Ultra AC </a>
                                 </div>
                              </div>
                              <div class="screen-indicator-wrap">
                                 <button class="screen-indicator screen-indicator--prev">
                                    <div class="screen-indicator--icon">
                                       <span class="hidden"> Previous </span>
                                       <svg aria-hidden="true" class="icon" focusable="false">
                                          <use href="#previous-regular" xlink:href="#previous-regular">
                                          </use>
                                       </svg>
                                    </div>
                                 </button>
                                 <button class="screen-indicator screen-indicator--next">
                                    <div class="screen-indicator--icon">
                                       <span class="hidden"> Next </span>
                                       <svg aria-hidden="true" class="icon" focusable="false">
                                          <use href="#next-regular" xlink:href="#next-regular">
                                          </use>
                                       </svg>
                                    </div>
                                 </button>
                              </div>
                           </div>
                        </div>
                        <p class="nv00-gnb-v4__l0-menu-list-title nv00-gnb-v4--mobile-only"> SHOP BY CATEGORY </p>
                        <ul aria-label="main menu" class="nv00-gnb-v4__l0-menu-list nv00-gnb-v4__l0-menu-list--left" role="menubar">
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="shop" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text nv00-gnb-v4--pc-only"> SLOT </span>
                                 <span class="nv00-gnb-v4__l0-menu-text nv00-gnb-v4--mobile-only"> Explore Shop </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="shop" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> Shop </span>
                                 </button>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="mobile" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text"> Apk Slot </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="mobile" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> Mobile </span>
                                 </button>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="tv and av" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text"> Slot 777 </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="tv and av" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> Apk Slot GAMPANG MENANG </span>
                                 </button>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="appliances" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text"> SITUS Apk Slot </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="appliances" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> Gacor </span>
                                 </button>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="monitors" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text"> LINK Apk Slot </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="monitors" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> APKSLOT </span>
                                 </button>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="wearables" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem">
                                 <span class="nv00-gnb-v4__l0-menu-text"> Apk Slot HARI INI </span>
                                 </a>
                                 <button an-ac="gnb" an-ca="navigation" an-la="wearables" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
                                 <span class="hidden"> SITUS SLOT </span>
                                 </button>
                              </div>
                           </li>
                        </ul>
                        <ul aria-label="main menu" class="nv00-gnb-v4__l0-menu-list nv00-gnb-v4__l0-menu-list--right" role="menubar">
                           <!-- Type E Support Start -->
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <button an-ac="gnb" an-ca="navigation" an-la="support" an-tr="nv00_gnb-product detail-text l1-navigation2" class="nv00-gnb-v4__l0-menu-btn" data-js-action="l0MenuBtn" role="menuitem"> LOGIN </button>
                              </div>
                              <div class="nv00-gnb-v4__l1-menu-container">
                                 <div class="nv00-gnb-v4__l1-menu-container-header nv00-gnb-v4--mobile-only">
                                    <p class="nv00-gnb-v4__l1-menu-container-title"> LOGIN </p>
                                 </div>
                              </div>
                           </li>
                           <li class="nv00-gnb-v4__l0-menu">
                              <div class="nv00-gnb-v4__l0-menu-title">
                                 <a an-ac="gnb" an-ca="navigation" an-la="DAFTAR" an-tr="nv00_gnb-product detail-banner-navigation2" aria-label="Daftar. Buka di Tab Baru" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://www.ma-cons-eau.com/" role="menuitem" target="_blank"> DAFTAR </a>
                              </div>
                           </li>
                           <!-- Non-Type Right Menu End -->
                        </ul>
                        <div class="nv00-gnb-v4__user-menu-list nv00-gnb-v4--mobile-only before-login">
                           <a data-linkinfo="https://www.ma-cons-eau.com/" href="https://www.ma-cons-eau.com/" role="menuitem"> Login/Sign-Up </a>
                           <a an-ac="gnb" an-ca="account" an-la="rewards" an-tr="nv00_gnb-account-account" aria-label="Receive up to 5% of your purchase back in points. Samsung Rewards" class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon" href="https://www.ma-cons-eau.com/" role="menuitem">
                              Receive up to 5% of your purchase back in points.
                              <svg aria-hidden="true" class="icon" focusable="false">
                                 <use href="#next-regular" xlink:href="#next-regular">
                                 </use>
                              </svg>
                           </a>
                        </div>
                        <div class="nv00-gnb-v4__user-menu-list nv00-gnb-v4--mobile-only after-login">
                           <a an-ac="gnb" an-ca="account" an-la="user name" an-tr="nv00_gnb-product detail-account-account" aria-label="Go to the another page" class="nv00-gnb-v4__user-menu js-user-name js-account" href="javascript:;" role="menuitem">
                              <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
                                 <img alt="" class="image__main" data-comp-name="image" role="img" src="#" />
                              </div>
                              <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                 <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                                 </path>
                              </svg>
                              <p class="user-name">
                              </p>
                              <p class="hidden"> Buka Menu Saya </p>
                           </a>
                           <a an-ac="gnb" an-ca="account" an-la="rewards" an-tr="nv00_gnb-account-account" aria-label="Receive up to 5% of your purchase back in points. Samsung Rewards" class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon" href="https://www.ma-cons-eau.com/" role="menuitem">
                              Receive up to 5% of your purchase back in points.
                              <svg aria-hidden="true" class="icon" focusable="false">
                                 <use href="#next-regular" xlink:href="#next-regular">
                                 </use>
                              </svg>
                           </a>
                        </div>
                        <div class="nv00-gnb-v4__utility-list">
                           <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-search gnb__search-btn-js" data-js-action="search">
                              <span class="hidden"> Cari </span>
                              <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                 <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
                                 </path>
                              </svg>
                              <span aria-hidden="true" class="nv00-gnb-v4__search-text"> Cari </span>
                           </button>
                           <a an-ac="gnb" an-ca="navigation" an-la="cart" an-tr="nv00_gnb-product detail-gnb cart icon-navigation6" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-cart nv00-gnb-v4__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://shop.samsung.com/id/cart" href="https://shop.samsung.com/id/cart" role="button">
                              <span class="hidden"> Troli </span>
                              <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                 <g clip-path="url(#clip-path)" transform="translate(-625.251 -196)">
                                    <path d="M697.237,263.578a10,10,0,1,1-10,10A10,10,0,0,1,697.237,263.578Zm-34.944,0a10,10,0,1,1-10,10A10,10,0,0,1,662.293,263.578Zm34.944,5a5,5,0,1,0,5,5A5,5,0,0,0,697.237,268.578Zm-34.944,0a5,5,0,1,0,5,5A5,5,0,0,0,662.293,268.578ZM638.1,197.25a3.86,3.86,0,0,1,3.6,2.652l.052.184,3.208,12.292h70.036a3.224,3.224,0,0,1,3.192,3.916l-.04.18-9.4,36.292a3.86,3.86,0,0,1-3.46,2.832l-.2.008h-51.1a3.866,3.866,0,0,1-3.6-2.648l-.052-.188-13.192-50.516-11.612,0,0-5Zm74.648,20.128h-66.48l8.672,33.228h49.2Z" transform="translate(0.834 3.75)">
                                    </path>
                                 </g>
                              </svg>
                              <span aria-live="polite" class="cart-in-number gnb-cart-count" style="display:none;">
                              <span class="hidden"> Number of Products : </span>
                              </span>
                           </a>
                           <div class="nv00-gnb-v4__utility-wrap before-login">
                              <button an-ac="gnb" an-ca="navigation" an-la="login" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-label="Manage Account" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user" data-js-action="user">
                                 <span class="hidden"> Login/Sign-Up </span>
                                 <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                    <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                                    </path>
                                 </svg>
                              </button>
                              <div aria-label="account" class="nv00-gnb-v4__utility-menu-list" role="menu">
                                 <div class="nv00-gnb-v4__utility-menu-wrap">
                                    <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--sign-in nv00-gnb-v4--pc-only" href="https://www.ma-cons-eau.com/" role="menuitem" target="_self" rel="noopener noreferrer" onclick="event.stopImmediatePropagation(); event.preventDefault(); window.location.href='https://www.ma-cons-eau.com/'; return false;"> Login/Sign-Up </a>
                                    <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--with-icon nv00-gnb-v4--pc-only" href="https://www.ma-cons-eau.com/" role="menuitem">
                                       Receive up to 5% of your purchase back in points.
                                       <svg aria-hidden="true" class="icon" focusable="false">
                                          <use href="#next-regular" xlink:href="#next-regular">
                                          </use>
                                       </svg>
                                    </a>
                                    <a an-ac="gnb" an-ca="account" an-la="orders" an-tr="nv00_gnb-product detail-account-account" aria-label="orders" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="http://shop.samsung.com/id/mypage/orders/" role="menuitem"> Pesanan </a>
                                    <a an-ac="gnb" an-ca="account" an-la="Product Registration" an-tr="nv00_gnb-product detail-account-account" aria-label="Product Registration" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/mypage/myproducts/" role="menuitem"> Product&nbsp;Registration </a>
                                    <a an-ac="gnb" an-ca="account" an-la="members" an-tr="nv00_gnb-product detail-account-account" aria-label="members" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/members/" role="menuitem"> Members </a>
                                    <a an-ac="gnb" an-ca="account" an-la="Apk Slot" an-tr="nv00_gnb-product detail-account-account" aria-label="Apk Slot" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.ma-cons-eau.com/" role="menuitem"> Apk Slot </a>
                                 </div>
                              </div>
                           </div>
                           <div class="nv00-gnb-v4__utility-wrap after-login">
                              <button an-ac="gnb" an-ca="account" an-la="user name" an-tr="gnb-account, cart-product detail-account-account" aria-expanded="false" aria-label="Go to the another page" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user" data-js-action="user" role="button">
                                 <span class="hidden"> Buka Menu Saya </span>
                                 <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
                                    <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#" />
                                 </div>
                                 <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                    <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                                    </path>
                                 </svg>
                              </button>
                              <div aria-label="account" class="nv00-gnb-v4__utility-menu-list" role="menu">
                                 <div class="nv00-gnb-v4__utility-menu-wrap">
                                    <a an-ac="gnb" an-ca="account" an-la="user name" an-tr="gnb-account, cart-product detail-account-account" aria-label="Go to the another page" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--user-profile nv00-gnb-v4--pc-only js-user-name js-account" href="javascript:;" role="menuitem">
                                       <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
                                          <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#" />
                                       </div>
                                       <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
                                          <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
                                          </path>
                                       </svg>
                                       <p class="user-name">
                                       </p>
                                    </a>
                                    <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--with-icon nv00-gnb-v4--pc-only" href="https://www.ma-cons-eau.com/" role="menuitem">
                                       Receive up to 5% of your purchase back in points.
                                       <svg aria-hidden="true" class="icon" focusable="false">
                                          <use href="#next-regular" xlink:href="#next-regular">
                                          </use>
                                       </svg>
                                    </a>
                                    <a an-ac="gnb" an-ca="account" an-la="my page" an-tr="nv00_gnb-product detail-account-account" aria-label="my page" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/mypage/" role="menuitem"> Halaman&nbsp;Saya </a>
                                    <a an-ac="gnb" an-ca="account" an-la="orders" an-tr="nv00_gnb-product detail-account-account" aria-label="orders" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="http://shop.samsung.com/id/mypage/orders/" role="menuitem"> Pesanan </a>
                                    <a an-ac="gnb" an-ca="account" an-la="product registration" an-tr="nv00_gnb-product detail-account-account" aria-label="product registration" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/mypage/myproducts/" role="menuitem"> Product&nbsp;Registration </a>
                                    <a an-ac="gnb" an-ca="account" an-la="my rewards" an-tr="nv00_gnb-product detail-account-account" aria-label="my rewards" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/mypage/rewards/" role="menuitem"> Rewards&nbsp;Saya </a>
                                    <a an-ac="gnb" an-ca="account" an-la="wishlist" an-tr="nv00_gnb-product detail-account-account" aria-label="wishlist" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="http://shop.samsung.com/id/mypage/wishlist" role="menuitem"> Wishlist </a>
                                    <a an-ac="gnb" an-ca="account" an-la="members" an-tr="nv00_gnb-product detail-account-account" aria-label="members" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://www.samsung.com/id/members/" role="menuitem"> Members </a>
                                    <a an-ac="gnb" an-ca="account" an-la="community" an-tr="nv00_gnb-product detail-account-account" aria-label="community" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="http://r1.community.samsung.com/t5/Indonesia/ct-p/id?profile.language=in" role="menuitem"> Komunitas </a>
                                    <a an-ac="gnb" an-ca="account" an-la="logout" an-tr="nv00_gnb-product detail-account-account" aria-label="logout" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu logoutBtn" href="javascript:;" role="menuitem"> Keluar </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <button an-ac="gnb" an-ca="navigation" an-la="gnb:close" an-tr="nv00_gnb-product detail-gnb open / close-navigation2" class="nv00-gnb-v4__close-btn">
                        <span class="hidden"> Close menu </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
            <div class="nv00-gnb-v4__dim">
            </div>
            <form action="https://account.samsung.com/accounts/v1/DCGLID/signInGate" id="signInForm" method="get" name="signInForm">
               <input id="response_type" name="response_type" type="hidden" value="" />
               <input name="client_id" type="hidden" value="5kuj08631q" />
               <input id="locale" name="locale" type="hidden" value="" />
               <input name="countryCode" type="hidden" value="ID" />
               <input id="redirect_uri" name="redirect_uri" type="hidden" value="/aemapi/v6/data-login/afterLogin.id.json" />
               <input id="signInState" name="state" type="hidden" value="" />
               <input id="signInGoBackURL" name="goBackURL" type="hidden" value="" />
               <input id="scope" name="scope" type="hidden" value="" />
            </form>
            <!-- SA 로그아웃호출 폼 -->
            <form action="https://account.samsung.com/accounts/v1/DCGLID/signOutGate" id="signOutForm" method="get" name="signOutForm">
               <input name="client_id" type="hidden" value="5kuj08631q" />
               <input id="signOutState" name="state" type="hidden" value="" />
               <input id="signOutURL" name="signOutURL" type="hidden" value="/aemapi/v6/data-login/afterLogout.id.json" />
            </form>
            <!-- 회원가입 폼 -->
            <form action="https://account.samsung.com/membership/" id="joinForm" method="post" name="joinForm">
               <input name="actionID" type="hidden" value="SignupAP" />
               <input name="serviceID" type="hidden" value="5kuj08631q" />
               <input name="serviceName" type="hidden" value="SAMSUNG" />
               <input name="domain" type="hidden" value="" />
               <input name="countryCode" type="hidden" value="ID" />
               <input name="languageCode" type="hidden" value="id" />
               <input id="joinRegistURL" name="registURL" type="hidden" value="/aemapi/v6/data-login/afterLogin.id.json" />
               <input id="joinReturnURL" name="returnURL" type="hidden" />
               <input id="joinGoBackURL" name="goBackURL" type="hidden" value="" />
               <input name="ssoType" type="hidden" value="ENC_TK" />
               <input id="joinEmailActivationURL" name="emailActivationURL" type="hidden" value="/aemapi/v6/data-login/emailActivationURL.id.json" />
            </form>
            <!-- Find Email 폼 -->
            <form action="https://account.samsung.com/membership/" id="findAccountForm" method="post" name="findAccountForm">
               <input name="actionID" type="hidden" value="FindEmail" />
               <input name="serviceID" type="hidden" value="5kuj08631q" />
               <input name="serviceName" type="hidden" value="SAMSUNG" />
               <input name="domain" type="hidden" value="" />
               <input name="countryCode" type="hidden" value="ID" />
               <input name="languageCode" type="hidden" value="id" />
               <input id="findGoBackURL" name="goBackURL" type="hidden" value="" />
               <input name="ssoType" type="hidden" value="ENC_TK" />
            </form>
            <!-- Account Modify Form -->
            <form action="https://account.samsung.com/membership/" id="accountModifyForm" method="post" name="accountModifyForm">
               <input name="actionID" type="hidden" value="ModifyUserInfo" />
               <input name="serviceID" type="hidden" value="5kuj08631q" />
               <input name="serviceName" type="hidden" value="SAMSUNG" />
               <input name="domain" type="hidden" value="" />
               <input name="countryCode" type="hidden" value="ID" />
               <input name="languageCode" type="hidden" value="id" />
               <input id="accountModifyGoBackURL" name="goBackURL" type="hidden" value="" />
               <input name="ssoType" type="hidden" value="ENC_TK" />
            </form>
            <form id="textForm" name="textForm">
               <input id="productCountText" name="productCountText" type="hidden" value="Jumlah Produk" />
            </form>
            <input id="domain" name="domain" type="hidden" value="www.samsung.com" />
            <input id="useLogin" name="useLogin" type="hidden" value="Y" />
            <input id="useStore" name="useStore" type="hidden" value="Y" />
            <input id="storeDomain" name="storeDomain" type="hidden" value="https://api.shop.samsung.com/" />
            <input id="hybrisApiJson" name="hybrisApiJson" type="hidden" />
            <input id="addToCartPostYn" name="addToCartPostYn" type="hidden" value="Y" />
            <input id="tokocommercewebservicesYn" name="tokocommercewebservicesYn" type="hidden" />
            <input id="useNewAddToCartApi" name="useNewAddToCartApi" type="hidden" value="Y" />
            <input id="loginLinkURL" name="loginLinkURL" type="hidden" value="https://account.samsung.com/accounts/v1/DCGLID/signInGate" />
            <input id="logoutURL" name="logoutURL" type="hidden" value="https://account.samsung.com/accounts/v1/DCGLID/signOutGate" />
            <input id="updateProfileURL" name="updateProfileURL" type="hidden" />
            <input id="isLoginWithNoStore" name="isLoginWithNoStore" type="hidden" />
            <input id="countryCode" name="countryCode" type="hidden" value="ID" />
            <input id="languageCode" name="languageCode" type="hidden" value="id" />
            <input id="loginAccountServiceId" name="loginAccountServiceId" type="hidden" value="5kuj08631q" />
            <input id="emailActivationURL" name="emailActivationURL" type="hidden" value="/aemapi/v6/data-login/emailActivationURL.id.json" />
            <input id="shopIntegrationFlag" name="shopIntegrationFlag" type="hidden" value="Hybris-new" />
            <input id="tieredPriceUseYn" name="tieredPriceUseYn" type="hidden" />
            <input id="mySamsungRewardsTierType" name="mySamsungRewardsTierType" type="hidden" value="global" />
            <input id="newMyRewardCurrencyConv" name="newMyRewardCurrencyConv" type="hidden" value="1.000" />
            <input id="countryIsoCode" name="countryIsoCode" type="hidden" value="IDN" />
            <input id="loginValidateYnForGPv2" name="loginValidateYnForGPv2" type="hidden" value="" />
            <div class="nv00-gnb-v4__layer-popup-wrap">
               <div class="nv00-gnb-v4__layer-popup-looping--start" tabindex="0">
               </div>
               <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#info-regular" xlink:href="#info-regular">
                     </use>
                  </svg>
                  <p class="layer-popup__desc information-text"> Keranjang belanja Anda kosong </p>
                  <div class="layer-popup__cta-wrap">
                     <button an-ac="cart is empty:OK" an-ca="other interaction" an-la="cart is empty:OK" an-tr="nv00_gnb-product detail-cart popup-other_interaction" aria-label="Accessibility Text" class="cta cta--contained cta--black gnb-js-layer-close" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);"> OK </button>
                  </div>
                  <button class="layer-popup__close">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
               <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#info-regular" xlink:href="#info-regular">
                     </use>
                  </svg>
                  <p class="layer-popup__desc information-text"> Maaf, persediaan barang di keranjang belanja tidak cukup. </p>
                  <div class="layer-popup__cta-wrap">
                     <button aria-label="Accessibility Text" class="cta cta--contained cta--black gnb-js-layer-close" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);"> OK </button>
                  </div>
                  <button class="layer-popup__close">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
               <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct">
                  <p class="layer-popup__title"> Hapus produk </p>
                  <p class="layer-popup__desc"> Tanpa produk ini, kupon atau kode promo yang berlaku tidak dapat ditukarkan. <br /> Anda yakin ingin menghapus produk ini? </p>
                  <div class="layer-popup__cta-wrap">
                     <button aria-label="Accessibility Text" class="cta cta--outlined cta--black"> Pindahkan ke wishlist </button>
                     <button aria-label="Accessibility Text" class="cta cta--contained cta--black"> Hapus </button>
                  </div>
                  <button class="layer-popup__close">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
               <div class="layer-popup gnb-layer_popup-js gnb__popup-privacy" id="layerPrivacy">
                  <p class="layer-popup__title"> Privacy Policy </p>
                  <div class="layer-popup__checkbox-wrap">
                     <div class="checkbox-v2">
                        <input class="checkbox-v2__input" id="privacy-terms" name="checkbox" type="checkbox" />
                        <label class="checkbox-v2__label" for="privacy-terms">
                           <span class="checkbox-v2__label-box-wrap">
                              <span class="checkbox-v2__label-box">
                                 <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                    <use href="#done-bold" xlink:href="#done-bold">
                                    </use>
                                 </svg>
                              </span>
                           </span>
                           <span class="checkbox-v2__label-text"> Saya telah membaca dan setuju dengan <a class="link-text" href="https://www.samsung.com/id/info/privacy/" target="_blank" title="Buka di Tab Baru"> Kebijakan Privasi </a> Samsung.com </span>
                        </label>
                     </div>
                     <p class="layer-popup__checkbox-desc error" id="errorPrivacy"> Centang kotak ini untuk melanjutkan ke Samsung.com. </p>
                     <div class="checkbox-v2">
                        <input class="checkbox-v2__input" id="privacy-terms2" name="checkbox" type="checkbox" />
                        <label class="checkbox-v2__label" for="privacy-terms2">
                           <span class="checkbox-v2__label-box-wrap">
                              <span class="checkbox-v2__label-box">
                                 <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                    <use href="#done-bold" xlink:href="#done-bold">
                                    </use>
                                 </svg>
                              </span>
                           </span>
                           <span class="checkbox-v2__label-text"> Dengan mencentang kotak ini, berarti saya bersedia menerima Pembaruan Layanan Samsung, termasuk: </span>
                        </label>
                     </div>
                     <p class="layer-popup__checkbox-desc"> Layanan dan informasi pemasaran Samsung.com, berikut produk baru dan pengumuman layanan serta penawaran khusus, peristiwa dan buletin berkalanya. </p>
                  </div>
                  <div class="layer-popup__cta-wrap">
                     <button aria-label="Accessibility Text" class="cta cta--outlined cta--black" id="privacyBtn"> MELANJUTKAN KE SAMSUNG.COM </button>
                     <button aria-label="Accessibility Text" class="cta cta--contained cta--black login-leave-btn" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);"> TINGGALKAN HALAMAN INI </button>
                  </div>
                  <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true">
                     <span class="hidden"> Tutup Kebijakan Privasi </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
               <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference">
                  <p class="layer-popup__title"> Periksa Preferensi </p>
                  <p class="layer-popup__desc"> Berikan rekomendasi untuk memperbaharui preferensi produk Anda. </p>
                  <div class="layer-popup__cta-wrap">
                     <button aria-label="Accessibility Text" class="cta cta--outlined cta--black" id="preferenceCheckBtn"> YA </button>
                     <button aria-label="Accessibility Text" class="cta cta--contained cta--black" id="privacyCloseBtn" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);"> NANTI </button>
                  </div>
                  <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true">
                     <span class="hidden"> Tutup Preferensi </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
               <div class="nv00-gnb-v4__layer-popup-looping--end" tabindex="0">
               </div>
            </div>
         </nav>
         <input id="sc_gnb_searchURL" name="sc_gnb_searchURL" type="hidden" value="/id/aisearch" />
         <input id="sc_gnb_AI_searchURL" name="sc_gnb_AI_searchURL" type="hidden" value="/id/aisearch" />
         <input id="sc_gnb_placeholder" name="sc_gnb_placeholder" type="hidden" value="Galaxy Z Fold7" />
         <input id="sc_gnb_aiSearchUseYn" name="sc_gnb_aiSearchUseYn" type="hidden" value="Y" />
         <input id="sc_gnb_bdcApiUseYn" name="sc_gnb_bdcApiUseYn" type="hidden" value="Y" />
         <input id="sc_gnb_AiLoginUseYn" name="sc_gnb_AiLoginUseYn" type="hidden" value="N" />
         <input id="sc_gnb_eppUseGnbAiSearchYn" name="sc_gnb_eppUseGnbAiSearchYn" type="hidden" />
         <input id="eppFlag" name="eppFlag" type="hidden" value="N" />
         <section aria-modal="true" class="srd19-gnb-search" role="dialog">
            <div class="srd19-gnb-search__looping--start" tabindex="0">
            </div>
            <div class="srd19-gnb-search__contents">
               <form action="#" autocomplete="off" class="srd19-gnb-search__form" role="search">
                  <fieldset>
                     <legend> Search Form </legend>
                     <button aria-label="Cari" class="srd19-gnb-search__btn-search" type="submit">
                        <svg class="icon" focusable="false">
                           <use href="#search-regular" xlink:href="#search-regular">
                           </use>
                        </svg>
                     </button>
                     <div class="srd19-gnb-search__input-wrap">
                        <input aria-label="Cari" class="srd19-gnb-search__input" id="gnb-search-keyword" name="search" placeholder="Cari" type="text" />
                     </div>
                     <button an-ac="search layer" an-ca="search" an-la="clear" an-tr="srd19_gnb search-product detail-delete-search" class="srd19-gnb-search__clear" type="button">
                     <span class="text"> Kosongkan </span>
                     </button>
                     <button class="srd19-gnb-search__scan-barcode srd19-gnb-search__scan-barcode--hide" type="button">
                        <span class="hidden"> Scan Barcode </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#barcode-regular" xlink:href="#barcode-regular">
                           </use>
                        </svg>
                     </button>
                  </fieldset>
               </form>
               <div class="srd19-gnb-search__result-wrap">
                  <div class="srd19-gnb-search__result">
                     <div class="srd19-gnb-search__searches">
                        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__no-suggestions srd19-gnb-search__list-wrap--hide">
                           <div class="srd19-gnb-search__list-title-wrap">
                              <p class="srd19-gnb-search__list-title" id="search-list-label"> Tidak Ada Saran </p>
                           </div>
                        </div>
                        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__ai-search srd19-gnb-search__list-wrap--hide">
                           <div class="srd19-gnb-search__list-title-wrap">
                              <p class="srd19-gnb-search__list-title" id="search-list-label"> AI Suggested Searches </p>
                           </div>
                           <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
                           </ul>
                        </div>
                        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__suggested srd19-gnb-search__list-wrap--hide">
                           <div class="srd19-gnb-search__list-title-wrap">
                              <p class="srd19-gnb-search__list-title" id="search-list-label"> Pencarian yang Disarankan </p>
                           </div>
                           <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
                           </ul>
                        </div>
                        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__popular">
                           <div class="srd19-gnb-search__list-title-wrap">
                              <p class="srd19-gnb-search__list-title" id="search-list-label"> PENCARIAN POPULER </p>
                           </div>
                           <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
                           </ul>
                        </div>
                        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__recent srd19-gnb-search__list-wrap--hide">
                           <div class="srd19-gnb-search__list-title-wrap">
                              <p class="srd19-gnb-search__list-title" id="search-list-label"> PENCARIAN TERBARU </p>
                           </div>
                           <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
                           </ul>
                        </div>
                     </div>
                     <div class="srd19-gnb-search__thumb srd19-gnb-search__related srd19-gnb-search__list-wrap--hide">
                        <div class="srd19-gnb-search__thumb-title-wrap">
                           <p class="srd19-gnb-search__thumb-title" id="rec-label"> PRODUK TERKAIT </p>
                        </div>
                        <ul aria-labelledby="rec-label" class="srd19-gnb-search__thumb-list" role="menu">
                        </ul>
                     </div>
                     <div class="srd19-gnb-search__thumb srd19-gnb-search__recommended">
                        <div class="srd19-gnb-search__thumb-title-wrap">
                           <p class="srd19-gnb-search__thumb-title" id="rec-label"> DIREKOMENDASIKAN </p>
                        </div>
                        <ul aria-labelledby="rec-label" class="srd19-gnb-search__thumb-list" role="menu">
                        </ul>
                     </div>
                  </div>
               </div>
               <button an-ac="search layer" an-ca="search" an-la="close" an-tr="srd19_gnb search-product detail-close-search" class="srd19-gnb-search__close" type="button">
                  <span class="hidden"> Tutup </span>
                  <svg class="icon" focusable="false">
                     <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                     </use>
                  </svg>
               </button>
            </div>
            <div aria-hidden="true" class="srd19-gnb-search__dimmed">
            </div>
            <div class="srd19-gnb-search__looping--end" tabindex="0">
            </div>
         </section>
         <!--googleon: all-->
         <div class="st-page-pd" id="content" role="main">
            <input id="isNotDelTagSites" name="isNotDelTagSites" type="hidden" value="N" />
            <input id="isExposeExtraRewardsSites" name="isExposeExtraRewardsSites" type="hidden" value="N" />
            <input id="modelCode" name="modelCode" type="hidden" value="MS-F813QBDUIDZ" />
            <input id="categorySubSubTypeCode" name="categorySubSubTypeCode" type="hidden" />
            <input id="categorySubTypeCode" name="categorySubTypeCode" type="hidden" value="01010400" />
            <input id="categoryTypeCode" name="categoryTypeCode" type="hidden" value="01010000" />
            <input id="typeCodeForGNB" name="typeCodeForGNB" type="hidden" value="01010000" />
            <input id="groupCodeForGNB" name="groupCodeForGNB" type="hidden" value="01000000" />
            <input id="categoryGroupCode" name="categoryGroupCode" type="hidden" value="01000000" />
            <input id="emiUrl" name="emiUrl" type="hidden" value="/id/web/emi" />
            <input id="financingUrl" name="financingUrl" type="hidden" value="/id/web/si-calculator" />
            <input id="categoryname" name="categoryname" type="hidden" />
            <input id="modelName" name="modelName" type="hidden" value="SM-A075F/DS" />
            <input id="useNewWtb" name="useNewWtb" type="hidden" value="Y" />
            <input id="priceCurrency" name="priceCurrency" type="hidden" value="idr" />
            <input id="gpvGetTypeCheck" name="gpvGetTypeCheck" type="hidden" value="Y" />
            <input id="isPreqa" name="isPreqa" type="hidden" value="false" />
            <input id="typeux2025" name="typeux2025" type="hidden" value="Y" />
            <div class="pd-g-product-promotion-bar">
            </div>
            <div class="pd-g-product-detail-offer-banner">
               <section class="pd-banner" data-fold-data='{"bgColor": "#f7f7f7", "textColor": "black"}' data-prefold-data='{"bgColor": "", "textColor": ""}' data-preunfold-data='{"bgColor": "", "textColor": ""}' data-unfold-data='{"bgColor": "#f7f7f7", "textColor": "black"}' style="display:none;">
               <div class="pd-banner__inner" data-end-text="Selesai di" data-end-time="203012310000Z" data-start-text="Mulai di">
                  <div class="pd-banner__content-wrap">
                     <div class="pd-banner__content">
                        <h2 class="pd-banner__headline"> Dapatkan gratis hadiah </h2>
                        <div class="pd-banner__desc-wrap">
                           <p class="pd-banner__desc"> - Gratis hadiah Travel Adapter 25W dan Case A07 (Stock Terbatas) <br /> - Bayar cuman Rp559.300 dengan menambahkan Buds Core ke troli Anda! <br /> - Samsung Care+ proteksi diskon 30% <br />
                              <br /> Periode: 14 Maret - 10 April 2025
                           </p>
                           <div class="pd-banner__image-mo">
                              <div class="image">
                                 <img alt="Dapatkan gratis hadiah" class="image__preview lazy-load" data-comp-name="image" data-src="?$144_80_PNG$" role="img" />
                                 <img alt="Dapatkan gratis hadiah" class="image__main lazy-load" data-comp-name="image" data-src="?$144_80_PNG$" role="img" />
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <a an-ac="view more" an-ca="indication" an-la="view more" an-tr="pdd11_offer banner-product detail-image-arrow" aria-expanded="false" class="pd-banner__toggle" href="javascript:void(0)" role="button">
                  <svg class="icon icon--open" focusable="false">
                     <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-regular">
                     </use>
                  </svg>
                  <svg class="icon icon--close" focusable="false">
                     <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-regular">
                     </use>
                  </svg>
                  <span class="pd-banner__toggle-open-text hidden"> Buka Info Lebih Lanjut </span>
                  <span class="pd-banner__toggle-close-text hidden"> Tutup Info Lebih Lanjut </span>
               </a>
               <!-- TRUST BAR / RUNNING INFO -->
               <div class="trustbar" role="region" aria-label="Informasi berjalan Apk Slot">
                  <div class="trustbar__fade">
                     <div class="trustbar__rail" id="trustbarRail">
                        <span class="trustbar__pill">D59 ⭐ Apk Slot Terpercaya dengan ribuan pilihan game dari provider populer dunia</span>
                        <span class="trustbar__pill">Temukan apk slot hari ini dengan RTP tinggi, fitur bonus menarik, dan pengalaman bermain yang optimal.</span>
                        <span class="trustbar__pill">D59 menyediakan transaksi cepat, aman, serta dukungan layanan pelanggan yang siap membantu setiap saat.</span>
                        <span class="trustbar__pill">Bonus member baru, promo harian, cashback, hingga event spesial tersedia eksklusif di D59.</span>
                        <span class="trustbar__pill">Bergabung bersama komunitas pemain D59 dan nikmati pengalaman bermain apk slot yang nyaman dan terpercaya.</span>
<style>
.trustbar {
    /* =========================================================
       D59 DREAMY NIGHT CLUB THEME
       BLACK • CRIMSON • LASER RED • FIRE ORANGE • ROYAL GOLD
       ========================================================= */

    --D59-black: #030000;
    --D59-dark: #0b0000;
    --D59-red: #ff1708;
    --D59-hot-red: #ff3b16;
    --D59-crimson: #b60000;
    --D59-orange: #ff7600;
    --D59-gold: #ffb800;
    --D59-light-gold: #ffe071;
    --D59-text: #fff8ef;

    width: 100%;
    position: relative;
    overflow: hidden;
    isolation: isolate;

    border-radius: 20px;

    border:
        1px solid rgba(255, 157, 29, .72);

    background:
        radial-gradient(
            ellipse at 3% -20%,
            rgba(255, 45, 16, .42) 0%,
            rgba(255, 19, 5, .19) 25%,
            transparent 52%
        ),

        radial-gradient(
            ellipse at 96% 120%,
            rgba(255, 174, 22, .25) 0%,
            rgba(255, 73, 0, .15) 28%,
            transparent 55%
        ),

        radial-gradient(
            circle at 53% 0%,
            rgba(255, 62, 18, .17) 0%,
            transparent 43%
        ),

        radial-gradient(
            circle at 52% 100%,
            rgba(255, 175, 20, .09) 0%,
            transparent 48%
        ),

        linear-gradient(
            135deg,
            #1c0101 0%,
            #0c0000 30%,
            #040000 55%,
            #120000 80%,
            #250200 100%
        );

    box-shadow:
        0 0 1px rgba(255,255,255,.40),
        0 0 10px rgba(255, 49, 12, .65),
        0 0 26px rgba(255, 16, 0, .34),
        0 0 52px rgba(151, 0, 0, .24),
        0 10px 35px rgba(0, 0, 0, .58),

        inset 0 0 26px rgba(255, 26, 7, .09),
        inset 0 1px 0 rgba(255, 224, 148, .22),
        inset 0 -1px 0 rgba(255, 63, 16, .15);

    backdrop-filter:
        blur(12px)
        saturate(1.18);

    -webkit-backdrop-filter:
        blur(12px)
        saturate(1.18);
}


/* =========================================================
   DREAMY LASER / GOLD LIGHT SWEEP
   ========================================================= */

.trustbar::after {
    content: "";
    position: absolute;
    inset: -80% -35%;
    z-index: 1;
    pointer-events: none;

    background:

        linear-gradient(
            108deg,
            transparent 0%,
            transparent 39%,
            rgba(255, 55, 18, .02) 43%,
            rgba(255, 188, 61, .09) 46%,
            rgba(255, 255, 255, .22) 49%,
            rgba(255, 213, 102, .20) 51%,
            rgba(255, 60, 18, .15) 54%,
            transparent 60%,
            transparent 100%
        );

    filter:
        blur(2px)
        drop-shadow(0 0 9px rgba(255, 48, 10, .45))
        drop-shadow(0 0 18px rgba(255, 176, 29, .18));

    transform:
        translateX(-80%)
        rotate(-3deg);

    animation:
        trustbarShine 5.8s ease-in-out infinite;
}


/* =========================================================
   D59 LIVE BADGE
   ========================================================= */

.trustbar::before {
    content: "D59 LIVE";

    position: absolute;
    top: 50%;
    left: 13px;

    transform:
        translateY(-50%);

    z-index: 4;

    padding:
        9px 14px;

    border-radius:
        999px;

    border:
        1px solid rgba(255, 210, 92, .90);

    background:

        radial-gradient(
            circle at 30% 0%,
            rgba(255,255,255,.33),
            transparent 31%
        ),

        linear-gradient(
            180deg,
            #ff6b27 0%,
            #ff2c0e 18%,
            #d80705 48%,
            #950000 75%,
            #570000 100%
        );

    color:
        #fff9e7;

    font:
        900 10px/1
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;

    white-space:
        nowrap;

    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 4px rgba(255,255,255,.72),
        0 0 10px rgba(255, 160, 27, .85),
        0 0 18px rgba(255, 31, 8, .70);

    box-shadow:
        0 0 1px rgba(255,255,255,.75),
        0 0 8px rgba(255, 193, 54, .78),
        0 0 15px rgba(255, 51, 12, .96),
        0 0 29px rgba(255, 20, 0, .56),
        0 0 45px rgba(170, 0, 0, .30),

        inset 0 1px 0 rgba(255, 242, 187, .72),
        inset 0 -4px 9px rgba(80, 0, 0, .58);

    animation:
        trustbarLabelPulse 2.6s ease-in-out infinite;
}


/* =========================================================
   FADE AREA
   ========================================================= */

.trustbar__fade {
    position: relative;
    z-index: 2;

    overflow:
        hidden;

    padding:
        14px
        16px
        14px
        116px;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 6%,
            #000 94%,
            transparent 100%
        );
}


/* =========================================================
   MOVING RAIL
   ========================================================= */

.trustbar__rail {
    display:
        flex;

    align-items:
        center;

    gap:
        18px;

    width:
        max-content;

    animation:
        trustbarMove 29s linear infinite;

    will-change:
        transform;
}


/* =========================================================
   D59 DREAMY GLASS PILLS
   ========================================================= */

.trustbar__pill {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    white-space:
        nowrap;

    position:
        relative;

    padding:
        11px 18px;

    border:
        1px solid transparent;

    border-radius:
        999px;

    background:

        radial-gradient(
            circle at 20% 0%,
            rgba(255, 70, 31, .13),
            transparent 38%
        ) padding-box,

        linear-gradient(
            135deg,
            rgba(33, 2, 1, .94) 0%,
            rgba(15, 0, 0, .96) 48%,
            rgba(5, 0, 0, .98) 100%
        ) padding-box,

        linear-gradient(
            105deg,
            #ff3515 0%,
            #ff1710 23%,
            #b70503 42%,
            #ff6f0b 67%,
            #ffc13e 86%,
            #ff8c0c 100%
        ) border-box;

    color:
        var(--D59-text);

    font:
        700 14px/1.35
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    letter-spacing:
        .015em;

    text-shadow:
        0 1px 2px rgba(0,0,0,.90),
        0 0 6px rgba(255,255,255,.10),
        0 0 10px rgba(255, 54, 16, .35);

    box-shadow:
        0 0 1px rgba(255, 226, 166, .35),
        0 0 8px rgba(255, 41, 12, .26),
        0 0 20px rgba(179, 0, 0, .20),
        0 7px 18px rgba(0, 0, 0, .34),

        inset 0 0 17px rgba(255, 44, 12, .06),
        inset 0 1px 0 rgba(255, 225, 155, .13),
        inset 0 -1px 0 rgba(255, 61, 16, .07);

    backdrop-filter:
        blur(10px)
        saturate(1.18);

    -webkit-backdrop-filter:
        blur(10px)
        saturate(1.18);

    transition:
        transform .30s cubic-bezier(.2,.8,.2,1),
        box-shadow .30s ease,
        filter .30s ease,
        background .30s ease;
}


/* =========================================================
   RED LASER LIVE DOT
   ========================================================= */

.trustbar__pill::before {
    content: "";

    flex:
        0 0 auto;

    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        #ff2915;

    box-shadow:
        0 0 3px #fff9dc,
        0 0 7px #ff8050,
        0 0 13px #ff3818,
        0 0 23px #ff1300,
        0 0 34px rgba(255, 0, 0, .80);

    animation:
        trustbarDotPulse 1.7s ease-in-out infinite;
}


/* =========================================================
   FIRE ORANGE DOT
   ========================================================= */

.trustbar__pill:nth-child(3n + 2)::before {
    background:
        #ff721c;

    box-shadow:
        0 0 3px #fff7df,
        0 0 8px #ffb343,
        0 0 14px #ff761a,
        0 0 24px #ff3b08,
        0 0 35px rgba(255, 50, 0, .65);
}


/* =========================================================
   ROYAL GOLD DOT
   ========================================================= */

.trustbar__pill:nth-child(3n)::before {
    background:
        #ffc52b;

    box-shadow:
        0 0 3px #ffffff,
        0 0 8px #fff4b3,
        0 0 14px #ffd44f,
        0 0 24px #ffaf09,
        0 0 34px rgba(255, 93, 0, .52);
}


/* =========================================================
   HOVER
   ========================================================= */

.trustbar__pill:hover {
    transform:
        translateY(-3px)
        scale(1.018);

    filter:
        brightness(1.10);

    background:

        radial-gradient(
            circle at 25% 0%,
            rgba(255, 134, 45, .19),
            transparent 42%
        ) padding-box,

        linear-gradient(
            135deg,
            rgba(54, 3, 1, .98) 0%,
            rgba(25, 0, 0, .97) 52%,
            rgba(8, 0, 0, .98) 100%
        ) padding-box,

        linear-gradient(
            105deg,
            #ff3918 0%,
            #ff1610 20%,
            #ff6911 52%,
            #ffd15e 78%,
            #ff9b13 100%
        ) border-box;

    box-shadow:
        0 0 2px rgba(255,255,255,.38),
        0 0 11px rgba(255, 69, 19, .58),
        0 0 24px rgba(255, 20, 0, .38),
        0 0 38px rgba(255, 155, 15, .14),
        0 10px 25px rgba(0,0,0,.40),

        inset 0 0 20px rgba(255, 68, 18, .10),
        inset 0 1px 0 rgba(255, 231, 168, .22);
}


/* Pause ketika cursor masuk */
.trustbar:hover .trustbar__rail {
    animation-play-state:
        paused;
}


/* =========================================================
   MOVING ANIMATION
   ========================================================= */

@keyframes trustbarMove {

    from {
        transform:
            translateX(0);
    }

    to {
        transform:
            translateX(-50%);
    }

}


/* =========================================================
   DREAMY LASER SWEEP
   ========================================================= */

@keyframes trustbarShine {

    0%,
    56% {

        transform:
            translateX(-85%)
            rotate(-3deg);

        opacity:
            0;
    }

    63% {

        opacity:
            .35;
    }

    72% {

        opacity:
            1;
    }

    87% {

        opacity:
            .40;
    }

    100% {

        transform:
            translateX(85%)
            rotate(-3deg);

        opacity:
            0;
    }

}


/* =========================================================
   D59 LIVE DREAMY PULSE
   ========================================================= */

@keyframes trustbarLabelPulse {

    0%,
    100% {

        filter:
            brightness(1)
            saturate(1);

        box-shadow:
            0 0 1px rgba(255,255,255,.65),
            0 0 8px rgba(255, 194, 50, .66),
            0 0 15px rgba(255, 49, 12, .86),
            0 0 29px rgba(255, 20, 0, .46),
            inset 0 1px 0 rgba(255, 239, 185, .60);

    }

    50% {

        filter:
            brightness(1.18)
            saturate(1.14);

        box-shadow:
            0 0 2px rgba(255,255,255,.92),
            0 0 11px rgba(255, 213, 76, .92),
            0 0 23px rgba(255, 62, 14, 1),
            0 0 38px rgba(255, 14, 0, .67),
            0 0 52px rgba(255, 133, 0, .16),
            inset 0 1px 0 rgba(255, 245, 206, .78);

    }

}


/* =========================================================
   DOT DREAMY PULSE
   ========================================================= */

@keyframes trustbarDotPulse {

    0%,
    100% {

        transform:
            scale(.82);

        opacity:
            .76;
    }

    50% {

        transform:
            scale(1.25);

        opacity:
            1;
    }

}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media(max-width:768px) {

    .trustbar {

        border-radius:
            15px;

        box-shadow:
            0 0 8px rgba(255, 53, 16, .52),
            0 0 21px rgba(185, 0, 0, .28),
            0 7px 24px rgba(0,0,0,.46),
            inset 0 0 22px rgba(255, 40, 12, .07);

    }


    .trustbar::before {

        left:
            9px;

        padding:
            7px 10px;

        font-size:
            9px;

        letter-spacing:
            .11em;

    }


    .trustbar__fade {

        padding:
            12px
            12px
            12px
            92px;

        mask-image:
            linear-gradient(
                90deg,
                transparent,
                #000 5%,
                #000 95%,
                transparent
            );

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent,
                #000 5%,
                #000 95%,
                transparent
            );

    }


    .trustbar__rail {

        gap:
            13px;

        animation-duration:
            25s;

    }


    .trustbar__pill {

        gap:
            8px;

        padding:
            9px 13px;

        font-size:
            12px;

    }


    .trustbar__pill::before {

        width:
            7px;

        height:
            7px;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px) {

    .trustbar::before {

        content:
            "D59";

        padding-inline:
            10px;

    }


    .trustbar__fade {

        padding-left:
            68px;

    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media(prefers-reduced-motion: reduce) {

    .trustbar__rail,
    .trustbar::before,
    .trustbar::after,
    .trustbar__pill::before {

        animation:
            none !important;

    }

}
</style>
                        <script>
                           (function() {
                               const rail = document.getElementById('trustbarRail');
                               if (!rail) return;
                           
                               const item = rail.innerHTML;
                               rail.innerHTML += item;
                           
                               while (rail.scrollWidth < rail.parentElement.clientWidth * 2) {
                                   rail.innerHTML += item;
                               }
                           })();
                        </script>
                     </div>
                  </div>
               </div>
               <div class="pdd39-anchor-nav__price pd-buying-price" id="sgDevPriceAreaBase">
                  <div class="price-ux__wrap pd-buying-price__wrap">
                     <div id="sgDevPriceArea">
                     </div>
                     <div class="pdd39-anchor-nav__cta pd-buying-price__cta">
                     </div>
                  </div>
               </div>
               <!--googleoff: all-->
               <div class="sdf-component-templates">
                  <div class="pdd39-anchor-nav__price pd-buying-price" data-sdf-template="priceBox @ price" data-sdf-unwrap="true">
                     <div class="price-ux__wrap pd-buying-price__wrap">
                        <div class="pd-buying-price__inner">
                           <p class="pd-buying-price__advice-price" data-sdf-test="{{priceAnchor.priceWrapper.info.noLineOrignal}}">
                              {{priceAnchor.priceWrapper.info.noLineOrignal}}
                           </p>
                           <div class="pd-buying-price__new-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPrice}}">
                              <div class="pd-buying-price__new-price-inner"> D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi </div>
                              <span class="pd-buying-price__monthly-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPriceMonthly}}">
                              {{priceAnchor.priceWrapper.info.totalPriceMonthly}}
                              </span>
                           </div>
                           <div class="pd-buying-price__box">
                              <p class="pd-buying-price__trade-in" data-sdf-test="{{priceAnchor.priceWrapper.info.ceExchangePrice}}">
                                 {{priceAnchor.priceWrapper.info.ceExchangePrice}}
                              </p>
                              <div class="pd-buying-price__tax" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPriceAddText}}">
                                 {{priceAnchor.priceWrapper.info.orignalPriceAddText}}
                              </div>
                              <div class="pd-buying-price__label" data-sdf-test="{{priceAnchor.priceWrapper.info.lowestWasPricetext}}">
                                 {{priceAnchor.priceWrapper.info.lowestWasPricetext}}
                              </div>
                              <div class="pd-buying-price__was" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPrice}}">
                                 <span class="hidden"> Harga awal: </span>
                                 {{priceAnchor.priceWrapper.info.orignalPrice}}
                              </div>
                              <div class="pd-buying-price__save" data-sdf-test="{{priceAnchor.priceWrapper.info.savePrice}}">
                                 {{priceAnchor.priceWrapper.info.savePrice}}
                              </div>
                              <div class="pd-buying-price__disclaimer" data-sdf-test="{{priceAnchor.priceWrapper.info.disclaimer}}">
                                 {{priceAnchor.priceWrapper.info.disclaimer}}
                              </div>
                           </div>
                        </div>
                        <div class="pdd39-anchor-nav__cta pd-buying-price__cta">
                           <a href="https://www.ma-cons-eau.com/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging"> Masuk </a>
                           <a href="https://www.ma-cons-eau.com/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging"> Daftar </a>
                        </div>
                     </div>
                  </div>
               </div>
               <!--googleon: all-->
            </div>
            <input id="featureYN" name="featureYN" type="hidden" value="Y" />
            <div class="pdd39-anchor-nav__menu">
               <div class="tab" data-auto-init="false" data-comp-name="tab" data-use-arrow="" data-use-arrow-mo="">
                  <div class="tab__left-arrow-wrap">
                     <button aria-label="previous" class="tab__left-arrow disabled" role="button" type="button">
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#previous-regular" xlink:href="#previous-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
                  <input id="featureAnchorListYn" name="featureAnchorListYn" type="hidden" value="N" />
                  <ul class="tab__list" id="anchor-menu-list" role="tablist">
                     <li class="tab__item" id="benefitWrap" role="presentation" style="display: none; margin-left: 0;">
                        <a an-ac="anchor navi" an-ca="navigation" an-la="anchor navi:features" an-tr="pdd39_anchor nav v3-product detail-sub navi-navigation" aria-label="Fitur" class="tab__item-title" href="#features"> Fitur <span class="tab__item-line">
                        </span>
                        </a>
                     </li>
                  </ul>
                  <div class="tab__right-arrow-wrap disabled">
                     <button aria-label="next" class="tab__right-arrow" role="button" type="button">
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#next-regular" xlink:href="#next-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </div>
         <div class="pdd39-anchor-nav__header-dummy">
         </div>
      </div>
      <div class="sg-component" id="navProperties" style="display:none;">
         <input id="navPriceDisplayYn" type="hidden" value="Y" />
         <input id="navShopServiceYn" type="hidden" />
         <input id="navPackageYn" type="hidden" value="N" />
         <input id="thirdPartyPrdYN" type="hidden" value="N" />
         <input id="tenantId" type="hidden" value="idn" />
         <input id="pdType" type="hidden" value="S-B" />
         <input id="navOldProductYn" type="hidden" value="N" />
         <input id="shopSKU" type="hidden" value="MS-F813QBDUIDZ" />
         <input id="wtbUseYn" type="hidden" value="N" />
         <input id="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/" />
         <input id="ctaType" type="hidden" value="INSTOCK" />
         <input id="marketingPdpYN" type="hidden" value="N" />
         <input id="familyCode" type="hidden" value="561454" />
         <input id="tellsomeYn" type="hidden" value="N" />
         <input id="navDisplayName" type="hidden" value="Galaxy A07" />
         <input id="navPageTrack" type="hidden" value="product detail" />
         <input id="current-page-nav" name="current-page-nav" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy" />
         <input id="navConfiguratorUrl" type="hidden" />
         <input id="navCtaLocalText" type="hidden" />
         <input id="navCtaEngText" type="hidden" />
         <input id="navConfiguratorUseYn" type="hidden" value="N" />
         <input id="navDetailRootNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic" />
      </div>
      <div class="pd-g-product-detail-header-ux2">
         <div class="add-ons-evoucher-popup" style="display:none">
            <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0">
               <div class="layer-popup__inner">
                  <div class="layer-popup__contents scrollbar">
                     <div class="add-ons-evoucher-popup__contents scrollbar__contents">
                        <div class="add-ons-evoucher-popup__wrap">
                           <div class="add-ons-evoucher-popup__head">
                              <h2 class="layer-popup__title">
                              </h2>
                           </div>
                           <div class="add-ons-evoucher-popup__body">
                              <ul class="add-ons-evoucher-popup__list">
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="add-ons-evoucher-popup__button">
                     <div class="add-ons-evoucher-popup__button-item">
                        <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled"> Out of Stock </button>
                     </div>
                  </div>
                  <button class="layer-popup__close" type="button">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
            </div>
         </div>
         <!-- <div class="component-area" style=""> -->
         <section class="pdd16-step-buying" id="pdd16-step-buying" style="display:none;">
            <div class="pdd16-step-buying__header">
               <div class="pdd16-step-buying__header-wrap">
                  <div class="pdd16-step-buying__header-title">
                     <div class="image">
                        <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" />
                        <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" />
                     </div>
                     <div class="pdd16-step-buying__header-text">
                        <strong> Galaxy A07 </strong>
                        <!-- <div class="pdd16-step-buying__tooltip">Galaxy A07</div> -->
                     </div>
                     <div class="pdd16-step-buying__quantity">
                        <strong>
                        </strong>
                     </div>
                  </div>
                  <div aria-live="polite" class="pdd16-step-buying__add-on-list swiper-container basic-swiper" data-swiper-option='{
                     "componentEl":".pdd16-step-buying__add-on-list",
                     "keepWrapper": true,
                     "offSlideAccessibility":true,
                     "followFinger": false,
                     "slidesPerView":"auto"
                     }' style="display:none;">
                     <button class="swiper-button-prev" type="button">
                        <span class="hidden"> Previous </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#previous-regular" xlink:href="#previous-regular">
                           </use>
                        </svg>
                     </button>
                     <div class="swiper-wrapper" role="list">
                     </div>
                     <button class="swiper-button-next" type="button">
                        <span class="hidden"> Next </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#next-regular" xlink:href="#next-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
                  <!-- (2022.08.11 수정) p.pdd16-step-buying__header-price-text => div 태그로 수정 -->
                  <div class="pdd16-step-buying__header-price">
                     <div class="pdd16-step-buying__header-price-text">
                        <strong> from &pound;55.53/mo for 36 mos </strong> or &pound;3,299.00 <!-- (2022.08.11 수정) Was Price, Save Price 있는 경우 .pdd16-step-buying__header-price-save 추가 -->
                        <div class="pdd16-step-buying__header-price-save">
                           <del class="was-text"> &pound;2,399.00 </del>
                           <span class="sale-text"> save $ &pound;400.00 </span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="pdd16-step-buying__header__dummy">
            </div>
            <!-- (2022.08.11 수정) .pdd16-step-buying__promotion-banner 추가 -->
            <div class="pdd16-step-buying__promotion-banner">
               <svg class="icon" focusable="false">
                  <use href="#deal-bold" xlink:href="#deal-bold">
                  </use>
               </svg>
               <p class="pdd16-step-buying__promotion-banner-text">
               </p>
            </div>
            <div class="pdd16-step-buying__contents">
               <p class="pdd16-step-buying__headline"> Tambahan Menarik Lainnya </p>
               <h3 class="pdd16-step-buying__sub-headline" style="display:none;">
               </h3>
               <div class="pdd16-step-buying__evoucher" style="display:none;">
                  <div class="pdd16-step-buying__evoucher-wrap">
                     <ul class="pdd16-step-buying__evoucher-list">
                        <li class="pdd16-step-buying__evoucher-item">
                           <span class="pdd16-step-buying__evoucher-title"> Selected Items( <span>
                           </span> ) </span>
                           <p class="pdd16-step-buying__evoucher-content" id="selectedItem">
                           </p>
                           <input id="voucherTotal" type="hidden" value="0" />
                        </li>
                        <li class="pdd16-step-buying__evoucher-item">
                           <span class="pdd16-step-buying__evoucher-title"> Saldo eVoucher saya </span>
                           <p class="pdd16-step-buying__evoucher-content" id="voucherBalance">
                           </p>
                        </li>
                        <li class="pdd16-step-buying__evoucher-item">
                           <span class="pdd16-step-buying__evoucher-title"> Biaya Tambahan </span>
                           <p class="pdd16-step-buying__evoucher-content" id="voucherCharge">
                           </p>
                        </li>
                     </ul>
                  </div>
                  <div class="pdd16-step-buying__evoucher-cta">
                     <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all">
                        Clear All
                        <svg class="icon" focusable="false">
                           <use href="#delete-bold" xlink:href="#delete-bold">
                           </use>
                        </svg>
                     </button>
                  </div>
               </div>
               <div class="pdd16-step-buying__tab-wrap">
                  <div class="tab bg-light-gray" data-use-arrow="">
                     <div class="tab__left-arrow-wrap disabled">
                        <button aria-label="previous" class="tab__left-arrow" role="button" type="button">
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#previous-regular" xlink:href="#previous-regular">
                              </use>
                           </svg>
                        </button>
                     </div>
                     <ul class="tab__list" role="tablist">
                        <li class="tab__item" role="presentation">
                           <button class="tab__item-title" role="tab">
                           <span class="tab__item-line">
                           </span>
                           </button>
                        </li>
                        <li class="tab__item" role="presentation">
                           <button class="tab__item-title" role="tab">
                           <span class="tab__item-line">
                           </span>
                           </button>
                        </li>
                        <li class="tab__item" role="presentation">
                           <button class="tab__item-title" role="tab">
                           <span class="tab__item-line">
                           </span>
                           </button>
                        </li>
                     </ul>
                     <div class="tab__right-arrow-wrap disabled">
                        <button aria-label="next" class="tab__right-arrow" role="button" type="button">
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#next-regular" xlink:href="#next-regular">
                              </use>
                           </svg>
                        </button>
                     </div>
                  </div>
                  <div aria-live="polite" class="pdd16-step-buying__card-wrap swiper-container basic-swiper" data-swiper-option='{
                     "slidesPerView":1,
                     "autoHeight":true,
                     "pagination":false,
                     "componentEl":".pdd16-step-buying__card-wrap",
                     "watchOverflow":true,
                     "offTxtAccesibility":"true"
                     }'>
                     <div class="swiper-wrapper">
                        <div class="pdd16-step-buying__tab pdd16-step-buying__2column swiper-slide">
                           <div class="pdd16-step-buying__list-type">
                              <a aria-label="2column" class="btn-type on">
                                 <svg class="icon" focusable="false" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0 0H16V16H0z" fill="none" transform="translate(-344 -388) translate(344 388)">
                                    </path>
                                    <g>
                                       <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 388)">
                                       </path>
                                       <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 394.649)">
                                       </path>
                                       <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 388)">
                                       </path>
                                       <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 394.649)">
                                       </path>
                                    </g>
                                 </svg>
                              </a>
                              <a aria-label="1column" class="btn-type">
                                 <svg class="icon" focusable="false" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0 0H16V16H0z" fill="none" transform="translate(349 388) translate(-349 -388)">
                                    </path>
                                    <g>
                                       <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 388.732) translate(7 1.268) translate(-349 -388)">
                                       </path>
                                       <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 395.732) translate(7 1.268) translate(-349 -388)">
                                       </path>
                                    </g>
                                 </svg>
                              </a>
                           </div>
                           <div class="scrollbar">
                              <div class="scrollbar__contents">
                                 <div class="pdd16-step-buying__view-more">
                                    <button aira-label="View more" class="cta" type="button">
                                       <svg class="icon next" focusable="false">
                                          <use href="#next-bold" xlink:href="#next-bold">
                                          </use>
                                       </svg>
                                       <span class="cta-text"> Lihat selengkapnya </span>
                                       <svg class="icon down" focusable="false">
                                          <use href="#open-down-bold" xlink:href="#open-down-bold">
                                          </use>
                                       </svg>
                                    </button>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="pdd16-step-buying__disclaimer" style="display:none">
                        <p>
                        </p>
                     </div>
                     <div class="pdd16-step-buying__footer pdd16-step-buying__footer--fixed">
                        <div class="pdd16-step-buying__footer-price">
                           <p class="pdd16-step-buying__footer-text">
                              <strong> Total </strong> VAT Inclusive
                           </p>
                           <p class="pdd16-step-buying__footer-sum">
                              <strong> From $107.50/mo </strong> for most at 0% APR <br /> or $2,579.96
                           </p>
                        </div>
                     </div>
                     <div class="pdd16-step-buying__footer__dummy">
                     </div>
                  </div>
               </div>
            </div>
            <div aria-modal="true" class="pdd16-step-buying__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0">
               <div class="layer-popup">
                  <div class="layer-popup__inner">
                     <h2 class="layer-popup__title">
                     </h2>
                     <div class="layer-popup__contents scrollbar">
                        <div class="scrollbar__contents">
                           <div class="pdd16-step-buying__learn-more-images">
                           </div>
                           <div class="pdd16-step-buying__learn-more-content">
                           </div>
                        </div>
                     </div>
                     <button class="layer-popup__close" type="button">
                        <span class="hidden"> Layer Popup Close </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#delete-bold" xlink:href="#delete-bold">
                           </use>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </section>
         <!--  </div> -->
         <div class="add-ons-evoucher-popup" style="display:none">
            <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0">
               <div class="layer-popup__inner">
                  <div class="layer-popup__contents scrollbar">
                     <div class="add-ons-evoucher-popup__contents scrollbar__contents">
                        <div class="add-ons-evoucher-popup__wrap">
                           <div class="add-ons-evoucher-popup__head">
                              <h2 class="layer-popup__title">
                              </h2>
                           </div>
                           <div class="add-ons-evoucher-popup__body">
                              <ul class="add-ons-evoucher-popup__list">
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="add-ons-evoucher-popup__button">
                     <div class="add-ons-evoucher-popup__button-item">
                        <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled"> Out of Stock </button>
                     </div>
                  </div>
                  <button class="layer-popup__close" type="button">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
            </div>
         </div>
         <section class="pdd16-step-buying-v2 pdd16-step-buying-v2--add-ons" id="pdd16-step-buying-v2" style="display:none;">
            <div class="pdd16-step-buying-v2__contents">
               <h2 class="pdd16-step-buying-v2__headline">
               </h2>
               <h3 class="pdd16-step-buying-v2__sub-headline">
               </h3>
               <div class="pdd16-step-buying-v2__category-list">
               </div>
            </div>
            <div class="pdd16-step-buying-v2__footer">
               <button class="pdd16-step-buying-v2__footer-cta addon cta--skip"> Lewatkan </button>
            </div>
            <div class="pdd16-step-buying-v2__bottom-wrap">
               <div class="pdd16-step-buying-v2__bottom">
                  <div class="pdd16-step-buying-v2__evoucher" style="display: none;">
                     <div class="pdd16-step-buying-v2__evoucher-wrap">
                        <ul class="pdd16-step-buying-v2__evoucher-list">
                           <li class="pdd16-step-buying-v2__evoucher-item">
                              <span class="pdd16-step-buying-v2__evoucher-title"> Selected Items( <span>
                              </span> ) </span>
                              <p class="pdd16-step-buying-v2__evoucher-content" id="selectedItem2">
                              </p>
                              <input id="voucherTotal2" type="hidden" value="0" />
                           </li>
                           <li class="pdd16-step-buying-v2__evoucher-item">
                              <span class="pdd16-step-buying-v2__evoucher-title"> Saldo eVoucher saya </span>
                              <p class="pdd16-step-buying-v2__evoucher-content" id="voucherBalance2">
                              </p>
                           </li>
                           <li class="pdd16-step-buying-v2__evoucher-item">
                              <span class="pdd16-step-buying-v2__evoucher-title"> Biaya Tambahan </span>
                              <p class="pdd16-step-buying-v2__evoucher-content" id="voucherCharge2">
                              </p>
                           </li>
                        </ul>
                     </div>
                     <div class="pdd16-step-buying-v2__evoucher-cta">
                        <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all">
                           Clear All
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#delete-bold" xlink:href="#delete-bold">
                              </use>
                           </svg>
                        </button>
                     </div>
                  </div>
                  <div class="pdd16-step-buying-v2__bottom-inner">
                     <p class="pdd16-step-buying-v2__bottom-headline">
                        <strong class="pdd16-step-buying-v2__bottom-headline-text">
                        </strong>
                     </p>
                     <div class="pdd16-step-buying-v2__bottom-price">
                        <div class="pdd16-step-buying-v2__bottom-price-wrap">
                           <div class="pdd16-step-buying-v2__bottom-price-inner">
                              <div class="pdd16-step-buying-v2__bottom-price-text">
                                 <span class="final-text">
                                 <strong>
                                 </strong>
                                 </span>
                                 <span class="monthly-text">
                                 </span>
                              </div>
                              <!-- (2022.08.11 수정) Was Price, Save Price 있는 경우 .pdd16-step-buying-v2__bottom-price-save 추가 -->
                              <div class="pdd16-step-buying-v2__bottom-price-save">
                                 <del class="was-text">
                                 </del>
                                 <span class="sale-text">
                                 </span>
                              </div>
                           </div>
                           <div class="pdd16-step-buying-v2__bottom-price__cta">
                              <a aria-label="Link Title" class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/"> Add to cart </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- (2022.01.21 수정) .pdd16-step-buying-v2__layer-learn-more 추가 -->
            <div aria-modal="true" class="pdd16-step-buying-v2__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0">
               <div class="layer-popup">
                  <div class="layer-popup__inner">
                     <h2 class="layer-popup__title"> Sound devices </h2>
                     <div class="layer-popup__contents scrollbar">
                        <div class="scrollbar__contents">
                           <div class="pdd16-step-buying-v2__learn-more-images">
                              <div class="swiper-container basic-swiper" data-swiper-option='{
                                 "slidesPerView":"1",
                                 "keepWrapper":true,
                                 "loop":false,
                                 "pagination":false,
                                 "componentEl":".pdd16-step-buying-v2__learn-more-images",
                                 "offTxtAccesibility":"true",
                                 "centeredSlides": true,
                                 "centeredSlidesBounds": true,
                                 "followFinger": true
                                 }'>
                                 <button class="swiper-button-prev" type="button">
                                    <span class="hidden"> Previous </span>
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                       <use href="#previous-bold" xlink:href="#previous-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <div class="swiper-wrapper" role="list">
                                    <div class="swiper-slide" role="listitem">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                       </div>
                                    </div>
                                    <div class="swiper-slide" role="listitem">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                       </div>
                                    </div>
                                    <div class="swiper-slide" role="listitem">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img" />
                                       </div>
                                    </div>
                                 </div>
                                 <button class="swiper-button-next" type="button">
                                    <span class="hidden"> Next </span>
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                       <use href="#next-bold" xlink:href="#next-bold">
                                       </use>
                                    </svg>
                                 </button>
                              </div>
                           </div>
                           <div class="pdd16-step-buying-v2__learn-more-content">
                              <h3 class="pdd16-step-buying-v2__learn-more-title"> HW-Q900A 7.1.2ch Samsung Q-Symphony Cinematic Dolby Atmos Q-Series Soundbar (2021) </h3>
                              <div class="pdd16-step-buying-v2__learn-more-info">
                                 <p class="pdd16-step-buying-v2__learn-more-sku"> HW-Q900A/XU </p>
                                 <strong class="pdd16-step-buying-v2__learn-more-seller"> Seller: Vyper </strong>
                              </div>
                              <div class="pdd16-step-buying-v2__learn-more-review">
                                 <!-- /* 전체 Empty: .rating--empty 추가 */ -->
                                 <span class="rating">
                                    <!-- (2021.08.23 수정) <span class="hidden">Rating</span> 삭제 -->
                                    <!--  <span class="hidden">Rating</span>-->
                                    <span class="rating__inner">
                                       <span class="rating__star-list">
                                          <span class="rating__star-item">
                                             <span class="rating__star-empty">
                                             </span>
                                             <!-- /* style="width: %;"로 적용  Full : style="width: 100%;" Half : style="width: 50%;" Empty : style="width: 0;" */ -->
                                             <span class="rating__star-filled" style="width: 100%;">
                                             </span>
                                          </span>
                                          <span class="rating__star-item">
                                          <span class="rating__star-empty">
                                          </span>
                                          <span class="rating__star-filled" style="width: 100%;">
                                          </span>
                                          </span>
                                          <span class="rating__star-item">
                                          <span class="rating__star-empty">
                                          </span>
                                          <span class="rating__star-filled" style="width: 100%;">
                                          </span>
                                          </span>
                                          <span class="rating__star-item">
                                          <span class="rating__star-empty">
                                          </span>
                                          <span class="rating__star-filled" style="width: 100%;">
                                          </span>
                                          </span>
                                          <span class="rating__star-item">
                                          <span class="rating__star-empty">
                                          </span>
                                          <span class="rating__star-filled" style="width: 50%;">
                                          </span>
                                          </span>
                                       </span>
                                       <strong class="rating__point">
                                       <span class="hidden"> Product Ratings : </span>
                                       <span> 4.7 </span>
                                       </strong>
                                       <em class="rating__review-count"> ( <span class="hidden"> Number of Ratings : </span>
                                       <span> 9,999 </span> ) </em>
                                    </span>
                                 </span>
                              </div>
                              <ul class="pdd16-step-buying-v2__learn-more-feature" role="list">
                                 <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> 7.1.2ch sound </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> True Dolby Atmos &amp; DTS:X </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> 8&rdquo; Subwoofer </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> Samsung Q-Symphony </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem"> Alexa Built-In </li>
                              </ul>
                              <div class="pdd16-step-buying-v2__learn-more-cta">
                                 <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://www.ma-cons-eau.com/" target="_blank">
                                    Product detail
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                       <use href="#outlink-bold" xlink:href="#outlink-bold">
                                       </use>
                                    </svg>
                                 </a>
                              </div>
                              <ul class="pdd16-step-buying-v2__learn-more-feature-icon">
                                 <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
                                    <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                       </div>
                                    </div>
                                    <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> True 7.1.2ch Sound </p>
                                 </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
                                    <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                       </div>
                                    </div>
                                    <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> 3D Object Based Sound </p>
                                 </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
                                    <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                       </div>
                                    </div>
                                    <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> Samsung Q-Symphony </p>
                                 </li>
                                 <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
                                    <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
                                       <div class="image">
                                          <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                          <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img" />
                                       </div>
                                    </div>
                                    <p class="pdd16-step-buying-v2__learn-more-feature-icon-text"> Built-In Centre Speaker </p>
                                 </li>
                              </ul>
                           </div>
                        </div>
                     </div>
                     <button class="layer-popup__close" type="button">
                        <span class="hidden"> Layer Popup Close </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#delete-bold" xlink:href="#delete-bold">
                           </use>
                        </svg>
                     </button>
                  </div>
               </div>
            </div>
         </section>
         <div class="hdd02-pdp-header hdd02-pdp-header--ux-v2">
            <div class="hdd02-pdp-header__product-info sg-pdh-product-info">
               <div class="hdd02-product-info">
                  <div class="pd-info">
                     <div class="pd-info__wishlist">
                     </div>
                  </div>
               </div>
            </div>
            <script type="text/javascript">
               var spinImageNewData = {};
            </script>
            <div class="hdd02-pdp-header__gallery-area sg-pdh-gallery-section">
               <div class="hdd02-pdp-header__gallery">
                  <section class="hdd02-gallery" id="pd-header-gallery">
                     <div class="hdd02-gallery__content">
                        <div class="hdd02-gallery__list basic-swiper swiper-container" data-swiper-option='{
                           "breakpoints": {
                           "1": {
                           "slidesPerView": "auto",
                           "centeredSlides": true
                           },
                           "768": {
                           "slidesPerView": 1,
                           "centeredSlides": false
                           }
                           },
                           "keepWrapper": true,
                           "viewMode": "mobile",
                           "offTxtAccesibility": "true",
                           "followFinger": false,
                           "pagination": true,
                           "componentEl": ".hdd02-gallery__content"
                           }'>
                           <ul class="swiper-wrapper" role="list">
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 Front Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://i.ibb.co/xSX5T7SM/d59dj.png" data-mobile-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Back Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 Back Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://i.ibb.co/xSX5T7SM/d59dj.png" data-mobile-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackL30 Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackR30 Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front2 Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontL30 Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontR30 Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Lside Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 Lside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                              <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Rside Black ">
                                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
                                    <div class="image">
                                       <img alt="Galaxy A07 Rside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1248_936_F_PNG$" role="img" />
                                    </div>
                                 </a>
                              </li>
                           </ul>
                           <div class="screen-indicator-wrap">
                              <button class="screen-indicator screen-indicator--prev">
                                 <div class="screen-indicator--icon">
                                    <span class="hidden"> Sebelumnya </span>
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                       <use href="#previous-regular" xlink:href="#previous-regular">
                                       </use>
                                    </svg>
                                 </div>
                              </button>
                              <button class="screen-indicator screen-indicator--next">
                                 <div class="screen-indicator--icon">
                                    <span class="hidden"> Berikutnya </span>
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                       <use href="#next-regular" xlink:href="#next-regular">
                                       </use>
                                    </svg>
                                 </div>
                              </button>
                           </div>
                        </div>
                        <div class="progressbar-indicator">
                           <div class="progressbar-indicator__inner">
                              <div class="progressbar-indicator__bar">
                                 <span class="progressbar-indicator__bar-fill">
                                 </span>
                              </div>
                              <div class="progressbar-indicator__arrow-wrap">
                                 <button class="progressbar-indicator__arrow swiper-button-prev">
                                    <span class="hidden"> Sebelumnya </span>
                                    <svg aria-hidden="true" class="icon" focusable="false" height="40" viewbox="0 0 40 40" width="40">
                                       <g transform="translate(40 40) rotate(180)">
                                          <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z">
                                          </path>
                                       </g>
                                    </svg>
                                 </button>
                                 <button class="progressbar-indicator__arrow swiper-button-next">
                                    <span class="hidden"> Berikutnya </span>
                                    <svg aria-hidden="true" class="icon" focusable="false" height="40" viewbox="0 0 40 40" width="40">
                                       <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z">
                                       </path>
                                    </svg>
                                 </button>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="hdd02-gallery__thumbnail">
                        <ul class="hdd02-gallery__thumbnail-list" role="list">
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                                 <div class="image">
                                    <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                 </div>
                              </a>
                           </li>
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                                 <div class="image">
                                    <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                 </div>
                              </a>
                           </li>
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                                 <div class="image">
                                    <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                 </div>
                              </a>
                           </li>
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                                 <div class="image">
                                    <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                 </div>
                              </a>
                           </li>
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                                 <div class="image">
                                    <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                 </div>
                              </a>
                           </li>
                           <li class="hdd02-gallery__thumbnail-item" role="listitem">
                              <a an-ac="view more" an-ca="indication" an-la="product gallery:view more" an-tr="hdd02_gallery-product detail-view more-indication" class="hdd02-gallery__thumbnail-item-text" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
                              <span class="text"> +4 lebih banyak </span>
                              </a>
                           </li>
                        </ul>
                     </div>
                     <div class="hdd02-gallery__cta">
                     </div>
                     <div class="hdd02-gallery__popup type-gallery">
                        <div class="layer-popup">
                           <div class="layer-popup__contents">
                              <div class="hdd02-gallery__popup-thumbnail scrollbar">
                                 <div class="scrollbar__contents">
                                    <div class="hdd02-gallery__popup-image">
                                       <ul class="hdd02-gallery__popup-image-list" role="list">
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                          <li class="hdd02-gallery__popup-image-item" role="listitem">
                                             <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </a>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                              <div class="hdd02-gallery__popup-vertical scrollbar">
                                 <div class="scrollbar__contents">
                                    <div class="hdd02-gallery__popup-vertical-content">
                                       <div class="hdd02-gallery__popup-vertical-image">
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                          <div class="image-content">
                                             <div class="default-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                             </div>
                                             <div class="zoom-image">
                                                <div class="image">
                                                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://i.ibb.co/xSX5T7SM/d59dj.png" role="img" />
                                                </div>
                                                <p aria-hidden="true" class="snackbar"> Klik atau ketuk untuk memperkecil </p>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="hdd02-gallery__popup-control hdd02-gallery__popup-control--hide">
                                       <ul class="hdd02-gallery__popup-control-list" role="list">
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom in" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button plus" data-image-control="zoomIn">
                                                <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 24 24">
                                                   <path d="M4.081 3.831a11.375 11.375 0 1 1 0 16.087 11.376 11.376 0 0 1 0-16.087zm15.2.884a10.125 10.125 0 1 0 0 14.319 10.126 10.126 0 0 0 0-14.319zm-6.785.66v5.875h5.875V12.5H12.5v5.875h-1.25V12.5H5.374V11.25h5.875V5.375z">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom out" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button minus" data-image-control="zoomOut" disabled="">
                                                <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 24 24">
                                                   <path d="M19 11.875H5.247" fill="none" stroke="currentColor" stroke-width="1.251">
                                                   </path>
                                                   <path d="M12.124 1.126a10.749 10.749 0 1 1-7.6 3.148 10.717 10.717 0 0 1 7.6-3.148z" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="1.251">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                       </ul>
                                       <ul class="hdd02-gallery__popup-control-list control-hide" id="galleryMoving" role="list">
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom up" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button up" data-image-control="up">
                                                <span class="hidden"> Move Thumbnail Image down </span>
                                                <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
                                                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom down" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button down" data-image-control="down">
                                                <span class="hidden"> Move Thumbnail Image up </span>
                                                <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
                                                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom left" an-tr="hdd02_gallery--product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button left" data-image-control="left">
                                                <span class="hidden"> Move Thumbnail Image right </span>
                                                <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
                                                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                          <li class="hdd02-gallery__popup-control-item" role="listitem">
                                             <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom right" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button right" data-image-control="right">
                                                <span class="hidden"> Move Thumbnail Image left </span>
                                                <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
                                                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
                                                   </path>
                                                </svg>
                                             </button>
                                          </li>
                                       </ul>
                                    </div>
                                 </div>
                              </div>
                              <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup">
                                 <span class="hidden"> Close </span>
                                 <svg aria-hidden="true" class="icon" focusable="false">
                                    <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                                    </use>
                                 </svg>
                              </button>
                           </div>
                        </div>
                     </div>
                     <div class="hdd02-gallery__popup type-360view-new">
                        <div class="layer-popup">
                           <div class="layer-popup__contents">
                              <div class="scrollbar__contents">
                                 <div class="seq-viewer-container">
                                    <div class="top-container">
                                       <p class="model-name"> Galaxy A07 </p>
                                       <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup">
                                          <span class="hidden"> Tutup </span>
                                          <svg aria-hidden="true" class="icon" focusable="false">
                                             <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <div class="imgseq-container" id="seqContainer">
                                       <div class="loading-container">
                                          <div class="loading">
                                             <span class="progress"> 0% </span>
                                          </div>
                                       </div>
                                       <div class="interaction-container">
                                          <div class="interaction-icon">
                                             <svg height="58.617" viewbox="0 0 59.583 58.617" width="59.583" xmlns="http://www.w3.org/2000/svg">
                                                <g transform="translate(0.5 0.5)">
                                                   <g transform="translate(0 32.736)">
                                                      <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(13.353)">
                                                         <circle cx="6.031" cy="6.031" r="6.031" stroke="none">
                                                         </circle>
                                                         <circle cx="6.031" cy="6.031" fill="none" r="5.531">
                                                         </circle>
                                                      </g>
                                                      <path d="M-564.012,2412.855v11.527h11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.012 -2399.502)">
                                                      </path>
                                                      <path d="M-549.086,2408.855l-15.166,15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.252 -2399.14)">
                                                      </path>
                                                   </g>
                                                   <g transform="translate(33.168)">
                                                      <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(0 12.819)">
                                                         <circle cx="6.031" cy="6.031" r="6.031" stroke="none">
                                                         </circle>
                                                         <circle cx="6.031" cy="6.031" fill="none" r="5.531">
                                                         </circle>
                                                      </g>
                                                      <path d="M-552.488,2424.382v-11.527h-11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(577.903 -2412.855)">
                                                      </path>
                                                      <path d="M-564.252,2424.021l15.166-15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(574.501 -2408.855)">
                                                      </path>
                                                   </g>
                                                </g>
                                             </svg>
                                          </div>
                                       </div>
                                       <div class="ui-container">
                                          <div class="ui-wrap">
                                             <button aria-label="zoom in" class="btn-zoomin">
                                                <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                                   <rect fill="rgba(255,255,255,0)" height="16" width="16">
                                                   </rect>
                                                   <path d="M7.333,0V6h6V7.333h-6v6H6v-6H0V6H6V0Z" transform="translate(1.333 1.333)">
                                                   </path>
                                                </svg>
                                             </button>
                                             <button aria-label="zoom out" class="btn-zoomout">
                                                <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                                   <rect fill="rgba(255,255,255,0)" height="16" width="16">
                                                   </rect>
                                                   <path d="M13.333,0V1.333H0V0Z" transform="translate(1.333 7.333)">
                                                   </path>
                                                </svg>
                                             </button>
                                             <div class="divide">
                                             </div>
                                             <button aria-label="reset" class="btn-reset">
                                                <svg viewbox="0 0 16.001 16" xmlns="http://www.w3.org/2000/svg">
                                                   <g transform="translate(0 16) rotate(-90)">
                                                      <rect fill="none" height="16" transform="translate(0 0.001)" width="16">
                                                      </rect>
                                                      <path d="M253.312,407.75a7.842,7.842,0,0,0-10.222,2.186v-1.3h-1.333v3.917h3.917v-1.33h-1.832a6.5,6.5,0,1,1-.721,4.927l-.061-.241-1.3.32.091.346a7.88,7.88,0,0,0,3.677,4.775,7.786,7.786,0,0,0,3.878,1.039,7.882,7.882,0,0,0,2.069-.279,7.832,7.832,0,0,0,1.833-14.356Z" transform="translate(422.715 -241.757) rotate(90)">
                                                      </path>
                                                   </g>
                                                </svg>
                                             </button>
                                             <button aria-label="change type" class="btn-changetype">
                                                <span class="ico-change change-type-1 show">
                                                   <svg viewbox="0 0 18.715 15.326" xmlns="http://www.w3.org/2000/svg">
                                                      <g transform="translate(-15.281 -16.174)">
                                                         <path d="M15.281,29.5H30.15v2H15.281Z">
                                                         </path>
                                                         <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48Zm-7.776-5.632-2.5-2.5-1.031,1.031,3.535,3.535L24,23.875l-1.031-1.031Z">
                                                         </path>
                                                         <g>
                                                            <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z">
                                                            </path>
                                                         </g>
                                                      </g>
                                                   </svg>
                                                </span>
                                                <span class="ico-change change-type-2">
                                                   <svg height="16.575" viewbox="0 0 18.715 16.575" width="18.715" xmlns="http://www.w3.org/2000/svg">
                                                      <g transform="translate(-15.281 -14.925)">
                                                         <path d="M15.281,29.5H30.15v2H15.281Z">
                                                         </path>
                                                         <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48ZM26.769,18.46l-2.5,2.5L25.3,22l3.535-3.536L25.3,14.925l-1.031,1.031Z">
                                                         </path>
                                                         <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z">
                                                         </path>
                                                      </g>
                                                   </svg>
                                                </span>
                                             </button>
                                             <button aria-label="more" class="btn-more last">
                                                <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
                                                   <g transform="translate(-169.748 -591)">
                                                      <rect fill="none" height="16" transform="translate(169.748 591)" width="16">
                                                      </rect>
                                                      <g transform="translate(12.498 -1.25)">
                                                         <circle cx="1.25" cy="1.25" r="1.25" transform="translate(158 599)">
                                                         </circle>
                                                         <circle cx="1.25" cy="1.25" r="1.25" transform="translate(164 599)">
                                                         </circle>
                                                         <circle cx="1.25" cy="1.25" r="1.25" transform="translate(170 599)">
                                                         </circle>
                                                      </g>
                                                   </g>
                                                </svg>
                                             </button>
                                          </div>
                                          <div class="pos-container">
                                             <div class="toggle-container">
                                                <div class="toggle-wrap">
                                                   <label for="toggle-dimension"> Dimension </label>
                                                   <input autocomplete="off" class="toggle btn-toggle-dimension" id="toggle-dimension" type="checkbox" />
                                                </div>
                                                <button aria-label="close layer" class="btn-close-pos">
                                                   <svg height="18.415" viewbox="0 0 18.415 18.415" width="18.415" xmlns="http://www.w3.org/2000/svg">
                                                      <path d="M17,0,9.208,7.793,1.415,0,0,1.415,7.793,9.208,0,17l1.415,1.415,7.793-7.793L17,18.415,18.415,17,10.623,9.208l7.793-7.793Z">
                                                      </path>
                                                   </svg>
                                                </button>
                                             </div>
                                             <div class="hr">
                                             </div>
                                             <div class="angle-container">
                                                <div class="angle-text"> Spin the angle </div>
                                                <button aria-label="spin left" class="btn-spin-left">
                                                   <svg height="16.497" viewbox="0 0 22.492 16.497" width="22.492" xmlns="http://www.w3.org/2000/svg">
                                                      <g transform="translate(0 3.148)">
                                                         <path d="M11.312,8.505h-.143a24.965,24.965,0,0,1-4.3-.375,19.574,19.574,0,0,1-1.91-.44,14.546,14.546,0,0,1-1.664-.583A9.792,9.792,0,0,1,1.921,6.4,5.908,5.908,0,0,1,.884,5.589a3.329,3.329,0,0,1-.655-.9,2.138,2.138,0,0,1,0-1.924,3.322,3.322,0,0,1,.655-.9,5.9,5.9,0,0,1,1.037-.811A9.723,9.723,0,0,1,3.294.354C3.6.225,3.914.106,4.224,0l.354,1.1-.251.087a9.036,9.036,0,0,0-1.194.531,5.1,5.1,0,0,0-.9.61,2.58,2.58,0,0,0-.57.675,1.419,1.419,0,0,0,0,1.448,2.58,2.58,0,0,0,.57.675,5.1,5.1,0,0,0,.9.61,9.078,9.078,0,0,0,1.194.532,16.467,16.467,0,0,0,3.11.77,24.9,24.9,0,0,0,3.731.282h.153a24.966,24.966,0,0,0,3.732-.282,16.448,16.448,0,0,0,3.109-.77,9.116,9.116,0,0,0,1.195-.532,5.13,5.13,0,0,0,.9-.61,2.575,2.575,0,0,0,.57-.675,1.417,1.417,0,0,0,0-1.448,2.572,2.572,0,0,0-.57-.675,5.12,5.12,0,0,0-.9-.61,9.105,9.105,0,0,0-1.193-.531l.354-1.1c.224.081.453.17.678.265a9.813,9.813,0,0,1,1.373.706,5.917,5.917,0,0,1,1.037.811,3.346,3.346,0,0,1,.655.9,2.142,2.142,0,0,1,0,1.924,3.344,3.344,0,0,1-.655.9,5.9,5.9,0,0,1-1.037.811,9.721,9.721,0,0,1-1.373.707,14.477,14.477,0,0,1-1.665.583,19.469,19.469,0,0,1-1.91.439A24.933,24.933,0,0,1,11.312,8.505Z" transform="translate(0 4.844)">
                                                         </path>
                                                         <g transform="translate(6.686 -2.648)">
                                                            <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)">
                                                            </path>
                                                            <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)">
                                                            </path>
                                                         </g>
                                                         <path d="M4.147,4.147h-.9V.9H0V0H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0.88 4.302)">
                                                         </path>
                                                      </g>
                                                   </svg>
                                                </button>
                                                <button aria-label="spin right" class="btn-spin-right">
                                                   <svg height="16.498" viewbox="0 0 22.492 16.498" width="22.492" xmlns="http://www.w3.org/2000/svg">
                                                      <g transform="translate(0 3.148)">
                                                         <path d="M11.313,0H11.17a24.965,24.965,0,0,0-4.3.375,19.574,19.574,0,0,0-1.91.44A14.546,14.546,0,0,0,3.294,1.4,9.792,9.792,0,0,0,1.921,2.1a5.909,5.909,0,0,0-1.037.812,3.329,3.329,0,0,0-.655.9,2.138,2.138,0,0,0,0,1.924,3.322,3.322,0,0,0,.655.9,5.9,5.9,0,0,0,1.037.811,9.723,9.723,0,0,0,1.373.707c.307.129.62.248.931.354l.354-1.1-.251-.087a9.036,9.036,0,0,1-1.194-.531,5.1,5.1,0,0,1-.9-.61,2.581,2.581,0,0,1-.57-.675,1.419,1.419,0,0,1,0-1.448,2.581,2.581,0,0,1,.57-.675,5.1,5.1,0,0,1,.9-.61,9.078,9.078,0,0,1,1.194-.532,16.467,16.467,0,0,1,3.11-.77,24.9,24.9,0,0,1,3.732-.282h.153a24.966,24.966,0,0,1,3.732.282,16.448,16.448,0,0,1,3.109.77,9.116,9.116,0,0,1,1.195.532,5.13,5.13,0,0,1,.9.61,2.575,2.575,0,0,1,.57.675,1.418,1.418,0,0,1,0,1.448,2.573,2.573,0,0,1-.57.675,5.12,5.12,0,0,1-.9.61,9.105,9.105,0,0,1-1.193.531l.354,1.1c.224-.081.453-.17.678-.265a9.813,9.813,0,0,0,1.373-.706,5.917,5.917,0,0,0,1.037-.811,3.346,3.346,0,0,0,.655-.9,2.142,2.142,0,0,0,0-1.924,3.344,3.344,0,0,0-.655-.9,5.9,5.9,0,0,0-1.037-.811A9.722,9.722,0,0,0,19.2,1.4,14.477,14.477,0,0,0,17.534.816a19.469,19.469,0,0,0-1.91-.439A24.932,24.932,0,0,0,11.313,0Z" transform="translate(22.492 13.35) rotate(180)">
                                                         </path>
                                                         <path d="M4.147,0h-.9V3.242H0v.9H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(21.612 8.449) rotate(180)">
                                                         </path>
                                                         <g transform="translate(6.686 -2.648)">
                                                            <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)">
                                                            </path>
                                                            <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)">
                                                            </path>
                                                         </g>
                                                      </g>
                                                   </svg>
                                                </button>
                                             </div>
                                          </div>
                                          <button aria-label="ar" class="btn-ar"> AR </button>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="hdd02-gallery__layer-popup type-360view">
                        <div class="view360">
                           <div class="view360-contents">
                              <div class="image-360">
                                 <div data-akamai-viewer="" data-spin-uri="/assets/resources/json/ex-360-watch.json">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="hdd02-gallery__layer-popup-close" data-js-action="closeLayerPopup">
                           <a class="popup-close" href="javascript:void(0)">
                              <span class="hidden"> popup close </span>
                              <svg aria-hidden="true" class="icon" focusable="false">
                                 <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                                 </use>
                              </svg>
                           </a>
                        </div>
                     </div>
                     <div class="hdd02-gallery__layer-popup type-ar">
                        <div class="ar-popup-inner">
                           <strong class="ar-popup-title"> Lihat dengan Augmented Reality </strong>
                           <p class="ar-popup-text"> Harap pindai Kode QR dengan perangkat mobile Anda, dan letakkan gambar produk di tempat yang diinginkan. </p>
                           <div class="qr-code">
                              <!--<img alt="" src="">-->
                           </div>
                           <div class="hdd02-gallery__layer-popup-close">
                              <a class="popup-close" data-js-action="closeLayerPopup" href="javascript:void(0)">
                                 <span class="hidden"> popup close </span>
                                 <svg aria-hidden="true" class="icon" focusable="false">
                                    <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                                    </use>
                                 </svg>
                              </a>
                           </div>
                        </div>
                     </div>
                     <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/popupnew360.js" type="text/javascript"></script>
                  </section>
               </div>
            </div>
            <div id="detail-input-hidden">
               <input id="isCommonTradein" name="isCommonTradein" type="hidden" value="Y" />
               <input id="returnPolicy" name="returnPolicy" type="hidden" />
               <input id="warranty" name="warranty" type="hidden" />
               <input id="oldProductYn" type="hidden" value="N" />
               <input id="pdWtbCtaBtnYn" type="hidden" />
               <input id="pdRemoveTagTxt" type="hidden" value="Galaxy A07" />
               <input id="wtbSrc" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-thumb-548603129" />
               <input id="imgUrl" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128" />
               <input id="pdProductType" type="hidden" value="PHONE" />
               <input id="pdUpgradeUseYn" type="hidden" />
               <input id="pdProductTypeCheckYn" name="pdProductTypeCheckYn" type="hidden" value="Y" />
               <input id="pdTimeformatFront" name="pdTimeformatFront" type="hidden" value="yyyy-mm-dd" />
               <input id="multiCareYn" name="multiCareYn" type="hidden" />
               <input id="pdBogoUseYn" name="pdBogoUseYn" type="hidden" value="Y" />
               <input id="pdSoftBundleUseYn" name="pdSoftBundleUseYn" type="hidden" value="Y" />
               <input id="promotionImgType" name="promotionImgType" type="hidden" value="finance,insurance,tradein,upgrade,cashback,discount,emi_available,emi_nocost,exchange,offer_bogo,offer_combo,offer_discount,offer_etc,offer_mobile,offer_watch,freedelivery,20K" />
               <input id="commonCode" name="commonCode" type="hidden" />
               <input id="pdCareLearnMoreUrl" name="pdCareLearnMoreUrl" type="hidden" value="/id/offer/insurance/" />
               <input id="pdPageCareYn" type="hidden" value="N" />
               <input id="smcType" name="smcType" type="hidden" />
               <input id="pdTradeInUrl" name="pdTradeInUrl" type="hidden" value="/id/offer/mobile-trade-in/" />
               <input id="pdUpgradeLearnMoreUrl" name="pdUpgradeLearnMoreUrl" type="hidden" />
               <input id="pdCalculateFinancingYn" name="pdCalculateFinancingYn" type="hidden" value="N" />
               <input id="pdWarrantyLearnMoreUrl" name="pdWarrantyLearnMoreUrl" type="hidden" />
               <input id="detailNodePath" name="detailNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic" />
               <input id="checkOutUrl" name="checkOutUrl" type="hidden" value="/id/web/checkout/" />
               <input id="cartUrl" name="cartUrl" type="hidden" value="https://shop.samsung.com/id/cart" />
               <input id="pdDisplayYn" name="pdDisplayYn" type="hidden" value="Y" />
               <input id="financeplusUrl" name="financeplusUrl" type="hidden" value="/id/web/offer-grid" />
               <input id="currentPdpUrl" name="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/" />
               <input id="pageTrackPd" name="pageTrackPd" type="hidden" value="product detail" />
               <input id="ebtButtonUse" name="ebtButtonUse" type="hidden" value="N" />
               <input id="pvitype" name="pvitype" type="hidden" value="mobile" />
               <input id="buyNowUrlYn" name="buyNowUrlYn" type="hidden" />
               <input id="pvisubtype" name="pvisubtype" type="hidden" value="smartphone" />
               <input id="pimsubtype" name="pimsubtype" type="hidden" value="galaxy a" />
               <input id="parentPath" name="parentPath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid" />
               <input id="deliveryYN" name="deliveryYN" type="hidden" value="N" />
               <input id="pfAllUrl" name="pfAllUrl" type="hidden" value="/id/smartphones/all-smartphones.html?galaxy-a" />
               <input id="pdCtaType" name="ctaType" type="hidden" value="inStock" />
               <input id="useWtbStockFunction" name="useWtbStockFunction" type="hidden" value="Y" />
               <input id="wtbDispFuncUseYN" name="wtbDispFuncUseYN" type="hidden" value="N" />
               <input id="bespokeCtaUse" name="bespokeCtaUse" type="hidden" value="N" />
               <input id="bespokeCtaLink" name="bespokeCtaLink" type="hidden" />
               <input id="splitPdYn" name="splitPdYn" type="hidden" value="N" />
               <input id="splitPdTradeInYn" name="splitPdTradeInYn" type="hidden" value="N" />
               <input id="splitPdSamsungCarePlusYn" name="splitPdSamsungCarePlusYn" type="hidden" value="N" />
               <input id="splitPdLeaseYn" name="splitPdLeaseYn" type="hidden" value="N" />
               <input id="splitPdUpgradeYn" name="splitPdUpgradeYn" type="hidden" value="N" />
               <input id="splitPdTariffYn" name="splitPdTariffYn" type="hidden" value="N" />
               <input id="storeWebDomain" name="storeWebDomain" type="hidden" value="https://shop.samsung.com" />
               <!-- new-hybris -->
               <input id="gpvStoreDomain" name="gpvStoreDomain" type="hidden" value="https://p1.ecom.samsung.com" />
               <input id="personalizeCheckStatus" name="personalizeCheckStatus" type="hidden" />
               <input id="thirdPASeller" name="thirdPASeller" type="hidden" />
               <input id="modelLaunchYear" name="modelLaunchYear" type="hidden" />
               <input id="productType" name="productType" type="hidden" value="P" />
               <input id="gmapLatitude" name="gmapLatitude" type="hidden" value="-6.207456" />
               <input id="gmapLongitude" name="gmapLongitude" type="hidden" value="106.845474" />
               <input id="apiChangeModelCode" name="apiChangeModelCode" type="hidden" value="MS-F813QBDUIDZ" />
               <input id="apiChangeCategorySubSubTypeCode" name="apiChangeCategorySubSubTypeCode" type="hidden" />
               <input id="apiChangeCategorySubTypeCode" name="apiChangeCategorySubTypeCode" type="hidden" value="01010400" />
               <input id="apiChangeCategoryTypeCode" name="apiChangeCategoryTypeCode" type="hidden" value="01010000" />
               <input id="apiChangeCategoryGroupCode" name="apiChangeCategoryGroupCode" type="hidden" value="01000000" />
               <input id="apiChangeModelName" name="apiChangeModelName" type="hidden" value="SM-A075F/DS" />
               <input id="apiChangeShopSKU" name="apiChangeShopSKU" type="hidden" value="MS-F813QBDUIDZ" />
               <input id="apiChangePdpUrl" name="apiChangePdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/" />
               <input id="apiChangeFamilyCode" name="apiChangeFamilyCode" type="hidden" value="561454" />
               <input id="apiChangeDisplayName" name="apiChangeDisplayName" type="hidden" value="Galaxy A07" />
               <input id="apiChangePdJcrTitle" name="apiChangePdJcrTitle" type="hidden" value="D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi" />
               <input id="apiChangeWtbUseYn" name="apiChangeWtbUseYn" type="hidden" value="N" />
               <input id="apiChangeStockStatus" name="apiChangeStockStatus" type="hidden" value="" />
               <input id="ecomStoreType" name="ecomStoreType" type="hidden" />
               <input id="refurYn" name="refurYn" type="hidden" value="N" />
               <input id="offerId" name="offerId" type="hidden" />
               <input id="virtualModelCode" name="virtualModelCode" type="hidden" />
               <input id="originShopSku" name="originShopSku" type="hidden" value="MS-F813QBDUIDZ" />
               <input id="originModelCode" name="originModelCode" type="hidden" />
               <input id="eanCode" name="eanCode" type="hidden" />
               <input id="ceTradeUpProductYn" name="ceTradeUpProductYn" type="hidden" value="N" />
               <input id="ceTradeUpEnabledYn" name="ceTradeUpEnabledYn" type="hidden" value="N" />
               <input id="ceTradeUpDeployable" name="ceTradeUpDeployable" type="hidden" value="true" />
               <input id="pdPackageYn" name="pdPackageYn" type="hidden" value="N" />
               <input id="pdChildModelCnt" name="pdChildModelCnt" type="hidden" value="0" />
               <input id="isMultiTradeIn" name="isMultiTradeIn" type="hidden" value="Y" />
               <input id="isOldHybrisWishlist" name="isOldHybrisWishlist" type="hidden" value="N" />
               <script type="text/javascript">
                  var globalShopInfo = {};
                  var gpv2ShopInfo = {};
                  var newHybrisShopInfo = {
                      "price": "1399000",
                      "priceDisplay": "Rp1.399.000",
                      "promotionPrice": "1399000",
                      "promotionPriceDisplay": "Rp1.399.000",
                      "saveText": "0",
                      "financingDesc": ["Mulai dari Rp116.583/bln. Kalkulator Finansial"],
                      "shopServiceYN": "Y"
                  };
                  var hybrisShopInfo = {};
               </script>
            </div>
            <div class="hdd02-pdp-header__buying-tool sg-pdh-buying-tool">
               <section class="hdd02-buying-tool">
               <section class="pdd36-recommendation-oos-new pdd36-recommendation-oos-new--mobile-2column">
               </section>
               <div class="hdd02-buying-tool__option sg-pdh-buying-options">
                  <div class="pd-select-option pd-select-option--check-dealer-stock" style="display: none;">
                  </div>
                  <div class="wt-mt-xs-1 wt-mb-xs-1">
<style>
.Slot-Gacor {
    /* =========================================================
       D59 THEME
       BLACK • CRIMSON • FIRE RED • ORANGE • ROYAL GOLD

       Nama variable sengaja TIDAK diganti
       supaya struktur lama tetap aman.
       ========================================================= */
    --purple-main: #e3170a;
    --purple-soft: #ff7a3d;
    --purple-neon: #ff250f;
    --pink-main: #ff3217;
    --pink-soft: #ff9a4d;
    --pink-hot: #ff210d;
    --violet-deep: #720000;
    --dark-main: #050000;
    --dark-soft: #160202;
    --gold-main: #ffb300;
    --gold-soft: #ffe08a;
    --white-soft: #fff8ee;

    max-width: 780px;
    width: 100%;
    margin: 30px auto;
    padding: 40px 32px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    isolation: isolate;

    background:
        linear-gradient(
            rgba(255, 50, 23, 0.030) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 179, 0, 0.024) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 10% 0%,
            rgba(255, 32, 12, 0.32),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(255, 111, 0, 0.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 75% 100%,
            rgba(174, 0, 0, 0.25),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #050000 0%,
            #100101 36%,
            #1b0302 70%,
            #030000 100%
        );

    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;

    border:
        1px solid rgba(255, 50, 20, 0.72);

    box-shadow:
        0 0 8px rgba(255, 35, 15, 0.54),
        0 0 28px rgba(255, 30, 5, 0.27),
        0 0 58px rgba(170, 0, 0, 0.20),
        inset 0 0 38px rgba(255, 42, 12, 0.08),
        inset 0 1px 0 rgba(255, 190, 65, 0.10),
        0 28px 58px rgba(0, 0, 0, 0.72);
}


/* =========================================================
   CYBER / FIRE LIGHT SCAN
   ========================================================= */
.Slot-Gacor::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 31%,
            rgba(255, 255, 255, 0.035) 39%,
            rgba(255, 42, 14, 0.15) 46%,
            rgba(255, 111, 0, 0.15) 52%,
            rgba(255, 179, 0, 0.08) 57%,
            transparent 66%,
            transparent 100%
        );

    transform: translateX(-125%);
    animation: cyberScanSlot 6.4s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}


/* =========================================================
   INNER FRAME + GOLD PARTICLES
   ========================================================= */
.Slot-Gacor::after {
    content: "";
    position: absolute;
    inset: 11px;
    border-radius: 23px;

    border:
        1px solid rgba(255, 92, 35, 0.24);

    box-shadow:
        inset 0 0 28px rgba(255, 37, 11, 0.11),
        0 0 19px rgba(180, 0, 0, 0.15),
        0 0 34px rgba(255, 119, 0, 0.08);

    background-image:
        radial-gradient(
            circle,
            rgba(255, 230, 170, 0.66) 1px,
            transparent 1.3px
        ),
        radial-gradient(
            circle,
            rgba(255, 179, 0, 0.52) 1px,
            transparent 1.4px
        );

    background-position:
        0 0,
        40px 33px;

    background-size:
        86px 86px,
        122px 122px;

    opacity: 0.50;
    pointer-events: none;
    z-index: 1;

    animation:
        floatGlowSlot 7s ease-in-out infinite;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */
@keyframes cyberScanSlot {
    0%,
    58% {
        transform: translateX(-125%);
        opacity: 0;
    }

    66% {
        opacity: 1;
    }

    100% {
        transform: translateX(125%);
        opacity: 0;
    }
}


@keyframes floatGlowSlot {
    0%,
    100% {
        opacity: 0.38;
        filter: brightness(0.92);
    }

    50% {
        opacity: 0.72;
        filter: brightness(1.12);
    }
}


@keyframes titleNeonPulse {
    0%,
    100% {
        filter: brightness(1);

        text-shadow:
            0 0 8px rgba(255, 240, 210, 0.46),
            0 0 14px rgba(255, 43, 13, 0.92),
            0 0 30px rgba(199, 12, 0, 0.62),
            0 0 52px rgba(255, 83, 0, 0.28);
    }

    50% {
        filter: brightness(1.14);

        text-shadow:
            0 0 9px rgba(255, 247, 225, 0.72),
            0 0 19px rgba(255, 45, 12, 1),
            0 0 38px rgba(226, 22, 5, 0.76),
            0 0 66px rgba(255, 95, 0, 0.38);
    }
}


@keyframes dotPulseSlot {
    0%,
    100% {
        transform: scale(0.86);
        opacity: 0.78;
    }

    50% {
        transform: scale(1.18);
        opacity: 1;
    }
}


.Slot-Gacor * {
    box-sizing: border-box;
}


/* =========================================================
   HERO TITLE
   ========================================================= */
.hero-title {
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    z-index: 3;
}


.hero-title::before,
.hero-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 72px;
    height: 2px;
    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--pink-main),
            #ff6a00,
            var(--gold-main)
        );

    box-shadow:
        0 0 10px rgba(255, 42, 12, 0.88),
        0 0 22px rgba(218, 16, 0, 0.52),
        0 0 30px rgba(255, 179, 0, 0.19);
}


.hero-title::before {
    left: 0;
}


.hero-title::after {
    right: 0;
    transform: scaleX(-1);
}


.hero-title h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.35;

    color: #fffaf2;

    letter-spacing: 0.4px;

    text-shadow:
        0 0 8px rgba(255, 238, 204, 0.52),
        0 0 14px rgba(255, 43, 13, 0.92),
        0 0 30px rgba(202, 13, 0, 0.62),
        0 0 52px rgba(255, 91, 0, 0.27);

    animation:
        titleNeonPulse 3.2s ease-in-out infinite;
}


/* =========================================================
   INFO CONTAINER
   ========================================================= */
.info-container {
    position: relative;
    z-index: 3;

    background:
        radial-gradient(
            circle at top right,
            rgba(255, 49, 17, 0.12),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(23, 2, 1, 0.95),
            rgba(7, 0, 0, 0.92)
        );

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border-radius: 22px;

    border:
        1px solid rgba(255, 58, 24, 0.52);

    overflow: hidden;
    margin-bottom: 28px;

    box-shadow:
        inset 0 0 28px rgba(255, 38, 10, 0.09),
        0 0 10px rgba(255, 39, 11, 0.25),
        0 0 25px rgba(170, 0, 0, 0.18),
        0 16px 34px rgba(0, 0, 0, 0.40);
}


.info-container::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 43, 13, 0.07),
            transparent 34%,
            rgba(255, 125, 0, 0.055)
        );

    pointer-events: none;
}


/* =========================================================
   INFO HEADER
   ========================================================= */
.info-head {
    padding: 16px 22px;

    background:
        linear-gradient(
            90deg,
            rgba(180, 7, 0, 0.32),
            rgba(255, 47, 14, 0.20),
            rgba(255, 112, 0, 0.16)
        );

    border-bottom:
        1px solid rgba(255, 92, 35, 0.34);

    text-align: center;
    position: relative;

    box-shadow:
        inset 0 -8px 20px rgba(5, 0, 0, 0.24),
        0 0 22px rgba(255, 42, 12, 0.11);
}


.info-head h2 {
    margin: 0;
    font-size: 18px;

    color:
        #fff6e9;

    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    text-shadow:
        0 0 8px rgba(255, 244, 214, 0.28),
        0 0 13px rgba(255, 47, 14, 0.82),
        0 0 25px rgba(191, 11, 0, 0.40);
}


/* =========================================================
   INFO LIST
   ========================================================= */
.info-list {
    padding: 6px 0;
    position: relative;
}


.info-row {
    padding: 15px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    border-bottom:
        1px solid rgba(255, 64, 23, 0.16);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


.info-row:hover {
    transform: translateX(3px);

    background:
        linear-gradient(
            90deg,
            rgba(255, 42, 12, 0.11),
            rgba(148, 0, 0, 0.045),
            transparent
        );

    box-shadow:
        inset 3px 0 0 rgba(255, 68, 22, 0.82);
}


.info-row:last-child {
    border-bottom: none;
}


.info-label {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* =========================================================
   INFO DOT
   ========================================================= */
.info-dot {
    width: 10px;
    height: 10px;

    background:
        var(--pink-hot);

    border:
        1px solid rgba(255, 225, 174, 0.76);

    border-radius: 50%;
    display: inline-block;

    box-shadow:
        0 0 6px rgba(255, 232, 186, 0.58),
        0 0 11px rgba(255, 44, 13, 1),
        0 0 24px rgba(196, 10, 0, 0.80);

    flex-shrink: 0;

    animation:
        dotPulseSlot 1.9s ease-in-out infinite;
}


.info-text {
    color:
        var(--white-soft);

    font-weight: 800;
    font-size: 15px;

    text-shadow:
        0 0 10px rgba(255, 46, 14, 0.18);
}


/* =========================================================
   INFO NUMBER / BADGE
   ========================================================= */
.info-number {
    color: #fff8e9;
    font-size: 14px;
    font-weight: 900;

    background:
        linear-gradient(
            135deg,
            #690000 0%,
            #b80a02 45%,
            #ff3d16 100%
        );

    padding:
        8px 16px;

    border-radius:
        999px;

    border:
        1px solid rgba(255, 179, 55, 0.78);

    white-space:
        nowrap;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.68);

    box-shadow:
        0 0 8px rgba(255, 39, 11, 0.48),
        0 0 18px rgba(184, 9, 0, 0.34),
        0 0 23px rgba(255, 149, 0, 0.11),
        inset 0 1px 0 rgba(255, 220, 141, 0.30),
        inset 0 -5px 12px rgba(70, 0, 0, 0.34);
}


/* =========================================================
   BONUS WRAPPER
   ========================================================= */
.bonus-wrap {
    position: relative;
    z-index: 3;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 46, 13, 0.13),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(19, 2, 1, 0.96),
            rgba(5, 0, 0, 0.95)
        );

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);

    border-radius:
        22px;

    padding:
        26px 20px;

    margin:
        28px 0 34px;

    border:
        1px solid rgba(255, 62, 20, 0.48);

    text-align:
        center;

    box-shadow:
        inset 0 0 26px rgba(255, 43, 11, 0.07),
        0 0 11px rgba(255, 40, 10, 0.21),
        0 0 27px rgba(167, 0, 0, 0.15),
        0 18px 34px rgba(0, 0, 0, 0.33);
}


.bonus-wrap::before {
    content: "";
    position: absolute;
    inset: 10px;

    border-radius:
        16px;

    border:
        1px dashed rgba(255, 179, 58, 0.28);

    box-shadow:
        inset 0 0 20px rgba(255, 46, 13, 0.05);

    pointer-events:
        none;
}


/* =========================================================
   BONUS HEADER
   ========================================================= */
.bonus-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    margin-bottom:
        18px;

    position:
        relative;

    z-index:
        2;
}


.bonus-head .gold-icon {
    width: 9px;
    height: 9px;

    background:
        var(--gold-main);

    border:
        1px solid rgba(255, 255, 255, 0.78);

    border-radius:
        50%;

    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.60),
        0 0 12px rgba(255, 183, 0, 1),
        0 0 24px rgba(255, 54, 11, 0.58);

    animation:
        dotPulseSlot 2.2s ease-in-out infinite;
}


.bonus-head h3 {
    margin: 0;
    font-size: 17px;

    color:
        var(--gold-soft);

    font-weight:
        900;

    letter-spacing:
        1.3px;

    text-transform:
        uppercase;

    text-shadow:
        0 0 10px rgba(255, 183, 0, 0.48),
        0 0 18px rgba(255, 51, 13, 0.30),
        0 0 26px rgba(175, 0, 0, 0.18);
}


/* =========================================================
   BONUS LIST
   ========================================================= */
.bonus-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
    position: relative;
    z-index: 2;
}


.bonus-item {
    position:
        relative;

    padding:
        14px 16px 14px 20px;

    background:
        linear-gradient(
            135deg,
            rgba(177, 8, 0, 0.15),
            rgba(255, 50, 15, 0.07),
            rgba(8, 0, 0, 0.40)
        );

    border-radius:
        15px;

    border:
        1px solid rgba(255, 61, 19, 0.34);

    border-left:
        4px solid var(--pink-main);

    text-align:
        left;

    box-shadow:
        inset 0 0 14px rgba(255, 40, 11, 0.06),
        0 0 12px rgba(171, 0, 0, 0.11);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;

    overflow:
        hidden;
}


.bonus-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;

    width:
        4px;

    border-radius:
        50px;

    background:
        linear-gradient(
            180deg,
            var(--gold-main),
            #ff5b0c,
            #c80c02
        );

    box-shadow:
        0 0 10px rgba(255, 179, 0, 0.52),
        0 0 17px rgba(255, 48, 12, 0.88),
        0 0 27px rgba(178, 0, 0, 0.38);
}


.bonus-item:hover {
    transform:
        translateY(-4px) scale(1.012);

    background:
        linear-gradient(
            135deg,
            rgba(217, 16, 2, 0.20),
            rgba(255, 66, 16, 0.10),
            rgba(8, 0, 0, 0.32)
        );

    border-color:
        rgba(255, 135, 42, 0.66);

    box-shadow:
        inset 0 0 16px rgba(255, 43, 12, 0.08),
        0 0 13px rgba(255, 43, 11, 0.30),
        0 0 28px rgba(180, 4, 0, 0.23);
}


.bonus-item p {
    margin: 0;
    font-size: 15px;
    font-weight: 800;

    color:
        #fff9f0;

    line-height:
        1.5;
}


.bonus-item .highlight-gold {
    color:
        var(--gold-soft);

    text-shadow:
        0 0 8px rgba(255, 181, 0, 0.48),
        0 0 14px rgba(255, 52, 13, 0.22);
}


.bonus-item .highlight-black {
    color:
        var(--pink-soft);

    text-shadow:
        0 0 10px rgba(255, 50, 14, 0.40);
}


/* =========================================================
   CTA SECTION
   ========================================================= */
.cta-gold-section {
    position: relative;
    z-index: 3;
    margin-top: 25px;
    text-align: center;
}


.cta-buttons-gold {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}


/* =========================================================
   BASE BUTTON
   ========================================================= */
.btn-gold {
    display: inline-block;

    padding:
        15px 44px;

    border-radius:
        999px;

    font-weight:
        900;

    font-size:
        16px;

    letter-spacing:
        1px;

    text-decoration:
        none;

    transition:
        transform 0.25s ease,
        filter 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;

    min-width:
        150px;

    text-align:
        center;

    position:
        relative;

    overflow:
        hidden;

    isolation:
        isolate;
}


/* =========================================================
   BUTTON GLASS SWEEP
   ========================================================= */
.btn-gold::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;

    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255, 240, 210, 0.28) 48%,
            transparent 76%
        );

    transform:
        translateX(-130%);

    transition:
        transform 0.52s ease;

    pointer-events:
        none;

    z-index:
        -1;
}


.btn-gold::after {
    content: "";
    position: absolute;

    left:
        -120%;

    top:
        0;

    width:
        74%;

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.60),
            rgba(255, 179, 0, 0.32),
            transparent
        );

    transform:
        skewX(-20deg);

    animation:
        btnShinePurple 4s infinite;

    pointer-events:
        none;
}


.btn-gold:hover::before {
    transform:
        translateX(130%);
}


@keyframes btnShinePurple {
    0%,
    42% {
        left: -120%;
    }

    100% {
        left: 165%;
    }
}


/* =========================================================
   LOGIN BUTTON
   DARK CRIMSON GLASS
   ========================================================= */
.btn-login-gold {
    background:
        linear-gradient(
            135deg,
            rgba(18, 1, 0, 0.98),
            rgba(54, 5, 2, 0.92)
        );

    color:
        #fff8ee;

    border:
        1px solid rgba(255, 111, 37, 0.82);

    text-shadow:
        0 0 10px rgba(255, 47, 13, 0.46);

    box-shadow:
        inset 0 0 18px rgba(255, 42, 11, 0.11),
        0 0 9px rgba(255, 42, 11, 0.32),
        0 0 20px rgba(171, 0, 0, 0.18);
}


.btn-login-gold:hover {
    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            rgba(83, 7, 2, 0.94),
            rgba(34, 2, 1, 0.95)
        );

    box-shadow:
        0 0 12px rgba(255, 44, 11, 0.58),
        0 0 28px rgba(179, 5, 0, 0.36),
        0 0 38px rgba(255, 133, 0, 0.10),
        inset 0 0 17px rgba(255, 43, 11, 0.13);
}


/* =========================================================
   REGISTER BUTTON
   D59 CRIMSON FIRE
   ========================================================= */
.btn-register-gold {
    background:
        linear-gradient(
            135deg,
            #ff3a15 0%,
            #df1607 30%,
            #ab0702 64%,
            #750000 100%
        );

    color:
        #ffffff;

    border:
        1px solid rgba(255, 190, 61, 0.86);

    text-shadow:
        0 1px 2px rgba(51, 0, 0, 0.80),
        0 0 8px rgba(255, 235, 196, 0.33);

    box-shadow:
        0 0 10px rgba(255, 44, 12, 0.62),
        0 0 27px rgba(255, 33, 6, 0.35),
        0 0 39px rgba(172, 0, 0, 0.22),
        0 0 50px rgba(255, 139, 0, 0.08),
        inset 0 1px 0 rgba(255, 231, 177, 0.38),
        inset 0 -8px 18px rgba(75, 0, 0, 0.34);
}


.btn-register-gold:hover {
    transform:
        translateY(-3px) scale(1.02);

    filter:
        brightness(1.10);

    box-shadow:
        0 0 13px rgba(255, 184, 45, 0.55),
        0 0 24px rgba(255, 44, 11, 0.78),
        0 0 44px rgba(183, 6, 0, 0.38),
        0 0 56px rgba(255, 127, 0, 0.12),
        inset 0 1px 0 rgba(255, 231, 174, 0.44);
}


/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 600px) {

    .Slot-Gacor {
        padding:
            30px 18px;

        border-radius:
            22px;

        margin:
            20px auto;

        background-size:
            28px 28px,
            28px 28px,
            auto,
            auto,
            auto,
            auto;
    }


    .Slot-Gacor::after {
        inset:
            8px;

        border-radius:
            18px;

        background-size:
            72px 72px,
            108px 108px;
    }


    .hero-title {
        margin-bottom:
            26px;
    }


    .hero-title::before,
    .hero-title::after {
        display:
            none;
    }


    .hero-title h1 {
        font-size:
            24px;

        line-height:
            1.4;
    }


    .info-head {
        padding:
            14px 16px;
    }


    .info-head h2 {
        font-size:
            15px;

        letter-spacing:
            1px;
    }


    .info-row {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            10px;

        padding:
            14px 16px;
    }


    .info-row:hover {
        transform:
            none;
    }


    .info-number {
        width:
            100%;

        text-align:
            center;
    }


    .bonus-wrap {
        padding:
            24px 15px;
    }


    .bonus-item {
        padding:
            13px 13px 13px 17px;
    }


    .cta-buttons-gold {
        flex-direction:
            column;
    }


    .btn-gold {
        width:
            100%;

        padding:
            14px 24px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */
@media (max-width: 380px) {

    .Slot-Gacor {
        padding-left:
            14px;

        padding-right:
            14px;
    }


    .hero-title h1 {
        font-size:
            21px;
    }


    .info-text,
    .bonus-item p {
        font-size:
            14px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */
@media (prefers-reduced-motion: reduce) {

    .Slot-Gacor::before,
    .Slot-Gacor::after,
    .hero-title h1,
    .info-dot,
    .bonus-head .gold-icon,
    .btn-gold::after {
        animation:
            none;
    }


    .btn-gold,
    .bonus-item,
    .info-row {
        transition:
            none;
    }
}
</style>

<style>
/* =========================================================
   D59 DREAMY MATCH OVERRIDE
   Existing structure + existing classes only
   ========================================================= */

.Slot-Gacor {
    --purple-main: #ff2b12;
    --purple-soft: #ff8a47;
    --purple-neon: #ff1708;
    --pink-main: #ff3a16;
    --pink-soft: #ffad69;
    --pink-hot: #ff210d;
    --violet-deep: #690000;
    --dark-main: #030000;
    --dark-soft: #140101;
    --gold-main: #ffb900;
    --gold-soft: #ffe397;
    --white-soft: #fffaf1;

    background:
        radial-gradient(circle at 8% -8%, rgba(255, 46, 16, .42) 0%, rgba(255, 25, 8, .17) 24%, transparent 45%),
        radial-gradient(circle at 92% 4%, rgba(255, 144, 20, .25) 0%, rgba(255, 64, 5, .10) 27%, transparent 47%),
        radial-gradient(circle at 50% 100%, rgba(255, 186, 22, .13) 0%, transparent 44%),
        linear-gradient(rgba(255, 65, 25, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 185, 30, .018) 1px, transparent 1px),
        linear-gradient(145deg, #030000 0%, #0a0000 28%, #170101 56%, #090000 78%, #020000 100%);

    background-size:
        auto,
        auto,
        auto,
        34px 34px,
        34px 34px,
        auto;

    border: 1px solid rgba(255, 154, 29, .68);

    box-shadow:
        0 0 1px rgba(255,255,255,.28),
        0 0 10px rgba(255, 52, 15, .58),
        0 0 30px rgba(255, 23, 2, .28),
        0 0 58px rgba(160, 0, 0, .19),
        inset 0 0 40px rgba(255, 41, 10, .075),
        inset 0 1px 0 rgba(255, 227, 160, .16),
        0 28px 62px rgba(0, 0, 0, .76);

    backdrop-filter: blur(12px) saturate(1.14);
    -webkit-backdrop-filter: blur(12px) saturate(1.14);
}

.Slot-Gacor::before {
    background:
        linear-gradient(
            116deg,
            transparent 0%,
            transparent 32%,
            rgba(255, 255, 255, .025) 38%,
            rgba(255, 228, 177, .09) 43%,
            rgba(255, 61, 18, .18) 48%,
            rgba(255, 131, 8, .20) 53%,
            rgba(255, 194, 36, .11) 58%,
            transparent 67%,
            transparent 100%
        );

    filter:
        blur(.5px)
        drop-shadow(0 0 10px rgba(255, 49, 11, .34))
        drop-shadow(0 0 22px rgba(255, 164, 24, .13));
}

.Slot-Gacor::after {
    border: 1px solid rgba(255, 117, 32, .25);

    box-shadow:
        inset 0 0 30px rgba(255, 36, 8, .10),
        0 0 18px rgba(255, 33, 7, .15),
        0 0 36px rgba(255, 140, 14, .08);

    background-image:
        radial-gradient(circle, rgba(255, 247, 213, .80) 1px, transparent 1.45px),
        radial-gradient(circle, rgba(255, 190, 52, .58) 1px, transparent 1.5px);

    opacity: .56;
}

/* =========================================================
   HERO TITLE — metallic white + red/gold nightclub glow
   ========================================================= */

.hero-title::before,
.hero-title::after {
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            #ff2511 25%,
            #ff6a0b 55%,
            #ffd25b 78%,
            #fff0b2 100%
        );

    box-shadow:
        0 0 8px rgba(255, 45, 12, .86),
        0 0 19px rgba(255, 35, 5, .46),
        0 0 30px rgba(255, 181, 27, .18);
}

.hero-title h1 {
    color: #fffaf2;

    text-shadow:
        0 1px 1px rgba(0,0,0,.95),
        0 0 5px rgba(255,255,255,.42),
        0 0 13px rgba(255, 57, 16, .88),
        0 0 27px rgba(211, 13, 0, .55),
        0 0 50px rgba(255, 111, 0, .20);
}

/* =========================================================
   INFO GLASS PANEL
   ========================================================= */

.info-container {
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 48, 15, .17), transparent 35%),
        radial-gradient(circle at 91% 100%, rgba(255, 156, 18, .08), transparent 34%),
        linear-gradient(145deg, rgba(29, 2, 1, .94), rgba(8, 0, 0, .93));

    border: 1px solid rgba(255, 93, 26, .46);

    box-shadow:
        inset 0 0 30px rgba(255, 39, 9, .08),
        inset 0 1px 0 rgba(255, 221, 145, .07),
        0 0 9px rgba(255, 45, 11, .28),
        0 0 26px rgba(166, 0, 0, .17),
        0 18px 38px rgba(0, 0, 0, .46);
}

.info-container::before {
    background:
        linear-gradient(
            92deg,
            rgba(255, 41, 12, .085),
            transparent 34%,
            rgba(255, 173, 22, .055)
        );
}

.info-head {
    background:
        linear-gradient(
            90deg,
            rgba(120, 0, 0, .44) 0%,
            rgba(214, 18, 4, .33) 35%,
            rgba(255, 61, 14, .24) 68%,
            rgba(255, 126, 8, .17) 100%
        );

    border-bottom: 1px solid rgba(255, 137, 34, .34);

    box-shadow:
        inset 0 -10px 22px rgba(5, 0, 0, .27),
        inset 0 1px 0 rgba(255, 218, 134, .08),
        0 0 24px rgba(255, 40, 10, .11);
}

.info-head h2 {
    color: #fff9ee;

    text-shadow:
        0 0 6px rgba(255,255,255,.20),
        0 0 13px rgba(255, 53, 14, .80),
        0 0 25px rgba(190, 9, 0, .38);
}

.info-row {
    border-bottom: 1px solid rgba(255, 76, 21, .14);
}

.info-row:hover {
    background:
        linear-gradient(
            90deg,
            rgba(255, 45, 12, .13),
            rgba(154, 0, 0, .055),
            rgba(255, 141, 12, .025),
            transparent
        );

    box-shadow:
        inset 3px 0 0 rgba(255, 94, 20, .90),
        inset 10px 0 24px rgba(255, 36, 9, .05);
}

.info-dot {
    background: #ff2e13;

    border: 1px solid rgba(255, 235, 194, .86);

    box-shadow:
        0 0 4px rgba(255,255,255,.78),
        0 0 9px rgba(255, 102, 42, .95),
        0 0 17px rgba(255, 35, 9, .95),
        0 0 28px rgba(184, 0, 0, .72);
}

.info-text {
    color: #fffaf2;

    text-shadow:
        0 1px 2px rgba(0,0,0,.78),
        0 0 10px rgba(255, 51, 14, .16);
}

.info-number {
    color: #fff9e9;

    background:
        radial-gradient(circle at 25% 0%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg, #560000 0%, #a60802 38%, #e41b08 70%, #ff4d18 100%);

    border: 1px solid rgba(255, 190, 55, .82);

    box-shadow:
        0 0 1px rgba(255,255,255,.38),
        0 0 8px rgba(255, 51, 13, .48),
        0 0 19px rgba(184, 7, 0, .32),
        0 0 28px rgba(255, 151, 10, .10),
        inset 0 1px 0 rgba(255, 229, 160, .32),
        inset 0 -6px 14px rgba(70, 0, 0, .38);
}

/* =========================================================
   BONUS PANEL
   ========================================================= */

.bonus-wrap {
    background:
        radial-gradient(circle at 50% -5%, rgba(255, 55, 15, .18), transparent 37%),
        radial-gradient(circle at 100% 100%, rgba(255, 171, 19, .07), transparent 30%),
        linear-gradient(145deg, rgba(24, 2, 1, .95), rgba(5, 0, 0, .96));

    border: 1px solid rgba(255, 73, 20, .46);

    box-shadow:
        inset 0 0 28px rgba(255, 43, 10, .07),
        inset 0 1px 0 rgba(255, 225, 156, .05),
        0 0 10px rgba(255, 40, 10, .22),
        0 0 27px rgba(162, 0, 0, .15),
        0 18px 38px rgba(0, 0, 0, .38);
}

.bonus-wrap::before {
    border: 1px dashed rgba(255, 190, 59, .34);

    box-shadow:
        inset 0 0 22px rgba(255, 48, 13, .055),
        0 0 14px rgba(255, 142, 17, .035);
}

.bonus-head .gold-icon {
    background: #ffc52b;

    box-shadow:
        0 0 4px #ffffff,
        0 0 10px #fff0a0,
        0 0 17px #ffc52b,
        0 0 27px rgba(255, 74, 8, .48);
}

.bonus-head h3 {
    color: #ffe6a0;

    text-shadow:
        0 0 6px rgba(255,255,255,.15),
        0 0 10px rgba(255, 187, 26, .55),
        0 0 20px rgba(255, 59, 13, .26),
        0 0 29px rgba(170, 0, 0, .15);
}

.bonus-item {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 66, 20, .11), transparent 42%),
        linear-gradient(135deg, rgba(175, 8, 0, .14), rgba(255, 49, 14, .065), rgba(7, 0, 0, .42));

    border: 1px solid rgba(255, 70, 20, .31);
    border-left: 4px solid #ff3715;

    box-shadow:
        inset 0 0 15px rgba(255, 41, 10, .055),
        0 0 12px rgba(169, 0, 0, .10);
}

.bonus-item::before {
    background:
        linear-gradient(
            180deg,
            #ffe073 0%,
            #ffb514 28%,
            #ff6310 62%,
            #c80b02 100%
        );

    box-shadow:
        0 0 7px rgba(255, 202, 65, .55),
        0 0 14px rgba(255, 62, 12, .85),
        0 0 25px rgba(178, 0, 0, .34);
}

.bonus-item:hover {
    background:
        radial-gradient(circle at 5% 0%, rgba(255, 122, 33, .14), transparent 40%),
        linear-gradient(135deg, rgba(218, 16, 2, .19), rgba(255, 69, 17, .095), rgba(7, 0, 0, .33));

    border-color: rgba(255, 139, 39, .60);

    box-shadow:
        inset 0 0 17px rgba(255, 44, 11, .075),
        0 0 12px rgba(255, 47, 11, .29),
        0 0 29px rgba(179, 3, 0, .20),
        0 10px 24px rgba(0,0,0,.16);
}

.bonus-item p {
    color: #fffaf2;
}

.bonus-item .highlight-gold {
    color: #ffe59a;

    text-shadow:
        0 0 7px rgba(255, 196, 45, .52),
        0 0 15px rgba(255, 67, 14, .20);
}

.bonus-item .highlight-black {
    color: #ffaf73;

    text-shadow:
        0 0 9px rgba(255, 57, 14, .38);
}

/* =========================================================
   CTA BUTTONS — closer to banner metallic + fire look
   ========================================================= */

.btn-gold {
    text-shadow:
        0 1px 2px rgba(0,0,0,.78);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08);
}

.btn-gold::before {
    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255, 255, 255, .08) 37%,
            rgba(255, 240, 208, .30) 49%,
            rgba(255, 183, 44, .14) 56%,
            transparent 76%
        );
}

.btn-gold::after {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .62),
            rgba(255, 227, 161, .52),
            rgba(255, 164, 17, .23),
            transparent
        );
}

.btn-login-gold {
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 76, 26, .14), transparent 35%),
        linear-gradient(135deg, rgba(13, 0, 0, .99), rgba(55, 4, 1, .95));

    color: #fffaf0;

    border: 1px solid rgba(255, 126, 35, .80);

    text-shadow:
        0 0 9px rgba(255, 55, 14, .41);

    box-shadow:
        inset 0 0 20px rgba(255, 41, 10, .10),
        inset 0 1px 0 rgba(255, 211, 137, .07),
        0 0 9px rgba(255, 43, 11, .34),
        0 0 21px rgba(168, 0, 0, .18);
}

.btn-login-gold:hover {
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 100, 30, .16), transparent 37%),
        linear-gradient(135deg, rgba(87, 7, 2, .94), rgba(30, 1, 0, .97));

    box-shadow:
        0 0 10px rgba(255, 58, 14, .58),
        0 0 28px rgba(179, 5, 0, .35),
        0 0 40px rgba(255, 133, 0, .10),
        inset 0 0 18px rgba(255, 43, 11, .13),
        inset 0 1px 0 rgba(255, 228, 161, .10);
}

.btn-register-gold {
    background:
        radial-gradient(circle at 30% 0%, rgba(255,255,255,.20), transparent 27%),
        linear-gradient(
            180deg,
            #ff6a26 0%,
            #ff3815 18%,
            #e41708 42%,
            #ab0602 70%,
            #670000 100%
        );

    color: #ffffff;

    border: 1px solid rgba(255, 202, 74, .90);

    text-shadow:
        0 1px 2px rgba(47, 0, 0, .90),
        0 0 7px rgba(255, 241, 207, .28);

    box-shadow:
        0 0 1px rgba(255,255,255,.45),
        0 0 9px rgba(255, 190, 47, .32),
        0 0 15px rgba(255, 50, 12, .65),
        0 0 30px rgba(255, 31, 5, .34),
        0 0 43px rgba(165, 0, 0, .21),
        inset 0 1px 0 rgba(255, 236, 190, .45),
        inset 0 -9px 20px rgba(76, 0, 0, .37);
}

.btn-register-gold:hover {
    filter: brightness(1.11) saturate(1.05);

    box-shadow:
        0 0 2px rgba(255,255,255,.48),
        0 0 12px rgba(255, 191, 50, .55),
        0 0 24px rgba(255, 50, 12, .76),
        0 0 45px rgba(183, 5, 0, .37),
        0 0 60px rgba(255, 130, 0, .11),
        inset 0 1px 0 rgba(255, 238, 190, .50);
}

/* =========================================================
   Slightly softer animation to keep the dreamy feel
   ========================================================= */

@keyframes titleNeonPulse {
    0%,
    100% {
        filter: brightness(1);

        text-shadow:
            0 1px 1px rgba(0,0,0,.95),
            0 0 5px rgba(255,255,255,.36),
            0 0 12px rgba(255, 55, 15, .82),
            0 0 27px rgba(199, 10, 0, .48),
            0 0 48px rgba(255, 106, 0, .17);
    }

    50% {
        filter: brightness(1.12);

        text-shadow:
            0 1px 1px rgba(0,0,0,.95),
            0 0 7px rgba(255,255,255,.55),
            0 0 17px rgba(255, 63, 16, .98),
            0 0 34px rgba(219, 18, 3, .64),
            0 0 61px rgba(255, 113, 0, .26);
    }
}

@media (max-width: 600px) {
    .Slot-Gacor {
        background-size:
            auto,
            auto,
            auto,
            28px 28px,
            28px 28px,
            auto;
    }
}
</style>
                     <div class="Slot-Gacor">
                        <div class="hero-title">
                           <h1>D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi</h1>
                        </div>
                        <div class="info-container">
                           <div class="info-head">
                              <h2>INFORMASI D59</h2>
                           </div>
                           <div class="info-list">
                              <div class="info-row">
                                 <div class="info-label">
                                    <span class="info-dot"></span>
                                    <span class="info-text">Penilaian Pengguna</span>
                                 </div>
                                 <span class="info-number">77 JUTA PENGGUNA</span>
                              </div>
                              <div class="info-row">
                                 <div class="info-label">
                                    <span class="info-dot"></span>
                                    <span class="info-text">Minimal Deposit</span>
                                 </div>
                                 <span class="info-number">Rp 10.000</span>
                              </div>
                              <div class="info-row">
                                 <div class="info-label">
                                    <span class="info-dot"></span>
                                    <span class="info-text">Layanan Support</span>
                                 </div>
                                 <span class="info-number">24/7</span>
                              </div>
                              <div class="info-row">
                                 <div class="info-label">
                                    <span class="info-dot"></span>
                                    <span class="info-text">Platform</span>
                                 </div>
                                 <span class="info-number">Multi-Device</span>
                              </div>
                           </div>
                        </div>
                        <div class="bonus-wrap">
                           <div class="bonus-head">
                              <span class="gold-icon"></span>
                              <h3>PENAWARAN SPESIAL</h3>
                              <span class="gold-icon"></span>
                           </div>
                           <div class="bonus-list">
                              <div class="bonus-item">
                                 <p><span class="highlight-gold">CASHBACK HARIAN HINGGA 100%</span></p>
                              </div>
                              <div class="bonus-item">
                                 <p><span class="highlight-black">Promo Berlaku Setiap Hari</span></p>
                              </div>
                              <div class="bonus-item">
                                 <p><span class="highlight-black">Proses Klaim Mudah & Cepat</span></p>
                              </div>
                           </div>
                        </div>
                        <div class="cta-gold-section">
                           <div class="cta-buttons-gold">
                              <a href="https://raja.ma-cons-eau.com/" class="btn-gold btn-login-gold" title="Masuk akun">LOGIN</a>
                              <a href="https://raja.ma-cons-eau.com/" class="btn-gold btn-register-gold" title="Daftar sekarang">DAFTAR</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  </li>
                  </ul>
                  <div class="shura-slot">
      <div class="cyber-slot-machine">
          <h2 class="cyber-slot-title">🎰 LUCKY SLOT</h2>

          <div class="cyber-reels">
              <div class="cyber-reel"><div class="cyber-symbol"></div></div>
              <div class="cyber-reel"><div class="cyber-symbol"></div></div>
              <div class="cyber-reel"><div class="cyber-symbol"></div></div>
          </div>

          <button class="cyber-spin-btn" onclick="spinCyberReels()">SPIN 🎲</button>
          <div class="cyber-result"></div>
      </div>
  </div>
  <script>
const cyberSymbols = [
    "⚡", "💎", "🧬", "🪙", "👑", "7️⃣", "🔮", "☢️"
];

let cyberSpinCount = 0;

const cyberHookMessages = [
    "Hampir tembus! Coba spin sekali lagi.",
    "Sinyal jackpot mulai aktif, lanjutkan spin!",
    "Pola mulai terbaca, jangan berhenti sekarang.",
    "Satu langkah lagi menuju jackpot besar!",
    "Mesin sedang panas, spin berikutnya bisa jadi hoki.",
    "Energi bonus meningkat, coba tekan spin lagi!"
];

function spinCyberReels(){

    const reels = document.querySelectorAll(".cyber-reel");
    const resultEl = document.querySelector(".cyber-result");
    const button = document.querySelector(".cyber-spin-btn");

    cyberSpinCount++;

    resultEl.textContent = "";
    button.disabled = true;
    button.innerHTML = "◉ MEMINDAI...";

    let isJackpotSpin = cyberSpinCount % 3 === 0;

    let results;

    if(isJackpotSpin){
        const jackpotSymbol = cyberSymbols[Math.floor(Math.random() * cyberSymbols.length)];
        results = Array.from({ length: reels.length }, () => jackpotSymbol);
    }else{
        results = Array.from({ length: reels.length }, () =>
            cyberSymbols[Math.floor(Math.random() * cyberSymbols.length)]
        );

        while(results.every(s => s === results[0])){
            results = Array.from({ length: reels.length }, () =>
                cyberSymbols[Math.floor(Math.random() * cyberSymbols.length)]
            );
        }
    }

    reels.forEach((reel, index) => {

        const symbol = reel.querySelector(".cyber-symbol");

        let spin = setInterval(() => {
            symbol.textContent =
                cyberSymbols[Math.floor(Math.random() * cyberSymbols.length)];
        }, 70);

        setTimeout(() => {

            clearInterval(spin);
            symbol.textContent = results[index];

            if(index === reels.length - 1){

                button.disabled = false;
                button.innerHTML = "SPIN 🎲";

                if(isJackpotSpin){
                    resultEl.innerHTML = "⚡ JACKPOT AKTIF! CLAIM ⚡";
                }else{
                    resultEl.innerHTML =
                        cyberHookMessages[Math.floor(Math.random() * cyberHookMessages.length)];
                }
            }

        }, 1200 + index * 450);
    });
}
</script>
                  <p class="pd-select-option__alert-message">
                     <svg class="icon" focusable="false" viewbox="0 0 96 96">
                        <path d="M48 2.5c25.089 0 45.5 20.412 45.5 45.502C93.5 73.09 73.089 93.5 48 93.5S2.5 73.09 2.5 48.002C2.5 22.912 22.911 2.5 48 2.5zM51 40H39.542v6H45v30h6V40zm-4.002-21l-.217.005A5.005 5.005 0 0042 24a5.006 5.006 0 004.781 4.996l.217.005.217-.005a5.009 5.009 0 004.78-4.774l.005-.223-.005-.216a5.008 5.008 0 00-4.774-4.778L46.998 19z">
                        </path>
                     </svg>
                     <span class="pd-select-option__alert-span-text">
                     </span>
                  </p>
               </div>
            </div>
            <div class="pd-select-option option-bezelcolor bundle-group" id="option-bezelcolor" style="display: none;">
            </div>
            <div class="pd-select-option__eta-text text-type2 js-shippingOrBack" style="display: none;">
            </div>
            <div class="pd-select-option__eta-text js-deliveryMessage" style="display: none;">
            </div>
            <div class="pd-select-option trade-in off-change" id="trade-in" style="display: none;">
            </div>
            <div class="option-result__device-area" id="tradeInErrMsg" style="display: none;">
            </div>
            <div class="option-result result-trade-in option-result--content" style="display: none;">
            </div>
            <div class="pd-select-option option-between" style="display: none;">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline"> Pilih Antara Anda </h3>
               </div>
               <div class="pd-select-option__wrap">
               </div>
            </div>
            <div class="pd-select-option pd-select-option--delivery-detail" style="display: none;">
            </div>
            <div class="option-result result-delivery" style="display: none;">
            </div>
            <div class="pd-select-option pd-select-option__extra-benefit" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-tariff" style="display: none;">
            </div>
            <div class="option-result result-tariff-option" style="display: none;">
            </div>
            <div class="pd-select-option option-offer-finance" style="display: none;">
            </div>
            <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
            <div class="pd-select-option off-change option-care" style="display: none;">
            </div>
            <div class="option-result-dev result-care" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-new-assured-buy-back" style="display: none;">
            </div>
            <div class="option-result-dev result-option-new-assured-buy-back" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-warranty" style="display: none;">
            </div>
            <div class="option-result result-warranty" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-warranty-vd" style="display: none;">
            </div>
            <div class="option-result option-result--extended-warranty-option" style="display: none;">
            </div>
            <div class="pd-select-option option-embed-addon" style="display: none;">
            </div>
            <!-- CRHQ-2498 PrePurchase Check, 20241122 by mati namgab - VD and DA 영역 Start -->
            <!-- CRHQ-2498 Pre-purchase Check, 20241031 by mati namgab - VD and DA 영역 Start -->
            <div class="pd-select-option pd-select-option--type-offer-text" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program" style="display: none;">
            </div>
            <div class="option-result result-upgrade" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-galaxy-forever" style="display: none;">
            </div>
            <div class="option-result result-galaxy-forever" style="display: none;">
            </div>
            <div class="pd-select-option off-change option-assured-buy-back" style="display: none;">
            </div>
            <div class="option-result-dev result-option-assured-buy-back" style="display: none;">
            </div>
            <div class="option-divider emi-links" style="display: none;">
            </div>
            <div class="pd-buying-tool__emi-calculator" style="display: none;">
            </div>
         </div>
         <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sg-pdh-order-summary">
         </div>
         <div aria-modal="true" class="add-on__layer-learn-more" id="addOnLayerPopupLearnMore" role="dialog">
            <div class="add-on-popup">
               <div class="add-on-popup__inner">
                  <h2 class="add-on-popup__title">
                  </h2>
                  <div class="add-on-popup__contents scrollbar">
                     <div class="scrollbar__contents">
                        <div class="add-on__learn-more-images">
                        </div>
                        <div class="add-on__learn-more-content">
                        </div>
                     </div>
                  </div>
                  <button class="add-on-popup__close" type="button">
                  <span class="hidden"> Layer Popup Close </span>
                  </button>
               </div>
            </div>
         </div>
         <!-- SCZ -->
         <script data-id="aac44b1f-0962-428e-af28-1f4e53562d11" data-object-type="Product" data-type="seo" type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "Product",
                "brand": {
                    "@type": "Brand",
                    "name": "Samsung"
                },
                "aggregateRating": {
                    "@type": "AggregateRating",
                    "ratingValue": "5.0",
                    "ratingCount": "6"
                },
                "@id": "https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/",
                "name": "Galaxy A07",
                "image": "https://i.ibb.co/xSX5T7SM/d59dj.png",
                "description": "Slot - Lihat keunggulan dan fitur lengkap produk ini. Pelajari harga, spesifikasi dan temukan produk terbaru serta  Smartphones terbaik untuk Anda di Samsung Indonesia.",
                "sku": "MS-F813QBDUIDZ",
                "offers": {
                    "@type": "Offer",
                    "url": "https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/",
                    "priceCurrency": "IDR",
                    "availability": "inStock",
                    "price": "1399000"
                }
            }
         </script>
         <!--googleoff: all true-->
         <div class="sdf-component-templates" id="sg-pdh-dynamic-template-assembly">
            <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sdf-component-template" data-sdf-template="buyingPrice @ price" data-sdf-unwrap="true">
               <div class="hdd02-buying-tool__summary">
                  <div class="summary">
                     <div class="summary__product-wrap">
                        <strong class="summary__product-name"> Apk Slot </strong>
                        <p class="summary__product-price" style="display:none;">
                           {{price.priceWrapper.info.salePriceFormatted}}
                        </p>
                     </div>
                     <div class="summary__select-option-wrap">
                        <span class="summary__select-option"> Resmi </span>
                        <span class="summary__select-option"> Apk Slot </span>
                        <span class="summary__select-option"> Terbaru </span>
                     </div>
                     <div data-sdf-attr.class="summary__product-wrap" data-sdf-repeat.item="{{price.summaryArea.embedAddonSelected}}">
                        <p data-sdf-attr.class="summary__product-name">
                           {{item.name}}
                        </p>
                        <p data-sdf-attr.class="summary__product-price">
                           {{item.summaryPrice}}
                        </p>
                     </div>
                     <div class="summary__product-wrap warranty-wrap">
                     </div>
                  </div>
                  <div class="cost-box cost-box--default">
                     <em class="cost-box__badge">
                     </em>
                     <p class="cost-box__price" data-total-price="1399000">
                        <strong class="cost-box__price-now" style="font-size: 20px; text-align: justify;"> D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini. </strong>
                     </p>
                     <div class="cost-box__cta-wrap">
                        <span class="cost-box__cta">
                        <a href="https://www.ma-cons-eau.com/" class="cta cta--contained cta--emphasis add-special-tagging"> Masuk/Daftar </a>
                        </span>
                     </div>
                  </div>
               </div>
            </div>
            <div class="pd-info__wishlist sdf-component-template" data-sdf-template="wishlist @ drawObj" data-sdf-unwrap="true">
               <a aria-selected="{{wishList.isSelected}}" class="pd-wishlist-cta js-layer-open {{wishList.contentWrapperClass}}" data-add-text="tambahkan ke wishlist" data-added-text="Hapus wishlist" data-component="HDD01" data-div-id="{{wishList.targetId}}" data-modelcode="{{wishList.moCode}}" data-modeldisplay="galaxy a07" data-modelname="{{wishList.moName}}" data-pimsubtype="galaxy a" data-product-name="{{wishList.moName}}" data-pvisubtype="smartphone" data-pvitype="mobile" data-sdf-attr.data-modelprice="{{wishList.price}}" data-stock="{{wishList.stockLevelStatus}}" data-target-popup="wishPopup" href="javascript:void(0);" role="button">
                  <span class="hidden"> WishList </span>
                  <svg class="icon unselect" focusable="false" viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
                     <path d="M82.659 46.562c-.237.336-1.321 1.867-1.736 2.413-6.187 8.141-26.914 24.719-32.859 29.329L48 78.25l-.064.054c-5.945-4.61-26.672-21.188-32.857-29.327a136.36 136.36 0 01-1.737-2.415A19.366 19.366 0 0110.5 36.449c0-10.729 8.748-19.457 19.5-19.457a19.549 19.549 0 0115.957 8.28L48 28.171l2.044-2.899A19.548 19.548 0 0166 16.992c10.753 0 19.5 8.728 19.5 19.457 0 3.577-.982 7.072-2.841 10.113M66 11.992a24.556 24.556 0 00-18 7.875 24.552 24.552 0 00-18-7.875c-13.509 0-24.5 10.971-24.5 24.457 0 4.53 1.254 8.957 3.625 12.802l.086.13s1.391 1.967 1.885 2.619c3.235 4.257 10.172 10.853 20.619 19.603a514.58 514.58 0 0010.291 8.386c4.905 3.893 4.905 3.893 5.706 3.986l.288.033.289-.033c.8-.093.8-.093 5.706-3.986a517.926 517.926 0 0010.29-8.386c10.447-8.75 17.384-15.346 20.62-19.604.494-.651 1.884-2.618 1.884-2.618l.086-.13A24.365 24.365 0 0090.5 36.449c0-13.486-10.99-24.457-24.5-24.457">
                     </path>
                  </svg>
                  <svg class="icon select" focusable="false" viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
                     <path d="M48.002 84.009l-.298-.035c-.796-.096-.796-.096-5.698-3.986a514.58 514.58 0 01-10.291-8.386c-10.447-8.75-17.384-15.346-20.618-19.603-.495-.651-1.886-2.62-1.886-2.62l-.085-.129A24.366 24.366 0 015.5 36.448c0-13.486 10.991-24.457 24.5-24.457 6.87 0 13.392 2.896 18 7.875a24.56 24.56 0 0118-7.875c13.51 0 24.5 10.971 24.5 24.457 0 4.53-1.253 8.957-3.625 12.802l-.085.129s-1.391 1.969-1.886 2.62c-3.234 4.257-10.172 10.853-20.618 19.603a514.58 514.58 0 01-10.291 8.386c-4.901 3.89-4.901 3.89-5.696 3.985l-.297.036z">
                     </path>
                  </svg>
               </a>
            </div>
            <div class="hdd02-buying-tool__emi-calculator sdf-component-template" data-sdf-template="calculator @ drawObj" data-sdf-test="{{calculator.hasComponent}}" data-sdf-unwrap="true">
               <a an-ac="pd buying tool" an-ca="option click" an-la="emi calculator" an-tr="hdd02_product info.-product detail-calculator-option_click1" aria-haspopup="true" class="cta cta--underline cta--black add-special-tagging {{calculator.emiAttr.class}}" data-sdf-attr.data-target-popup="{{calculator.emiAttr.layerTarget}}" data-sdf-attr.href="{{calculator.emiAttr.href}}" data-sdf-attr.target="{{calculator.emiAttr.target}}" data-sdf-attr.title="{{calculator.emiAttr.title}}">
               {{calculator.emiAttr.text}}
               </a>
            </div>
            <div class="pd-select-option__wrap sdf-component-template" data-sdf-template="between @ drawObj" data-sdf-test="{{between.hasComponent}}" data-sdf-unwrap="true">
               <ul class="pd-select-option__list" role="list">
                  <li class="pd-select-option__item selected" role="listitem">
                     <div class="pd-option-selector">
                        <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:no" an-tr="header(pim)_option selector-product detail-select-service option" checked="checked" class="hidden option-input add-special-tagging" id="pd-leasing-0" name="pd-leasing" type="radio" />
                        <label class="pd-option-selector__label" for="pd-leasing-0">
                        <span class="pd-option-selector__text-wrap">
                        <span class="pd-option-selector__text">
                        <strong class="pd-option-selector__main-text">
                        {{between.purchase.text}}
                        </strong>
                        </span>
                        </span>
                        </label>
                     </div>
                  </li>
                  <li class="pd-select-option__item" role="listitem">
                     <div class="pd-option-selector">
                        <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-monthly-value="{{between.nonPurchase.monthlyValue}}" data-payment-value="{{between.nonPurchase.paymentValue}}" data-sdf-attr.data-leaseing="{{between.nonPurchase.dataLeaseing}}" data-tenure-unit="{{between.nonPurchase.tenureUnit}}" data-tenure-value="{{between.nonPurchase.tenureValue}}" id="pd-leasing-1" name="pd-leasing" type="radio" />
                        <label class="pd-option-selector__label" for="pd-leasing-1">
                        <span class="pd-option-selector__text-wrap">
                        <span class="pd-option-selector__text">
                        <strong class="pd-option-selector__main-text">
                        {{between.nonPurchase.text}}
                        </strong>
                        </span>
                        </span>
                        </label>
                     </div>
                  </li>
               </ul>
            </div>
            <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program sdf-component-template" data-sdf-template=" upgrade @ drawObj" data-sdf-test="{{upgrade.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{upgrade.title}}">
                     {{upgrade.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{upgrade.learnMoreCta.text}}">
                  <a an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{upgrade.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{upgrade.learnMoreCta.href}}" data-sdf-attr.target="{{upgrade.learnMoreCta.target}}" data-sdf-attr.title="{{upgrade.learnMoreCta.title}}">
                  {{upgrade.learnMoreCta.text}}
                  </a>
                  </span>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{upgrade.description}}">
                  {{upgrade.description}}
               </p>
               <div class="pd-select-option__wrap" data-sdf-test="{{upgrade.isNotEmbededType}}">
                  <ul class="pd-select-option__list" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.yesAttr.class}}" data-target-popup="{{upgrade.yesAttr.layerTarget}}" id="pd-samsung-upgrade-0" name="pd-samsung-upgrade" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-upgrade-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{upgrade.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{upgrade.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.noAttr.class}}" data-event-type="{{upgrade.noAttr.eventType}}" data-target-popup="{{upgrade.noAttr.layerTarget}}" id="pd-samsung-upgrade-1" name="pd-samsung-upgrade" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-upgrade-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{upgrade.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
               <p class="pd-select-option__desc selected-disclaimer">
               </p>
            </div>
            <div class="option-result result-upgrade sdf-component-template" data-sdf-template=" upgradeResult @ drawObj " data-sdf-test="{{upgradeResult.isGp}}" data-sdf-unwrap="true">
               <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{upgradeResult.dataId}}" data-sdf-attr.data-price="{{upgradeResult.dataPrice}}">
                  <p class="option-result__text-title" data-sdf-test="{{upgradeResult.displayModelName}}">
                     {{upgradeResult.displayModelName}}
                  </p>
                  <p class="option-result__text" data-sdf-test="{{upgradeResult.discountText1}}">
                     {{upgradeResult.discountText1}}
                  </p>
               </div>
               <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}">
                  <p class="option-result__desc">
                     {{upgradeResult.description1}}
                  </p>
                  <p class="option-result__desc">
                     {{upgradeResult.description2}}
                  </p>
               </div>
               <a class="option-result__close remove-upgrade-result" href="javascript:void(0)">
                  <span class="hidden"> Tutup </span>
                  <svg class="icon" focusable="false" viewbox="0 0 96 96">
                     <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
                     </path>
                  </svg>
               </a>
            </div>
            <div class="option-result result-upgrade hidden sdf-component-template" data-sdf-template="upgradeResultHybris @ drawObj " data-sdf-test="{{upgradeResultHybris.isHybris}}" data-sdf-unwrap="true">
               <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}">
                  <p class="option-result__desc">
                     {{upgradeResult.description1}}
                  </p>
                  <p class="option-result__desc">
                     {{upgradeResult.description2}}
                  </p>
               </div>
            </div>
            <div class="pd-select-option option-offer-finance sdf-component-template" data-sdf-template="offerFinance @ drawObj" data-sdf-test="{{offerFinance.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline">
                     {{offerFinance.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap">
                  <a an-ac="pd buying tool" an-ca="option click" an-la="samsung finance:learn more" an-tr="header(pim)_option selector-product detail-select-service option" class="cta cta--underline cta--black" data-sdf-attr.href="{{offerFinance.learnMoreCta.href}}" rel="nofollow" role="button" target="{{offerFinance.learnMoreCta.target}}">
                  {{offerFinance.learnMoreCta.text}}
                  </a>
                  </span>
               </div>
               <p class="pd-select-option__desc">
                  {{offerFinance.description}}
               </p>
            </div>
            <div class="pd-select-option option-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForever @ drawObj" data-sdf-test="{{galaxyForever.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{galaxyForever.title}}">
                     {{galaxyForever.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{galaxyForever.learnMoreCta.text}}">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{ galaxyForever.learnMoreCta.isNotOutLink}}" rel="nofollow">
                     {{galaxyForever.learnMoreCta.text}}
                     </button>
                     <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{galaxyForever.learnMoreCta.isOutLink}}">
                        {{galaxyForever.learnMoreCta.text}}
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#outlink-bold" xlink:href="#outlink-bold">
                           </use>
                        </svg>
                     </a>
                  </span>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{galaxyForever.description}}">
                  {{galaxyForever.description}}
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.yesAttr.class}}" data-layer-target="{{galaxyForever.yesAttr.layerTarget}}" id="pd-samsung-galaxy-forever-0" name="pd-samsung-galaxy-forever" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{galaxyForever.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{galaxyForever.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.noAttr.class}}" data-event-type="{{galaxyForever.noAttr.eventType}}" data-layer-target="{{galaxyForever.noAttr.layerTarget}}" id="pd-samsung-galaxy-forever-1" name="pd-samsung-galaxy-forever" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{galaxyForever.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result result-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForeverResult @ drawObj " data-sdf-unwrap="true">
               <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{galaxyForeverResult.dataId}}" data-sdf-attr.data-price="{{galaxyForeverResult.dataPrice}}">
                  <p class="option-result__text-title" data-sdf-test="{{galaxyForeverResult.displayModelName}}">
                     {{galaxyForeverResult.displayModelName}}
                  </p>
                  <p class="option-result__text" data-sdf-test="{{galaxyForeverResult.discountText1}}">
                     {{galaxyForeverResult.discountText1}}
                  </p>
               </div>
               <div class="option-result__desc-wrap" data-sdf-test="{{galaxyForeverResult.description1}}">
                  <p class="option-result__desc">
                     {{galaxyForeverResult.description1}}
                  </p>
                  <p class="option-result__desc">
                     {{galaxyForeverResult.description2}}
                  </p>
               </div>
               <a class="option-result__close remove-forever-result" href="javascript:void(0)">
                  <span class="hidden"> Tutup </span>
                  <svg class="icon" focusable="false" viewbox="0 0 96 96">
                     <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
                     </path>
                  </svg>
               </a>
            </div>
            <div class="pd-select-option option-bezelcolor bundle-group sdf-component-template" data-sdf-template="bezelOption @ drawObj" data-sdf-test="{{bezelOption.hasComponent}}" data-sdf-unwrap="true">
               <div data-sdf-test="{{bezelOption.bezel}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__headline-wrap">
                     <h3 class="pd-select-option__headline"> Pilih warna Anda </h3>
                  </div>
                  <p class="pd-select-option__desc"> Bezel yang dapat disesuaikan dijual terpisah </p>
                  <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}">
                     <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list">
                        <li class="pd-select-option__item" role="listitem">
                           <div class="pd-option-selector">
                              <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" for="pd-color-multi-0">
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text"> Tidak ada warna <i> (Default) </i>
                              </span>
                              </span>
                              </label>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
               <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__headline-wrap">
                     <h3 class="pd-select-option__headline"> Pilih warna skin Anda </h3>
                  </div>
                  <p class="pd-select-option__desc"> Skin yang dapat disesuaikan, dijual terpisah </p>
                  <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}">
                     <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list">
                        <li class="pd-select-option__item" role="listitem">
                           <div class="pd-option-selector">
                              <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" for="pd-color-multi-0">
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text"> Putih <i> (termasuk) </i>
                              </span>
                              </span>
                              </label>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
               <div data-sdf-test="{{bezelOption.noneType}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__wrap">
                     <ul class="pd-select-option__list pd-select-option__list--color" role="list">
                        <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.noneTypeList}}" role="listitem">
                           <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
                              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:none type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
                              <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
                              </span>
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text">
                              {{item.name}}
                              </span>
                              </span>
                              </label>
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
                                 <div class="pd-option-selector__img-wrap">
                                    <div data-sdf-attr.class="image">
                                       <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                    </div>
                                 </div>
                              </label>
                           </div>
                           <p class="pd-select-option__item-option-text">
                              {{item.name}}
                           </p>
                           <p class="pd-select-option__item-notice"> Habis </p>
                        </li>
                     </ul>
                  </div>
               </div>
               <div data-sdf-test="{{bezelOption.modernType}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__sub-headline-wrap">
                     <h4 class="pd-select-option__sub-headline"> Jenis modern </h4>
                     <button aria-haspopup="true" aria-label="MordernType information details" class="pd-select-option__info-link" data-target-popup="mordernType" type="button">
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#info-regular" xlink:href="#info-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
                  <div class="pd-select-option__wrap">
                     <ul class="pd-select-option__list pd-select-option__list--color" role="list">
                        <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.modernTypeList}}" role="listitem">
                           <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
                              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
                              <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
                              </span>
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text">
                              {{item.name}}
                              </span>
                              </span>
                              </label>
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
                                 <div class="pd-option-selector__img-wrap">
                                    <div data-sdf-attr.class="image">
                                       <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                    </div>
                                 </div>
                              </label>
                           </div>
                           <p class="pd-select-option__item-option-text">
                              {{item.name}}
                           </p>
                           <p class="pd-select-option__item-notice"> Habis </p>
                        </li>
                     </ul>
                  </div>
               </div>
               <div data-sdf-test="{{bezelOption.beveledType}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__sub-headline-wrap">
                     <h4 class="pd-select-option__sub-headline"> Jenis bevel </h4>
                     <button aria-haspopup="true" aria-label="Type information details" class="pd-select-option__info-link" data-target-popup="beveledType" type="button">
                        <span class="hidden"> Type information details </span>
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#info-regular" xlink:href="#info-regular">
                           </use>
                        </svg>
                     </button>
                  </div>
                  <div class="pd-select-option__wrap">
                     <ul class="pd-select-option__list pd-select-option__list--color" role="list">
                        <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.beveledTypeList}}" role="listitem">
                           <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
                              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:beveled type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi2-{{item.index}}" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi2-{{item.index}}">
                              <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
                              </span>
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text">
                              {{item.name}}
                              </span>
                              </span>
                              </label>
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi2-{{item.index}}">
                                 <div class="pd-option-selector__img-wrap">
                                    <div data-sdf-attr.class="image">
                                       <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                    </div>
                                 </div>
                              </label>
                           </div>
                           <p class="pd-select-option__item-option-text">
                              {{item.name}}
                           </p>
                           <p class="pd-select-option__item-notice"> Habis </p>
                        </li>
                     </ul>
                  </div>
               </div>
               <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true">
                  <div class="pd-select-option__sub-headline-wrap">
                     <h4 class="pd-select-option__sub-headline"> Warna skin </h4>
                  </div>
                  <div class="pd-select-option__wrap">
                     <ul class="pd-select-option__list pd-select-option__list--color" role="list">
                        <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.freestyleList}}" role="listitem">
                           <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
                              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio" />
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
                              <span class="pd-option-selector__color" data-sdf-attr.style="background: {{item.value}}">
                              </span>
                              <span class="pd-option-selector__text-wrap">
                              <span class="pd-option-selector__text">
                              {{item.name}}
                              </span>
                              </span>
                              </label>
                              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
                                 <div class="pd-option-selector__img-wrap">
                                    <div data-sdf-attr.class="image">
                                       <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                    </div>
                                 </div>
                              </label>
                           </div>
                           <p class="pd-select-option__item-option-text">
                              {{item.name}}
                           </p>
                           <p class="pd-select-option__item-notice"> Habis </p>
                        </li>
                     </ul>
                  </div>
               </div>
               <div class="pd-select-option__bezel-type-popup" id="mordernType" role="dialog">
                  <div class="layer-popup">
                     <div class="layer-popup__inner">
                        <h2 class="layer-popup__title"> Jenis bezel </h2>
                        <div class="layer-popup__contents scrollbar">
                           <div class="scrollbar__contents">
                              <div data-sdf-attr.class="pd-selector-option__bezel-image">
                                 <div data-sdf-attr.class="image">
                                    <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img" />
                                    <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                 </div>
                              </div>
                              <ul class="pd-selector-option__bezel-list">
                                 <li class="pd-selector-option__bezel-item">
                                    <strong class="pd-selector-option__bezel-title"> Jenis modern </strong>
                                    <p class="pd-selector-option__bezel-description"> Bezel kustom pada The Frame terpasang pada tempatnya secara magnetis. Sekarang, Anda dapat berganti gaya dalam sekejap. </p>
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <button class="layer-popup__close" type="button">
                           <span class="hidden"> Layer Popup Close </span>
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#delete-bold" xlink:href="#delete-bold">
                              </use>
                           </svg>
                        </button>
                     </div>
                  </div>
               </div>
               <div class="pd-select-option__bezel-type-popup" id="beveledType" role="dialog">
                  <div class="layer-popup">
                     <div class="layer-popup__inner">
                        <h2 class="layer-popup__title"> Jenis bezel </h2>
                        <div class="layer-popup__contents scrollbar">
                           <div class="scrollbar__contents">
                              <div class="pd-selector-option__bezel-image">
                                 <div data-sdf-attr.class="image">
                                    <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img" />
                                    <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img" />
                                 </div>
                              </div>
                              <ul class="pd-selector-option__bezel-list">
                                 <li class="pd-selector-option__bezel-item">
                                    <strong class="pd-selector-option__bezel-title"> Jenis bevel </strong>
                                    <p class="pd-selector-option__bezel-description"> Desain bezel jenis bevel yang baru menawarkan tepi bezel dalam sudut 45 derajat yang elegan. </p>
                                 </li>
                              </ul>
                           </div>
                        </div>
                        <button class="layer-popup__close" type="button">
                           <span class="hidden"> Layer Popup Close </span>
                           <svg aria-hidden="true" class="icon" focusable="false">
                              <use href="#delete-bold" xlink:href="#delete-bold">
                              </use>
                           </svg>
                        </button>
                     </div>
                  </div>
               </div>
            </div>
            <div class="pd-select-option__eta-text text-type2 js-shippingOrBack sdf-component-template" data-sdf-template="shippingOrBack @ drawObj" data-sdf-test="{{shippingOrBack.hasComponent}}" data-sdf-unwrap="true">
               <svg aria-hidden="true" class="icon" focusable="false">
                  <use href="#in-stock-regular" xlink:href="#in-stock-regular">
                  </use>
               </svg>
               <span>
               {{shippingOrBack.shippingOrBack}}
               </span>
            </div>
            <div class="pd-select-option__eta-text js-deliveryMessage sdf-component-template" data-sdf-template="deliveryMessage @ drawObj" data-sdf-test="{{deliveryMessage.hasComponent}}" data-sdf-unwrap="true">
               <svg aria-hidden="true" class="icon" focusable="false">
                  <use href="#in-stock-regular" xlink:href="#in-stock-regular">
                  </use>
               </svg>
               <span>
               {{deliveryMessage.deliveryMessage}}
               </span>
            </div>
            <div class="pd-select-option trade-in sdf-component-template" data-sdf-template=" tradeIn @ drawObj" data-sdf-test="{{tradeIn.hasComponent}}" data-sdf-unwrap="true" id="trade-in">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{tradeIn.title}}">
                     {{tradeIn.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{tradeIn.learnMoreCta.text}}">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isNotOutLink}}" rel="nofollow">
                     {{tradeIn.learnMoreCta.text}}
                     </button>
                     <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isOutLink}}" rel="nofollow">
                        {{tradeIn.learnMoreCta.text}}
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#outlink-bold" xlink:href="#outlink-bold">
                           </use>
                        </svg>
                     </a>
                  </span>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{tradeIn.description}}">
                  {{tradeIn.description}}
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="hidden option-input add-special-tagging {{tradeIn.yesAttr.class}}" data-event-type="{{tradeIn.yesAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.yesAttr.layerTarget}}" id="pd-trade-in-0" name="pd-trade-in" type="radio" />
                           <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{tradeIn.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{tradeIn.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                           <a class="pd-option-selector__link" data-sdf-attr.href="{{tradeIn.yesAttr.href}}" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" rel="nofollow" target="_blank">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{tradeIn.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{tradeIn.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </a>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input option-result-focus add-special-tagging {{tradeIn.noAttr.class}}" data-event-type="{{tradeIn.noAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.noAttr.layerTarget}}" id="pd-trade-in-1" name="pd-trade-in" type="radio" />
                           <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{tradeIn.noAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{tradeIn.noAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                           <a class="pd-option-selector__link" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" href="javascript:void(0);">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{tradeIn.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </a>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result__device-area sdf-component-template" data-sdf-template=" tradeInErrMsg @ drawObj" data-sdf-test="{{tradeInErrMsg.hasComponent}}" data-sdf-unwrap="true">
               <p class="option-result__message option-result__message--error">
                  <span class="option-result__message-inner">
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#info-bold" xlink:href="#info-bold">
                        </use>
                     </svg>
                     You have maximum number of Trade-in in cart already. If you wish to add in Trade-in, please remove from cart.
                  </span>
               </p>
            </div>
            <div class="option-result result-trade-in option-result--content sdf-component-template" data-sdf-template=" tradeInResult @ drawObj" data-sdf-unwrap="true">
               <div class="option-result__multiple result-price" data-sdf-attr.data-cart-id="{{tradeInResult.dataQuoteId}}" data-sdf-attr.data-cash-back-price="{{tradeInResult.dataCashBack}}" data-sdf-attr.data-id="{{tradeInResult.dataId}}" data-sdf-attr.data-is-instant="{{tradeInResult.isUpfront}}" data-sdf-attr.data-price="{{tradeInResult.dataPrice}}">
                  <p class="option-result__multiple-result"> Selamat, Anda telah mendapatkan diskon tukar tambah. </p>
                  <ul>
                     <li class="option-result__multiple-item" data-sdf-repeat.item="{{tradeInResult.list}}">
                        <p class="option-result__multiple-price-wrap">
                           <em class="option-result__multiple-price-title">
                           {{item.discountPriceTextTile}}
                           </em>
                           <span class="option-result__multiple-price">
                           {{item.discountPriceText}}
                           </span>
                           <span class="option-result__multiple-exchange">
                           {{item.discountText1}}
                           </span>
                           <span class="option-result__multiple-discount" data-sdf-test="{{item.abondementAmountText}}">
                           {{item.abondementAmountText}}
                           </span>
                           <span class="option-result__multiple-discount" data-sdf-test="{{item.spotGuaranteeAmountText}}">
                           {{item.spotGuaranteeAmountText}}
                           </span>
                           <span class="option-result__multiple-exchange" data-sdf-test="{{item.tradeinValueText}}">
                           {{item.tradeinValueText}}
                           </span>
                           <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveTradeinUnitOfferText}}">
                           {{item.exclusiveTradeinUnitOfferText}}
                           </span>
                           <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinOfferTextShow}}">
                           {{item.extraTradeinOfferText}}
                           </span>
                           <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveChannerTradeinOfferTextShow}}">
                           {{item.exclusiveChannerTradeinOfferText}}
                           </span>
                           <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinVoucherTextShow}}">
                           {{item.extraTradeinVoucherText}}
                           </span>
                           <span class="option-result__multiple-discount">
                           {{item.specialDiscountText}}
                           </span>
                        </p>
                        <p class="option-result__multiple-text">
                           {{item.displayModelName}}
                        </p>
                        <p class="option-result__multiple-btn">
                           <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:delete" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-delete remove-trade-in-result" data-trade-index="{{item.index}}"> Hapus </button>
                           <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:change" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-change open-trade-popup" data-trade-index="{{item.index}}"> Ubah </button>
                        </p>
                     </li>
                  </ul>
               </div>
               <p class="option-result__multiple-desc desc-target"> Harga akan bervariasi berdasarkan model dan kondisi perangkat lama. *S&amp;K berlaku. </p>
               <p class="pd-select-option__alert-text alert-text" style="display: none;">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#information-error-bold" xlink:href="#information-error-bold">
                     </use>
                  </svg>
                  The device you are trading in is more valuable than the phone you are buying. Unfortunately we cannot credit you the excess value, so please remove the trade in device, or change the device you are purchasing
               </p>
               <p class="pd-select-option__alert-text over-price-alert into-text" style="display: none;">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#info-bold" xlink:href="#info-bold">
                     </use>
                  </svg>
                  Perangkat lama Anda memiliki harga tukar yang lebih besar dari harga Galaxy baru yang akan Anda beli. Kelebihan harga tukar ini tidak dapat diuangkan ataupun dikembalikan.
               </p>
               <div class="pd-select-option__cta">
                  <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:add another trade-in" an-tr="header(pim)_trade in-product detail-option-click" aria-label="Link Title" class="cta cta--outlined cta--black open-trade-popup limit-count" href="javascript:void(0)"> Tambah Trade-in </a>
               </div>
            </div>
            <div class="pd-select-option pd-select-option--check-dealer-stock sdf-component-template" data-sdf-template="checkDealerStock @ drawObj" data-sdf-test="{{checkDealerStock.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline"> Dealer stock quantity </h3>
               </div>
               <p class="pd-select-option__desc"> You can check the stock quantity for each region </p>
               <p class="pd-select-option__notice pd-select-option__notice--normal">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#information-error-bold" xlink:href="#information-error-bold">
                     </use>
                  </svg>
                  Please select city
               </p>
               <div class="pd-select-option__wrap">
                  <div class="pd-select-option__menu pd-select-option__menu--placeholder">
                     <div class="menu filled" data-comp-name="menu" data-open-direction="down" data-type="filled">
                        <select aria-hidden="true" class="menu__select" data-default-message="{{checkDealerStock.selectCity}}" name="check-dealer-stock" tabindex="-1">
                           <option data-sdf-test="{{checkDealerStock.selectCity}}" disabled="" value="select City">
                              {{checkDealerStock.selectCity}}
                           </option>
                           <option data-sdf-repeat.item="{{checkDealerStock.dataList}}" value="{{item.isocodeShort}}">
                              {{item.name}}
                           </option>
                        </select>
                        <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field" type="button">
                           <span class="menu__select-field-text"> Select city </span>
                           <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
                              <use href="#open-down-bold" xlink:href="#open-down-bold">
                              </use>
                           </svg>
                           <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
                              <use href="#close-up-bold" xlink:href="#close-up-bold">
                              </use>
                           </svg>
                        </button>
                     </div>
                  </div>
                  <p class="pd-select-option__check-message pd-select-option__check-message--success">
                     <span> Only {0} left in stock. </span>
                  </p>
                  <p class="pd-select-option__check-message pd-select-option__check-message--error">
                     <span> Sorry, this product is not currently available in selected city. </span>
                  </p>
               </div>
            </div>
            <div class="pd-select-option off-change option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBack @ drawObj" data-sdf-test="{{assuredBuyBack.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{assuredBuyBack.title}}">
                     {{assuredBuyBack.title}}
                  </h3>
               </div>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{assuredBuyBack.noAttr.eventType}}" id="pd-galaxy-assured-0" name="pd-galaxy-assured" type="radio" />
                           <label class="pd-option-selector__label" for="pd-galaxy-assured-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text"> Tanpa perlindungan extra </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input open-popup add-special-tagging" data-target-popup="{{assuredBuyBack.yesAttr.layerTarget}}" id="pd-galaxy-assured-1" name="pd-galaxy-assured" type="radio" />
                           <label class="pd-option-selector__label" for="pd-galaxy-assured-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text" data-sdf-test="{{assuredBuyBack.yesAttr.text}}">
                           {{assuredBuyBack.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text" data-sdf-test="{{assuredBuyBack.yesAttr.subText}}">
                           {{assuredBuyBack.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result-dev result-option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBackResult @ drawObj" data-sdf-unwrap="true">
               <input class="hidden result-price" data-sdf-attr.data-price="{{assuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{assuredBuyBackResult.dataSalePrice}}" type="hidden" />
            </div>
            <div class="pd-select-option off-change option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBack @ drawObj" data-sdf-test="{{newAssuredBuyBack.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{newAssuredBuyBack.title}}">
                     {{newAssuredBuyBack.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{newAssuredBuyBack.learnMoreCta.text}}">
                  <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:learn more" an-tr="header(pim)_option selector-product detail-select-service option" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{newAssuredBuyBack.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{newAssuredBuyBack.learnMoreCta.href}}" data-sdf-attr.target="{{newAssuredBuyBack.learnMoreCta.target}}" data-sdf-attr.title="{{newAssuredBuyBack.learnMoreCta.title}}">
                  {{newAssuredBuyBack.learnMoreCta.text}}
                  </a>
                  </span>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{newAssuredBuyBack.description}}">
                  {{newAssuredBuyBack.description}}
               </p>
               <p class="pd-select-option__notice">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#information-error-bold" xlink:href="#information-error-bold">
                     </use>
                  </svg>
                  Please select Slot Assured Buyback or no coverage
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
                     <li class="pd-select-option__item" data-sdf-repeat.item="{{newAssuredBuyBack.itemSet}}" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input open-popup add-special-tagging" id="pd-galaxy-new-assured-{{item.index}}" name="pd-galaxy-new-assured" type="radio" />
                           <label class="pd-option-selector__label" for="pd-galaxy-new-assured-{{item.index}}">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text" data-sdf-test="{{item.title}}">
                           {{item.title}}
                           </strong>
                           <span class="pd-option-selector__sub-text" data-sdf-test="{{item.priceDisplay}}">
                           {{item.priceDisplay}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:no" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-event-type="{{newAssuredBuyBack.noAttr.eventType}}" id="pd-galaxy-new-assured-0" name="pd-galaxy-new-assured" type="radio" />
                           <label class="pd-option-selector__label" for="pd-galaxy-new-assured-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{newAssuredBuyBack.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result-dev result-option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBackResult @ drawObj" data-sdf-unwrap="true">
               <input class="hidden result-price" data-sdf-attr.data-display-name="{{newAssuredBuyBackResult.dataDisplayName}}" data-sdf-attr.data-display-price="{{newAssuredBuyBackResult.dataDisplayPrice}}" data-sdf-attr.data-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.model-code="{{newAssuredBuyBackResult.dataModelCode}}" data-sdf-attr.model-name="{{newAssuredBuyBackResult.dataModelName}}" type="hidden" />
            </div>
            <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
            <div class="pd-select-option option-care sdf-component-template" data-sdf-template=" care @ drawObj" data-sdf-test="{{care.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{care.title}}"> Benefits of Slot </h3>
                  <button an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isNotOutLink}}">
                  {{care.learnMoreCta.text}}
                  </button>
                  <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{care.learnMoreCta.href}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isOutLink}}" rel="nofollow">
                     {{care.learnMoreCta.text}}
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#outlink-bold" xlink:href="#outlink-bold">
                        </use>
                     </svg>
                  </a>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{care.description}}"> D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi </p>
               <p class="pd-select-option__notice pd-select-option__notice--normal checkingSamsungCare">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#information-error-bold" xlink:href="#information-error-bold">
                     </use>
                  </svg>
                  Tambah Samsung Care+ atau lanjutkan tanpa perlindungan extra
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list pd-select-option__list--wide pd-select-option__list--samsung-care" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-care-0">
                              <span class="pd-option-selector__text-wrap">
                                 <span class="pd-option-selector__text">
                                    <strong class="pd-option-selector__main-text"> Akses Cepat & Stabil </strong>
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                 </span>
                              </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-care-0">
                              <span class="pd-option-selector__text-wrap">
                                 <span class="pd-option-selector__text">
                                    <strong class="pd-option-selector__main-text"> Banyak Provider & Game Populer </strong>
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                 </span>
                              </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-care-1">
                              <span class="pd-option-selector__text-wrap">
                                 <span class="pd-option-selector__text">
                                    <strong class="pd-option-selector__main-text"> Sistem Keamanan Berlapis </strong>
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                 </span>
                              </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-care-1">
                              <span class="pd-option-selector__text-wrap">
                                 <span class="pd-option-selector__text">
                                    <strong class="pd-option-selector__main-text"> Support 24/7 Ramah & Responsif </strong>
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                 </span>
                              </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-care-1">
                              <span class="pd-option-selector__text-wrap">
                                 <span class="pd-option-selector__text">
                                    <strong class="pd-option-selector__main-text"> Tampilan Bersih & Mudah Dipahami </strong>
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                    <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
                                 </span>
                              </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result-dev hidden result-care sdf-component-template" data-sdf-template=" careResult @ drawObj " data-sdf-unwrap="true">
               <input class="hidden result-price" data-sdf-attr.data-id="{{careResult.dataId}}" data-sdf-attr.data-model-code="{{careResult.dataModelCode}}" data-sdf-attr.data-model-name="{{careResult.dataModelName}}" data-sdf-attr.data-price="{{careResult.dataPrice}}" data-sdf-attr.data-sale-price="{{careResult.dataSalePrice}}" type="hidden" />
            </div>
            <div class="pd-select-option option-warranty sdf-component-template" data-sdf-template="warranty @ drawObj" data-sdf-test="{{warranty.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline" data-sdf-test="{{warranty.title}}">
                     {{warranty.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{warranty.learnMoreCta.text}}">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{ warranty.learnMoreCta.isNotOutLink}}" href="#" rel="nofollow">
                     {{warranty.learnMoreCta.text}}
                     </button>
                     <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{warranty.learnMoreCta.isOutLink}}">
                        {{warranty.learnMoreCta.text}}
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#outlink-bold" xlink:href="#outlink-bold">
                           </use>
                        </svg>
                     </a>
                  </span>
               </div>
               <p class="pd-select-option__desc" data-sdf-test="{{warranty.description}}">
                  {{warranty.description}}
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.yesAttr.class}}" data-target-popup="{{warranty.yesAttr.layerTarget}}" id="pd-samsung-warranty-0" name="pd-samsung-warranty" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-warranty-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{warranty.yesAttr.text}}
                           </strong>
                           <span class="pd-option-selector__sub-text">
                           {{warranty.yesAttr.subText}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.noAttr.class}}" data-event-type="{{warranty.noAttr.eventType}}" data-target-popup="{{warranty.noAttr.layerTarget}}" id="pd-samsung-warranty-1" name="pd-samsung-warranty" type="radio" />
                           <label class="pd-option-selector__label" for="pd-samsung-warranty-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{warranty.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result result-warranty sdf-component-template" data-sdf-template=" warrantyResult @ drawObj " data-sdf-unwrap="true">
               <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{warrantyResult.dataId}}" data-sdf-attr.data-model-code="{{warrantyResult.dataModelCode}}" data-sdf-attr.data-model-name="{{warrantyResult.dataModelName}}" data-sdf-attr.data-price="{{warrantyResult.dataPrice}}" data-sdf-attr.data-sale-price="{{warrantyResult.dataSalePrice}}">
                  <p class="option-result__text-title" data-sdf-test="{{warrantyResult.displayModelName}}">
                     {{warrantyResult.displayModelName}}
                  </p>
                  <p class="option-result__text" data-sdf-test="{{warrantyResult.discountText1}}">
                     {{warrantyResult.discountText1}}
                  </p>
               </div>
               <div class="option-result__desc-wrap" data-sdf-test="{{warrantyResult.description1}}">
                  <p class="option-result__desc">
                     {{warrantyResult.description1}}
                  </p>
               </div>
               <a class="option-result__close remove-warranty-result" href="javascript:void(0)">
                  <span class="hidden"> Tutup </span>
                  <svg class="icon" focusable="false" viewbox="0 0 96 96">
                     <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
                     </path>
                  </svg>
               </a>
            </div>
            <div class="pd-select-option option-warranty-vd sdf-component-template" data-sdf-template="warrantyVd @ drawObj" data-sdf-test="{{warrantyVd.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline">
                     {{warrantyVd.title}}
                  </h3>
                  <span class="pd-select-option__cta-wrap">
                     <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warrantyVd.learnMoreCta.learnMoreTargetPopup}}" data-sdf-attr.href="{{warrantyVd.learnMoreCta.learnMoreHref}}" data-sdf-attr.target="{{warrantyVd.learnMoreCta.learnMoreTarget}}">
                        {{warrantyVd.learnMoreCta.learnMoreText}}
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#outlink-bold" xlink:href="#outlink-bold">
                           </use>
                        </svg>
                     </a>
                  </span>
               </div>
               <p class="pd-select-option__desc">
                  {{warrantyVd.description}}
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden" data-target-popup="{{warrantyVd.yesAttr.layerTarget}}" id="pd-extended-warranty-option-0" name="pd-extended-warranty-option" type="radio" />
                           <label class="pd-option-selector__label" for="pd-extended-warranty-option-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{warrantyVd.yesAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-result-focus" id="pd-extended-warranty-option-1" name="pd-extended-warranty-option" type="radio" />
                           <label class="pd-option-selector__label" for="pd-extended-warranty-option-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <strong class="pd-option-selector__main-text">
                           {{warrantyVd.noAttr.text}}
                           </strong>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result option-result--extended-warranty-option sdf-component-template" data-sdf-template="warrantyVdResult @ drawObj" data-sdf-unwrap="true">
               <div class="option-result__text-wrap" data-sdf-attr.data-model-code="{{warrantyVdResult.smcCode}}" data-sdf-attr.data-price="{{warrantyVdResult.price}}">
                  <p class="option-result__text-title">
                     {{warrantyVdResult.title}}
                  </p>
                  <p class="option-result__text">
                     {{warrantyVdResult.priceDisplay}}
                  </p>
               </div>
               <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:delete" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="option-result__close" href="javascript:void(0)">
                  <span class="hidden"> Close </span>
                  <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 96 96">
                     <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
                     </path>
                  </svg>
               </a>
            </div>
            <!-- (2021.02.08 추가) Tooltip 기능 추가 -->
            <div class="pd-select-option pd-select-option--delivery-detail sdf-component-template" data-sdf-template="delivery @ drawObj" data-sdf-test="{{delivery.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline">
                     {{delivery.headline}}
                  </h3>
               </div>
               <div class="pd-select-option__input-wrap">
                  <div class="text-field-v2 no-title {{delivery.labelClass}}">
                     <label class="text-field-v2__hint" for="delivery-zipcode">
                     {{delivery.label}}
                     </label>
                     <div class="text-field-v2__input-wrap">
                        <input autocomplete="off" class="text-field-v2__input" data-sdf-attr.disabled="{{delivery.inputAttr.disabled}}" data-sdf-attr.maxlength="{{delivery.inputAttr.maxlength}}" data-sdf-attr.value="{{delivery.inputAttr.value}}" id="delivery-zipcode" type="text" />
                        <button an-ac="pd buying tool" an-ca="option click" an-la="zip code:delete" an-tr="header(pim)_option selector-product detail-image-submit" class="text-field-v2__input-icon delete add-special-tagging" title="Delete">
                           <svg class="icon delete" focusable="false">
                              <use href="#cancel-bold" xlink:href="#cancel-bold">
                              </use>
                           </svg>
                        </button>
                     </div>
                     <p class="text-field-v2__text error">
                        {{delivery.errorMessage}}
                     </p>
                  </div>
                  <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:Apply" an-tr="hdd02_product info.-product detail-apply cta-option_click1" class="cta cta--contained cta--black check-zipcode {{delivery.ctaClass}}" href="javascript:void(0)" title="Apply"> Terapkan </a>
               </div>
            </div>
            <div class="option-result result-delivery sdf-component-template" data-sdf-template="deliveryResult @ drawObj" data-sdf-unwrap="true">
               <div class="option-result__text-wrap">
                  <p class="option-result__text delivery-priority" data-sdf-test="{{deliveryResult.priorityText}}">
                     {{deliveryResult.priorityText}}
                  </p>
                  <p class="option-result__text delivery-standard" data-sdf-test="{{deliveryResult.mainText}}">
                     {{deliveryResult.mainText}}
                  </p>
                  <p class="option-result__sub-text" data-sdf-test="{{deliveryResult.subText}}">
                     {{deliveryResult.subText}}
                     <br /> Standard installation charges may apply. <a aria-label="Link Title" class="option-result__text-link" href="https://images.samsung.com/is/content/samsung/assets/in/info/installation/Delivery-Service-TnC.pdf" target="_blank"> Click here </a> for more details.
                  </p>
               </div>
               <div class="option-result__desc-wrap">
                  <p class="option-result__desc-title" data-sdf-test="{{deliveryResult.decText}}">
                     {{deliveryResult.decText}}
                  </p>
                  <p class="option-result__desc" data-sdf-repeat.item="{{deliveryResult.disclaimerList}}">
                     {{item.disclaimer}}
                  </p>
               </div>
               <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:delete" an-tr="hdd02_product info.-product detail-option selector-option_click1" class="option-result__close remove-delivery" href="javascript:void(0)">
                  <span class="hidden"> Tutup </span>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </a>
            </div>
            <div class="pd-select-option option-tariff sdf-component-template" data-sdf-template="tariffOption @ drawObj" data-sdf-test="{{tariffOption.hasComponent}}" data-sdf-unwrap="true">
               <div class="pd-select-option__headline-wrap">
                  <h3 class="pd-select-option__headline">
                     {{tariffOption.headline}}
                  </h3>
                  <span class="pd-select-option__cta-wrap" data-sdf-test="{{tariffOption.href}}">
                     <a an-ac="pd buying tool" an-ca="option click" an-la="tariff:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon add-special-tagging" data-sdf-attr.href="{{tariffOption.href}}" rel="nofollow" role="button" target="_blank" title="Lebih detail">
                        Lebih detail
                        <svg aria-hidden="true" class="icon" focusable="false">
                           <use href="#outlink-bold" xlink:href="#outlink-bold">
                           </use>
                        </svg>
                     </a>
                  </span>
               </div>
               <p class="pd-select-option__desc">
                  {{tariffOption.description}}
               </p>
               <p class="pd-select-option__carrier" data-sdf-list.logoitem="{{tariffOption.logoList}}">
                  <img class="carrier-logo" data-sdf-attr.alt="{{logoitem.alt}}" data-sdf-attr.src="{{logoitem.src}}" />
               </p>
               <div class="pd-select-option__wrap">
                  <ul class="pd-select-option__list" role="list">
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden option-input add-special-tagging" data-target-popup="tariffPopup" id="pd-tariff-option-0" name="pd-tariff-option" type="radio" />
                           <label class="pd-option-selector__label" for="pd-tariff-option-0">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <span class="pd-option-selector__main-text">
                           {{tariffOption.yesAttr.text}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                     <li class="pd-select-option__item" role="listitem">
                        <div class="pd-option-selector">
                           <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" id="pd-tariff-option-1" name="pd-tariff-option" type="radio" />
                           <label class="pd-option-selector__label" for="pd-tariff-option-1">
                           <span class="pd-option-selector__text-wrap">
                           <span class="pd-option-selector__text">
                           <span class="pd-option-selector__main-text">
                           {{tariffOption.noAttr.text}}
                           </span>
                           </span>
                           </span>
                           </label>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="option-result result-tariff-option sdf-component-template" data-sdf-template="tariffOptionResult @ drawObj" data-sdf-test="{{tariffOptionResult.hasComponent}}" data-sdf-unwrap="true">
               <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}">
                  <p class="option-result__text-title" data-sdf-test="{{tariffOptionResult.displayModelName}}">
                     {{tariffOptionResult.displayModelName}}
                  </p>
                  <p class="option-result__text" data-sdf-test="{{tariffOptionResult.discountText1}}">
                     {{tariffOptionResult.discountText1}}
                  </p>
               </div>
               <div class="option-result__desc-wrap" data-sdf-test="{{tariffOptionResult.description1}}">
                  <p class="option-result__desc">
                     {{tariffOptionResult.description1}}
                  </p>
                  <p class="option-result__desc">
                     {{tariffOptionResult.description2}}
                  </p>
               </div>
               <a class="option-result__close remove-tariff-option-result" href="javascript:void(0)">
                  <span class="hidden"> Tutup </span>
                  <svg class="icon" focusable="false" viewbox="0 0 96 96">
                     <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
                     </path>
                  </svg>
               </a>
               <p class="option-result__desc">
                  {{tariffOptionResult.description}}
               </p>
               <p class="option-result__price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}">
                  {{tariffOptionResult.price}}
               </p>
               <p class="option-result__disclaimer">
                  {{tariffOptionResult.disclaimer}}
               </p>
            </div>
            <div class="pd-select-option option-embed-addon sdf-component-template" data-sdf-template="embedAddon @ drawObj" data-sdf-test="{{embedAddon.hasComponent}}" data-sdf-unwrap="true">
               <h3 class="pd-select-option__headline">
                  {{embedAddon.title}}
               </h3>
               <p class="pd-select-option__desc">
                  {{embedAddon.description}}
               </p>
               <ul class="add-on-product-list-wrap" data-sdf-test="{{embedAddon.isNotVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0">
                  <li class="add-on-product{{item.oosClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}">
                     <div class="checkbox-v2">
                        <input an-ac="pd buying tool" an-ca="option click" an-la="add on product purchase only:{{item.nameToLowerCase}}" class="checkbox-v3__input" data-modelcode="{{item.modelCode}}" data-modelname="{{item.groupCode}}" id="add-on-product-{{item.index}}" name="checkbox" type="checkbox" />
                        <label class="checkbox-v3__label" for="add-on-product-{{item.index}}">
                           <span class="checkbox-v3__label-box-wrap">
                              <span class="checkbox-v3__label-box">
                                 <svg aria-hidden="true" class="checkbox-v3__label-box-icon" focusable="false">
                                    <use href="#done-bold" xlink:href="#done-bold">
                                    </use>
                                 </svg>
                              </span>
                           </span>
                           <span class="checkbox-v3__label-text">
                           {{item.name}}
                           </span>
                        </label>
                     </div>
                     <div class="add-on-product__image">
                        <div class="image">
                           <img alt="{{item.imgAlt}}" class="image__preview lazy-load" data-src="{{item.imgSrc}}" role="img" />
                           <img alt="{{item.imgAlt}}" class="image__main lazy-load" data-src="{{item.imgSrc}}" role="img" />
                        </div>
                     </div>
                     <div class="add-on-product__detail-wrap">
                        <div class="add-on-product__text-wrap">
                           <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">
                           {{item.iconTitle}}
                           </span>
                           <p class="add-on-product__title" data-model-name="{{item.name}}">
                              {{item.name}}
                           </p>
                           <p class="add-on-product__serial-number" data-model-code="{{item.modelCode}}" data-sdf-test="{{item.modelCode}}">
                              {{item.modelCode}}
                           </p>
                           <p class="add-on-product__desc" data-sdf-test="{{item.description}}">
                              {{item.description}}
                           </p>
                        </div>
                        <div class="add-on-product__price-wrap">
                           <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">
                              {{item.finalPrice}}
                           </p>
                           <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}">
                           {{item.originalPrice}}
                           </del>
                           <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}">
                           {{item.savePrice}}
                           </span>
                           <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}"> Habis </span>
                        </div>
                        <button aria-label="Learn More" class="cta cta--underline-v2 cta--black cta-learn-more" data-model-idx="{{item.index}}" data-sdf-test="{{item.isLearnMorePopup}}"> Lebih detail </button>
                     </div>
                  </li>
               </ul>
               <ul class="add-on-product-list-wrap add-on-product-list-wrap--vd" data-sdf-test="{{embedAddon.isVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0">
                  <li class="add-on-product{{item.oosClass}}{{item.hideClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}" data-view-more-item="true">
                     <div class="add-on-product__image">
                        <div class="image">
                           <img alt="{{item.imgAlt}}" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="" data-mobile-src="" data-src="" role="img" />
                           <img alt="{{item.imgAlt}}" class="image__main lazy-load responsive-img lazy-load" data-comp-name="image" data-desktop-src="{{item.imgSrc}}?$72_72_PNG$" data-mobile-src="{{item.imgSrc}}?$128_128_PNG$" data-src="{{item.imgSrc}}" role="img" />
                        </div>
                     </div>
                     <div class="add-on-product__detail-wrap">
                        <div class="add-on-product__text-wrap">
                           <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">
                           {{item.iconTitle}}
                           </span>
                           <p class="add-on-product__title" data-model-name="{{item.name}}">
                              {{item.name}}
                           </p>
                           <p class="add-on-product__desc" data-sdf-test="{{item.description}}">
                              {{item.description}}
                           </p>
                           <ul class="add-on-product__dot-list" data-sdf-test="{{item.dotList1}}">
                              <li data-sdf-test="{{item.dotList1}}">
                                 {{item.dotList1}}
                              </li>
                              <li data-sdf-test="{{item.dotList2}}">
                                 {{item.dotList2}}
                              </li>
                              <li data-sdf-test="{{item.dotList3}}">
                                 {{item.dotList3}}
                              </li>
                           </ul>
                        </div>
                        <div class="add-on-product__price-wrap">
                           <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">
                              {{item.finalPrice}}
                           </p>
                           <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}">
                           {{item.originalPrice}}
                           </del>
                           <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}">
                           {{item.savePrice}}
                           </span>
                           <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}"> Habis </span>
                        </div>
                        <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black embed-addon-add" data-id="add-on-product-{{item.index}}" data-mode-code="{{item.modelCode}}" data-sdf-test="{{item.isStock}}"> Tambah </button>
                        <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black cta--disabled embed-addon-add" data-sdf-test="{{item.isOOS}}" disabled=""> Tambah </button>
                     </div>
                  </li>
               </ul>
               <div class="pd-select-option__view-more" data-sdf-test="{{embedAddon.useMobileCTA}}">
                  <button aria-expanded="false" class="cta cta--icon" data-js-action="offerListViewMore" data-text-close="Lihat sedikit" data-text-open="Lihat selengkapnya" type="button">
                     <span class="pd-select-option__view-more-text"> Lihat selengkapnya </span>
                     <svg aria-hidden="true" class="icon" focusable="false">
                        <use href="#open-down-regular" xlink:href="#open-down-regular">
                        </use>
                     </svg>
                  </button>
               </div>
            </div>
            <div data-sdf-template="offerContent_promotionMessage @ message" data-sdf-unwrap="true">
               <div class="dot-list__text-wrap {{message.item.contentWrapperClass}}">
                  <span class="dot-list__text" data-sdf-test="{{message.item.offerTitle}}">
                  {{message.item.offerTitle}}
                  </span>
                  <span class="dot-list__tooltip" data-sdf-test="{{message.item.offerTooltip}}">
                     <button aria-describedby="descTip" class="dot-list__tooltip-cta">
                     <span class="hidden"> ? </span>
                     </button>
                     <span class="dot-list__tooltip-message" id="descTip" role="tooltip">
                        <span class="dot-list__tooltip-message-text">
                        {{message.item.offerTooltip}}
                        </span>
                        <button class="dot-list__tooltip-close">
                           <span class="hidden"> Close </span>
                           <svg aria-hidden="true" class="icon icon-delete" focusable="false">
                              <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                              </use>
                           </svg>
                        </button>
                     </span>
                  </span>
                  <a an-ac="pd buying tool" an-ca="option click" an-la="offers:{{message.item.title}}:{{message.item.linkText}}" an-tr="hdd02_product info.-product detail-offers-option_click1" class="cta cta--underline-v2 cta--black" data-sdf-attr.href="{{message.item.linkUrl}}" data-sdf-attr.title="{{message.item.linkText}}" data-sdf-test="{{message.item.linkEnabled}}">
                  {{message.item.linkText}}
                  </a>
               </div>
               <p class="dot-list__desc" data-sdf-test="{{message.item.hasTCCTA}}">
                  {{message.item.tcCTAText}}
               </p>
               <p class="dot-list__desc" data-sdf-test="{{message.item.hasPeriod}}">
                  {{message.item.periodText}}
               </p>
            </div>
         </div>
         <!--googleon: all-->
      </div>
      <div class="pd-g-feature-benefit-ux2 pd-g-feature-benefit">
         <!-- isNotBuyingPd-->
         <!-- FaqSeo -->
      </div>
      <div class="pd-g-reasons-to-buy-ux2">
         <input id="rtbListSize" name="rtbListSize" type="hidden" value="4" />
         <section class="pdd28-reasons-to-buy pdd28-reasons-to-buy--theme-white-card" style="display:none;">
         <script data-id="2b893dde-fb1e-4e03-8e91-a97d9d75e68a" data-object-type="OfferCatalog" data-type="seo" type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "OfferCatalog",
                "name": "Beli langsung. Dapat lebih banyak.",
                "itemListElement": [{
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Samsung Rewards",
                        "description": "Belanja dan kumpulkan point reward untuk pembelian berikutnya"
                    }
                }, {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Samsung Premium Care",
                        "description": "Perlindungan lebih tanpa perlu khawatir"
                    }
                }, {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Gratis Pengiriman",
                        "description": "D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini."
                    }
                }, {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Flexible Finance",
                        "description": "Cicilan 0% menggunakan kartu kredit bank hingga 24 bulan"
                    }
                }]
            }
         </script>
         <!-- RTP SLOT SELECT WITH ICON + HISTORI HORIZONTAL - TINGGAL TEMPEL -->
         <div class="rtp-slot-box" data-rtp-slot>
            <div class="rtp-glow"></div>
            <!-- PILIHAN GAME ICON -->
            <div class="slot-game-select">
               <button class="game-btn active" data-game="mahjong-ways" type="button">
               <span class="game-icon-wrap">
               <img src="https://i.ibb.co/m5DRvJhV/Mahjong-Ways.png" alt="Mahjong Ways" class="game-icon">
               </span>
               <span class="game-name">Mahjong Ways</span>
               </button>
               <button class="game-btn" data-game="mahjong-ways-2" type="button">
               <span class="game-icon-wrap">
               <img src="https://i.ibb.co/21rjBtjt/Mahjong-Ways-2.png" alt="Mahjong Ways 2" class="game-icon">
               </span>
               <span class="game-name">Mahjong Ways 2</span>
               </button>
               <button class="game-btn" data-game="gates-of-olympus-1000" type="button">
               <span class="game-icon-wrap">
               <img src="https://i.ibb.co/LDgbYX68/gate-of-olympus.jpg" alt="Gates of Olympus 1000" class="game-icon">
               </span>
               <span class="game-name">Gates of Olympus 1000</span>
               </button>
               <button class="game-btn" data-game="le-cowboy" type="button">
               <span class="game-icon-wrap">
               <img src="https://i.ibb.co/Kjr8sfhh/le-cowboy.jpg" alt="Le Cowboy" class="game-icon">
               </span>
               <span class="game-name">Le Cowboy</span>
               </button>
               <button class="game-btn" data-game="wild-bounty-showdown" type="button">
               <span class="game-icon-wrap">
               <img src="https://i.ibb.co/TqMPnQ8Z/wild-bounty.jpg" alt="Wild Bounty Showdown" class="game-icon">
               </span>
               <span class="game-name">Wild Bounty Showdown</span>
               </button>
            </div>
            <!-- RTP DISPLAY -->
            <div class="rtp-header">
               <div>
                  <span class="rtp-label">RTP Hari Ini</span>
                  <h3 id="rtpGameTitle">Mahjong Ways</h3>
               </div>
               <div class="rtp-badge" id="rtpStatus">Update</div>
            </div>
            <div class="rtp-main">
               <div class="rtp-circle" id="rtpCircle">
                  <span id="rtpValue">--%</span>
                  <small>RTP</small>
               </div>
               <div class="rtp-info">
                  <p class="rtp-desc" id="rtpDesc">Pilih game untuk melihat data RTP visual hari ini</p>
                  <div class="rtp-bar">
                     <div class="rtp-fill" id="rtpBar">
                        <div class="rtp-runner"></div>
                     </div>
                  </div>
                  <div class="rtp-percent-row">
                     <span>Low</span>
                     <span>Medium</span>
                     <span>High</span>
                  </div>
                  <div class="rtp-timer-box">
                     <div>
                        <small>Jam Sekarang</small>
                        <strong id="rtpClock">--:--:-- WIB</strong>
                     </div>
                     <div>
                        <small>Update Berikutnya</small>
                        <strong id="rtpCountdown">--:--:--</strong>
                     </div>
                  </div>
                  <div class="rtp-meta">
                     <span id="rtpDate">Tanggal: --</span>
                     <span id="rtpVolatile">Volatilitas: --</span>
                  </div>
               </div>
            </div>
            <!-- HISTORI RTP HORIZONTAL -->
            <div class="rtp-history-box">
               <div class="rtp-history-head">
                  <div>
                     <strong>Histori RTP 7 Hari</strong>
                     <small id="rtpHistoryGame">Mahjong Ways</small>
                  </div>
                  <span>Geser →</span>
               </div>
               <div class="rtp-history-list" id="rtpHistoryList"></div>
            </div>
            <div class="rtp-footer">
               <span id="rtpProvider">Provider: --</span>
               <span class="rtp-live">● Live Movement</span>
            </div>
         </div>
         <style>
            .cyber-slot-wrapper,
.shura-slot{
    display:flex;
    justify-content:center;
    margin:30px auto;
}

.cyber-slot-machine{
    --D59-black:#030000;
    --D59-dark:#090000;
    --D59-panel:#160201;
    --D59-pink:#ff3217;
    --D59-pink-soft:#ff8a45;
    --D59-purple:#d91b08;
    --D59-violet:#7a0000;
    --D59-gold:#ffb300;
    --D59-white:#fff7ed;

    position:relative;
    isolation:isolate;
    overflow:hidden;

    width:420px;
    padding:30px 22px 28px;
    border-radius:26px;

    background:
        radial-gradient(circle at 12% 0%,rgba(255,50,23,.32),transparent 31%),
        radial-gradient(circle at 92% 14%,rgba(207,19,6,.26),transparent 30%),
        radial-gradient(circle at 50% 112%,rgba(117,0,0,.34),transparent 46%),
        linear-gradient(150deg,#170101 0%,#090000 48%,#030000 100%);

    border:1px solid rgba(255,50,23,.90);

    box-shadow:
        0 0 0 2px rgba(207,19,6,.18),
        0 0 14px rgba(255,50,23,.75),
        0 0 34px rgba(255,50,23,.36),
        0 0 62px rgba(117,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 0 42px rgba(255,50,23,.10),
        0 28px 60px rgba(0,0,0,.72);

    animation:cyberSlotAura 3.6s ease-in-out infinite;
}

/* FRAME NEON DALAM */
.cyber-slot-machine:after{
    content:"";
    position:absolute;
    inset:8px;
    z-index:4;

    border-radius:19px;
    border:1px solid rgba(255,132,55,.32);

    background:
        linear-gradient(90deg,var(--D59-gold),transparent 16%,transparent 84%,var(--D59-gold)) top/100% 1px no-repeat,
        linear-gradient(90deg,var(--D59-pink),transparent 22%,transparent 78%,var(--D59-purple)) bottom/100% 1px no-repeat;

    box-shadow:
        inset 0 0 20px rgba(255,50,23,.10),
        0 0 18px rgba(255,50,23,.14);

    pointer-events:none;
}

/* SAPUAN CAHAYA */
.cyber-slot-machine:before{
    content:"";
    position:absolute;
    z-index:3;

    top:-25%;
    left:-145%;

    width:58%;
    height:150%;

    background:linear-gradient(
        120deg,
        transparent 22%,
        rgba(255,255,255,.04) 36%,
        rgba(255,50,23,.28) 47%,
        rgba(255,255,255,.62) 51%,
        rgba(207,19,6,.22) 56%,
        transparent 72%
    );

    filter:blur(.3px);
    transform:skewX(-20deg);
    pointer-events:none;

    animation:shineSlot 5.2s ease-in-out infinite;
}

.cyber-slot-title{
    position:relative;
    z-index:2;

    margin-bottom:22px;

    font-family:'Orbitron',Arial,sans-serif;
    font-size:25px;
    font-weight:900;
    letter-spacing:2.2px;
    text-align:center;
    text-transform:uppercase;

    color:var(--D59-white);

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #ffd08a 28%,
        var(--D59-pink) 58%,
        #ff7a18 82%,
        var(--D59-gold) 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:drop-shadow(0 0 6px rgba(255,50,23,.85));

    text-shadow:
        0 0 10px rgba(255,50,23,.72),
        0 0 24px rgba(207,19,6,.48),
        0 0 42px rgba(255,50,23,.24);
}

.cyber-slot-title:after{
    content:"";
    display:block;
    width:128px;
    height:2px;
    margin:11px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--D59-pink),var(--D59-gold),var(--D59-purple),transparent);
    box-shadow:
        0 0 10px rgba(255,50,23,.82),
        0 0 18px rgba(207,19,6,.42);
}

/* REELS PANEL */
.cyber-reels{
    position:relative;
    z-index:2;

    display:flex;
    justify-content:center;
    gap:12px;
    padding:17px;

    border-radius:19px;

    background:
        radial-gradient(circle at 50% -20%,rgba(255,50,23,.20),transparent 56%),
        linear-gradient(180deg,rgba(26,3,28,.98),rgba(5,0,0,.99));

    border:1px solid rgba(255,50,23,.58);

    box-shadow:
        inset 0 0 30px rgba(0,0,0,.88),
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 16px rgba(255,50,23,.24),
        0 0 30px rgba(117,0,0,.16);
}

.cyber-reels:before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:14px;
    border:1px solid rgba(255,132,55,.12);
    background:
        linear-gradient(90deg,rgba(255,50,23,.06) 1px,transparent 1px),
        linear-gradient(rgba(207,19,6,.05) 1px,transparent 1px);
    background-size:18px 18px;
    pointer-events:none;
}

/* KACA REEL */
.cyber-reel{
    position:relative;
    overflow:hidden;

    width:100px;
    height:110px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:15px;

    font-size:42px;
    font-weight:bold;
    color:#ffffff;

    background:
        radial-gradient(circle at 50% 12%,rgba(255,255,255,.14),transparent 34%),
        radial-gradient(circle at 50% 110%,rgba(207,19,6,.32),transparent 46%),
        linear-gradient(180deg,#260301 0%,#120100 48%,#070000 100%);

    border:1px solid rgba(255,132,55,.76);

    box-shadow:
        inset 0 0 18px rgba(255,50,23,.10),
        inset 0 -14px 24px rgba(117,0,0,.16),
        0 0 10px rgba(255,50,23,.45),
        0 0 22px rgba(207,19,6,.22);

    text-shadow:
        0 0 8px rgba(255,255,255,.72),
        0 0 14px rgba(255,50,23,.75),
        0 0 26px rgba(207,19,6,.52);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.cyber-reel:after{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
}

.cyber-reel:before{
    content:"";
    position:absolute;
    top:-35%;
    left:-90%;
    width:46%;
    height:170%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.72),
        rgba(255,132,55,.28),
        transparent
    );

    transform:skewX(-20deg);
    animation:reelShine 4.4s ease-in-out infinite;
}

.cyber-reel:nth-child(2):before{
    animation-delay:.45s;
}

.cyber-reel:nth-child(3):before{
    animation-delay:.9s;
}

.cyber-reel:hover{
    transform:translateY(-4px) scale(1.025);
    filter:brightness(1.14);

    border-color:rgba(255,200,87,.92);

    box-shadow:
        inset 0 0 22px rgba(255,50,23,.15),
        inset 0 -14px 24px rgba(117,0,0,.20),
        0 0 16px rgba(255,200,87,.44),
        0 0 30px rgba(255,50,23,.38);
}

/* TOMBOL SPIN */
.cyber-spin-btn{
    position:relative;
    z-index:2;
    isolation:isolate;
    overflow:hidden;

    display:block;
    margin:23px auto 0;
    padding:14px 44px;

    border:1px solid rgba(255,200,87,.92);
    border-radius:40px;

    cursor:pointer;

    font-weight:900;
    font-size:15px;
    letter-spacing:1.5px;
    text-transform:uppercase;

    color:#ffffff;

    background:
        linear-gradient(135deg,#8a0000 0%,#d71906 35%,#ff3217 68%,#ff6a13 100%);

    box-shadow:
        0 12px 30px rgba(0,0,0,.45),
        0 0 12px rgba(255,50,23,.82),
        0 0 30px rgba(255,50,23,.44),
        0 0 48px rgba(117,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.48),
        inset 0 -8px 18px rgba(92,0,0,.25);

    text-shadow:
        0 1px 2px rgba(0,0,0,.64),
        0 0 8px rgba(255,255,255,.48);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;

    animation:spinButtonPulse 2.35s ease-in-out infinite;
}

.cyber-spin-btn:before{
    content:"";
    position:absolute;
    z-index:-1;

    top:-40%;
    left:-100%;

    width:48%;
    height:180%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.88),
        transparent
    );

    transform:skewX(-22deg);
    transition:left .65s ease;
}

.cyber-spin-btn:after{
    content:"";
    position:absolute;
    inset:3px;
    z-index:-2;
    border-radius:inherit;
    border:1px solid rgba(255,255,255,.16);
    pointer-events:none;
}

.cyber-spin-btn:hover:before{
    left:145%;
}

.cyber-spin-btn:hover{
    transform:translateY(-4px) scale(1.035);
    filter:brightness(1.12);

    box-shadow:
        0 18px 36px rgba(0,0,0,.52),
        0 0 16px rgba(255,200,87,.52),
        0 0 38px rgba(255,50,23,.68),
        0 0 58px rgba(117,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.58);
}

.cyber-spin-btn:active{
    transform:scale(.96);
}

/* HASIL */
.cyber-result{
    position:relative;
    z-index:2;

    margin-top:19px;

    color:var(--D59-gold);
    font-size:18px;
    font-weight:900;
    text-align:center;

    text-shadow:
        0 0 8px rgba(255,200,87,.78),
        0 0 18px rgba(255,50,23,.58),
        0 0 30px rgba(207,19,6,.32);

    animation:resultGlow 2s ease-in-out infinite;
}

/* ANIMASI */
@keyframes shineSlot{
    0%,
    18%{
        left:-145%;
        opacity:0;
    }

    30%{
        opacity:1;
    }

    63%{
        left:170%;
        opacity:.9;
    }

    100%{
        left:170%;
        opacity:0;
    }
}

@keyframes reelShine{
    0%,
    26%{
        left:-90%;
        opacity:0;
    }

    40%{
        opacity:1;
    }

    68%{
        left:150%;
        opacity:.88;
    }

    100%{
        left:150%;
        opacity:0;
    }
}

@keyframes cyberSlotAura{
    0%,
    100%{
        box-shadow:
            0 0 0 2px rgba(207,19,6,.16),
            0 0 12px rgba(255,50,23,.64),
            0 0 30px rgba(255,50,23,.30),
            0 0 52px rgba(117,0,0,.20),
            inset 0 1px 0 rgba(255,255,255,.12),
            inset 0 0 40px rgba(255,50,23,.08),
            0 28px 60px rgba(0,0,0,.72);
    }

    50%{
        box-shadow:
            0 0 0 2px rgba(255,200,87,.22),
            0 0 18px rgba(255,50,23,.92),
            0 0 44px rgba(255,50,23,.48),
            0 0 72px rgba(117,0,0,.30),
            inset 0 1px 0 rgba(255,255,255,.15),
            inset 0 0 48px rgba(255,50,23,.13),
            0 28px 60px rgba(0,0,0,.72);
    }
}

@keyframes spinButtonPulse{
    0%,
    100%{
        box-shadow:
            0 12px 30px rgba(0,0,0,.45),
            0 0 10px rgba(255,50,23,.68),
            0 0 26px rgba(255,50,23,.38),
            0 0 42px rgba(117,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.48),
            inset 0 -8px 18px rgba(92,0,0,.25);
    }

    50%{
        box-shadow:
            0 16px 34px rgba(0,0,0,.50),
            0 0 15px rgba(255,200,87,.36),
            0 0 40px rgba(255,50,23,.62),
            0 0 58px rgba(117,0,0,.32),
            inset 0 1px 0 rgba(255,255,255,.58),
            inset 0 -8px 18px rgba(92,0,0,.25);
    }
}

@keyframes resultGlow{
    0%,
    100%{
        opacity:.84;
        transform:scale(1);
    }

    50%{
        opacity:1;
        transform:scale(1.035);
    }
}

/* RESPONSIVE */
@media(max-width:600px){
    .cyber-slot-wrapper,
    .shura-slot{
        width:100%;
        margin:24px auto;
    }

    .cyber-slot-machine{
        width:100%;
        padding:24px 14px 22px;
        border-radius:21px;
    }

    .cyber-slot-machine:after{
        inset:7px;
        border-radius:15px;
    }

    .cyber-slot-title{
        font-size:20px;
        letter-spacing:1.5px;
    }

    .cyber-slot-title:after{
        width:100px;
    }

    .cyber-reels{
        gap:8px;
        padding:12px;
    }

    .cyber-reel{
        width:82px;
        height:90px;
        font-size:34px;
    }

    .cyber-spin-btn{
        width:100%;
        max-width:260px;
        padding:13px 25px;
    }

    .cyber-result{
        font-size:16px;
    }
}

@media(max-width:380px){
    .cyber-reels{
        gap:6px;
        padding:10px 8px;
    }

    .cyber-reel{
        width:74px;
        height:84px;
        font-size:31px;
    }
}

@media(prefers-reduced-motion:reduce){
    .cyber-slot-machine,
    .cyber-slot-machine:before,
    .cyber-reel:before,
    .cyber-spin-btn,
    .cyber-result{
        animation:none;
    }
}
/* ===============================
RTP SLOT SELECT GAME ICON + HISTORI HORIZONTAL
D59 CRIMSON / FIRE / GOLD PREMIUM THEME
=============================== */
.rtp-slot-box {
    width: 100%;
    max-width: 720px;
    margin: 25px auto;
    padding: 22px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    font-family: Arial, sans-serif;
    color: #fff;
    isolation: isolate;
    background:
        linear-gradient(rgba(199, 44, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(199, 44, 255, 0.045) 1px, transparent 1px),
        radial-gradient(circle at top left, rgba(199, 44, 255, 0.36), transparent 34%),
        radial-gradient(circle at bottom right, rgba(255, 43, 191, 0.22), transparent 36%),
        radial-gradient(circle at center, rgba(155, 77, 255, 0.12), transparent 52%),
        linear-gradient(145deg, #050000 0%, #120101 46%, #240201 74%, #030000 100%);
    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;
    border: 1px solid rgba(199, 44, 255, 0.58);
    box-shadow:
        0 0 28px rgba(199, 44, 255, 0.34),
        0 0 52px rgba(255, 43, 191, 0.18),
        0 0 78px rgba(155, 77, 255, 0.12),
        inset 0 0 24px rgba(255, 255, 255, 0.045),
        inset 0 0 36px rgba(199, 44, 255, 0.08);
}

.rtp-slot-box,
.rtp-slot-box * {
    box-sizing: border-box;
}

.rtp-slot-box::before {
    content: "";
    position: absolute;
    inset: -2px;
    background:
        linear-gradient(
            120deg,
            transparent 0%,
            transparent 32%,
            rgba(255, 255, 255, 0.06) 40%,
            rgba(199, 44, 255, 0.24) 47%,
            rgba(255, 43, 191, 0.18) 53%,
            transparent 66%,
            transparent 100%
        );
    animation: rtpShine 4.8s linear infinite;
    pointer-events: none;
    z-index: 0;
}

.rtp-slot-box::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 18px;
    border: 1px solid rgba(228, 167, 255, 0.18);
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, 0.42) 1px, transparent 1px);
    background-size: 76px 76px;
    opacity: 0.20;
    box-shadow:
        inset 0 0 24px rgba(199, 44, 255, 0.10),
        0 0 20px rgba(255, 43, 191, 0.08);
    pointer-events: none;
    z-index: 1;
    animation: rtpParticleBreath 7s ease-in-out infinite;
}

.rtp-glow {
    position: absolute;
    width: 210px;
    height: 210px;
    right: -82px;
    top: -86px;
    background:
        radial-gradient(circle, rgba(255, 43, 191, 0.32), rgba(199, 44, 255, 0.16), transparent 70%);
    filter: blur(42px);
    border-radius: 50%;
    z-index: 0;
    animation: rtpGlowFloat 6s ease-in-out infinite;
}

.slot-game-select,
.rtp-header,
.rtp-main,
.rtp-history-box,
.rtp-footer {
    position: relative;
    z-index: 2;
}
            /* ===============================
GAME ICON BUTTON
=============================== */
.slot-game-select {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 22px;
}

.game-btn {
    width: 100%;
    min-height: 122px;
    border: 1px solid rgba(199, 44, 255, 0.34);
    background:
        linear-gradient(145deg, rgba(199, 44, 255, 0.13), rgba(255, 43, 191, 0.06)),
        rgba(12, 3, 22, 0.56);
    color: #fff7ed;
    padding: 9px 7px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.25s ease;
    text-align: center;
    line-height: 1.2;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    box-shadow:
        inset 0 0 14px rgba(199, 44, 255, 0.08),
        0 0 14px rgba(199, 44, 255, 0.10);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.game-icon-wrap {
    width: 100%;
    max-width: 78px;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at top, rgba(255, 43, 191, 0.20), transparent 55%),
        radial-gradient(circle at bottom, rgba(199, 44, 255, 0.18), transparent 58%),
        rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(228, 167, 255, 0.28);
    box-shadow:
        inset 0 0 14px rgba(0, 0, 0, 0.48),
        0 0 12px rgba(199, 44, 255, 0.10);
    overflow: hidden;
}

.game-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 6px;
    filter: drop-shadow(0 0 8px rgba(255, 43, 191, 0.22));
    transition: 0.25s ease;
}

.game-name {
    display: block;
    width: 100%;
    min-height: 28px;
    color: #f8e4d0;
    overflow-wrap: anywhere;
    word-break: normal;
    text-shadow: 0 0 8px rgba(199, 44, 255, 0.22);
}

.game-btn:hover {
    transform: translateY(-3px) scale(1.015);
    border-color: rgba(255, 43, 191, 0.78);
    box-shadow:
        0 0 16px rgba(199, 44, 255, 0.34),
        0 0 26px rgba(255, 43, 191, 0.18),
        inset 0 0 16px rgba(199, 44, 255, 0.11);
}

.game-btn:hover .game-icon-wrap {
    border-color: rgba(255, 141, 221, 0.82);
    box-shadow:
        0 0 16px rgba(255, 43, 191, 0.30),
        0 0 24px rgba(199, 44, 255, 0.18),
        inset 0 0 14px rgba(0, 0, 0, 0.48);
}

.game-btn:hover .game-icon {
    transform: scale(1.08);
    filter:
        drop-shadow(0 0 10px rgba(255, 43, 191, 0.45))
        drop-shadow(0 0 16px rgba(199, 44, 255, 0.25));
}

.game-btn:hover .game-name {
    color: #ff9a47;
}

.game-btn.active {
    background:
        linear-gradient(135deg, #d71906, #ffd27d, #ff3217);
    color: #170101;
    border-color: rgba(255, 255, 255, 0.58);
    box-shadow:
        0 0 18px rgba(199, 44, 255, 0.50),
        0 0 24px rgba(255, 43, 191, 0.32),
        inset 0 0 14px rgba(255, 255, 255, 0.18);
}

.game-btn.active .game-name {
    color: #170101;
    text-shadow: none;
}

.game-btn.active .game-icon-wrap {
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.40), transparent 58%),
        rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.72);
    box-shadow:
        inset 0 0 14px rgba(255, 255, 255, 0.15),
        0 0 16px rgba(255, 255, 255, 0.22);
}
            /* ===============================
RTP CONTENT
=============================== */
.rtp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
}

.rtp-label {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #ff9a47;
    margin-bottom: 6px;
    text-shadow:
        0 0 8px rgba(255, 43, 191, 0.60),
        0 0 14px rgba(199, 44, 255, 0.28);
}

.rtp-header h3 {
    margin: 0;
    font-size: 27px;
    line-height: 1.1;
    color: #fff7ed;
    text-shadow:
        0 0 10px rgba(199, 44, 255, 0.72),
        0 0 22px rgba(255, 43, 191, 0.36),
        0 0 38px rgba(155, 77, 255, 0.22);
}

.rtp-badge {
    padding: 8px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
    background:
        linear-gradient(135deg, rgba(199, 44, 255, 0.16), rgba(255, 43, 191, 0.08));
    border: 1px solid rgba(228, 167, 255, 0.50);
    color: #ffd27d;
    white-space: nowrap;
    box-shadow:
        inset 0 0 12px rgba(199, 44, 255, 0.08),
        0 0 14px rgba(199, 44, 255, 0.16);
}

.rtp-badge.hot {
    color: #ff9a47;
    border-color: rgba(255, 141, 221, 0.80);
    background:
        linear-gradient(135deg, rgba(255, 43, 191, 0.18), rgba(199, 44, 255, 0.12));
    box-shadow:
        0 0 15px rgba(255, 43, 191, 0.40),
        0 0 22px rgba(199, 44, 255, 0.20);
}

.rtp-badge.danger {
    color: #ff8c6b;
    border-color: rgba(255, 100, 140, 0.70);
    background: rgba(255, 70, 110, 0.13);
    box-shadow:
        0 0 13px rgba(255, 70, 110, 0.18);
}

.rtp-main {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rtp-circle {
    min-width: 138px;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle, #120101 52%, transparent 54%),
        conic-gradient(
            #ff3217 0deg,
            #d71906 140deg,
            #ffd27d 230deg,
            rgba(255, 255, 255, 0.13) 231deg
        );
    box-shadow:
        0 0 24px rgba(199, 44, 255, 0.42),
        0 0 34px rgba(255, 43, 191, 0.22),
        inset 0 0 20px rgba(0, 0, 0, 0.72),
        inset 0 0 14px rgba(255, 255, 255, 0.06);
    animation: rtpPulse 2.2s ease-in-out infinite;
}

.rtp-circle span {
    font-size: 31px;
    font-weight: 900;
    color: #ffffff;
    text-shadow:
        0 0 12px rgba(255, 43, 191, 0.80),
        0 0 22px rgba(199, 44, 255, 0.50);
}

.rtp-circle small {
    margin-top: 3px;
    color: #f8e4d0;
    font-size: 12px;
    letter-spacing: 1px;
}

.rtp-info {
    width: 100%;
    min-width: 0;
}

.rtp-desc {
    margin: 0 0 12px;
    color: #f8e4d0;
    font-size: 14px;
    line-height: 1.6;
}

.rtp-bar {
    width: 100%;
    height: 17px;
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06));
    box-shadow:
        inset 0 0 9px rgba(0, 0, 0, 0.62),
        0 0 12px rgba(199, 44, 255, 0.12);
}

.rtp-fill {
    height: 100%;
    width: 0%;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, #ff4930, #d71906, #ff3217, #ffd27d);
    box-shadow:
        0 0 18px rgba(255, 43, 191, 0.62),
        0 0 26px rgba(199, 44, 255, 0.34);
    transition: width 1.4s cubic-bezier(.2, .8, .2, 1);
}

.rtp-fill::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.25) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.25) 50%,
            rgba(255, 255, 255, 0.25) 75%,
            transparent 75%,
            transparent
        );
    background-size: 24px 24px;
    animation: rtpBarMove 0.8s linear infinite;
}

.rtp-runner {
    position: absolute;
    top: 0;
    left: -35%;
    width: 35%;
    height: 100%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.72),
            rgba(255, 141, 221, 0.42),
            transparent
        );
    animation: rtpRunner 1.7s ease-in-out infinite;
}

.rtp-percent-row {
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    font-size: 11px;
    color: #ffd27d;
}

.rtp-timer-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.rtp-timer-box div {
    padding: 10px;
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(199, 44, 255, 0.12), rgba(255, 43, 191, 0.06));
    border: 1px solid rgba(228, 167, 255, 0.24);
    box-shadow:
        inset 0 0 12px rgba(199, 44, 255, 0.07),
        0 0 12px rgba(199, 44, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.rtp-timer-box small {
    display: block;
    margin-bottom: 4px;
    color: #ffd27d;
    font-size: 11px;
}

.rtp-timer-box strong {
    display: block;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 0.4px;
    text-shadow: 0 0 8px rgba(255, 43, 191, 0.32);
}

.rtp-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 11px;
    font-size: 12px;
    color: #ffd27d;
}
            /* ===============================
HISTORI RTP HORIZONTAL
=============================== */

.rtp-history-box {
    margin-top: 20px;
    padding: 15px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(255, 43, 191, 0.18), transparent 45%),
        radial-gradient(circle at bottom left, rgba(199, 44, 255, 0.14), transparent 48%),
        rgba(199, 44, 255, 0.05);
    border: 1px solid rgba(228, 167, 255, 0.24);
    box-shadow:
        inset 0 0 16px rgba(199, 44, 255, 0.08),
        0 0 18px rgba(199, 44, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
}

.rtp-history-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.rtp-history-head strong {
    display: block;
    font-size: 15px;
    color: #fff7ed;
    text-shadow:
        0 0 10px rgba(255, 43, 191, 0.45),
        0 0 18px rgba(199, 44, 255, 0.25);
}

.rtp-history-head small {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: #ffd27d;
}

.rtp-history-head>span {
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    color: #170101;
    background:
        linear-gradient(135deg,
            #d71906,
            #ffd27d,
            #ff3217);
    white-space: nowrap;
    box-shadow:
        0 0 12px rgba(199, 44, 255, .35),
        0 0 22px rgba(255, 43, 191, .18);
}

.rtp-history-list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.rtp-history-list::-webkit-scrollbar {
    height: 6px;
}

.rtp-history-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.08);
    border-radius: 999px;
}

.rtp-history-list::-webkit-scrollbar-thumb {
    background:
        linear-gradient(90deg,
            #d71906,
            #ff3217);
    border-radius: 999px;
}

.rtp-history-item {
    min-width: 150px;
    max-width: 150px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(145deg,
            rgba(199,18,5,.12),
            rgba(255,76,21,.06)),
        rgba(0,0,0,.22);

    border: 1px solid rgba(255,190,83,.18);

    box-shadow:
        inset 0 0 14px rgba(199,18,5,.08),
        0 0 14px rgba(199,18,5,.08);

    transition: .28s;
}

.rtp-history-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(120deg,
            transparent,
            rgba(255,255,255,.06),
            transparent);
    transform:translateX(-120%);
    transition:.7s;
}

.rtp-history-item:hover{
    transform:
        translateY(-4px)
        scale(1.03);

    border-color:
        rgba(255,76,21,.45);

    box-shadow:
        0 0 18px rgba(199,18,5,.24),
        0 0 30px rgba(255,76,21,.14),
        inset 0 0 14px rgba(199,18,5,.10);
}

.rtp-history-item:hover::before{
    transform:translateX(120%);
}

.rtp-history-date {
    font-size: 12px;
    color: #f8e4d0;
    font-weight: 800;
    white-space: nowrap;
}

.rtp-history-mini-bar {
    width: 100%;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background:
        rgba(255,255,255,.12);

    box-shadow:
        inset 0 0 6px rgba(0,0,0,.55);
}

.rtp-history-mini-fill {
    height: 100%;
    border-radius: 999px;

    background:
        linear-gradient(90deg,
            #ff4930,
            #d71906,
            #ff3217,
            #ffd27d);

    box-shadow:
        0 0 12px rgba(199,18,5,.45),
        0 0 18px rgba(255,76,21,.18);
}

.rtp-history-value {
    text-align: left;
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;

    text-shadow:
        0 0 10px rgba(199,18,5,.55),
        0 0 18px rgba(255,76,21,.25);
}

.rtp-history-value.hot {

    color:#ff9a47;

    text-shadow:
        0 0 10px rgba(255,76,21,.65),
        0 0 18px rgba(199,18,5,.35);
}

.rtp-history-value.danger{

    color:#ff8c6b;

    text-shadow:
        0 0 10px rgba(255,83,58,.45);
}

/* ===============================
FOOTER
=============================== */

.rtp-footer {
    margin-top: 20px;
    padding-top: 14px;

    border-top:
        1px solid rgba(199,18,5,.22);

    display: flex;
    justify-content: space-between;
    gap: 12px;

    font-size: 13px;

    color: #f8e4d0;
}

.rtp-live {

    color:#ff9a47;

    text-shadow:
        0 0 8px rgba(255,76,21,.75),
        0 0 16px rgba(199,18,5,.35);

    animation: rtpBlink 1.3s infinite;
}
            /* ===============================
ANIMATION
=============================== */
@keyframes rtpShine {
    0% {
        transform: translateX(-120%) rotate(8deg);
        opacity: 0;
    }

    18% {
        opacity: 1;
    }

    82% {
        opacity: 1;
    }

    100% {
        transform: translateX(120%) rotate(8deg);
        opacity: 0;
    }
}

@keyframes rtpParticleBreath {
    0%, 100% {
        opacity: 0.18;
        transform: scale(1);
    }

    50% {
        opacity: 0.34;
        transform: scale(1.015);
    }
}

@keyframes rtpGlowFloat {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.78;
    }

    50% {
        transform: translate(-12px, 14px) scale(1.12);
        opacity: 1;
    }
}

@keyframes rtpPulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.045);
        filter: brightness(1.18);
    }
}

@keyframes rtpBarMove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 24px 0;
    }
}

@keyframes rtpRunner {
    0% {
        left: -35%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes rtpBlink {
    0%, 100% {
        opacity: 1;
        filter: brightness(1);
    }

    50% {
        opacity: 0.45;
        filter: brightness(1.45);
    }
}

/* ===============================
RESPONSIVE
=============================== */
@media (max-width: 620px) {
    .rtp-slot-box {
        padding: 20px;
        border-radius: 22px;
    }

    .slot-game-select {
        grid-template-columns: repeat(3, 1fr);
        gap: 9px;
    }

    .rtp-main {
        flex-direction: column;
        align-items: stretch;
    }

    .rtp-circle {
        margin: 0 auto;
        min-width: 132px;
        width: 132px;
        height: 132px;
    }

    .rtp-header h3 {
        font-size: 25px;
    }

    .rtp-history-list {
        padding-bottom: 10px;
    }
}

@media (max-width: 420px) {
    .rtp-slot-box {
        padding: 18px;
        border-radius: 20px;
    }

    .rtp-slot-box::after {
        inset: 8px;
        border-radius: 16px;
    }

    .slot-game-select {
        grid-template-columns: repeat(2, 1fr);
        gap: 9px;
    }

    .game-btn {
        min-height: 112px;
        border-radius: 15px;
    }

    .game-icon-wrap {
        max-width: 70px;
        border-radius: 14px;
    }

    .rtp-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .rtp-header h3 {
        font-size: 23px;
        line-height: 1.2;
    }

    .rtp-badge {
        font-size: 11px;
        padding: 7px 11px;
    }

    .rtp-circle {
        min-width: 126px;
        width: 126px;
        height: 126px;
    }

    .rtp-circle span {
        font-size: 28px;
    }

    .rtp-timer-box {
        grid-template-columns: 1fr;
    }

    .rtp-meta,
    .rtp-footer {
        flex-direction: column;
    }

    .rtp-history-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .rtp-history-item {
        min-width: 135px;
        max-width: 135px;
        padding: 11px;
    }

    .rtp-history-value {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rtp-slot-box::before,
    .rtp-slot-box::after,
    .rtp-glow,
    .rtp-circle,
    .rtp-fill::before,
    .rtp-runner,
    .rtp-live {
        animation: none;
    }

    .game-btn,
    .game-icon,
    .rtp-history-item,
    .rtp-history-item::before {
        transition: none;
    }
}
/* =========================================================
   D59 RTP SLOT — BLACK / CRIMSON / FIRE ORANGE / GOLD
   Tempel sebagai pengganti blok RTP lama.
   Semua nama class dan struktur selector tetap dipertahankan.
   ========================================================= */

.rtp-slot-box{
    --D59-black:#030000;
    --D59-dark:#080000;
    --D59-panel:#150101;
    --D59-panel-soft:#230201;
    --D59-pink:#ff3217;
    --D59-pink-soft:#ff8a43;
    --D59-purple:#dc1b08;
    --D59-violet:#7a0000;
    --D59-gold:#ffb300;
    --D59-gold-soft:#ffe0a0;
    --D59-white:#fff7ed;
    --D59-muted:#f1d8c4;

    padding:24px;
    border-radius:26px;

    background:
        radial-gradient(circle at 8% 0%,rgba(255,50,23,.34),transparent 30%),
        radial-gradient(circle at 94% 8%,rgba(211,19,6,.30),transparent 32%),
        radial-gradient(circle at 50% 110%,rgba(117,0,0,.34),transparent 46%),
        linear-gradient(145deg,#170101 0%,#090000 48%,#030000 100%);

    border:1px solid rgba(255,50,23,.88);

    box-shadow:
        0 0 0 2px rgba(211,19,6,.16),
        0 0 14px rgba(255,50,23,.62),
        0 0 34px rgba(255,50,23,.30),
        0 0 64px rgba(117,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 0 40px rgba(255,50,23,.09),
        0 26px 58px rgba(0,0,0,.66);
}

.rtp-slot-box::before{
    inset:-35% -28%;
    background:
        linear-gradient(
            112deg,
            transparent 33%,
            rgba(255,50,23,.05) 40%,
            rgba(255,255,255,.45) 48%,
            rgba(255,132,55,.18) 52%,
            rgba(211,19,6,.10) 57%,
            transparent 66%
        );
    filter:blur(.25px);
    animation:rtpShine 5.4s ease-in-out infinite;
}

.rtp-slot-box::after{
    inset:8px;
    border-radius:20px;
    border:1px solid rgba(255,132,55,.24);

    background:
        linear-gradient(90deg,var(--D59-gold),transparent 16%,transparent 84%,var(--D59-gold)) top/100% 1px no-repeat,
        linear-gradient(90deg,var(--D59-pink),transparent 22%,transparent 78%,var(--D59-purple)) bottom/100% 1px no-repeat,
        radial-gradient(circle,rgba(255,255,255,.42) 1px,transparent 1px);

    background-size:
        100% 1px,
        100% 1px,
        86px 86px;

    opacity:.58;

    box-shadow:
        inset 0 0 26px rgba(255,50,23,.10),
        0 0 18px rgba(255,50,23,.10);
}

.rtp-glow{
    width:260px;
    height:260px;
    right:-105px;
    top:-112px;

    background:
        radial-gradient(
            circle,
            rgba(255,50,23,.46) 0%,
            rgba(211,19,6,.24) 38%,
            transparent 72%
        );

    filter:blur(48px);
}

/* GAME SELECT */
.slot-game-select{
    gap:11px;
    margin-bottom:25px;
}

.game-btn{
    min-height:124px;
    padding:10px 8px;
    border-radius:17px;

    color:var(--D59-white);

    background:
        radial-gradient(circle at 50% -20%,rgba(255,50,23,.14),transparent 48%),
        linear-gradient(160deg,rgba(31,2,1,.92),rgba(7,0,0,.94));

    border:1px solid rgba(255,50,23,.34);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 18px rgba(255,50,23,.07),
        0 0 13px rgba(255,50,23,.10);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.game-btn::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
        linear-gradient(
            120deg,
            transparent 25%,
            rgba(255,255,255,.09) 46%,
            transparent 64%
        );
    transform:translateX(-120%);
    transition:transform .7s ease;
    pointer-events:none;
}

.game-btn:hover::before{
    transform:translateX(120%);
}

.game-icon-wrap{
    max-width:80px;
    border-radius:16px;

    background:
        radial-gradient(circle at 50% 0%,rgba(255,50,23,.24),transparent 54%),
        radial-gradient(circle at 50% 110%,rgba(117,0,0,.26),transparent 52%),
        linear-gradient(180deg,rgba(33,2,1,.92),rgba(5,0,0,.96));

    border:1px solid rgba(255,132,55,.34);

    box-shadow:
        inset 0 0 17px rgba(0,0,0,.58),
        0 0 13px rgba(255,50,23,.16);
}

.game-icon{
    padding:5px;
    filter:
        drop-shadow(0 0 8px rgba(255,50,23,.28))
        drop-shadow(0 0 14px rgba(211,19,6,.14));
}

.game-name{
    color:var(--D59-muted);
    font-weight:800;
    text-shadow:
        0 0 7px rgba(255,50,23,.24),
        0 1px 2px rgba(0,0,0,.72);
}

.game-btn:hover{
    transform:translateY(-4px) scale(1.02);
    border-color:rgba(255,200,87,.72);

    background:
        radial-gradient(circle at 50% -20%,rgba(255,50,23,.24),transparent 50%),
        linear-gradient(160deg,rgba(42,2,1,.95),rgba(10,0,0,.96));

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 20px rgba(255,50,23,.11),
        0 0 15px rgba(255,200,87,.20),
        0 0 28px rgba(255,50,23,.30);
}

.game-btn:hover .game-icon-wrap{
    border-color:rgba(255,200,87,.72);

    box-shadow:
        inset 0 0 18px rgba(0,0,0,.58),
        0 0 13px rgba(255,200,87,.22),
        0 0 24px rgba(255,50,23,.26);
}

.game-btn:hover .game-icon{
    transform:scale(1.09);

    filter:
        drop-shadow(0 0 10px rgba(255,200,87,.30))
        drop-shadow(0 0 16px rgba(255,50,23,.46));
}

.game-btn:hover .game-name{
    color:#ffffff;
}

.game-btn.active{
    color:#ffffff;

    background:
        linear-gradient(135deg,#830000 0%,#bd0e02 35%,#ff3217 70%,#ff6716 100%);

    border-color:rgba(255,200,87,.92);

    box-shadow:
        0 0 12px rgba(255,200,87,.32),
        0 0 24px rgba(255,50,23,.66),
        0 0 38px rgba(117,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.42),
        inset 0 -10px 20px rgba(76,0,0,.22);
}

.game-btn.active .game-name{
    color:#ffffff;
    text-shadow:
        0 1px 2px rgba(0,0,0,.65),
        0 0 8px rgba(255,255,255,.42);
}

.game-btn.active .game-icon-wrap{
    background:
        radial-gradient(circle at top,rgba(255,255,255,.28),transparent 55%),
        rgba(20,1,1,.44);

    border-color:rgba(255,255,255,.68);

    box-shadow:
        inset 0 0 16px rgba(0,0,0,.36),
        0 0 14px rgba(255,255,255,.18),
        0 0 24px rgba(255,200,87,.18);
}

/* HEADER */
.rtp-header{
    margin-bottom:24px;
}

.rtp-label{
    color:var(--D59-gold);
    font-weight:900;

    text-shadow:
        0 0 8px rgba(255,200,87,.62),
        0 0 16px rgba(255,50,23,.32);
}

.rtp-header h3{
    font-weight:900;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffd08b 34%,
            var(--D59-pink) 65%,
            var(--D59-purple) 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:drop-shadow(0 0 7px rgba(255,50,23,.62));
}

.rtp-badge{
    color:var(--D59-gold-soft);

    background:
        linear-gradient(135deg,rgba(255,200,87,.14),rgba(255,50,23,.08));

    border:1px solid rgba(255,200,87,.54);

    box-shadow:
        inset 0 0 12px rgba(255,200,87,.06),
        0 0 14px rgba(255,50,23,.18);
}

.rtp-badge.hot{
    color:#ffffff;
    border-color:rgba(255,50,23,.92);

    background:
        linear-gradient(135deg,rgba(255,50,23,.28),rgba(117,0,0,.22));

    box-shadow:
        0 0 12px rgba(255,50,23,.52),
        0 0 24px rgba(117,0,0,.26);
}

.rtp-badge.danger{
    color:#ffb098;
    border-color:rgba(255,92,60,.72);
    background:rgba(255,56,35,.12);
}

/* RTP CIRCLE */
.rtp-main{
    gap:22px;
}

.rtp-circle{
    min-width:142px;
    width:142px;
    height:142px;

    background:
        radial-gradient(circle,#090000 50%,transparent 52%),
        conic-gradient(
            var(--D59-gold) 0deg,
            var(--D59-pink) 72deg,
            var(--D59-purple) 210deg,
            rgba(255,255,255,.10) 211deg
        );

    border:1px solid rgba(255,132,55,.22);

    box-shadow:
        0 0 12px rgba(255,200,87,.22),
        0 0 28px rgba(255,50,23,.50),
        0 0 44px rgba(117,0,0,.24),
        inset 0 0 22px rgba(0,0,0,.82),
        inset 0 0 14px rgba(255,255,255,.05);
}

.rtp-circle span{
    color:#ffffff;
    font-size:32px;

    text-shadow:
        0 0 8px rgba(255,255,255,.45),
        0 0 15px rgba(255,50,23,.90),
        0 0 28px rgba(211,19,6,.60);
}

.rtp-circle small{
    color:var(--D59-gold-soft);
}

/* RTP CONTENT */
.rtp-desc{
    color:var(--D59-muted);
}

.rtp-bar{
    height:18px;

    background:
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));

    border:1px solid rgba(255,132,55,.14);

    box-shadow:
        inset 0 0 10px rgba(0,0,0,.76),
        0 0 13px rgba(255,50,23,.16);
}

.rtp-fill{
    background:
        linear-gradient(
            90deg,
            #980000 0%,
            #d71906 26%,
            #ff3217 58%,
            #ff7d26 78%,
            #ffb300 100%
        );

    box-shadow:
        0 0 14px rgba(255,200,87,.28),
        0 0 24px rgba(255,50,23,.72),
        0 0 34px rgba(117,0,0,.34);
}

.rtp-runner{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.84),
            rgba(255,200,87,.44),
            rgba(255,132,55,.34),
            transparent
        );
}

.rtp-percent-row{
    color:var(--D59-gold-soft);
}

.rtp-timer-box div{
    background:
        radial-gradient(circle at top left,rgba(255,50,23,.12),transparent 54%),
        linear-gradient(145deg,rgba(29,2,1,.90),rgba(7,0,0,.92));

    border:1px solid rgba(255,50,23,.24);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 14px rgba(255,50,23,.06),
        0 0 13px rgba(255,50,23,.08);
}

.rtp-timer-box small{
    color:var(--D59-gold-soft);
}

.rtp-timer-box strong{
    color:#ffffff;

    text-shadow:
        0 0 8px rgba(255,50,23,.48),
        0 0 14px rgba(211,19,6,.22);
}

.rtp-meta{
    color:var(--D59-muted);
}

/* HISTORY */
.rtp-history-box{
    padding:16px;
    border-radius:19px;

    background:
        radial-gradient(circle at top right,rgba(255,50,23,.20),transparent 42%),
        radial-gradient(circle at bottom left,rgba(117,0,0,.18),transparent 46%),
        linear-gradient(150deg,rgba(28,2,1,.90),rgba(6,0,0,.94));

    border:1px solid rgba(255,50,23,.28);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 18px rgba(255,50,23,.07),
        0 0 18px rgba(117,0,0,.12);
}

.rtp-history-head strong{
    color:#ffffff;

    text-shadow:
        0 0 10px rgba(255,50,23,.58),
        0 0 20px rgba(211,19,6,.28);
}

.rtp-history-head small{
    color:var(--D59-muted);
}

.rtp-history-head>span{
    color:#ffffff;

    background:
        linear-gradient(135deg,#8a0000,#d71906,#ff3217);

    border:1px solid rgba(255,200,87,.64);

    box-shadow:
        0 0 10px rgba(255,200,87,.20),
        0 0 20px rgba(255,50,23,.44);
}

.rtp-history-list::-webkit-scrollbar-track{
    background:rgba(255,255,255,.06);
}

.rtp-history-list::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            90deg,
            var(--D59-purple),
            var(--D59-pink),
            var(--D59-gold)
        );
}

.rtp-history-item{
    background:
        radial-gradient(circle at top right,rgba(255,50,23,.12),transparent 52%),
        linear-gradient(150deg,rgba(29,2,1,.92),rgba(6,0,0,.94));

    border:1px solid rgba(255,50,23,.22);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 14px rgba(255,50,23,.06),
        0 0 14px rgba(117,0,0,.08);
}

.rtp-history-item:hover{
    border-color:rgba(255,200,87,.62);

    box-shadow:
        0 0 12px rgba(255,200,87,.18),
        0 0 24px rgba(255,50,23,.38),
        0 0 34px rgba(117,0,0,.16),
        inset 0 0 16px rgba(255,50,23,.09);
}

.rtp-history-date{
    color:var(--D59-muted);
}

.rtp-history-mini-bar{
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,132,55,.10);

    box-shadow:
        inset 0 0 7px rgba(0,0,0,.70);
}

.rtp-history-mini-fill{
    background:
        linear-gradient(
            90deg,
            #870000,
            #d71906,
            #ff3217,
            #ffb300
        );

    box-shadow:
        0 0 10px rgba(255,200,87,.20),
        0 0 16px rgba(255,50,23,.54);
}

.rtp-history-value{
    color:#ffffff;

    text-shadow:
        0 0 10px rgba(255,50,23,.66),
        0 0 20px rgba(211,19,6,.32);
}

.rtp-history-value.hot{
    color:var(--D59-gold);

    text-shadow:
        0 0 9px rgba(255,200,87,.72),
        0 0 18px rgba(255,50,23,.38);
}

.rtp-history-value.danger{
    color:#ff8c6b;
}

/* FOOTER */
.rtp-footer{
    border-top:1px solid rgba(255,50,23,.26);
    color:var(--D59-muted);
}

.rtp-live{
    color:var(--D59-gold);

    text-shadow:
        0 0 8px rgba(255,200,87,.70),
        0 0 16px rgba(255,50,23,.46);
}

/* RESPONSIVE PENYESUAIAN */
@media(max-width:620px){
    .rtp-slot-box{
        padding:20px;
        border-radius:22px;
    }

    .rtp-circle{
        min-width:134px;
        width:134px;
        height:134px;
    }
}

@media(max-width:420px){
    .rtp-slot-box{
        padding:18px;
        border-radius:20px;
    }

    .game-btn{
        min-height:114px;
    }

    .game-icon-wrap{
        max-width:72px;
    }

    .rtp-circle{
        min-width:128px;
        width:128px;
        height:128px;
    }
}
</style>

<style>
/* =========================================================
   D59 DREAMY NIGHTCLUB FINAL OVERRIDE
   Tidak mengubah struktur HTML / nama class.
   Fokus: black glass • crimson laser • fire orange • royal gold
   ========================================================= */

/* ---------- SLOT MACHINE ---------- */
.cyber-slot-machine{
    --D59-black:#020000;
    --D59-dark:#080000;
    --D59-panel:#160101;
    --D59-pink:#ff3217;
    --D59-pink-soft:#ff9952;
    --D59-purple:#d61b07;
    --D59-violet:#700000;
    --D59-gold:#ffbc1f;
    --D59-white:#fff9ef;

    background:
        radial-gradient(circle at 10% -5%,rgba(255,62,22,.42),transparent 32%),
        radial-gradient(circle at 95% 7%,rgba(255,128,16,.23),transparent 30%),
        radial-gradient(circle at 50% 115%,rgba(166,0,0,.29),transparent 46%),
        linear-gradient(150deg,#180101 0%,#090000 46%,#020000 100%);

    border:1px solid rgba(255,145,31,.78);

    box-shadow:
        0 0 1px rgba(255,255,255,.32),
        0 0 13px rgba(255,53,17,.72),
        0 0 34px rgba(255,35,8,.34),
        0 0 64px rgba(139,0,0,.22),
        inset 0 1px 0 rgba(255,235,185,.14),
        inset 0 0 44px rgba(255,47,13,.09),
        0 30px 64px rgba(0,0,0,.74);
}

.cyber-slot-machine:after{
    border:1px solid rgba(255,173,55,.30);

    background:
        linear-gradient(90deg,#ffc03a,transparent 18%,transparent 82%,#ffc03a) top/100% 1px no-repeat,
        linear-gradient(90deg,#ff3217,transparent 22%,transparent 78%,#d61b07) bottom/100% 1px no-repeat;

    box-shadow:
        inset 0 0 23px rgba(255,55,15,.10),
        0 0 18px rgba(255,51,13,.13);
}

.cyber-slot-machine:before{
    background:linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,.035) 35%,
        rgba(255,55,16,.25) 46%,
        rgba(255,255,255,.68) 51%,
        rgba(255,185,52,.24) 55%,
        rgba(211,19,6,.16) 59%,
        transparent 73%
    );

    filter:
        blur(.4px)
        drop-shadow(0 0 10px rgba(255,50,13,.38))
        drop-shadow(0 0 22px rgba(255,174,34,.10));
}

.cyber-slot-title{
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff0c5 20%,
        #ffd271 34%,
        #ff5b22 59%,
        #ff3015 76%,
        #ffb91c 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:drop-shadow(0 0 7px rgba(255,55,15,.77));

    text-shadow:
        0 0 9px rgba(255,255,255,.20),
        0 0 18px rgba(255,55,15,.74),
        0 0 34px rgba(201,9,0,.44),
        0 0 52px rgba(255,152,14,.14);
}

.cyber-slot-title:after{
    background:linear-gradient(
        90deg,
        transparent,
        #ff3115,
        #ff7619,
        #ffd24d,
        #ff3d17,
        transparent
    );

    box-shadow:
        0 0 9px rgba(255,56,15,.80),
        0 0 19px rgba(255,159,20,.20);
}

.cyber-reels{
    background:
        radial-gradient(circle at 50% -20%,rgba(255,58,16,.23),transparent 56%),
        linear-gradient(180deg,rgba(31,3,1,.99),rgba(5,0,0,.99));

    border:1px solid rgba(255,83,20,.56);

    box-shadow:
        inset 0 0 32px rgba(0,0,0,.91),
        inset 0 1px 0 rgba(255,228,171,.07),
        0 0 15px rgba(255,52,13,.22),
        0 0 31px rgba(139,0,0,.14);
}

.cyber-reels:before{
    border:1px solid rgba(255,166,48,.13);

    background:
        linear-gradient(90deg,rgba(255,55,15,.05) 1px,transparent 1px),
        linear-gradient(rgba(255,176,40,.035) 1px,transparent 1px);
}

.cyber-reel{
    background:
        radial-gradient(circle at 50% 8%,rgba(255,255,255,.17),transparent 34%),
        radial-gradient(circle at 50% 112%,rgba(207,19,6,.30),transparent 46%),
        linear-gradient(180deg,#2b0301 0%,#130100 48%,#070000 100%);

    border:1px solid rgba(255,153,39,.72);

    box-shadow:
        inset 0 0 20px rgba(255,52,13,.10),
        inset 0 -14px 24px rgba(117,0,0,.17),
        0 0 9px rgba(255,52,13,.42),
        0 0 22px rgba(204,12,0,.19);

    text-shadow:
        0 0 7px rgba(255,255,255,.70),
        0 0 15px rgba(255,64,17,.73),
        0 0 26px rgba(202,10,0,.46);
}

.cyber-reel:hover{
    border-color:rgba(255,210,91,.92);

    box-shadow:
        inset 0 0 22px rgba(255,52,13,.14),
        inset 0 -14px 24px rgba(117,0,0,.20),
        0 0 15px rgba(255,207,82,.39),
        0 0 31px rgba(255,52,13,.35);
}

.cyber-spin-btn{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.20),transparent 28%),
        linear-gradient(180deg,#ff6728 0%,#ff3816 19%,#df1607 43%,#a90702 70%,#650000 100%);

    border:1px solid rgba(255,211,87,.94);

    box-shadow:
        0 12px 30px rgba(0,0,0,.45),
        0 0 2px rgba(255,255,255,.35),
        0 0 11px rgba(255,190,45,.30),
        0 0 20px rgba(255,52,13,.77),
        0 0 40px rgba(255,31,5,.33),
        0 0 55px rgba(120,0,0,.20),
        inset 0 1px 0 rgba(255,245,214,.52),
        inset 0 -9px 20px rgba(75,0,0,.32);
}

.cyber-spin-btn:hover{
    box-shadow:
        0 18px 36px rgba(0,0,0,.52),
        0 0 3px rgba(255,255,255,.45),
        0 0 14px rgba(255,206,69,.50),
        0 0 31px rgba(255,55,13,.70),
        0 0 53px rgba(150,0,0,.30),
        inset 0 1px 0 rgba(255,250,225,.60);
}

.cyber-result{
    color:#ffd36d;

    text-shadow:
        0 0 7px rgba(255,235,171,.40),
        0 0 14px rgba(255,191,45,.69),
        0 0 25px rgba(255,51,13,.48),
        0 0 36px rgba(190,7,0,.22);
}


/* ---------- RTP MAIN BOX ---------- */
.rtp-slot-box{
    --D59-black:#020000;
    --D59-dark:#080000;
    --D59-panel:#160101;
    --D59-panel-soft:#230201;
    --D59-pink:#ff3217;
    --D59-pink-soft:#ff9850;
    --D59-purple:#d61a07;
    --D59-violet:#700000;
    --D59-gold:#ffbc1f;
    --D59-gold-soft:#ffe5a5;
    --D59-white:#fff9ef;
    --D59-muted:#f3dcc8;

    background:
        radial-gradient(circle at 6% -4%,rgba(255,57,17,.39),transparent 31%),
        radial-gradient(circle at 96% 6%,rgba(255,137,18,.20),transparent 32%),
        radial-gradient(circle at 50% 112%,rgba(139,0,0,.30),transparent 46%),
        linear-gradient(145deg,#180101 0%,#090000 48%,#020000 100%);

    border:1px solid rgba(255,141,29,.76);

    box-shadow:
        0 0 1px rgba(255,255,255,.28),
        0 0 12px rgba(255,52,13,.58),
        0 0 34px rgba(255,35,7,.28),
        0 0 62px rgba(139,0,0,.18),
        inset 0 1px 0 rgba(255,230,175,.11),
        inset 0 0 42px rgba(255,49,12,.08),
        0 28px 60px rgba(0,0,0,.68);
}

.rtp-slot-box::before{
    background:
        linear-gradient(
            112deg,
            transparent 32%,
            rgba(255,52,14,.045) 39%,
            rgba(255,255,255,.42) 47%,
            rgba(255,204,107,.30) 50%,
            rgba(255,122,28,.20) 54%,
            rgba(211,19,6,.10) 59%,
            transparent 67%
        );

    filter:
        blur(.35px)
        drop-shadow(0 0 9px rgba(255,54,14,.32));
}

.rtp-slot-box::after{
    border:1px solid rgba(255,164,44,.26);

    background:
        linear-gradient(90deg,#ffbd22,transparent 17%,transparent 83%,#ffbd22) top/100% 1px no-repeat,
        linear-gradient(90deg,#ff3217,transparent 22%,transparent 78%,#d61a07) bottom/100% 1px no-repeat,
        radial-gradient(circle,rgba(255,247,213,.48) 1px,transparent 1px);

    box-shadow:
        inset 0 0 27px rgba(255,53,13,.09),
        0 0 17px rgba(255,50,12,.09);
}

.rtp-glow{
    background:
        radial-gradient(
            circle,
            rgba(255,66,18,.42) 0%,
            rgba(213,18,5,.22) 38%,
            rgba(255,168,28,.07) 55%,
            transparent 72%
        );

    filter:blur(52px);
}


/* ---------- GAME SELECT ---------- */
.game-btn{
    color:var(--D59-white);

    background:
        radial-gradient(circle at 50% -18%,rgba(255,59,17,.15),transparent 48%),
        linear-gradient(160deg,rgba(31,2,1,.94),rgba(6,0,0,.96));

    border:1px solid rgba(255,71,18,.32);

    box-shadow:
        inset 0 1px 0 rgba(255,235,192,.05),
        inset 0 0 18px rgba(255,52,13,.065),
        0 0 13px rgba(255,50,12,.09);

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.game-icon-wrap{
    background:
        radial-gradient(circle at 50% 0%,rgba(255,60,17,.23),transparent 54%),
        radial-gradient(circle at 50% 110%,rgba(117,0,0,.25),transparent 52%),
        linear-gradient(180deg,rgba(33,2,1,.93),rgba(5,0,0,.97));

    border:1px solid rgba(255,153,40,.32);

    box-shadow:
        inset 0 0 18px rgba(0,0,0,.60),
        0 0 12px rgba(255,52,13,.15);
}

.game-icon{
    filter:
        drop-shadow(0 0 8px rgba(255,56,15,.28))
        drop-shadow(0 0 14px rgba(255,155,22,.08));
}

.game-name{
    color:#f4dfce;

    text-shadow:
        0 0 7px rgba(255,52,13,.20),
        0 1px 2px rgba(0,0,0,.78);
}

.game-btn:hover{
    border-color:rgba(255,205,81,.68);

    background:
        radial-gradient(circle at 50% -20%,rgba(255,66,19,.24),transparent 50%),
        linear-gradient(160deg,rgba(43,3,1,.96),rgba(9,0,0,.97));

    box-shadow:
        inset 0 1px 0 rgba(255,244,216,.08),
        inset 0 0 20px rgba(255,52,13,.10),
        0 0 14px rgba(255,197,56,.17),
        0 0 28px rgba(255,50,12,.27);
}

.game-btn:hover .game-icon-wrap{
    border-color:rgba(255,205,82,.66);

    box-shadow:
        inset 0 0 18px rgba(0,0,0,.59),
        0 0 13px rgba(255,200,72,.20),
        0 0 23px rgba(255,51,12,.22);
}

.game-btn.active{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 28%),
        linear-gradient(180deg,#ff6425 0%,#ff3715 19%,#da1305 46%,#9d0501 73%,#5d0000 100%);

    border-color:rgba(255,212,89,.90);

    box-shadow:
        0 0 2px rgba(255,255,255,.30),
        0 0 11px rgba(255,195,48,.26),
        0 0 22px rgba(255,52,13,.61),
        0 0 37px rgba(119,0,0,.29),
        inset 0 1px 0 rgba(255,246,217,.40),
        inset 0 -10px 20px rgba(76,0,0,.24);
}


/* ---------- RTP HEADER ---------- */
.rtp-label{
    color:#ffbf2f;

    text-shadow:
        0 0 7px rgba(255,223,144,.30),
        0 0 12px rgba(255,190,44,.55),
        0 0 20px rgba(255,52,13,.24);
}

.rtp-header h3{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fff0c6 22%,
            #ffd071 36%,
            #ff5a21 62%,
            #ff3015 78%,
            #cf1104 100%
        );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;

    filter:
        drop-shadow(0 0 7px rgba(255,54,14,.55))
        drop-shadow(0 0 15px rgba(255,145,17,.08));
}

.rtp-badge{
    color:#ffe5a5;

    background:
        linear-gradient(135deg,rgba(255,196,51,.11),rgba(255,52,13,.08));

    border:1px solid rgba(255,200,75,.50);

    box-shadow:
        inset 0 0 12px rgba(255,191,44,.045),
        0 0 14px rgba(255,52,13,.15);
}

.rtp-badge.hot{
    color:#fff;

    border-color:rgba(255,72,19,.85);

    background:
        linear-gradient(135deg,rgba(255,57,15,.28),rgba(113,0,0,.23));

    box-shadow:
        0 0 12px rgba(255,53,13,.47),
        0 0 24px rgba(120,0,0,.23);
}


/* ---------- RTP CIRCLE / BARS ---------- */
.rtp-circle{
    background:
        radial-gradient(circle,#080000 50%,transparent 52%),
        conic-gradient(
            #ffc027 0deg,
            #ff7b18 48deg,
            #ff3217 92deg,
            #d21705 170deg,
            #700000 230deg,
            rgba(255,255,255,.09) 231deg
        );

    border:1px solid rgba(255,164,46,.20);

    box-shadow:
        0 0 10px rgba(255,196,48,.18),
        0 0 27px rgba(255,52,13,.46),
        0 0 44px rgba(117,0,0,.21),
        inset 0 0 22px rgba(0,0,0,.84),
        inset 0 0 14px rgba(255,255,255,.045);
}

.rtp-circle span{
    text-shadow:
        0 0 7px rgba(255,255,255,.39),
        0 0 15px rgba(255,54,14,.83),
        0 0 28px rgba(207,16,4,.54);
}

.rtp-circle small{
    color:#ffe4a3;
}

.rtp-bar{
    background:
        linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.03));

    border:1px solid rgba(255,148,35,.13);

    box-shadow:
        inset 0 0 10px rgba(0,0,0,.78),
        0 0 13px rgba(255,51,12,.14);
}

.rtp-fill{
    background:
        linear-gradient(
            90deg,
            #850000 0%,
            #c80d02 20%,
            #ff3217 48%,
            #ff7620 72%,
            #ffbf24 100%
        );

    box-shadow:
        0 0 12px rgba(255,198,54,.24),
        0 0 23px rgba(255,51,12,.67),
        0 0 33px rgba(117,0,0,.31);
}

.rtp-runner{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.82),
            rgba(255,226,154,.57),
            rgba(255,172,42,.29),
            transparent
        );
}


/* ---------- TIMER / HISTORY ---------- */
.rtp-timer-box div{
    background:
        radial-gradient(circle at top left,rgba(255,60,17,.11),transparent 54%),
        linear-gradient(145deg,rgba(30,2,1,.91),rgba(6,0,0,.94));

    border:1px solid rgba(255,68,17,.22);

    box-shadow:
        inset 0 1px 0 rgba(255,238,202,.04),
        inset 0 0 14px rgba(255,50,12,.055),
        0 0 13px rgba(255,50,12,.07);
}

.rtp-timer-box strong{
    text-shadow:
        0 0 8px rgba(255,53,13,.43),
        0 0 14px rgba(204,13,2,.19);
}

.rtp-history-box{
    background:
        radial-gradient(circle at top right,rgba(255,58,16,.18),transparent 42%),
        radial-gradient(circle at bottom left,rgba(117,0,0,.16),transparent 46%),
        linear-gradient(150deg,rgba(29,2,1,.91),rgba(5,0,0,.95));

    border:1px solid rgba(255,66,17,.25);

    box-shadow:
        inset 0 1px 0 rgba(255,238,200,.04),
        inset 0 0 18px rgba(255,50,12,.06),
        0 0 18px rgba(117,0,0,.10);
}

.rtp-history-head strong{
    text-shadow:
        0 0 9px rgba(255,53,13,.52),
        0 0 19px rgba(203,13,2,.24);
}

.rtp-history-head>span{
    background:
        linear-gradient(135deg,#780000,#c40e02,#ff3217,#ff6c18);

    border:1px solid rgba(255,205,79,.61);

    box-shadow:
        0 0 9px rgba(255,201,61,.17),
        0 0 20px rgba(255,52,13,.38);
}

.rtp-history-item{
    background:
        radial-gradient(circle at top right,rgba(255,58,16,.11),transparent 52%),
        linear-gradient(150deg,rgba(30,2,1,.93),rgba(5,0,0,.95));

    border:1px solid rgba(255,63,16,.20);

    box-shadow:
        inset 0 1px 0 rgba(255,240,205,.04),
        inset 0 0 14px rgba(255,50,12,.05),
        0 0 14px rgba(117,0,0,.07);
}

.rtp-history-item:hover{
    border-color:rgba(255,204,76,.57);

    box-shadow:
        0 0 11px rgba(255,198,57,.15),
        0 0 23px rgba(255,52,13,.34),
        0 0 33px rgba(117,0,0,.14),
        inset 0 0 16px rgba(255,50,12,.08);
}

.rtp-history-list::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            90deg,
            #9b0501,
            #d91a06,
            #ff3217,
            #ffbd24
        );
}

.rtp-history-mini-fill{
    background:
        linear-gradient(
            90deg,
            #760000,
            #c90e02,
            #ff3217,
            #ff7a20,
            #ffbd21
        );

    box-shadow:
        0 0 9px rgba(255,195,49,.17),
        0 0 16px rgba(255,51,12,.50);
}

.rtp-history-value{
    text-shadow:
        0 0 9px rgba(255,53,13,.59),
        0 0 19px rgba(205,13,2,.27);
}

.rtp-history-value.hot,
.rtp-live{
    color:#ffbd24;

    text-shadow:
        0 0 7px rgba(255,228,154,.26),
        0 0 12px rgba(255,190,42,.62),
        0 0 18px rgba(255,52,13,.32);
}


/* ---------- DREAMY MOTION TUNING ---------- */
@keyframes cyberSlotAura{
    0%,100%{
        box-shadow:
            0 0 1px rgba(255,255,255,.25),
            0 0 11px rgba(255,51,13,.58),
            0 0 28px rgba(255,34,7,.28),
            0 0 52px rgba(117,0,0,.18),
            inset 0 1px 0 rgba(255,234,184,.10),
            inset 0 0 40px rgba(255,50,13,.075),
            0 28px 60px rgba(0,0,0,.72);
    }

    50%{
        box-shadow:
            0 0 2px rgba(255,255,255,.32),
            0 0 14px rgba(255,199,60,.22),
            0 0 20px rgba(255,53,13,.80),
            0 0 43px rgba(255,36,7,.39),
            0 0 70px rgba(117,0,0,.25),
            inset 0 1px 0 rgba(255,242,204,.13),
            inset 0 0 48px rgba(255,50,13,.11),
            0 28px 60px rgba(0,0,0,.72);
    }
}

@media(max-width:620px){
    .rtp-slot-box{
        box-shadow:
            0 0 9px rgba(255,52,13,.47),
            0 0 25px rgba(160,0,0,.18),
            inset 0 0 28px rgba(255,50,12,.06),
            0 20px 42px rgba(0,0,0,.55);
    }
}

@media(prefers-reduced-motion:reduce){
    .cyber-slot-machine,
    .cyber-slot-machine:before,
    .cyber-reel:before,
    .cyber-spin-btn,
    .cyber-result,
    .rtp-slot-box::before,
    .rtp-slot-box::after,
    .rtp-glow,
    .rtp-circle,
    .rtp-fill::before,
    .rtp-runner,
    .rtp-live{
        animation:none !important;
    }
}
</style>
         <script>
            /* ===============================
            RTP SLOT SELECT GAME ICON + HISTORI HORIZONTAL
            Klik icon game -> RTP dan histori berubah
            Data visual/demo, bukan data real server.
            =============================== */
            
            (function() {
                const box = document.querySelector("[data-rtp-slot]");
                if (!box) return;
            
                const games = {
                    "mahjong-ways": {
                        name: "Mahjong Ways",
                        provider: "PG Soft",
                        volatility: "Sedang-Tinggi",
                        seed: "mahjong-ways",
                        min: 84.20,
                        max: 99.35
                    },
                    "mahjong-ways-2": {
                        name: "Mahjong Ways 2",
                        provider: "PG Soft",
                        volatility: "Tinggi",
                        seed: "mahjong-ways-2",
                        min: 83.20,
                        max: 99.65
                    },
                    "gates-of-olympus-1000": {
                        name: "Gates of Olympus 1000",
                        provider: "Pragmatic Play",
                        volatility: "Sedang",
                        seed: "gates-of-olympus-1000",
                        min: 85.10,
                        max: 98.85
                    },
                    "le-cowboy": {
                        name: "Le Cowboy",
                        provider: "Pragmatic Play",
                        volatility: "Sedang-Tinggi",
                        seed: "le-cowboy",
                        min: 84.60,
                        max: 99.10
                    },
                    "wild-bounty-showdown": {
                        name: "Wild Bounty Showdown",
                        provider: "Joker Gaming",
                        volatility: "Tinggi",
                        seed: "wild-bounty-showdown",
                        min: 83.80,
                        max: 99.45
                    }
                };
            
                const buttons = box.querySelectorAll(".game-btn");
            
                const rtpGameTitle = box.querySelector("#rtpGameTitle");
                const rtpStatus = box.querySelector("#rtpStatus");
                const rtpCircle = box.querySelector("#rtpCircle");
                const rtpValue = box.querySelector("#rtpValue");
                const rtpBar = box.querySelector("#rtpBar");
                const rtpDesc = box.querySelector("#rtpDesc");
                const rtpClock = box.querySelector("#rtpClock");
                const rtpCountdown = box.querySelector("#rtpCountdown");
                const rtpDate = box.querySelector("#rtpDate");
                const rtpVolatile = box.querySelector("#rtpVolatile");
                const rtpProvider = box.querySelector("#rtpProvider");
                const rtpHistoryGame = box.querySelector("#rtpHistoryGame");
                const rtpHistoryList = box.querySelector("#rtpHistoryList");
            
                if (
                    !rtpGameTitle ||
                    !rtpStatus ||
                    !rtpCircle ||
                    !rtpValue ||
                    !rtpBar ||
                    !rtpDesc ||
                    !rtpClock ||
                    !rtpCountdown ||
                    !rtpDate ||
                    !rtpVolatile ||
                    !rtpProvider ||
                    !rtpHistoryGame ||
                    !rtpHistoryList
                ) {
                    return;
                }
            
                let activeGame = "mahjong-ways";
            
                const WIB_OFFSET = 7 * 60 * 60 * 1000;
                const ONE_DAY = 24 * 60 * 60 * 1000;
            
                function pad(num) {
                    return String(num).padStart(2, "0");
                }
            
                function getWibDateObj() {
                    return new Date(Date.now() + WIB_OFFSET);
                }
            
                function formatWibClock() {
                    const wib = getWibDateObj();
            
                    return (
                        pad(wib.getUTCHours()) + ":" +
                        pad(wib.getUTCMinutes()) + ":" +
                        pad(wib.getUTCSeconds()) + " WIB"
                    );
                }
            
                function formatDateKeyFromUtc(utcMs) {
                    const date = new Date(utcMs);
            
                    return (
                        date.getUTCFullYear() + "-" +
                        pad(date.getUTCMonth() + 1) + "-" +
                        pad(date.getUTCDate())
                    );
                }
            
                function getUpdateKeyDate() {
                    const wib = getWibDateObj();
            
                    let year = wib.getUTCFullYear();
                    let month = wib.getUTCMonth();
                    let date = wib.getUTCDate();
            
                    const hour = wib.getUTCHours();
                    const minute = wib.getUTCMinutes();
            
                    // Update harian setelah 00:05 WIB
                    if (hour === 0 && minute < 5) {
                        const yesterday = new Date(Date.UTC(year, month, date) - ONE_DAY);
                        year = yesterday.getUTCFullYear();
                        month = yesterday.getUTCMonth();
                        date = yesterday.getUTCDate();
                    }
            
                    return year + "-" + pad(month + 1) + "-" + pad(date);
                }
            
                function getBaseUpdateDateUtc() {
                    const parts = getUpdateKeyDate().split("-");
                    const year = Number(parts[0]);
                    const month = Number(parts[1]) - 1;
                    const date = Number(parts[2]);
            
                    return Date.UTC(year, month, date);
                }
            
                function getNextUpdateTimeUtc() {
                    const now = Date.now();
                    const wib = getWibDateObj();
            
                    const year = wib.getUTCFullYear();
                    const month = wib.getUTCMonth();
                    const date = wib.getUTCDate();
            
                    let nextUpdateUtc = Date.UTC(year, month, date, 0, 5, 0) - WIB_OFFSET;
            
                    if (now >= nextUpdateUtc) {
                        nextUpdateUtc = Date.UTC(year, month, date + 1, 0, 5, 0) - WIB_OFFSET;
                    }
            
                    return nextUpdateUtc;
                }
            
                function formatCountdown(ms) {
                    const totalSeconds = Math.max(0, Math.floor(ms / 1000));
                    const hours = Math.floor(totalSeconds / 3600);
                    const minutes = Math.floor((totalSeconds % 3600) / 60);
                    const seconds = totalSeconds % 60;
            
                    return pad(hours) + ":" + pad(minutes) + ":" + pad(seconds);
                }
            
                function hashString(str) {
                    let hash = 2166136261;
            
                    for (let i = 0; i < str.length; i++) {
                        hash ^= str.charCodeAt(i);
                        hash +=
                            (hash << 1) +
                            (hash << 4) +
                            (hash << 7) +
                            (hash << 8) +
                            (hash << 24);
                    }
            
                    return hash >>> 0;
                }
            
                function seededRandom(seed) {
                    let x = seed || 123456789;
            
                    x ^= x << 13;
                    x ^= x >>> 17;
                    x ^= x << 5;
            
                    return (x >>> 0) / 4294967295;
                }
            
                function calculateRTPByDate(gameKey, dateKey) {
                    const game = games[gameKey];
            
                    const seed = hashString(game.seed + "-" + dateKey);
                    const chance = seededRandom(seed);
                    const spread = seededRandom(seed ^ 0x9e3779b9);
            
                    let rtp;
            
                    if (chance < 0.18) {
                        rtp = game.min + spread * 5.6;
                    } else if (chance < 0.52) {
                        rtp = 89.10 + spread * 4.7;
                    } else if (chance < 0.84) {
                        rtp = 94.00 + spread * 3.2;
                    } else {
                        rtp = 97.00 + spread * 2.65;
                    }
            
                    rtp = Math.min(game.max, Math.max(game.min, rtp));
            
                    return Number(rtp.toFixed(2));
                }
            
                function getGameRTP(gameKey) {
                    const todayKey = getUpdateKeyDate();
            
                    return {
                        value: calculateRTPByDate(gameKey, todayKey),
                        dateKey: todayKey
                    };
                }
            
                function getRtpStatusClass(rtp) {
                    if (rtp >= 97) return "hot";
                    if (rtp < 89) return "danger";
                    return "";
                }
            
                function renderHistory() {
                    const game = games[activeGame];
                    const baseUtc = getBaseUpdateDateUtc();
            
                    rtpHistoryGame.textContent = game.name;
                    rtpHistoryList.innerHTML = "";
            
                    for (let i = 0; i < 7; i++) {
                        const dateKey = formatDateKeyFromUtc(baseUtc - i * ONE_DAY);
                        const rtp = calculateRTPByDate(activeGame, dateKey);
                        const statusClass = getRtpStatusClass(rtp);
                        const label = i === 0 ? "Hari Ini" : dateKey;
            
                        const item = document.createElement("div");
                        item.className = "rtp-history-item";
            
                        item.innerHTML =
                            '<div class="rtp-history-date">' + label + '</div>' +
                            '<div class="rtp-history-mini-bar">' +
                            '<div class="rtp-history-mini-fill" style="width:' + rtp + '%"></div>' +
                            '</div>' +
                            '<div class="rtp-history-value ' + statusClass + '">' + rtp.toFixed(2) + '%</div>' +
                            '<div class="rtp-history-date">' + dateKey + '</div>';
            
                        rtpHistoryList.appendChild(item);
                    }
                }
            
                function setButtonActive(gameKey) {
                    buttons.forEach(function(btn) {
                        btn.classList.toggle("active", btn.dataset.game === gameKey);
                    });
                }
            
                function updateRTP() {
                    const game = games[activeGame];
                    const data = getGameRTP(activeGame);
                    const rtp = data.value;
            
                    rtpGameTitle.textContent = game.name;
                    rtpValue.textContent = rtp.toFixed(2) + "%";
                    rtpBar.style.width = rtp + "%";
                    rtpDate.textContent = "Tanggal: " + data.dateKey;
                    rtpVolatile.textContent = "Volatilitas: " + game.volatility;
                    rtpProvider.textContent = "Provider: " + game.provider;
                    rtpDesc.textContent = "Menghadirkan tampilan modern dan elegan " + game.name + " Apk Slot ini menawarkan alur permainan simpel dengan visual menarik dan suasana yang seru.";
            
                    const degree = Math.round((rtp / 100) * 360);
            
                    rtpCircle.style.background =
                        "radial-gradient(circle, #0c2b20 52%, transparent 54%)," +
                        "conic-gradient(#00ffaa 0deg, #ffd75a " +
                        degree +
                        "deg, rgba(255,255,255,0.12) " +
                        (degree + 1) +
                        "deg)";
            
                    rtpStatus.classList.remove("hot", "danger");
            
                    if (rtp >= 97) {
                        rtpStatus.textContent = "RTP Hot";
                        rtpStatus.classList.add("hot");
                    } else if (rtp >= 94) {
                        rtpStatus.textContent = "RTP Naik";
                    } else if (rtp >= 89) {
                        rtpStatus.textContent = "RTP Stabil";
                    } else {
                        rtpStatus.textContent = "RTP Turun";
                        rtpStatus.classList.add("danger");
                    }
            
                    renderHistory();
                }
            
                function updateTimer() {
                    rtpClock.textContent = formatWibClock();
            
                    const nextUpdate = getNextUpdateTimeUtc();
                    const diff = nextUpdate - Date.now();
            
                    rtpCountdown.textContent = formatCountdown(diff);
                }
            
                function animateBarMicroMove() {
                    const data = getGameRTP(activeGame);
                    const baseRtp = data.value;
            
                    const microMove = Math.random() * 1.8 - 0.9;
                    const visualWidth = Math.min(99.8, Math.max(82, baseRtp + microMove));
            
                    rtpBar.style.width = visualWidth + "%";
                }
            
                buttons.forEach(function(button) {
                    button.addEventListener("click", function() {
                        const selectedGame = button.dataset.game;
            
                        if (!games[selectedGame]) return;
            
                        activeGame = selectedGame;
                        setButtonActive(selectedGame);
                        updateRTP();
                    });
                });
            
                updateRTP();
                updateTimer();
            
                setInterval(updateTimer, 1000);
                setInterval(updateRTP, 60000);
                setInterval(animateBarMicroMove, 2000);
            })();
         </script>
         <style>
:root{

/* ==========================
D59 ELITE CLUB THEME
BLACK • CRIMSON RED • FIRE ORANGE • ROYAL GOLD
========================== */

--lx-bg:#030000;

--lx-card:
rgba(18,2,1,.84);

--lx-text:#fff8ee;

--lx-muted:#f0ddd2;

--lx-border:
rgba(255,43,18,.34);

--lx-accent:#ff2b12;

--lx-accent-2:#d31608;

--lx-gold:#ffb300;

--lx-gold-soft:#ffe0a3;

--lx-radius:18px;

--lx-shadow:
0 0 18px rgba(255,43,18,.20),
0 0 38px rgba(122,0,0,.13),
0 18px 45px rgba(0,0,0,.46);

}

.lx-wrap{

background:
linear-gradient(rgba(255,43,18,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(211,22,8,.028) 1px,transparent 1px),
radial-gradient(circle at top left,
rgba(255,43,18,.22),
transparent 34%),
radial-gradient(circle at bottom right,
rgba(122,0,0,.18),
transparent 40%),
radial-gradient(circle at 55% 40%,
rgba(211,22,8,.07),
transparent 48%),
linear-gradient(
145deg,
#030000 0%,
#0b0000 42%,
#170101 72%,
#020000 100%);

background-size:
34px 34px,
34px 34px,
auto,
auto,
auto,
auto;

color:var(--lx-text);

font-family:
Inter,
system-ui,
Segoe UI,
Arial,
sans-serif;

}

/* subtle ambient glow */
.lx-wrap::before{

content:"";

position:fixed;

inset:0;

pointer-events:none;

background:
radial-gradient(circle at 15% 20%,
rgba(255,43,18,.08),
transparent 28%),
radial-gradient(circle at 85% 75%,
rgba(122,0,0,.08),
transparent 30%);

z-index:0;

}

.lx-container{

max-width:1425px;
margin:auto;
padding:0 16px;

position:relative;
z-index:1;

}

/* ==========================
SECTION
========================== */

.lx-section{

background:
radial-gradient(circle at top left,
rgba(255,43,18,.10),
transparent 34%),
radial-gradient(circle at bottom right,
rgba(211,22,8,.08),
transparent 36%),
linear-gradient(
145deg,
rgba(24,2,1,.92),
rgba(7,0,0,.94));

border:1px solid var(--lx-border);

border-radius:var(--lx-radius);

box-shadow:
var(--lx-shadow),
inset 0 1px 0 rgba(255,255,255,.06),
inset 0 0 22px rgba(255,43,18,.05);

backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);

padding:24px;

margin-bottom:18px;

position:relative;

overflow:hidden;

isolation:isolate;

}

.lx-section::before{

content:"";

position:absolute;

inset:-1px;

background:
linear-gradient(
120deg,
transparent 28%,
rgba(255,255,255,.03) 38%,
rgba(255,43,18,.13) 48%,
rgba(255,255,255,.16) 51%,
rgba(211,22,8,.10) 56%,
transparent 68%);

transform:translateX(-120%);

animation:lxScan 6.5s ease-in-out infinite;

pointer-events:none;

z-index:0;

}

.lx-section::after{

content:"";

position:absolute;

inset:9px;

border-radius:12px;

border:1px solid rgba(255,115,45,.08);

background:
linear-gradient(90deg,
var(--lx-gold),
transparent 15%,
transparent 85%,
var(--lx-gold)) top/100% 1px no-repeat,
linear-gradient(90deg,
var(--lx-accent),
transparent 22%,
transparent 78%,
var(--lx-accent-2)) bottom/100% 1px no-repeat;

opacity:.55;

pointer-events:none;

z-index:0;

}

.lx-section > *{

position:relative;
z-index:1;

}

/* ==========================
TITLE
========================== */

.lx-head{

display:flex;

align-items:center;

gap:12px;

margin:0 0 12px;

font-size:22px;

font-weight:900;

line-height:1.3;

color:#fff;

text-shadow:
0 0 8px rgba(255,255,255,.18),
0 0 13px rgba(255,43,18,.62),
0 0 24px rgba(211,22,8,.30);

}

.lx-head::after{

content:"";

flex:1;

height:1px;

min-width:40px;

background:
linear-gradient(
90deg,
rgba(255,43,18,.72),
rgba(255,179,0,.48),
transparent);

box-shadow:
0 0 9px rgba(255,43,18,.36);

}

.lx-head svg{

width:22px;
height:22px;

color:var(--lx-gold);

filter:
drop-shadow(
0 0 8px
rgba(255,179,0,.54))
drop-shadow(
0 0 14px
rgba(255,43,18,.26));

}

/* ==========================
BODY
========================== */

.lx-body{

color:var(--lx-muted);

font-size:15.5px;

line-height:1.8;

}

.lx-body a{

color:var(--lx-gold);

font-weight:800;

text-decoration:none;

text-shadow:
0 0 8px rgba(255,179,0,.26);

transition:
color .25s ease,
text-shadow .25s ease;

}

.lx-body a:hover{

color:#ffffff;

text-shadow:
0 0 8px rgba(255,179,0,.50),
0 0 14px rgba(255,43,18,.28);

}

/* ==========================
PILLS
========================== */

.lx-stats{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:14px;

}

.lx-pill{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 13px;

border-radius:999px;

font-size:13px;

font-weight:700;

color:#fff;

background:
radial-gradient(circle at top left,
rgba(255,43,18,.16),
transparent 55%),
linear-gradient(
135deg,
rgba(30,3,1,.92),
rgba(9,0,0,.92));

border:1px solid rgba(255,43,18,.28);

box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 0 12px rgba(255,43,18,.10);

transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease;

}

.lx-pill:hover{

transform:translateY(-2px);

border-color:rgba(255,179,0,.58);

box-shadow:
0 0 12px rgba(255,179,0,.16),
0 0 20px rgba(255,43,18,.18);

}

.lx-pill svg{

width:16px;
height:16px;

color:var(--lx-gold);

filter:
drop-shadow(0 0 7px rgba(255,179,0,.40));

}

/* ==========================
GRID
========================== */

.lx-grid{

display:grid;

grid-template-columns:
repeat(4,minmax(0,1fr));

gap:14px;

}

@media(max-width:980px){

.lx-grid{

grid-template-columns:
repeat(2,minmax(0,1fr));

}

}

@media(max-width:520px){

.lx-grid{

grid-template-columns:1fr;

}

}

/* ==========================
FEATURE CARD
========================== */

.lx-feature{

padding:18px;

border-radius:16px;

background:
radial-gradient(circle at top right,
rgba(255,43,18,.12),
transparent 48%),
linear-gradient(
145deg,
rgba(29,2,1,.92),
rgba(8,0,0,.94));

border:1px solid rgba(255,43,18,.20);

box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 0 16px rgba(255,43,18,.04);

transition:
transform .3s ease,
border-color .3s ease,
box-shadow .3s ease,
background .3s ease;

position:relative;

overflow:hidden;

}

.lx-feature::before{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,.08),
transparent);

transform:translateX(-120%);

transition:transform .7s ease;

pointer-events:none;

}

.lx-feature:hover::before{

transform:translateX(120%);

}

.lx-feature:hover{

transform:
translateY(-5px);

border-color:rgba(255,179,0,.52);

background:
radial-gradient(circle at top right,
rgba(255,43,18,.18),
transparent 50%),
linear-gradient(
145deg,
rgba(36,3,1,.95),
rgba(9,0,0,.96));

box-shadow:
0 0 14px rgba(255,179,0,.13),
0 0 24px rgba(255,43,18,.28),
0 0 38px rgba(122,0,0,.13);

}

.lx-feature h3{

margin:0 0 6px;

display:flex;

align-items:center;

gap:8px;

font-size:16.5px;

color:#fff;

text-shadow:
0 0 9px rgba(255,43,18,.30);

}

.lx-feature p{

margin:0;

color:var(--lx-muted);

font-size:14.5px;

line-height:1.7;

}

.lx-icon{

width:18px;
height:18px;

color:var(--lx-gold);

filter:
drop-shadow(0 0 8px rgba(255,179,0,.38));

}

/* ==========================
STEP
========================== */

.lx-steps{

counter-reset:step;

display:flex;

flex-direction:column;

gap:12px;

margin-top:12px;

padding:0;

list-style:none;

}

.lx-step{

display:flex;

gap:12px;

align-items:flex-start;

padding:14px 16px;

border-radius:14px;

background:
radial-gradient(circle at top left,
rgba(255,43,18,.12),
transparent 50%),
linear-gradient(
145deg,
rgba(29,2,1,.92),
rgba(8,0,0,.94));

border:1px solid rgba(255,43,18,.22);

box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 0 14px rgba(255,43,18,.04);

transition:
transform .25s ease,
border-color .25s ease,
box-shadow .25s ease;

}

.lx-step:hover{

transform:translateX(4px);

border-color:rgba(255,179,0,.50);

box-shadow:
0 0 13px rgba(255,179,0,.12),
0 0 22px rgba(255,43,18,.20);

}

.lx-step::before{

counter-increment:step;

content:counter(step);

flex:0 0 34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

border-radius:10px;

font-weight:900;

color:#fff;

background:
linear-gradient(
135deg,
#8b0000,
#d61a08,
#ff2b12);

border:1px solid rgba(255,179,0,.68);

box-shadow:
0 0 10px rgba(255,179,0,.20),
0 0 17px rgba(255,43,18,.42),
inset 0 1px 0 rgba(255,255,255,.36);

text-shadow:
0 1px 2px rgba(0,0,0,.65);

}

/* ==========================
BUTTON
========================== */

.lx-cta{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:15px;

}

.lx-btn{

display:inline-block;

padding:11px 18px;

border-radius:12px;

font-weight:800;

text-decoration:none;

transition:
transform .3s ease,
box-shadow .3s ease,
background .3s ease,
border-color .3s ease;

position:relative;

overflow:hidden;

isolation:isolate;

}

.lx-btn::before{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,.30),
transparent);

transform:translateX(-120%);

transition:.6s;

pointer-events:none;

}

.lx-btn:hover::before{

transform:translateX(120%);

}

.lx-btn--primary{

background:
linear-gradient(
135deg,
#8b0000 0%,
#d61a08 34%,
#ff2b12 70%,
#ff6a1a 100%);

color:#fff;

border:1px solid rgba(255,179,0,.72);

box-shadow:
0 0 12px rgba(255,179,0,.14),
0 0 18px rgba(255,43,18,.34),
inset 0 1px 0 rgba(255,255,255,.38);

text-shadow:
0 1px 2px rgba(0,0,0,.62);

}

.lx-btn--primary:hover{

transform:translateY(-3px);

box-shadow:
0 0 15px rgba(255,179,0,.28),
0 0 27px rgba(255,43,18,.50),
0 0 38px rgba(122,0,0,.20);

}

.lx-btn--outline{

background:
rgba(9,0,0,.58);

color:#fff;

border:1px solid rgba(255,43,18,.34);

box-shadow:
inset 0 0 14px rgba(255,43,18,.04);

}

.lx-btn--outline:hover{

transform:translateY(-3px);

background:
rgba(255,43,18,.10);

border-color:rgba(255,179,0,.54);

box-shadow:
0 0 12px rgba(255,179,0,.12),
0 0 20px rgba(255,43,18,.20);

}

.lx-section+.lx-section{

margin-top:14px;

}

/* ==========================
ANIMATION
========================== */

@keyframes lxScan{

0%,
20%{

transform:translateX(-120%);
opacity:0;

}

35%{

opacity:1;

}

70%{

transform:translateX(120%);
opacity:.85;

}

100%{

transform:translateX(120%);
opacity:0;

}

}

@media(max-width:600px){

.lx-section{

padding:20px;
border-radius:16px;

}

.lx-head{

font-size:19px;

}

.lx-head::after{

display:none;

}

.lx-body{

font-size:14.5px;

}

}

@media(prefers-reduced-motion:reduce){

.lx-section::before{

animation:none;

}

.lx-feature,
.lx-step,
.lx-pill,
.lx-btn{

transition:none;

}

}
</style>
         <article class="lx-container" aria-label="Artikel Slot">
         <!-- Introduction -->
<style>
:root{
    --D59-black:#030000;
    --D59-dark:#090000;
    --D59-panel:#160101;
    --D59-panel-soft:#240202;
    --D59-pink:#ff2b10;
    --D59-pink-soft:#ff7a32;
    --D59-purple:#e3260a;
    --D59-violet:#8f0000;
    --D59-gold:#ffb300;
    --D59-gold-soft:#ffe08a;
    --D59-white:#fff8ee;
    --D59-muted:#ead8c8;
}

/* ==========================
HEADING
========================== */

h1 {
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    color: var(--D59-white);
    margin-bottom: 10px;
    line-height: 1.4;
    letter-spacing: .2px;

    text-shadow:
        0 0 8px rgba(255,255,255,.18),
        0 0 14px rgba(255,43,16,.72),
        0 0 30px rgba(227,38,10,.36),
        0 0 48px rgba(143,0,0,.18);
}

h1 span {
    color: var(--D59-gold);

    text-shadow:
        0 0 8px rgba(255,179,0,.72),
        0 0 20px rgba(255,43,16,.36),
        0 0 32px rgba(227,38,10,.22);
}

h2 {
    font-size: 26px;
    font-weight: 900;
    color: var(--D59-white);
    margin: 30px 0 20px 0;
    position: relative;
    padding-left: 17px;

    text-shadow:
        0 0 10px rgba(255,43,16,.46),
        0 0 22px rgba(227,38,10,.20);
}

h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 5px;

    background:
        linear-gradient(
            180deg,
            var(--D59-gold) 0%,
            var(--D59-pink) 45%,
            var(--D59-purple) 100%
        );

    border-radius: 999px;

    box-shadow:
        0 0 9px rgba(255,179,0,.48),
        0 0 16px rgba(255,43,16,.62),
        0 0 26px rgba(143,0,0,.28);
}

h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--D59-gold);
    margin: 20px 0 10px 0;

    text-shadow:
        0 0 8px rgba(255,179,0,.48),
        0 0 16px rgba(255,43,16,.24);
}

/* ==========================
PARAGRAPH
========================== */

p {
    color: var(--D59-muted);
    margin-bottom: 15px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.75;
}

/* ==========================
LINKS
========================== */

a {
    color: var(--D59-gold);
    text-decoration: none;
    font-weight: 800;

    text-shadow:
        0 0 7px rgba(255,179,0,.24);

    transition:
        color .2s ease,
        text-shadow .2s ease;
}

a:hover {
    color: #ffffff;

    text-shadow:
        0 0 8px rgba(255,179,0,.58),
        0 0 16px rgba(255,43,16,.30);
}

/* ==========================
ARTICLE HIGHLIGHT
========================== */

.highlight-box {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(circle at top left, rgba(255,43,16,.15), transparent 38%),
        radial-gradient(circle at bottom right, rgba(143,0,0,.14), transparent 42%),
        linear-gradient(145deg, rgba(25,4,30,.94), rgba(6,1,9,.96));

    border: 1px solid rgba(255,43,16,.34);
    border-radius: 19px;
    padding: 25px;
    margin: 30px 0;

    box-shadow:
        0 0 12px rgba(255,43,16,.22),
        0 0 30px rgba(255,43,16,.16),
        0 0 46px rgba(143,0,0,.10),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 0 20px rgba(255,43,16,.06);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.highlight-box::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 13px;

    background:
        linear-gradient(90deg, var(--D59-gold), transparent 18%, transparent 82%, var(--D59-gold)) top / 100% 1px no-repeat,
        linear-gradient(90deg, var(--D59-pink), transparent 24%, transparent 76%, var(--D59-purple)) bottom / 100% 1px no-repeat;

    opacity: .54;
    pointer-events: none;
    z-index: -1;
}

.highlight-box::after {
    content: "";
    position: absolute;
    top: -35%;
    left: -120%;
    width: 48%;
    height: 170%;

    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.05),
            rgba(255,43,16,.15),
            rgba(255,255,255,.18),
            transparent
        );

    transform: skewX(-20deg);
    animation: articleShine 6s ease-in-out infinite;
    pointer-events: none;
}

/* ==========================
INFO GRID
========================== */

.info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 25px 0;
}

.info-card {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at top, rgba(255,43,16,.14), transparent 50%),
        linear-gradient(150deg, rgba(28,4,33,.93), rgba(7,1,10,.96));

    border: 1px solid rgba(255,43,16,.24);
    border-radius: 17px;
    padding: 20px 10px;
    text-align: center;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 16px rgba(255,43,16,.05),
        0 0 14px rgba(255,43,16,.10);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.info-card::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.09),
            transparent
        );

    transform: translateX(-120%);
    transition: transform .7s ease;
    pointer-events: none;
}

.info-card:hover::before {
    transform: translateX(120%);
}

.info-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,179,0,.60);

    background:
        radial-gradient(circle at top, rgba(255,43,16,.22), transparent 52%),
        linear-gradient(150deg, rgba(36,4,40,.96), rgba(8,1,12,.98));

    box-shadow:
        0 0 12px rgba(255,179,0,.16),
        0 0 24px rgba(255,43,16,.32),
        0 0 38px rgba(143,0,0,.15);
}

.info-card .label {
    font-size: 14px;
    color: var(--D59-gold);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;

    text-shadow:
        0 0 8px rgba(255,179,0,.38);
}

.info-card .value {
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
    margin-top: 8px;

    text-shadow:
        0 0 9px rgba(255,43,16,.54),
        0 0 18px rgba(227,38,10,.24);
}

/* ==========================
FAQ ACCORDION
========================== */

.faq-container {
    margin: 30px 0;
}

.faq-item {
    position: relative;
    margin-bottom: 12px;
    border: 1px solid rgba(255,43,16,.25);
    border-radius: 16px;
    overflow: hidden;

    background:
        radial-gradient(circle at top left, rgba(255,43,16,.10), transparent 52%),
        linear-gradient(150deg, rgba(25,4,30,.94), rgba(6,1,9,.97));

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        inset 0 0 14px rgba(255,43,16,.05),
        0 0 14px rgba(255,43,16,.09);
}

.faq-question {
    width: 100%;
    text-align: left;
    padding: 18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(255,43,16,.18),
            rgba(143,0,0,.10),
            rgba(3,1,4,.10)
        );

    border: none;
    cursor: pointer;
    font-weight: 800;
    font-size: 16px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;

    text-shadow:
        0 0 8px rgba(255,43,16,.28);

    transition:
        background .2s ease,
        color .2s ease;
}

.faq-question:hover {
    background:
        linear-gradient(
            90deg,
            rgba(255,43,16,.30),
            rgba(143,0,0,.18),
            rgba(255,179,0,.05)
        );
}

.faq-question .icon {
    color: var(--D59-gold);
    font-size: 22px;
    font-weight: 600;

    text-shadow:
        0 0 8px rgba(255,179,0,.64),
        0 0 16px rgba(255,43,16,.30);
}

.faq-answer {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition:
        max-height .3s ease,
        background .3s ease;

    background:
        linear-gradient(
            180deg,
            rgba(255,43,16,.07),
            rgba(143,0,0,.04)
        );
}

.faq-answer p {
    margin: 15px 0;
    color: var(--D59-muted);
}

.faq-answer.open {
    max-height: 200px;
    padding: 0 20px;
}

/* ==========================
REVIEWS
========================== */

.reviews-section {
    margin: 40px 0;
}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.review-card {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at top right, rgba(255,43,16,.13), transparent 50%),
        linear-gradient(150deg, rgba(27,4,32,.94), rgba(7,1,10,.97));

    border: 1px solid rgba(255,43,16,.24);
    border-radius: 20px;
    padding: 20px;

    box-shadow:
        0 0 16px rgba(255,43,16,.12),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 15px rgba(255,43,16,.05);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.review-card::before {
    content: "";
    position: absolute;
    top: -35%;
    left: -120%;
    width: 45%;
    height: 170%;

    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,43,16,.12),
            transparent
        );

    transform: skewX(-20deg);
    transition: left .75s ease;
    pointer-events: none;
}

.review-card:hover::before {
    left: 150%;
}

.review-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,179,0,.56);

    box-shadow:
        0 0 12px rgba(255,179,0,.14),
        0 0 24px rgba(255,43,16,.34),
        0 0 36px rgba(143,0,0,.15);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.review-name {
    font-weight: 900;
    color: #ffffff;

    text-shadow:
        0 0 8px rgba(255,43,16,.32);
}

.review-stars {
    color: var(--D59-gold);
    letter-spacing: 2px;

    text-shadow:
        0 0 8px rgba(255,179,0,.72),
        0 0 15px rgba(255,43,16,.24);
}

.review-text {
    color: var(--D59-muted);
    font-size: 14px;
    line-height: 1.7;
    margin: 10px 0;
    font-style: italic;
}

.review-date {
    color: var(--D59-pink-soft);
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

/* ==========================
CTA BUTTONS
========================== */

.cta-section {
    text-align: center;
    margin: 40px 0 20px;
}

.cta-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn {
    display: inline-block;
    padding: 14px 40px;
    border-radius: 50px;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        border-color .25s ease,
        filter .25s ease;

    border: 1px solid;
    min-width: 150px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.btn::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );

    transform: translateX(-120%);
    transition: transform .5s ease;
    pointer-events: none;
}

.btn:hover::before {
    transform: translateX(120%);
}

.btn-login {
    background:
        linear-gradient(
            145deg,
            rgba(27,4,32,.94),
            rgba(7,1,10,.96)
        );

    color: #ffffff;
    border-color: rgba(255,43,16,.48);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 16px rgba(255,43,16,.06),
        0 0 14px rgba(255,43,16,.12);
}

.btn-login:hover {
    transform: translateY(-3px);

    background:
        linear-gradient(
            145deg,
            rgba(255,43,16,.18),
            rgba(143,0,0,.12)
        );

    border-color: rgba(255,179,0,.64);

    box-shadow:
        0 0 12px rgba(255,179,0,.18),
        0 0 24px rgba(255,43,16,.36),
        0 0 36px rgba(143,0,0,.14);
}

.btn-register {
    background:
        linear-gradient(
            135deg,
            #7a0000 0%,
            #c20d05 34%,
            #ff2b10 70%,
            #ff6a12 100%
        );

    color: #ffffff;
    border-color: rgba(255,179,0,.80);

    box-shadow:
        0 0 12px rgba(255,179,0,.20),
        0 0 24px rgba(255,43,16,.44),
        0 0 34px rgba(143,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.42);

    text-shadow:
        0 1px 2px rgba(0,0,0,.64);
}

.btn-register:hover {
    transform: translateY(-3px);
    filter: brightness(1.12);

    box-shadow:
        0 0 16px rgba(255,179,0,.34),
        0 0 32px rgba(255,43,16,.62),
        0 0 48px rgba(143,0,0,.28);
}

/* ==========================
ANIMATION
========================== */

@keyframes articleShine {
    0%,
    22% {
        left: -120%;
        opacity: 0;
    }

    38% {
        opacity: 1;
    }

    72% {
        left: 150%;
        opacity: .85;
    }

    100% {
        left: 150%;
        opacity: 0;
    }
}

/* ==========================
RESPONSIVE
========================== */

@media (max-width: 768px) {
    .container {
        padding: 25px;
    }

    .info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .reviews-grid {
        grid-template-columns: 1fr;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    .highlight-box {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .info-grid {
        grid-template-columns: 1fr;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .highlight-box::after {
        animation: none;
    }

    .info-card,
    .review-card,
    .btn,
    a {
        transition: none;
    }
}
</style>

<style>
/* =========================================================
   D59 DREAMY ARTICLE / CONTENT OVERRIDE
   Existing HTML structure and existing class names are untouched.
   Theme: black glass • crimson laser • fire orange • royal gold
   ========================================================= */

:root{
    --lx-bg:#020000;
    --lx-card:rgba(18,2,1,.86);
    --lx-text:#fff9ef;
    --lx-muted:#f3ded0;
    --lx-border:rgba(255,65,18,.31);
    --lx-accent:#ff3215;
    --lx-accent-2:#d31706;
    --lx-gold:#ffbd25;
    --lx-gold-soft:#ffe7aa;

    --D59-black:#020000;
    --D59-dark:#080000;
    --D59-panel:#160101;
    --D59-panel-soft:#240201;
    --D59-pink:#ff3215;
    --D59-pink-soft:#ff9650;
    --D59-purple:#d31706;
    --D59-violet:#700000;
    --D59-gold:#ffbd25;
    --D59-gold-soft:#ffe7aa;
    --D59-white:#fff9ef;
    --D59-muted:#f3ded0;
}


/* =========================================================
   PAGE / WRAPPER AMBIENT
   ========================================================= */
.lx-wrap{
    background:
        linear-gradient(rgba(255,55,17,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,187,36,.014) 1px,transparent 1px),
        radial-gradient(circle at 7% -5%,rgba(255,56,17,.24),transparent 34%),
        radial-gradient(circle at 94% 8%,rgba(255,144,20,.12),transparent 31%),
        radial-gradient(circle at 52% 44%,rgba(176,0,0,.055),transparent 49%),
        linear-gradient(145deg,#020000 0%,#080000 42%,#150101 72%,#020000 100%);

    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;

    color:var(--lx-text);
}

.lx-wrap::before{
    background:
        radial-gradient(circle at 14% 19%,rgba(255,54,16,.072),transparent 28%),
        radial-gradient(circle at 84% 75%,rgba(255,168,28,.035),transparent 25%),
        radial-gradient(circle at 91% 86%,rgba(125,0,0,.064),transparent 30%);
}


/* =========================================================
   MAIN GLASS SECTIONS
   ========================================================= */
.lx-section{
    background:
        radial-gradient(circle at 6% 0%,rgba(255,59,17,.13),transparent 35%),
        radial-gradient(circle at 97% 100%,rgba(255,157,20,.045),transparent 32%),
        linear-gradient(145deg,rgba(27,2,1,.93),rgba(7,0,0,.95));

    border:1px solid rgba(255,75,19,.28);

    box-shadow:
        0 0 1px rgba(255,255,255,.15),
        0 0 12px rgba(255,52,13,.17),
        0 0 32px rgba(135,0,0,.11),
        0 18px 45px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,232,182,.055),
        inset 0 0 23px rgba(255,50,12,.045);

    backdrop-filter:blur(18px) saturate(1.08);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
}

.lx-section::before{
    background:
        linear-gradient(
            120deg,
            transparent 27%,
            rgba(255,255,255,.025) 37%,
            rgba(255,60,17,.10) 46%,
            rgba(255,246,215,.18) 50%,
            rgba(255,184,47,.09) 54%,
            rgba(211,20,5,.07) 58%,
            transparent 69%
        );

    filter:
        blur(.25px)
        drop-shadow(0 0 8px rgba(255,54,14,.16));
}

.lx-section::after{
    border:1px solid rgba(255,153,38,.07);

    background:
        linear-gradient(
            90deg,
            #ffbd25,
            transparent 15%,
            transparent 85%,
            #ffbd25
        ) top/100% 1px no-repeat,

        linear-gradient(
            90deg,
            #ff3215,
            transparent 22%,
            transparent 78%,
            #d31706
        ) bottom/100% 1px no-repeat;

    opacity:.54;
}


/* =========================================================
   HEADINGS
   ========================================================= */
.lx-head{
    color:#fffaf2;

    text-shadow:
        0 0 5px rgba(255,255,255,.18),
        0 0 12px rgba(255,57,15,.57),
        0 0 24px rgba(207,16,4,.26),
        0 0 39px rgba(255,150,16,.07);
}

.lx-head::after{
    background:
        linear-gradient(
            90deg,
            rgba(255,49,18,.76),
            rgba(255,111,19,.62),
            rgba(255,190,39,.45),
            transparent
        );

    box-shadow:
        0 0 8px rgba(255,52,13,.28),
        0 0 15px rgba(255,183,36,.08);
}

.lx-head svg,
.lx-icon{
    color:#ffbd25;

    filter:
        drop-shadow(0 0 6px rgba(255,210,107,.25))
        drop-shadow(0 0 10px rgba(255,185,38,.42))
        drop-shadow(0 0 16px rgba(255,54,14,.15));
}


/* =========================================================
   BODY + LINKS
   ========================================================= */
.lx-body{
    color:#f3ded0;
}

.lx-body a{
    color:#ffcb52;

    text-shadow:
        0 0 7px rgba(255,190,41,.23),
        0 0 14px rgba(255,55,14,.07);
}

.lx-body a:hover{
    color:#fff7df;

    text-shadow:
        0 0 7px rgba(255,234,167,.35),
        0 0 13px rgba(255,191,40,.43),
        0 0 20px rgba(255,55,14,.16);
}


/* =========================================================
   PILLS
   ========================================================= */
.lx-pill{
    background:
        radial-gradient(circle at 18% 0%,rgba(255,67,20,.13),transparent 50%),
        linear-gradient(135deg,rgba(31,3,1,.94),rgba(8,0,0,.95));

    border:1px solid rgba(255,67,18,.24);

    box-shadow:
        inset 0 1px 0 rgba(255,239,206,.04),
        inset 0 0 12px rgba(255,49,12,.035),
        0 0 12px rgba(255,49,12,.08);
}

.lx-pill:hover{
    border-color:rgba(255,199,65,.51);

    box-shadow:
        0 0 10px rgba(255,196,55,.13),
        0 0 20px rgba(255,51,13,.17),
        inset 0 0 12px rgba(255,50,12,.04);
}

.lx-pill svg{
    color:#ffbd25;

    filter:
        drop-shadow(0 0 7px rgba(255,188,36,.36));
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */
.lx-feature{
    background:
        radial-gradient(circle at 100% 0%,rgba(255,60,17,.11),transparent 48%),
        radial-gradient(circle at 0% 100%,rgba(255,170,22,.025),transparent 38%),
        linear-gradient(145deg,rgba(30,2,1,.93),rgba(7,0,0,.95));

    border:1px solid rgba(255,65,17,.18);

    box-shadow:
        inset 0 1px 0 rgba(255,236,198,.035),
        inset 0 0 16px rgba(255,49,12,.035);
}

.lx-feature::before{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.035),
            rgba(255,203,91,.07),
            transparent
        );
}

.lx-feature:hover{
    border-color:rgba(255,200,67,.47);

    background:
        radial-gradient(circle at 100% 0%,rgba(255,67,18,.17),transparent 50%),
        linear-gradient(145deg,rgba(39,3,1,.96),rgba(8,0,0,.97));

    box-shadow:
        0 0 11px rgba(255,194,51,.10),
        0 0 24px rgba(255,52,13,.25),
        0 0 38px rgba(122,0,0,.11);
}

.lx-feature h3{
    color:#fffaf2;

    text-shadow:
        0 0 8px rgba(255,52,13,.26);
}

.lx-feature p{
    color:#f3ded0;
}


/* =========================================================
   STEPS
   ========================================================= */
.lx-step{
    background:
        radial-gradient(circle at 0% 0%,rgba(255,64,18,.11),transparent 50%),
        linear-gradient(145deg,rgba(30,2,1,.93),rgba(7,0,0,.95));

    border:1px solid rgba(255,66,17,.19);

    box-shadow:
        inset 0 1px 0 rgba(255,237,200,.035),
        inset 0 0 14px rgba(255,49,12,.035);
}

.lx-step:hover{
    border-color:rgba(255,199,62,.47);

    box-shadow:
        0 0 11px rgba(255,193,48,.09),
        0 0 22px rgba(255,52,13,.18);
}

.lx-step::before{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 28%),
        linear-gradient(180deg,#ff6024 0%,#ff3215 23%,#d41606 52%,#820000 100%);

    border:1px solid rgba(255,207,79,.70);

    box-shadow:
        0 0 8px rgba(255,194,51,.17),
        0 0 16px rgba(255,52,13,.38),
        inset 0 1px 0 rgba(255,246,220,.36);
}


/* =========================================================
   LX BUTTONS
   ========================================================= */
.lx-btn::before{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.22),
            rgba(255,222,140,.13),
            transparent
        );
}

.lx-btn--primary{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.16),transparent 27%),
        linear-gradient(180deg,#ff6527 0%,#ff3516 20%,#d71606 50%,#8a0000 100%);

    color:#fff;

    border:1px solid rgba(255,207,78,.74);

    box-shadow:
        0 0 9px rgba(255,193,48,.12),
        0 0 19px rgba(255,52,13,.34),
        inset 0 1px 0 rgba(255,246,219,.38),
        inset 0 -7px 15px rgba(77,0,0,.22);
}

.lx-btn--primary:hover{
    box-shadow:
        0 0 12px rgba(255,198,61,.25),
        0 0 27px rgba(255,52,13,.46),
        0 0 39px rgba(122,0,0,.17);
}

.lx-btn--outline{
    background:
        linear-gradient(145deg,rgba(15,0,0,.83),rgba(7,0,0,.76));

    border:1px solid rgba(255,64,17,.30);

    box-shadow:
        inset 0 0 14px rgba(255,49,12,.035);
}

.lx-btn--outline:hover{
    background:
        linear-gradient(145deg,rgba(255,54,14,.10),rgba(90,0,0,.07));

    border-color:rgba(255,199,62,.50);

    box-shadow:
        0 0 10px rgba(255,194,50,.09),
        0 0 20px rgba(255,52,13,.18);
}


/* =========================================================
   ARTICLE HEADINGS / TEXT
   Scoped to lx-container so the rest of the site stays safer.
   ========================================================= */
.lx-container h1{
    color:#fffaf2;

    text-shadow:
        0 0 5px rgba(255,255,255,.19),
        0 0 13px rgba(255,57,15,.65),
        0 0 29px rgba(211,18,5,.31),
        0 0 49px rgba(255,142,15,.10);
}

.lx-container h1 span{
    color:#ffc234;

    text-shadow:
        0 0 7px rgba(255,230,153,.30),
        0 0 14px rgba(255,188,39,.59),
        0 0 25px rgba(255,52,13,.28);
}

.lx-container h2{
    color:#fff9ef;

    text-shadow:
        0 0 9px rgba(255,53,13,.40),
        0 0 21px rgba(209,16,4,.17);
}

.lx-container h2::before{
    background:
        linear-gradient(
            180deg,
            #ffd057 0%,
            #ff8a24 23%,
            #ff3215 53%,
            #d31505 76%,
            #700000 100%
        );

    box-shadow:
        0 0 8px rgba(255,200,62,.35),
        0 0 15px rgba(255,52,13,.55),
        0 0 25px rgba(120,0,0,.23);
}

.lx-container h3{
    color:#ffc945;

    text-shadow:
        0 0 7px rgba(255,195,49,.42),
        0 0 15px rgba(255,52,13,.20);
}

.lx-container p{
    color:#f3ded0;
}

.lx-container a{
    color:#ffc947;

    text-shadow:
        0 0 7px rgba(255,192,43,.21);
}

.lx-container a:hover{
    color:#fff8e6;

    text-shadow:
        0 0 7px rgba(255,229,153,.32),
        0 0 13px rgba(255,191,42,.46),
        0 0 19px rgba(255,52,13,.15);
}


/* =========================================================
   HIGHLIGHT BOX
   Remove remaining purple tint and match D59 banner.
   ========================================================= */
.highlight-box{
    background:
        radial-gradient(circle at 0% 0%,rgba(255,60,17,.15),transparent 38%),
        radial-gradient(circle at 100% 100%,rgba(255,163,20,.035),transparent 36%),
        radial-gradient(circle at 100% 100%,rgba(119,0,0,.13),transparent 44%),
        linear-gradient(145deg,rgba(27,2,1,.95),rgba(5,0,0,.97));

    border:1px solid rgba(255,69,18,.30);

    box-shadow:
        0 0 10px rgba(255,52,13,.18),
        0 0 29px rgba(255,43,10,.12),
        0 0 46px rgba(126,0,0,.08),
        inset 0 1px 0 rgba(255,236,195,.045),
        inset 0 0 20px rgba(255,50,12,.045);
}

.highlight-box::before{
    background:
        linear-gradient(
            90deg,
            #ffbd25,
            transparent 18%,
            transparent 82%,
            #ffbd25
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            #ff3215,
            transparent 24%,
            transparent 76%,
            #d31706
        ) bottom / 100% 1px no-repeat;
}

.highlight-box::after{
    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.035),
            rgba(255,57,15,.11),
            rgba(255,239,193,.14),
            rgba(255,188,46,.07),
            transparent
        );
}


/* =========================================================
   INFO GRID
   ========================================================= */
.info-card{
    background:
        radial-gradient(circle at 50% 0%,rgba(255,59,17,.12),transparent 50%),
        linear-gradient(150deg,rgba(30,2,1,.94),rgba(6,0,0,.97));

    border:1px solid rgba(255,65,17,.21);

    box-shadow:
        inset 0 1px 0 rgba(255,237,201,.04),
        inset 0 0 16px rgba(255,49,12,.04),
        0 0 14px rgba(255,49,12,.08);
}

.info-card::before{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.04),
            rgba(255,210,104,.07),
            transparent
        );
}

.info-card:hover{
    border-color:rgba(255,201,67,.54);

    background:
        radial-gradient(circle at 50% 0%,rgba(255,67,18,.19),transparent 52%),
        linear-gradient(150deg,rgba(39,3,1,.97),rgba(7,0,0,.98));

    box-shadow:
        0 0 10px rgba(255,196,52,.13),
        0 0 24px rgba(255,52,13,.29),
        0 0 38px rgba(122,0,0,.13);
}

.info-card .label{
    color:#ffc641;

    text-shadow:
        0 0 7px rgba(255,195,48,.34);
}

.info-card .value{
    color:#fff;

    text-shadow:
        0 0 8px rgba(255,53,13,.49),
        0 0 17px rgba(210,16,4,.21);
}


/* =========================================================
   FAQ
   ========================================================= */
.faq-item{
    border:1px solid rgba(255,65,17,.22);

    background:
        radial-gradient(circle at 0% 0%,rgba(255,59,17,.09),transparent 52%),
        linear-gradient(150deg,rgba(27,2,1,.95),rgba(5,0,0,.97));

    box-shadow:
        inset 0 1px 0 rgba(255,236,200,.035),
        inset 0 0 14px rgba(255,49,12,.04),
        0 0 14px rgba(255,49,12,.07);
}

.faq-question{
    background:
        linear-gradient(
            90deg,
            rgba(255,55,14,.17),
            rgba(153,0,0,.085),
            rgba(8,0,0,.07)
        );

    text-shadow:
        0 0 7px rgba(255,53,13,.24);
}

.faq-question:hover{
    background:
        linear-gradient(
            90deg,
            rgba(255,59,15,.27),
            rgba(143,0,0,.15),
            rgba(255,179,0,.035)
        );
}

.faq-question .icon{
    color:#ffc63d;

    text-shadow:
        0 0 7px rgba(255,222,136,.30),
        0 0 13px rgba(255,192,42,.56),
        0 0 19px rgba(255,52,13,.22);
}

.faq-answer{
    background:
        linear-gradient(
            180deg,
            rgba(255,52,13,.055),
            rgba(128,0,0,.03)
        );
}


/* =========================================================
   REVIEW CARDS
   ========================================================= */
.review-card{
    background:
        radial-gradient(circle at 100% 0%,rgba(255,60,17,.11),transparent 50%),
        linear-gradient(150deg,rgba(29,2,1,.95),rgba(6,0,0,.97));

    border:1px solid rgba(255,65,17,.21);

    box-shadow:
        0 0 14px rgba(255,49,12,.09),
        inset 0 1px 0 rgba(255,237,201,.04),
        inset 0 0 15px rgba(255,49,12,.04);
}

.review-card::before{
    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.04),
            rgba(255,60,17,.085),
            rgba(255,208,95,.045),
            transparent
        );
}

.review-card:hover{
    border-color:rgba(255,202,69,.50);

    box-shadow:
        0 0 10px rgba(255,197,56,.11),
        0 0 24px rgba(255,52,13,.30),
        0 0 36px rgba(122,0,0,.13);
}

.review-name{
    text-shadow:
        0 0 7px rgba(255,53,13,.28);
}

.review-stars{
    color:#ffc63d;

    text-shadow:
        0 0 7px rgba(255,232,166,.30),
        0 0 13px rgba(255,192,42,.62),
        0 0 17px rgba(255,52,13,.18);
}

.review-text{
    color:#f3ded0;
}

.review-date{
    color:#ff9a55;
}


/* =========================================================
   ARTICLE CTA BUTTONS
   ========================================================= */
.btn::before{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.27),
            rgba(255,222,136,.13),
            transparent
        );
}

.btn-login{
    background:
        radial-gradient(circle at 20% 0%,rgba(255,57,15,.10),transparent 35%),
        linear-gradient(145deg,rgba(21,1,0,.96),rgba(7,0,0,.98));

    color:#fff;

    border-color:rgba(255,68,18,.40);

    box-shadow:
        inset 0 1px 0 rgba(255,237,201,.04),
        inset 0 0 16px rgba(255,49,12,.05),
        0 0 14px rgba(255,49,12,.10);
}

.btn-login:hover{
    background:
        radial-gradient(circle at 20% 0%,rgba(255,73,19,.15),transparent 38%),
        linear-gradient(145deg,rgba(71,5,1,.95),rgba(11,0,0,.98));

    border-color:rgba(255,202,71,.57);

    box-shadow:
        0 0 10px rgba(255,196,54,.14),
        0 0 24px rgba(255,52,13,.32),
        0 0 36px rgba(122,0,0,.12);
}

.btn-register{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 28%),
        linear-gradient(180deg,#ff6728 0%,#ff3516 20%,#d61505 48%,#8a0000 100%);

    color:#fff;

    border-color:rgba(255,210,82,.76);

    box-shadow:
        0 0 9px rgba(255,196,53,.15),
        0 0 23px rgba(255,52,13,.42),
        0 0 34px rgba(122,0,0,.17),
        inset 0 1px 0 rgba(255,247,221,.41),
        inset 0 -8px 17px rgba(76,0,0,.23);

    text-shadow:
        0 1px 2px rgba(0,0,0,.69);
}

.btn-register:hover{
    filter:brightness(1.10) saturate(1.04);

    box-shadow:
        0 0 13px rgba(255,200,64,.29),
        0 0 31px rgba(255,52,13,.57),
        0 0 47px rgba(122,0,0,.24),
        inset 0 1px 0 rgba(255,248,224,.46);
}


/* =========================================================
   DREAMY MOTION TUNING
   ========================================================= */
@keyframes lxScan{
    0%,22%{
        transform:translateX(-120%);
        opacity:0;
    }

    38%{
        opacity:.82;
    }

    68%{
        transform:translateX(120%);
        opacity:.72;
    }

    100%{
        transform:translateX(120%);
        opacity:0;
    }
}

@keyframes articleShine{
    0%,24%{
        left:-120%;
        opacity:0;
    }

    39%{
        opacity:.78;
    }

    70%{
        left:150%;
        opacity:.68;
    }

    100%{
        left:150%;
        opacity:0;
    }
}


/* =========================================================
   MOBILE — existing breakpoints/classes preserved
   ========================================================= */
@media(max-width:600px){
    .lx-section{
        box-shadow:
            0 0 9px rgba(255,52,13,.12),
            0 18px 34px rgba(0,0,0,.38),
            inset 0 0 18px rgba(255,49,12,.035);
    }
}

@media(prefers-reduced-motion:reduce){
    .lx-section::before,
    .highlight-box::after{
        animation:none !important;
    }
}
</style>
         <div class="container">
            <!-- Main Title -->
            <h1>D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi</h1>
            <div class="gold-divider"></div>
            <!-- Info Cards -->
            <div class="info-grid">
               <div class="info-card">
                  <div class="label">Penilaian Pengguna</div>
                  <div class="value">10 JUTA PENGGUNA</div>
               </div>
               <div class="info-card">
                  <div class="label">Minimal Deposit</div>
                  <div class="value">10.000 Ribu</div>
               </div>
               <div class="info-card">
                  <div class="label">Minimal Withdraw</div>
                  <div class="value">25.000 Ribu</div>
               </div>
               <div class="info-card">
                  <div class="label">Layanan Support</div>
                  <div class="value">24/7</div>
               </div>
            </div>
            <!-- Article Content -->
            <div class="highlight-box">
               <p style="text-align: justify;"><a href="#">D59</a> dikenal luas sebagai penyedia <strong>link login slot resmi terpercaya</strong> yang menawarkan pengalaman bermain terbaik dan paling praktis. Untuk memenuhi kebutuhan mobilitas pemain saat ini, D59 menghadirkan fitur <strong>unduh apk game online terbaru</strong> yang didukung penuh oleh infrastruktur <em>server modern</em>. Berkat kapasitas jaringan berteknologi tinggi, aplikasi ini memiliki kinerja yang sangat responsif dan <em>support mobile</em> dengan sempurna untuk perangkat Android maupun iOS. Hal ini memastikan Anda bisa mengakses permainan paling lengkap kapan pun dan dari mana saja dengan sangat stabil dan bebas hambatan. Alur pendaftaran juga dibuat sangat praktis, di mana pengguna dapat langsung membuat akun dan menikmati permainan hanya dalam beberapa langkah mudah melalui tombol <strong>DAFTAR</strong>.</p>

                <p style="text-align: justify;">Lebih dari sekadar menawarkan <strong><a href="#">unduh apk game online</a></strong> dengan performa visual yang memukau, D59 juga memastikan setiap penggunanya mendapatkan kemudahan akses transaksi dan permainan melalui <strong>link login slot gacor</strong> resmi. Sebagai situs yang menyajikan permainan paling lengkap, platform ini menyediakan sistem deposit cepat anti-ribet yang mendukung berbagai metode pembayaran populer di Indonesia. Pengguna bebas memilih untuk bertransaksi via transfer bank lokal, e-wallet terkemuka (seperti DANA, OVO, GoPay, dan LinkAja), hingga pemindaian QRIS instan. Seluruh transaksi di dalam ekosistem D59 diproses secara seketika dengan enkripsi keamanan tingkat tinggi. Didukung oleh server modern berkecepatan optimal dan layanan pelanggan profesional, D59 terus menjadikannya salah satu pilihan pengguna dan destinasi utama bagi para pemain yang menginginkan pengalaman bermain yang aman, cepat, dan nyaman setiap harinya.</p>

            </div>
         </div>
         <!-- FAQ Section Premium -->
         <section class="faq-premium-section">
    <div class="faq-premium-container">
        
        <div class="faq-premium-heading">
            <span class="faq-badge">FAQ</span>
            <div class="faq-section">
                <h2>Pertanyaan yang Sering Diajukan (FAQ)</h2>
            </div>
        </div>

        <div class="faq-premium-list">

            <details class="faq-premium-item" open>
                <summary>
                    <span>Apa itu D59 dan mengapa dikenal sebagai link login slot resmi terpercaya?</span>
                    <div class="faq-icon">+</div>
                </summary>
                <div class="faq-content">
                    <p>
                        D59 adalah <strong>link login slot resmi terpercaya</strong> dan penyedia fitur <strong>unduh apk game online</strong> terbaru yang didukung oleh infrastruktur server modern berkecepatan tinggi. Keunggulan utama D59 terletak pada kestabilan koneksi, kapasitas jaringan optimal untuk bermain via mobile, serta kemudahan transaksi yang memberikan kenyamanan bermain maksimal tanpa kendala lag.
                    </p>
                </div>
            </details>

            <details class="faq-premium-item">
                <summary>
                    <span>Bagaimana cara akses login dan unduh apk game online di D59?</span>
                    <div class="faq-icon">+</div>
                </summary>
                <div class="faq-content">
                    <p>
                        Prosesnya sangat cepat dan praktis. Pengguna cukup mengakses <strong>link login slot gacor</strong> resmi D59, lalu klik tombol <strong>DAFTAR</strong> untuk membuat akun. Setelah itu, Anda dapat langsung login dan <strong>unduh apk game online</strong> yang sangat <em>support mobile</em> (Android & iOS) untuk menikmati permainan dengan aman dan bebas blokir.
                    </p>
                </div>
            </details>

            <details class="faq-premium-item">
                <summary>
                    <span>Mengapa bermain melalui aplikasi D59 sangat stabil?</span>
                    <div class="faq-icon">+</div>
                </summary>
                <div class="faq-content">
                    <p>
                        Aplikasi dan situs D59 menggunakan infrastruktur jaringan server modern dengan kapasitas optimal. Sistem antarmuka pada aplikasi kami dirancang sangat responsif, membuat proses <em>loading</em> halaman untuk mengakses <strong>permainan paling lengkap</strong> berlangsung sangat lancar, bahkan ketika diakses pada jam sibuk.
                    </p>
                </div>
            </details>

            <details class="faq-premium-item">
                <summary>
                    <span>Metode deposit apa saja yang tersedia di link login slot resmi terpercaya D59?</span>
                    <div class="faq-icon">+</div>
                </summary>
                <div class="faq-content">
                    <p>
                        D59 mendukung sistem deposit cepat anti-ribet. Pengguna dapat melakukan pengisian saldo untuk bermain <strong>slot gacor</strong> melalui transfer Bank Lokal (BCA, Mandiri, BRI, BNI), E-Wallet (DANA, OVO, GoPay, LinkAja), hingga layanan QRIS instan. Semua diproses dengan sistem enkripsi keamanan tingkat tinggi.
                    </p>
                </div>
            </details>

            <details class="faq-premium-item">
                <summary>
                    <span>Apakah ada layanan bantuan jika terkendala saat menggunakan aplikasi?</span>
                    <div class="faq-icon">+</div>
                </summary>
                <div class="faq-content">
                    <p>
                        Tentu saja. Kualitas pelayanan inilah yang menjadikannya <strong>salah satu pilihan pengguna</strong>. D59 menyediakan layanan Customer Service profesional yang aktif 24 jam non-stop setiap harinya. Tim kami siap membantu segala kendala seputar <strong>unduh apk game online</strong>, proses registrasi akun, transaksi, hingga panduan link alternatif terbaru dengan respons cepat.
                    </p>
                </div>
            </details>

        </div>
    </div>
</section>
         <style>
/* FAQ D59 Premium Theme
   Black Obsidian • Crimson Red • Fire Orange • Royal Gold
*/

.faq-premium-section {
    --faq-black: #050000;
    --faq-dark: #0b0101;
    --faq-panel: #180202;
    --faq-pink: #ff2d12;
    --faq-pink-soft: #ff7a32;
    --faq-purple: #d41608;
    --faq-violet: #7a0000;
    --faq-gold: #ffb300;
    --faq-gold-soft: #ffe09a;
    --faq-white: #fff8ef;
    --faq-muted: #f1d9c8;

    width: 100%;
    padding: 58px 18px;
    margin: 45px auto;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 28px;

    background:
        linear-gradient(rgba(255, 45, 18, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 22, 8, 0.028) 1px, transparent 1px),
        radial-gradient(circle at 8% 0%, rgba(255, 45, 18, 0.30), transparent 33%),
        radial-gradient(circle at 94% 14%, rgba(212, 22, 8, 0.24), transparent 34%),
        radial-gradient(circle at 50% 110%, rgba(122, 0, 0, 0.28), transparent 44%),
        linear-gradient(145deg, #180202 0%, #0b0101 47%, #050000 100%);

    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;

    border: 1px solid rgba(255, 45, 18, 0.78);

    box-shadow:
        0 0 0 2px rgba(212, 22, 8, 0.14),
        0 0 16px rgba(255, 45, 18, 0.54),
        0 0 38px rgba(255, 45, 18, 0.26),
        0 0 68px rgba(122, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 42px rgba(255, 45, 18, 0.08),
        0 26px 58px rgba(0, 0, 0, 0.62);
}

.faq-premium-section::before {
    content: "";
    position: absolute;
    inset: -25% -20%;
    z-index: 0;

    background:
        linear-gradient(
            115deg,
            transparent 32%,
            rgba(255, 255, 255, 0.03) 39%,
            rgba(255, 45, 18, 0.18) 47%,
            rgba(255, 255, 255, 0.34) 51%,
            rgba(212, 22, 8, 0.14) 56%,
            transparent 67%
        );

    transform: translateX(-120%);
    animation: faqCyberScan 6s ease-in-out infinite;
    pointer-events: none;
}

.faq-premium-section::after {
    content: "";
    position: absolute;
    inset: 11px;
    z-index: 0;
    border-radius: 22px;
    border: 1px solid rgba(255, 122, 50, 0.18);

    background:
        linear-gradient(
            90deg,
            var(--faq-gold),
            transparent 16%,
            transparent 84%,
            var(--faq-gold)
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            var(--faq-pink),
            transparent 23%,
            transparent 77%,
            var(--faq-purple)
        ) bottom / 100% 1px no-repeat;

    box-shadow:
        inset 0 0 28px rgba(255, 45, 18, 0.08),
        0 0 16px rgba(255, 45, 18, 0.08);

    opacity: 0.62;
    pointer-events: none;
}

@keyframes faqCyberScan {
    0%,
    20% {
        transform: translateX(-120%);
        opacity: 0;
    }

    34% {
        opacity: 1;
    }

    72% {
        transform: translateX(120%);
        opacity: 0.88;
    }

    100% {
        transform: translateX(120%);
        opacity: 0;
    }
}

.faq-premium-section * {
    box-sizing: border-box;
}

.faq-premium-container {
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.faq-premium-heading {
    text-align: center;
    margin-bottom: 36px;
}

.faq-badge {
    display: inline-block;
    padding: 8px 22px;
    margin-bottom: 16px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #710000 0%,
            #bd0b04 34%,
            #ff2d12 72%,
            #ff6818 100%
        );

    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;

    border: 1px solid rgba(255, 179, 0, 0.82);

    box-shadow:
        0 0 12px rgba(255, 179, 0, 0.22),
        0 0 22px rgba(255, 45, 18, 0.58),
        0 0 34px rgba(122, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.40);

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.66);
}

.faq-premium-heading h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(26px, 4vw, 42px);
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0.5px;

    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.14),
        0 0 14px rgba(255, 45, 18, 0.72),
        0 0 30px rgba(212, 22, 8, 0.38),
        0 0 48px rgba(122, 0, 0, 0.18);
}

.faq-premium-heading h2 span,
.faq-premium-heading h2 strong {
    color: var(--faq-gold);

    text-shadow:
        0 0 8px rgba(255, 179, 0, 0.72),
        0 0 18px rgba(255, 45, 18, 0.34),
        0 0 28px rgba(212, 22, 8, 0.20);
}

.faq-premium-heading p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--faq-muted);
    font-size: 16px;
    line-height: 1.8;
}

.faq-premium-list {
    display: grid;
    gap: 16px;
}

.faq-premium-item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;

    background:
        radial-gradient(
            circle at top left,
            rgba(255, 45, 18, 0.13),
            transparent 48%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(122, 0, 0, 0.10),
            transparent 52%
        ),
        linear-gradient(
            150deg,
            rgba(27, 4, 32, 0.95),
            rgba(7, 1, 10, 0.97)
        );

    border: 1px solid rgba(255, 45, 18, 0.28);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        inset 0 0 20px rgba(255, 45, 18, 0.05),
        0 0 14px rgba(255, 45, 18, 0.10);

    transition:
        transform 0.28s ease,
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        background 0.28s ease;
}

.faq-premium-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            var(--faq-gold) 0%,
            var(--faq-pink) 48%,
            var(--faq-purple) 100%
        );

    box-shadow:
        0 0 9px rgba(255, 179, 0, 0.40),
        0 0 16px rgba(255, 45, 18, 0.72),
        0 0 26px rgba(122, 0, 0, 0.28);
}

.faq-premium-item::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255, 255, 255, 0.08),
            rgba(255, 45, 18, 0.08),
            transparent
        );

    transform: translateX(-120%);
    transition: transform 0.75s ease;
    pointer-events: none;
}

.faq-premium-item:hover::after {
    transform: translateX(120%);
}

.faq-premium-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 179, 0, 0.58);

    background:
        radial-gradient(
            circle at top left,
            rgba(255, 45, 18, 0.20),
            transparent 50%
        ),
        radial-gradient(
            circle at bottom right,
            rgba(122, 0, 0, 0.14),
            transparent 54%
        ),
        linear-gradient(
            150deg,
            rgba(35, 4, 39, 0.97),
            rgba(8, 1, 12, 0.98)
        );

    box-shadow:
        0 0 12px rgba(255, 179, 0, 0.14),
        0 0 24px rgba(255, 45, 18, 0.34),
        0 0 40px rgba(122, 0, 0, 0.16),
        inset 0 0 24px rgba(255, 45, 18, 0.08);
}

.faq-premium-item summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 22px 20px 28px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 45, 18, 0.16),
            rgba(122, 0, 0, 0.08),
            rgba(0, 0, 0, 0)
        );
}

.faq-premium-item summary::-webkit-details-marker {
    display: none;
}

.faq-premium-item summary span {
    text-shadow:
        0 0 8px rgba(255, 45, 18, 0.42),
        0 0 18px rgba(212, 22, 8, 0.18);
}

.faq-icon {
    min-width: 36px;
    width: 36px;
    height: 36px;
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #710000 0%,
            #bd0b04 38%,
            #ff2d12 100%
        );

    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 900;

    border: 1px solid rgba(255, 179, 0, 0.76);

    box-shadow:
        0 0 10px rgba(255, 179, 0, 0.20),
        0 0 18px rgba(255, 45, 18, 0.58),
        0 0 28px rgba(122, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.36);

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.65);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.faq-premium-item[open] {
    border-color: rgba(255, 179, 0, 0.62);

    box-shadow:
        0 0 12px rgba(255, 179, 0, 0.15),
        0 0 26px rgba(255, 45, 18, 0.38),
        0 0 42px rgba(122, 0, 0, 0.18),
        inset 0 0 24px rgba(255, 45, 18, 0.08);
}

.faq-premium-item[open] .faq-icon {
    transform: rotate(45deg);

    background:
        linear-gradient(
            135deg,
            var(--faq-gold),
            var(--faq-pink),
            var(--faq-purple)
        );

    box-shadow:
        0 0 12px rgba(255, 179, 0, 0.38),
        0 0 22px rgba(255, 45, 18, 0.64),
        0 0 34px rgba(122, 0, 0, 0.28);
}

.faq-content {
    padding: 0 24px 23px 28px;
    border-top: 1px solid rgba(255, 45, 18, 0.20);

    background:
        linear-gradient(
            180deg,
            rgba(255, 45, 18, 0.055),
            rgba(122, 0, 0, 0.025),
            rgba(0, 0, 0, 0)
        );
}

.faq-content p {
    margin: 16px 0 0;
    color: var(--faq-muted);
    font-size: 15.5px;
    line-height: 1.85;
    text-align: justify;
}

.faq-content a {
    color: var(--faq-gold);
    font-weight: 900;
    text-decoration: none;

    text-shadow:
        0 0 8px rgba(255, 179, 0, 0.34);

    transition:
        color 0.2s ease,
        text-shadow 0.2s ease;
}

.faq-content a:hover {
    color: #ffffff;

    text-shadow:
        0 0 9px rgba(255, 179, 0, 0.58),
        0 0 16px rgba(255, 45, 18, 0.30);
}

@media (max-width: 768px) {
    .faq-premium-section {
        padding: 38px 14px;
        border-radius: 22px;
    }

    .faq-premium-section::after {
        inset: 8px;
        border-radius: 18px;
    }

    .faq-premium-heading h2 {
        font-size: 26px;
    }

    .faq-premium-heading p {
        font-size: 15px;
    }

    .faq-premium-item {
        border-radius: 16px;
    }

    .faq-premium-item summary {
        padding: 17px 16px 17px 22px;
        font-size: 15.5px;
    }

    .faq-icon {
        min-width: 32px;
        width: 32px;
        height: 32px;
        font-size: 21px;
    }

    .faq-content {
        padding: 0 16px 18px 22px;
    }

    .faq-content p {
        font-size: 14.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-premium-section::before {
        animation: none;
    }

    .faq-premium-item,
    .faq-premium-item::after,
    .faq-icon,
    .faq-content a {
        transition: none;
    }
}
</style>

<style>
/* =========================================================
   D59 FAQ DREAMY MATCHING OVERRIDE
   Struktur HTML + nama class tetap 100% dipertahankan.
   Theme: black glass • crimson laser • fire orange • royal gold
   ========================================================= */

.faq-premium-section{
    --faq-black:#020000;
    --faq-dark:#080000;
    --faq-panel:#160101;
    --faq-pink:#ff3215;
    --faq-pink-soft:#ff9550;
    --faq-purple:#d31706;
    --faq-violet:#700000;
    --faq-gold:#ffbd25;
    --faq-gold-soft:#ffe7aa;
    --faq-white:#fff9ef;
    --faq-muted:#f3ded0;

    background:
        linear-gradient(rgba(255,57,17,.020) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,190,42,.012) 1px,transparent 1px),
        radial-gradient(circle at 6% -3%,rgba(255,58,17,.36),transparent 33%),
        radial-gradient(circle at 95% 8%,rgba(255,142,19,.18),transparent 32%),
        radial-gradient(circle at 50% 112%,rgba(132,0,0,.28),transparent 45%),
        linear-gradient(145deg,#180101 0%,#090000 48%,#020000 100%);

    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;

    border:1px solid rgba(255,138,28,.72);

    box-shadow:
        0 0 1px rgba(255,255,255,.24),
        0 0 13px rgba(255,53,14,.52),
        0 0 35px rgba(255,34,7,.25),
        0 0 66px rgba(120,0,0,.16),
        inset 0 1px 0 rgba(255,235,190,.09),
        inset 0 0 44px rgba(255,49,12,.07),
        0 28px 60px rgba(0,0,0,.65);

    backdrop-filter:blur(14px) saturate(1.08);
    -webkit-backdrop-filter:blur(14px) saturate(1.08);
}


/* =========================================================
   DREAMY LASER SWEEP
   ========================================================= */
.faq-premium-section::before{
    background:
        linear-gradient(
            115deg,
            transparent 31%,
            rgba(255,255,255,.025) 38%,
            rgba(255,59,17,.13) 46%,
            rgba(255,248,220,.25) 50%,
            rgba(255,201,84,.15) 53%,
            rgba(255,107,25,.11) 57%,
            rgba(211,18,5,.07) 60%,
            transparent 68%
        );

    filter:
        blur(.35px)
        drop-shadow(0 0 9px rgba(255,54,14,.22))
        drop-shadow(0 0 18px rgba(255,180,38,.06));
}


/* =========================================================
   INNER FRAME
   ========================================================= */
.faq-premium-section::after{
    border:1px solid rgba(255,162,43,.17);

    background:
        linear-gradient(
            90deg,
            #ffbd25,
            transparent 16%,
            transparent 84%,
            #ffbd25
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            #ff3215,
            transparent 23%,
            transparent 77%,
            #d31706
        ) bottom / 100% 1px no-repeat;

    box-shadow:
        inset 0 0 28px rgba(255,50,12,.065),
        0 0 16px rgba(255,50,12,.06);

    opacity:.58;
}


/* =========================================================
   BADGE
   ========================================================= */
.faq-badge{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 28%),
        linear-gradient(
            180deg,
            #ff6728 0%,
            #ff3516 20%,
            #d61505 48%,
            #8b0000 100%
        );

    border:1px solid rgba(255,209,81,.80);

    box-shadow:
        0 0 9px rgba(255,196,54,.16),
        0 0 22px rgba(255,52,13,.53),
        0 0 34px rgba(122,0,0,.18),
        inset 0 1px 0 rgba(255,247,222,.42),
        inset 0 -7px 15px rgba(75,0,0,.22);

    text-shadow:
        0 1px 2px rgba(0,0,0,.72);
}


/* =========================================================
   HEADING
   ========================================================= */
.faq-premium-heading h2{
    color:#fffaf2;

    text-shadow:
        0 0 5px rgba(255,255,255,.20),
        0 0 13px rgba(255,57,15,.63),
        0 0 29px rgba(211,17,4,.30),
        0 0 49px rgba(255,141,15,.09);
}

.faq-premium-heading h2 span,
.faq-premium-heading h2 strong{
    color:#ffc53a;

    text-shadow:
        0 0 7px rgba(255,232,169,.30),
        0 0 14px rgba(255,192,42,.60),
        0 0 24px rgba(255,52,13,.27);
}

.faq-premium-heading p{
    color:#f3ded0;
}


/* =========================================================
   FAQ ITEM — remove remaining purple cast
   ========================================================= */
.faq-premium-item{
    background:
        radial-gradient(circle at 0% 0%,rgba(255,59,17,.12),transparent 48%),
        radial-gradient(circle at 100% 100%,rgba(255,163,22,.026),transparent 40%),
        radial-gradient(circle at 100% 100%,rgba(118,0,0,.10),transparent 52%),
        linear-gradient(150deg,rgba(29,2,1,.95),rgba(6,0,0,.98));

    border:1px solid rgba(255,66,17,.24);

    box-shadow:
        inset 0 1px 0 rgba(255,238,202,.04),
        inset 0 0 20px rgba(255,49,12,.04),
        0 0 14px rgba(255,49,12,.08);
}


/* left decorative laser */
.faq-premium-item::before{
    background:
        linear-gradient(
            180deg,
            #ffd05b 0%,
            #ffb91f 22%,
            #ff741a 45%,
            #ff3215 68%,
            #c90e02 100%
        );

    box-shadow:
        0 0 8px rgba(255,204,72,.27),
        0 0 15px rgba(255,52,13,.65),
        0 0 25px rgba(121,0,0,.24);
}


/* subtle glass shine */
.faq-premium-item::after{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.035),
            rgba(255,63,17,.07),
            rgba(255,218,129,.055),
            transparent
        );
}


.faq-premium-item:hover{
    border-color:rgba(255,201,68,.52);

    background:
        radial-gradient(circle at 0% 0%,rgba(255,66,18,.18),transparent 50%),
        radial-gradient(circle at 100% 100%,rgba(255,166,22,.036),transparent 42%),
        linear-gradient(150deg,rgba(38,3,1,.97),rgba(7,0,0,.99));

    box-shadow:
        0 0 10px rgba(255,196,54,.11),
        0 0 24px rgba(255,52,13,.30),
        0 0 40px rgba(122,0,0,.13),
        inset 0 0 24px rgba(255,49,12,.065);
}


/* =========================================================
   SUMMARY
   ========================================================= */
.faq-premium-item summary{
    color:#fffaf2;

    background:
        linear-gradient(
            90deg,
            rgba(255,55,14,.16),
            rgba(149,0,0,.075),
            rgba(5,0,0,.02)
        );
}

.faq-premium-item summary span{
    text-shadow:
        0 0 7px rgba(255,53,13,.36),
        0 0 17px rgba(205,14,2,.15);
}


/* =========================================================
   ICON
   ========================================================= */
.faq-icon{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.14),transparent 28%),
        linear-gradient(
            180deg,
            #ff5f24 0%,
            #ff3215 24%,
            #d31505 55%,
            #830000 100%
        );

    border:1px solid rgba(255,207,78,.70);

    box-shadow:
        0 0 8px rgba(255,194,52,.14),
        0 0 17px rgba(255,52,13,.53),
        0 0 27px rgba(122,0,0,.18),
        inset 0 1px 0 rgba(255,245,218,.35);

    text-shadow:
        0 1px 2px rgba(0,0,0,.70);
}


/* opened state */
.faq-premium-item[open]{
    border-color:rgba(255,202,69,.55);

    box-shadow:
        0 0 10px rgba(255,197,56,.12),
        0 0 26px rgba(255,52,13,.34),
        0 0 42px rgba(122,0,0,.14),
        inset 0 0 24px rgba(255,49,12,.065);
}

.faq-premium-item[open] .faq-icon{
    background:
        linear-gradient(
            135deg,
            #ffd05d 0%,
            #ffbd25 26%,
            #ff6d19 53%,
            #ff3215 76%,
            #c70d02 100%
        );

    box-shadow:
        0 0 10px rgba(255,214,99,.28),
        0 0 21px rgba(255,52,13,.60),
        0 0 33px rgba(122,0,0,.23);
}


/* =========================================================
   CONTENT
   ========================================================= */
.faq-content{
    border-top:1px solid rgba(255,66,17,.17);

    background:
        linear-gradient(
            180deg,
            rgba(255,52,13,.045),
            rgba(122,0,0,.022),
            rgba(0,0,0,0)
        );
}

.faq-content p{
    color:#f3ded0;
}

.faq-content a{
    color:#ffc741;

    text-shadow:
        0 0 7px rgba(255,193,45,.27);
}

.faq-content a:hover{
    color:#fff8e8;

    text-shadow:
        0 0 7px rgba(255,230,159,.32),
        0 0 13px rgba(255,192,42,.47),
        0 0 18px rgba(255,52,13,.15);
}


/* =========================================================
   DREAMY MOTION TUNING
   ========================================================= */
@keyframes faqCyberScan{
    0%,22%{
        transform:translateX(-120%);
        opacity:0;
    }

    38%{
        opacity:.78;
    }

    69%{
        transform:translateX(120%);
        opacity:.68;
    }

    100%{
        transform:translateX(120%);
        opacity:0;
    }
}


/* =========================================================
   MOBILE
   Existing class names and breakpoints remain intact.
   ========================================================= */
@media(max-width:768px){
    .faq-premium-section{
        box-shadow:
            0 0 9px rgba(255,52,13,.35),
            0 0 24px rgba(140,0,0,.14),
            inset 0 0 28px rgba(255,49,12,.055),
            0 20px 42px rgba(0,0,0,.52);
    }
}

@media(prefers-reduced-motion:reduce){
    .faq-premium-section::before{
        animation:none !important;
    }
}
</style>
         <!-- Reviews Section -->
         <div class="reviews-section">
    <h2>ULASAN PENGGUNA</h2>
</div>

<div class="reviews-grid">
    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Claude</span>
            <span class="review-stars">★★★★★</span>
        </div>
        <p class="review-text">"Baru pertama kali coba <strong>unduh apk game online</strong> dari D59 lewat link alternatif resminya, ternyata aksesnya cepat banget. Servernya stabil, pilihan <strong>permainan paling lengkap</strong>, dan proses WD ke DANA juga instan."</p>
        <span class="review-date">2026-05-05</span>
    </div>

    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Yi Shun Shin</span>
            <span class="review-stars">★★★★★</span>
        </div>
        <p class="review-text">"Sudah beberapa hari main via <strong>link login slot resmi terpercaya</strong> D59 dan pengalamannya memuaskan. Koleksi permainannya <strong>slot gacor</strong> parah, koneksi lancar bebas lag, transaksi via BCA atau Mandiri juga sangat praktis."</p>
        <span class="review-date">2026-05-10</span>
    </div>

    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Harith</span>
            <span class="review-stars">★★★★☆</span>
        </div>
        <p class="review-text">"Teman rekomendasiin D59 dan ternyata pantas jadi <strong>salah satu pilihan pengguna</strong>. Beneran simpel cuma butuh 1 ID, proses <strong>unduh apk game online</strong> cepat, dan CS-nya sangat responsif pas ditanya."</p>
        <span class="review-date">2026-05-15</span>
    </div>

    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Bruno</span>
            <span class="review-stars">★★★★★</span>
        </div>
        <p class="review-text">"Suka banget main di D59 karena antarmukanya responsif dan ringan pas aplikasi <strong>slot gacor</strong>-nya dibuka di HP. Nggak perlu ribet pakai VPN, jadi lancar dimainkan kapan saja dan bikin gampang auto tajir."</p>
        <span class="review-date">2026-05-20</span>
    </div>

    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Granger</span>
            <span class="review-stars">★★★★★</span>
        </div>
        <p class="review-text">"Menurut saya D59 adalah <strong>link login slot resmi terpercaya</strong> paling nyaman karena infrastruktur servernya berkecepatan tinggi, nggak pernah ketemu kendala loading lama saat main. Deposit pakai OVO dan penarikan dana juga selalu lancar."</p>
        <span class="review-date">2026-05-25</span>
    </div>

    <div class="review-card">
        <div class="review-header">
            <span class="review-name">Obsidia</span>
            <span class="review-stars">★★★★★</span>
        </div>
        <p class="review-text">"Sudah rutin bermain via fitur <strong>unduh apk game online</strong> di D59 dan pelayanannya selalu konsisten. Akses login-nya mudah, menghadirkan <strong>permainan paling lengkap</strong> dari provider ternama, plus transaksi selalu tepat waktu."</p>
        <span class="review-date">2026-06-01</span>
    </div>
</div>
         <!-- CTA Buttons -->
         <!-- Simple footer -->
         <div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #ff0000; color: #ff0000; font-size: 12px;"> © 2026 D59. All rights reserved. </div>
      </div>
      <script>
         function toggleFaq(button) {
             const answer = button.nextElementSibling;
             const icon = button.querySelector('.icon');
             // Toggle current
             if (answer.classList.contains('open')) {
                 answer.classList.remove('open');
                 icon.textContent = '+';
             } else {
                 answer.classList.add('open');
                 icon.textContent = '−';
             }
         }
      </script>
      <script>
         (function() {
             // ===== FAQ Accordion (5 sesuai schema) =====
             const faqButtons = document.querySelectorAll(".Slot-container .acc-item");
             faqButtons.forEach((btn, idx) => {
                 const panel = btn.nextElementSibling;
                 const qId = `Slot-faq-q-${idx}`;
                 const pId = `Slot-faq-p-${idx}`;
                 btn.id = qId;
                 panel.id = pId;
                 btn.setAttribute("aria-controls", pId);
                 panel.setAttribute("aria-labelledby", qId);
                 btn.addEventListener("click", () => {
                     const isOpen = btn.getAttribute("aria-expanded") === "true";
                     faqButtons.forEach(b => {
                         b.setAttribute("aria-expanded", "false");
                         b.nextElementSibling.classList.remove("is-open");
                     });
                     if (!isOpen) {
                         btn.setAttribute("aria-expanded", "true");
                         panel.classList.add("is-open");
                     }
                 });
             });
             // ===== PENILAIAN-ALX Auto Slide (6 sesuai schema) =====
             const slider = document.getElementById("alxSlider");
             const track = slider?.querySelector(".penilaian-mwt-track");
             const cards = track ? Array.from(track.children) : [];
             const dotsWrap = slider?.querySelector(".penilaian-mwt-dots");
             if (!slider || !track || cards.length === 0) return;
             let index = 0;
             let perView = 1;
             let timer = null;
         
             function calcPerView() {
                 const w = window.innerWidth;
                 if (w >= 980) return 3;
                 if (w >= 720) return 2;
                 return 1;
             }
         
             function buildDots() {
                 if (!dotsWrap) return;
                 dotsWrap.innerHTML = "";
                 const pages = Math.ceil(cards.length / perView);
                 for (let i = 0; i < pages; i++) {
                     const d = document.createElement("span");
                     d.className = "penilaian-mwt-dot" + (i === 0 ? " is-active" : "");
                     dotsWrap.appendChild(d);
                 }
             }
         
             function setActiveDot(page) {
                 if (!dotsWrap) return;
                 Array.from(dotsWrap.children).forEach((d, i) => {
                     d.classList.toggle("is-active", i === page);
                 });
             }
         
             function slideTo(page) {
                 const cardWidth = cards[0].getBoundingClientRect().width;
                 const gap = parseFloat(getComputedStyle(track).gap) || 0;
                 const step = (cardWidth + gap) * perView;
                 const maxPage = Math.max(0, Math.ceil(cards.length / perView) - 1);
                 index = page > maxPage ? 0 : page;
                 track.style.transform = `translateX(-${step * index}px)`;
                 setActiveDot(index);
             }
         
             function start() {
                 stop();
                 timer = setInterval(() => slideTo(index + 1), 3200);
             }
         
             function stop() {
                 if (timer) clearInterval(timer);
                 timer = null;
             }
         
             function refresh() {
                 perView = calcPerView();
                 buildDots();
                 slideTo(0);
                 start();
             }
             slider.addEventListener("mouseenter", stop);
             slider.addEventListener("mouseleave", start);
             slider.addEventListener("touchstart", stop, {
                 passive: true
             });
             slider.addEventListener("touchend", start, {
                 passive: true
             });
             window.addEventListener("resize", () => {
                 clearTimeout(window.__alxResizeT);
                 window.__alxResizeT = setTimeout(refresh, 140);
             });
             refresh();
         })();
      </script>
      <script>
         $(document).ready(function() {
             $(window).on('scroll', function() {
                 if ($(window).scrollTop() >= $('.product-recommendations1').offset().top + $('.product-recommendations1').outerHeight() - window.innerHeight) {
                     setTimeout(function() {
                         var checkLength = $("input[name='frequent-products-pdp']:checked").length;
                         var productRecs = document.querySelector('.product-recommendations1');
                         $('#checked-products').text(checkLength);
                     }, 4000);
                     setTimeout(function() {
                         var height;
                         var maxheight = 0;
                         var minheight = 0;
                         $('.price_container_cal').each(function() {
                             height = parseInt($(this).height());
                             if (height > maxheight) {
                                 maxheight = height;
                             } else {
                                 minheight = height;
                             }
                         });
                         let isMobile = window.matchMedia('only screen and (max-width: 1023px)').matches;
                         if (!isMobile) {
                             if (maxheight >= minheight) {
                                 $('.price_container_cal').attr('style', 'display: flex; flex-flow: column; justify-content: flex-end; height:' + maxheight + 'px;');
                             }
                         }
                     }, 500);
                 }
             });
         });
      </script>
      </div>
      </div>
      </div>
      </div>
      </div>
      <nav aria-label="Breadcrumb" class="breadcrumb">
         <div class="breadcrumb__inner">
            <ul class="breadcrumb__path" role="list">
               <li role="listitem">
                  <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:home" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Home" href="https://www.ma-cons-eau.com/">
                  <span class="breadcrumb__text-desktop"> SLOT <span style="margin-left: 15px;">></span>
                  </span>
                  <span class="breadcrumb__text-mobile"> SLOT <span style="margin-left: 15px;">></span>
                  </span>
                  </a>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#next-bold" xlink:href="#next-bold">
                     </use>
                  </svg>
               </li>
               <li role="listitem">
                  <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:mobile" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Mobile" href="https://www.ma-cons-eau.com/">
                  <span class="breadcrumb__text-desktop"> APK SLOT <span style="margin-left: 15px;">></span>
                  </span>
                  <span class="breadcrumb__text-mobile"> APK SLOT <span style="margin-left: 15px;">></span>
                  </span>
                  </a>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#next-bold" xlink:href="#next-bold">
                     </use>
                  </svg>
               </li>
               <li role="listitem">
                  <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:smartphones" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Smartphones" href="https://www.ma-cons-eau.com/">
                  <span class="breadcrumb__text-desktop"> SITUS APK SLOT </span>
                  <span class="breadcrumb__text-mobile"> SITUS APK SLOT </span>
                  </a>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#next-bold" xlink:href="#next-bold">
                     </use>
                  </svg>
               </li>
            </ul>
         </div>
         <script data-id="815b4f0e-baa9-42cc-b1f9-b4b995da3ffb" data-object-type="BreadcrumbList" data-type="seo" type="application/ld+json">
            {
                "@context": "https://schema.org",
                "@type": "BreadcrumbList",
                "@id": "https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/#breadcrumb",
                "itemListElement": [{
                    "@type": "ListItem",
                    "name": "Home",
                    "item": "https://www.samsung.com/id/",
                    "position": 1
                }, {
                    "@type": "ListItem",
                    "name": "Mobile",
                    "item": "https://www.samsung.com/id/mobile/",
                    "position": 2
                }, {
                    "@type": "ListItem",
                    "name": "Smartphones",
                    "item": "https://www.samsung.com/id/smartphones/",
                    "position": 3
                }, {
                    "@type": "ListItem",
                    "name": "Galaxy A",
                    "item": "https://www.samsung.com/id/smartphones/galaxy-a/",
                    "position": 4
                }, {
                    "@type": "ListItem",
                    "name": "Galaxy A07",
                    "item": "",
                    "position": 5
                }]
            }
         </script>
      </nav>
      <div class="pd-g-manufacturer-info-popup">
         <div aria-modal="true" class="manufacturer-info-popup" role="dialog" tabindex="0">
            <div class="layer-popup">
               <div class="layer-popup__inner">
                  <div class="layer-popup__contents scrollbar">
                     <div class="scrollbar__contents">
                     </div>
                  </div>
                  <button class="layer-popup__close" type="button">
                     <span class="hidden"> Tutup Layar Popup </span>
                     <svg class="icon" focusable="false">
                        <use href="#delete-bold" xlink:href="#delete-bold">
                        </use>
                     </svg>
                  </button>
               </div>
            </div>
         </div>
      </div>
      <!-- <sly data-sly-use.templatedContainer="com.day.cq.wcm.foundation.TemplatedContainer"
         data-sly-repeat.child=""
         data-sly-resource=""></sly> -->
      </div>
      <div class="pdd39-anchor-nav__bottom-wrap" id="anchorNavigationPriceBarMobile">
         <div class="pdd39-anchor-nav__bottom">
            <div class="pdd39-anchor-nav__price pd-buying-price" id="sgDevPriceAreaBaseMobile">
            </div>
         </div>
      </div>
      <footer class="footer">
         <!--googleoff: all-->
         <div class="footer">
            <div class="footer-column">
               <p class="hidden"> Footer Navigation </p>
               <!-- ===== COLUMN 1: PRODUCTS ===== -->
               <div class="footer-column__item">
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-0"> Products </p>
                     <a an-ac="footer" an-ca="navigation" an-la="products" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-0" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> APK SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Slot 777 </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> SITUS APK SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> LINK APK SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> APK SLOT HARI INI </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> APK SLOT GAMPANG MENANG </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> APKSLOT </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- ===== COLUMN 2: SERVICES ===== -->
               <div class="footer-column__item">
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-1"> Services </p>
                     <a an-ac="footer" an-ca="navigation" an-la="services" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-1" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Promo &amp; Bonus Harian </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Turnamen &amp; Event </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Program VIP &amp; Cashback </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Metode Pembayaran </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Fitur Deposit </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Fitur Withdraw </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Program Referral </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- ===== COLUMN 3: SUPPORT ===== -->
               <div class="footer-column__item">
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-2"> Support </p>
                     <a an-ac="footer" an-ca="navigation" an-la="support" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-2" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Pusat Bantuan </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Live Chat 24/7 </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> WhatsApp Support </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> FAQ </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Kebijakan Privasi </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Syarat &amp; Ketentuan </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Responsible Gaming </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- ===== COLUMN 4: ACCOUNT ===== -->
               <div class="footer-column__item">
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-3"> Account </p>
                     <a an-ac="footer" an-ca="navigation" an-la="account" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-3" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Login Member </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Daftar Akun Baru </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Lupa Password </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Riwayat Transaksi </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Fitur Verifikasi </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Program VIP </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <!-- ===== COLUMN 5: INFO + ABOUT APK SLOT ===== -->
               <div class="footer-column__item">
                  <!-- Info / Guides -->
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-4"> Information </p>
                     <a an-ac="footer" an-ca="navigation" an-la="information" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Fitur Akses </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Fitur Pemula </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Aturan &amp; Kebijakan </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Kontak Resmi </a>
                           </li>
                        </ul>
                     </div>
                  </div>
                  <!-- About APK SLOT -->
                  <div class="footer-category">
                     <p class="footer-category__title" id="footer-category-title-4-2"> About APK SLOT </p>
                     <a an-ac="footer" an-ca="navigation" an-la="about APK SLOT" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4-2" class="footer-category__anchor" href="javascript:void(0);" role="button">
                        <span class="hidden"> Buka </span>
                        <svg class="icon" focusable="false">
                           <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
                        </svg>
                     </a>
                     <div class="footer-category__list-wrap">
                        <ul class="footer-category__list" role="list">
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Tentang APK SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Kenapa Pilih APK SLOT </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Partner &amp; Affiliate </a>
                           </li>
                           <li class="footer-category__item" role="listitem">
                              <a class="footer-category__link" href="https://www.ma-cons-eau.com/"> Brand &amp; Identitas </a>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- ===== BOTTOM BAR ===== -->
            <div class="footer-bottom">
               <div class="footer-copyright-wrap">
                  <div class="footer-copyright-align">
                     <p class="footer-copyright"> &copy; 2026 D59. All rights reserved. </p>
                  </div>
                  <div class="footer-language">
                     <a class="footer-language__anchor" href="https://www.ma-cons-eau.com/"> Indonesia / Bahasa Indonesia </a>
                  </div>
               </div>
               <div an-ac="scroll:100" an-ca="scroll" an-la="scroll:100" an-tr="nv02_footer bottom--text-scroll" class="footer-language-wrap">
                  <div class="footer-language">
                     <a class="footer-language__anchor" href="https://www.ma-cons-eau.com/"> Indonesia / Bahasa Indonesia </a>
                  </div>
                  <div class="footer-terms">
                     <ul class="footer-terms__list" role="list">
                        <li class="footer-terms__item" role="listitem">
                           <a class="footer-terms__link" href="https://www.ma-cons-eau.com/"> Privasi </a>
                        </li>
                        <li class="footer-terms__item" role="listitem">
                           <a class="footer-terms__link" href="https://www.ma-cons-eau.com/"> Legal </a>
                        </li>
                        <li class="footer-terms__item" role="listitem">
                           <a class="footer-terms__link" href="https://www.ma-cons-eau.com/"> Peta Situs </a>
                        </li>
                     </ul>
                  </div>
                  <div class="footer-sns">
                     <span class="footer-sns__title"> Ingin Tetap Terhubung? </span>
                     <ul class="footer-sns__list" role="list">
                        <li class="footer-sns__item" role="listitem">
                           <a class="footer-sns__link" href="https://facebook.com/Slot" rel="noreferrer noopener" target="_blank" aria-label="Facebook : Buka di Tab Baru">
                              <svg class="icon" focusable="false">
                                 <use href="#facebook-bold" xlink:href="#facebook-bold"></use>
                              </svg>
                           </a>
                        </li>
                        <li class="footer-sns__item" role="listitem">
                           <a class="footer-sns__link" href="https://twitter.com/Slot" rel="noreferrer noopener" target="_blank" aria-label="Twitter : Buka di Tab Baru">
                              <svg class="icon" focusable="false">
                                 <use href="#twitter-bold" xlink:href="#twitter-bold"></use>
                              </svg>
                           </a>
                        </li>
                        <li class="footer-sns__item" role="listitem">
                           <a class="footer-sns__link" href="https://instagram.com/Slot" rel="noreferrer noopener" target="_blank" aria-label="Instagram : Buka di Tab Baru">
                              <svg class="icon" focusable="false">
                                 <use href="#instagram-bold" xlink:href="#instagram-bold"></use>
                              </svg>
                           </a>
                        </li>
                        <li class="footer-sns__item" role="listitem">
                           <a class="footer-sns__link" href="https://youtube.com/@Slot" rel="noreferrer noopener" target="_blank" aria-label="Youtube : Buka di Tab Baru">
                              <svg class="icon" focusable="false">
                                 <use href="#youtube-bold" xlink:href="#youtube-bold"></use>
                              </svg>
                           </a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </footer>
      <button an-ac="back to top" an-ca="indication" an-la="back to top" an-tr="nv02_footer bottom--text-back to top" class="fab" title="Go to Top">
         Go to Top
         <svg class="fab__icon" focusable="false">
            <use href="#up-highest-bold" xlink:href="#up-highest-bold">
            </use>
         </svg>
      </button>
      <!--googleon: all-->
      <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.407b108c60433f00a6b1a0e8f272a2c1.js"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-ux25.min.91a4ebeb2dec9b19aa121b5c7154ff51.js"></script>
      <!-- <sly data-sly-test="false">
         <script type="text/javascript" src='/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/au/js/au.js'></script>
         </sly> -->
      <!--[if lt IE 9]>
      <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/ie9/html5.js"></script>
      <![endif]-->
      <script type="text/javascript">
         /* recaptcha script for Samsung 2020.07.10 */
         var conRecaptcha;
         var recaptchaCallback = function() {
             if ($("#Con_reCaptcha").length > 0) {
                 conRecaptcha = grecaptcha.render('Con_reCaptcha', {
                     'sitekey': '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll'
                 });
             }
         };
      </script>
      <script defer="" src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&amp;render=explicit" type="text/javascript"></script>
      <section aria-modal="true" class="trade-in-learn-more-popup" role="dialog">
         <div class="trade-in-learn-more-popup__dimmed">
         </div>
         <div class="trade-in-learn-more-popup__contents">
            <div class="scrollbar">
               <div class="trade-in-learn-more-popup__inner-wrap scrollbar__contents">
                  <p class="trade-in-learn-more-popup__title"> Cara kerja tukar tambah </p>
                  <div class="trade-in-learn-more-popup__list-wrap">
                     <ul class="trade-in-learn-more-popup__list">
                        <li class="trade-in-learn-more-popup__list-item">
                           <em class="trade-in-learn-more-popup__list-item-num"> 01 </em>
                           <div class="trade-in-learn-more-popup__list-item-text-wrap">
                              <span class="trade-in-learn-more-popup__list-item-text-desc"> Choose your new Apk Slot device and tell us about your old one. <br /> Jika memenuhi syarat, Anda akan melihat taksiran nilai tukar tambah. </span>
                           </div>
                        </li>
                        <li class="trade-in-learn-more-popup__list-item">
                           <em class="trade-in-learn-more-popup__list-item-num"> 02 </em>
                           <div class="trade-in-learn-more-popup__list-item-text-wrap">
                              <span class="trade-in-learn-more-popup__list-item-text-desc"> Get an upfront discount on the price of your new Apk Slot device. </span>
                           </div>
                        </li>
                        <li class="trade-in-learn-more-popup__list-item">
                           <em class="trade-in-learn-more-popup__list-item-num"> 03 </em>
                           <div class="trade-in-learn-more-popup__list-item-text-wrap">
                              <span class="trade-in-learn-more-popup__list-item-text-desc"> Kirimkan perangkat lama Anda untuk menyelesaikan tukar tambah. </span>
                           </div>
                        </li>
                     </ul>
                     <!--
                        <sly data-sly-test="false">
                                   <div class="trade-in-learn-more-popup__cta-wrap">
                                     <a class="cta cta--underline cta--black cta--icon" href="https://www.samsung.com/pt/campanha-retomas/" title="Open in a New Window" target="_blank"> More Information 
                                       <svg class="icon" focusable="false">
                        		<use xlink:href="#outlink-bold" href="#outlink-bold"></use>
                                       </svg>
                                     </a>
                                   </div>
                                 </sly>
                                 -->
                  </div>
               </div>
            </div>
            <button class="trade-in-learn-more-popup__close">
               <span class="hidden"> TUTUP </span>
               <svg class="icon" focusable="false">
                  <use href="#delete-bold" xlink:href="#delete-bold">
                  </use>
               </svg>
            </button>
         </div>
      </section>
      <input id="tariffAdditionalPromotionCarrierUrl" type="hidden" />
      <div class="component-area" style="">
         <section aria-modal="true" class="tariff-popup" role="dialog">
            <div class="tariff-popup__dimmed">
            </div>
            <div class="tariff-popup__contents">
               <div class="tariff-popup__contents-plan" style="display:block;">
                  <div class="tariff-popup__inner-wrap scrollbar">
                     <div class="tariff-popup__inner scrollbar__contents">
                        <div class="tariff-popup__header">
                           <div class="tariff-popup__headline"> All from one hand </div>
                           <p class="tariff-popup__desc"> Now you get innovative smartphone with right tariff plan. </p>
                        </div>
                        <div class="tariff-popup__choose" role="tablist" style="display:none;">
                           <div class="tariff-popup__choose-item" role="presentation">
                              <a aria-selected="false" class="tariff-popup__choose-item-btn" href="javascript:;" id="choose-tab-1" role="tab"> New Contracts </a>
                           </div>
                           <div class="tariff-popup__choose-item" role="presentation">
                              <div class="tariff-popup__choose-tooltip">
                                 <div class="tariff-popup__choose-tooltip__btn-wrap">
                                    <button aria-expanded="false" class="tariff-popup__choose-tooltip__btn" type="button">
                                       <svg class="icon help" focusable="false">
                                          <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#help-regular">
                                          </use>
                                       </svg>
                                       <svg class="icon cancel" focusable="false">
                                          <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-bold">
                                          </use>
                                       </svg>
                                       <span class="hidden"> see what this </span>
                                    </button>
                                    <span class="tariff-popup__choose-tooltip__arrow">
                                    </span>
                                 </div>
                                 <div class="tariff-popup__choose-tooltip__box" role="tooltip">
                                    <span class="tariff-popup__choose-tooltip__box-arrow">
                                    </span>
                                    <p class="tariff-popup__choose-tooltip__box-desc"> Stay with your network operator. </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div aria-hidden="true" aria-labelledby="choose-tab-1" class="tariff-popup__choose-panel" id="choose-content-1" role="tabpanel">
                           <div class="tariff-popup__tab-wrap">
                              <div class="tariff-popup__tab-list-wrap">
                                 <button class="tariff-popup__tab-list-prev" role="button" style="display:none;">
                                    prev
                                    <svg class="icon" focusable="false">
                                       <use href="#previous-bold" xlink:href="#previous-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <div class="tariff-popup__tab-list-area">
                                    <!--/* UK, SE 경우 Tab Divider 를 숨기기 위해 .hide-divider 추가 /*-->
                                    <div class="tariff-popup__tab-list" role="tablist">
                                       <div class="tariff-popup__tab-item-wrap" role="presentation">
                                          <a class="tariff-popup__tab-item" href="javascript:void(0);">
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                                 <button class="tariff-popup__tab-list-next" role="button">
                                    Next
                                    <svg class="icon" focusable="false">
                                       <use href="#next-bold" xlink:href="#next-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <div class="tariff-popup__tab-list-gl-left">
                                 </div>
                                 <div class="tariff-popup__tab-list-gl-right">
                                 </div>
                              </div>
                              <div class="tariff-popup__tab-panel-wrap">
                                 <div class="tariff-popup__tab-panel">
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div aria-hidden="true" aria-labelledby="choose-tab-2" class="tariff-popup__choose-panel" id="choose-content-2" role="tabpanel">
                           <div class="tariff-popup__tab-wrap">
                              <div class="tariff-popup__tab-list-wrap">
                                 <button class="tariff-popup__tab-list-prev" role="button" style="display:none;">
                                    prev
                                    <svg class="icon" focusable="false">
                                       <use href="#previous-bold" xlink:href="#previous-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <div class="tariff-popup__tab-list-area">
                                    <!--/* UK, SE 경우 Tab Divider 를 숨기기 위해 .hide-divider 추가 /*-->
                                    <div class="tariff-popup__tab-list" role="tablist">
                                    </div>
                                 </div>
                                 <button class="tariff-popup__tab-list-next" role="button">
                                    Next
                                    <svg class="icon" focusable="false">
                                       <use href="#next-bold" xlink:href="#next-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <div class="tariff-popup__tab-list-gl-left">
                                 </div>
                                 <div class="tariff-popup__tab-list-gl-right">
                                 </div>
                              </div>
                              <div class="tariff-popup__tab-panel-wrap">
                                 <div class="tariff-popup__tab-panel">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tariff-popup__btn-wrap">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black" style="display:none;"> BATALKAN </button>
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--outlined cta--black"> BATALKAN </button>
                     <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:continue" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled=""> LANJUTKAN </button>
                  </div>
               </div>
               <div class="tariff-popup__contents-plan-details" style="display:none;">
                  <div class="tariff-popup__inner-wrap scrollbar">
                     <div class="tariff-popup__inner scrollbar__contents">
                        <div class="tariff-popup__header">
                           <div class="tariff-popup__headline"> The Network Plan Details </div>
                           <p class="tariff-popup__desc">
                           </p>
                        </div>
                        <div class="tariff-popup__plan-details-wrap">
                           <section class="tariff-popup__plan-details expand">
                              <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
                                 <span class="tariff-popup__plan-details-title-text"> Plan Benefits </span>
                                 <span>
                                    <svg class="icon collapse">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden collapse"> Klik untuk Memperluas </span>
                                    <svg class="icon expand">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden expand"> Klik untuk Tutup </span>
                                 </span>
                              </a>
                              <div class="tariff-popup__plan-details-desc plan-benefits-desc">
                              </div>
                           </section>
                           <section class="tariff-popup__plan-details">
                              <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
                                 <span class="tariff-popup__plan-details-title-text"> Out of Bundle Charges </span>
                                 <span>
                                    <svg class="icon collapse">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden collapse"> Klik untuk Memperluas </span>
                                    <svg class="icon expand">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden expand"> Klik untuk Tutup </span>
                                 </span>
                              </a>
                              <div class="tariff-popup__plan-details-desc out-of-bundle-charges-desc">
                              </div>
                           </section>
                           <section class="tariff-popup__plan-details">
                              <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
                                 <span class="tariff-popup__plan-details-title-text"> Terms &amp; Conditions </span>
                                 <span>
                                    <svg class="icon collapse">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden collapse"> Klik untuk Memperluas </span>
                                    <svg class="icon expand">
                                       <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
                                       </use>
                                    </svg>
                                    <span class="hidden expand"> Klik untuk Tutup </span>
                                 </span>
                              </a>
                              <div class="tariff-popup__plan-details-desc term-conditions-desc">
                              </div>
                           </section>
                        </div>
                     </div>
                  </div>
                  <div class="tariff-popup__btn-wrap">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-back cta cta--outlined cta--black"> Kembali </button>
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--contained cta--emphasis"> Tutup </button>
                  </div>
               </div>
               <div class="tariff-popup__contents-plan-selected" style="display:none;">
                  <div class="tariff-popup__inner-wrap scrollbar">
                     <div class="tariff-popup__inner scrollbar__contents">
                        <div class="tariff-popup__header">
                           <div class="tariff-popup__headline">
                              All from one hand
                              <span class="tariff-popup__icon">
                                 <div class="image">
                                    <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/tariff-popup-icon.png" role="img" />
                                 </div>
                              </span>
                           </div>
                           <p class="tariff-popup__desc"> Now you get innovative smartphone with right tariff plan. </p>
                        </div>
                        <div class="tariff-popup__selected-wrap">
                           <div class="tariff-popup__selected">
                              <div class="tariff-popup__selected-spec">
                                 <div class="tariff-popup__selected-spec-header">
                                    <div class="tariff-popup__selected-spec-img">
                                       <img alt="" src="#" />
                                    </div>
                                    <div class="tariff-popup__selected-spec-detail">
                                       <strong class="tariff-popup__selected-spec-name">
                                       </strong>
                                       <span class="tariff-popup__selected-spec-value">
                                       </span>
                                    </div>
                                 </div>
                                 <div class="tariff-popup__selected-spec-desc">
                                    <ul class="tariff-popup__selected-spec-list">
                                    </ul>
                                 </div>
                                 <div class="tariff-popup__selected-add-opt">
                                 </div>
                              </div>
                              <div class="tariff-popup__selected-total">
                                 <div class="tariff-popup__selected-total-title"> Upfront Cost </div>
                                 <div class="tariff-popup__selected-total-price">
                                 </div>
                                 <p class="tariff-popup__selected-total-desc"> Der Anschlusspreis und monatlicher Tarifpreis werden vom jeweiligen Netzanbieter eingezogen. Du zahlst jetzt nur den einmaligen Ger&auml;tepreis. </p>
                              </div>
                           </div>
                        </div>
                        <div class="tariff-popup__checkbox-wrap">
                        </div>
                        <div class="tariff-popup__table-wrap">
                           <div class="tariff-popup__table-inner">
                           </div>
                           <div class="tariff-popup__table-disclaimer">
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tariff-popup__btn-wrap">
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black"> BACK </button>
                     <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
                     <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:confirm" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled=""> Terapkan </button>
                  </div>
               </div>
               <div class="tariff-popup__contents-form" style="display:none;">
                  <div class="tariff-popup__inner-wrap scrollbar">
                     <div class="tariff-popup__inner scrollbar__contents">
                        <div class="tariff-popup__header">
                           <div class="tariff-popup__headline"> Check the availabbility </div>
                        </div>
                        <div class="tariff-popup__step">
                           <div class="tariff-popup__step-inner">
                              <span class="tariff-popup__step-fill is-active">
                              </span>
                              <span class="tariff-popup__step-fill">
                              </span>
                              <span class="tariff-popup__step-fill">
                              </span>
                           </div>
                        </div>
                        <div class="tariff-popup__step-progress">
                           <span class="hidden"> 1 of 3 </span>
                        </div>
                        <div class="tariff-popup__validation-message">
                           <strong class="tariff-popup__validation-message-title"> Wrong address </strong>
                           <div class="tariff-popup__validation-message-content">
                              <p> Unfortunately, we cannot make you a DSL offer for the address you have checked.The address you have given is not unique, please choose from the address suggestions. </p>
                           </div>
                        </div>
                        <div class="tariff-popup__form-wrap">
                           <div class="tariff-popup__form-list">
                              <div class="tariff-popup__form-item tariff-popup__form-item-wide" style="display:none;">
                                 <div class="menu menu--text-field" data-comp-name="menu" data-max-item-number="5" data-type="textField">
                                    <select aria-labelledby="tariff-addr-label-id" class="menu__select" tabindex="-1">
                                    </select>
                                    <p class="menu--text-field__hint" id="tariff-addr-label-id"> Empfohlene Adresse </p>
                                    <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="tariff-addr-label-id tariff-text-label-id" class="menu__select-field" type="button">
                                       <span class="menu__select-field-text" id="tariff-text-label-id">
                                       </span>
                                       <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
                                          <use href="#open-down-bold" xlink:href="#open-down-bold">
                                          </use>
                                       </svg>
                                       <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
                                          <use href="#close-up-bold" xlink:href="#close-up-bold">
                                          </use>
                                       </svg>
                                    </button>
                                 </div>
                              </div>
                              <div class="tariff-popup__form-item tariff-popup__form-item-wide">
                                 <div class="text-field-v2" data-comp-name="textFieldv2">
                                    <label class="text-field-v2__hint" for="text-field-tariff-postcode"> Postcode </label>
                                    <div class="text-field-v2__input-wrap">
                                       <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-postcode" maxlength="5" name="postCode" type="text" />
                                       <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                          <svg aria-hidden="true" class="icon delete" focusable="false">
                                             <use href="#cancel-bold" xlink:href="#cancel-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid postcode </p>
                                    <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p>
                                 </div>
                              </div>
                              <div class="tariff-popup__form-item">
                                 <div class="text-field-v2" data-comp-name="textFieldv2">
                                    <label class="text-field-v2__hint" for="text-field-tariff-street"> Street </label>
                                    <div class="text-field-v2__input-wrap">
                                       <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-street" name="streetName" type="text" />
                                       <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                          <svg aria-hidden="true" class="icon delete" focusable="false">
                                             <use href="#cancel-bold" xlink:href="#cancel-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid street </p>
                                    <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p>
                                 </div>
                              </div>
                              <div class="tariff-popup__form-item">
                                 <div class="text-field-v2" data-comp-name="textFieldv2">
                                    <label class="text-field-v2__hint" for="text-field-3"> House number </label>
                                    <div class="text-field-v2__input-wrap">
                                       <input autocomplete="off" class="text-field-v2__input" id="text-field-3" name="houseNumber" type="text" />
                                       <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                          <svg aria-hidden="true" class="icon delete" focusable="false">
                                             <use href="#cancel-bold" xlink:href="#cancel-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid house number </p>
                                    <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p>
                                 </div>
                              </div>
                              <div class="tariff-popup__form-item">
                                 <div class="text-field-v2" data-comp-name="textFieldv2">
                                    <label class="text-field-v2__hint" for="text-field-4"> Additional house information </label>
                                    <div class="text-field-v2__input-wrap">
                                       <input autocomplete="off" class="text-field-v2__input" id="text-field-4" name="houseNumberAddition" type="text" />
                                       <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                          <svg aria-hidden="true" class="icon delete" focusable="false">
                                             <use href="#cancel-bold" xlink:href="#cancel-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <p aria-hidden="true" class="text-field-v2__text assistive"> Additional information placeholder </p>
                                    <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p>
                                 </div>
                              </div>
                              <div class="tariff-popup__form-item">
                                 <div class="text-field-v2" data-comp-name="textFieldv2">
                                    <label class="text-field-v2__hint" for="text-field-5"> City </label>
                                    <div class="text-field-v2__input-wrap">
                                       <input autocomplete="off" class="text-field-v2__input" id="text-field-5" name="locality" type="text" />
                                       <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                          <svg aria-hidden="true" class="icon delete" focusable="false">
                                             <use href="#cancel-bold" xlink:href="#cancel-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                    <p aria-hidden="true" class="text-field-v2__text assistive"> Please provide a valid city </p>
                                    <p aria-hidden="true" class="text-field-v2__text error"> Please enter correct information again. </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <p class="tariff-popup__form-txt"> *Required fields </p>
                        <div class="tariff-popup__disclaimer-wrap">
                           <div class="tariff-popup__disclaimer"> Anda dapat menemukan informasi tentang pengolahan data pribadi melalui link <a href="https://www.samsung.com/id/info/privacy/" target="_blank" title="Open in a new window"> Kebijakan privasi </a> . </div>
                        </div>
                     </div>
                  </div>
                  <div class="tariff-popup__btn-wrap">
                     <button class="tariff-popup__btn-close cta cta--outlined cta--black"> Batalkan </button>
                     <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
                     <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled=""> Lanjutkan </button>
                  </div>
               </div>
               <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__close">
               <span class="hidden"> Tutup Layar Popup </span>
               </button>
            </div>
         </section>
      </div>
      <div class="tariff-info-popup">
         <div class="layer-popup" id="tariff-info-popup" role="dialog" style="display:block">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <div class="layer-popup__title"> Pay monthly phone contracts </div>
                     <p class="layer-popup__desc"> Buy your phone along with an inclusive monthly network plan and pay monthly* </p>
                     <div class="tariff-info-popup__wrap">
                        <div class="tariff-info-popup__inner">
                           <div class="tariff-info-popup__more">
                              <ul class="tariff-info-popup__more-list">
                                 <li>
                                    <strong class="tariff-info-popup__more-title"> Choose your network </strong>
                                    <p class="tariff-info-popup__more-text"> Choose from a range of networks and inclusive monthly plans to get started with your new Galaxy phone straight away. </p>
                                 </li>
                                 <li>
                                    <strong class="tariff-info-popup__more-title"> Bayar Bulanan </strong>
                                    <p class="tariff-info-popup__more-text"> Pay for your phone and an inclusive bundle of calls, texts and data in one easy-to-manage monthly fee. </p>
                                 </li>
                                 <li>
                                    <strong class="tariff-info-popup__more-title"> Next steps </strong>
                                    <p class="tariff-info-popup__more-text"> You will be redirected to our trusted partner, A1 Comms Ltd (trading as Mobileshop), to purchase your phone and setup your monthly plan. </p>
                                 </li>
                              </ul>
                           </div>
                           <div class="tariff-info-popup__info">
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="tariff-info-popup__cta">
                  <!--/* P6의 cta 적용 방식에 따라 마크업 변경 */ -->
                  <a class="cta cta--contained cta--emphasis" href="javascript:void(0);" title="Link Title"> Choose your plan </a>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Layer Popup Close </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <input id="cfTradeInConditionCheckYn" type="hidden" />
      <input id="cfTradeInCategoryUseYn" type="hidden" />
      <section aria-modal="true" class="trade-in-popup" id="hubble-tradein-layer" role="dialog">
         <div class="trade-in-popup__dimmed">
         </div>
         <div class="trade-in-popup__contents">
            <!-- new-hybris -->
            <div class="trade-in-popup__zipcode-wrap" role="dialog">
               <div class="scrollbar">
                  <div class="trade-in-popup__inner-wrap scrollbar__contents">
                     <p class="trade-in-popup__title"> Cek layanan tukar tambah di area Anda! </p>
                     <div class="trade-in-popup__imei">
                        <div class="trade-in-popup__imei-desc-wrap">
                           <p class="trade-in-popup__imei-desc"> Akses menu Tukar Tambah di aplikasi Samsung Gift Indonesia atau unduh aplikasi SS.com Trade In untuk memeriksakan ponsel pintar Anda. Setelah ponsel Anda lolos uji, IMEI perangkat lama Anda akan tercatat dalam basis data kami, sehingga Anda dapat menikmati diskon tukar tambah khusus. </p>
                           <p class="trade-in-popup__imei-desc">
                              <a href="https://www.samsung.com/id/offer/mobile-trade-in/" target="_blank" title="Buka di Tab Baru"> SAMSUNG TRADE IN </a>
                           </p>
                        </div>
                        <div class="trade-in-popup__imei-form-wrap">
                           <strong class="trade-in-popup__imei-form-title"> Masukkan kode pos Anda </strong>
                           <div class="trade-in-popup__imei-form">
                              <div class="text-field-v2 no-title">
                                 <label class="text-field-v2__hint" for="zipcode-input"> Kode Pos (5 angka) </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="off" class="text-field-v2__input" id="zipcode-input" maxlength="5" type="text" value="" />
                                    <button class="text-field-v2__input-icon delete" title="Delete">
                                       <svg class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                 </div>
                                 <p class="text-field-v2__text error">
                                 </p>
                                 <p class="text-field-v2__text success"> Tukar tambah tersedia di area&nbsp;kode pos Anda </p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="trade-in-popup__dropdown-wrap">
                        <div class="trade-in-popup__brand-dropdown-wrap">
                           <p class="trade-in-popup__dropdown-title"> Estimasi harga tertinggi perangkat lama Anda </p>
                           <div class="trade-in-popup__dropdown">
                              <button class="trade-in-popup__dropdown--select-field">
                              <span class="trade-in-popup__dropdown--select-field-name"> Select Brand </span>
                              </button>
                              <div class="trade-in-popup__dropdown--select-list scrollbar">
                                 <ul class="scrollbar__contents">
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="trade-in-popup__model-dropdown-wrap">
                           <p class="trade-in-popup__dropdown-title"> Estimasi harga tertinggi perangkat lama Anda </p>
                           <div class="trade-in-popup__dropdown">
                              <button class="trade-in-popup__dropdown--select-field">
                              <span class="trade-in-popup__dropdown--select-field-name"> Select Model </span>
                              <span class="trade-in-popup__dropdown--select-field-price">
                              </span>
                              </button>
                              <div class="trade-in-popup__dropdown--select-list scrollbar">
                                 <ul class="scrollbar__contents">
                                    <li class="trade-in-popup__dropdown--search-wrap">
                                       <label class="trade-in-popup__dropdown--search-label" for="trade-in-popup__dropdown--search-model"> Search... </label>
                                       <input autocomplete="off" class="trade-in-popup__dropdown--search-input" id="trade-in-popup__dropdown--search-model" type="text" />
                                       <button class="trade-in-popup__dropdown--search-btn" type="submit">
                                       <span class="hidden"> select device model search </span>
                                       </button>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="trade-in-popup__btn-wrap">
                  <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
                  <button class="trade-in-popup__btn-close cta cta--outlined cta--black"> Tutup </button>
                  <!-- CTA 활성화 시 .cta--disabled 제거 -->
                  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="zipcode"> Lanjutkan </button>
               </div>
            </div>
            <div class="trade-in-popup__imei-wrap" role="dialog">
               <div class="scrollbar">
                  <div class="trade-in-popup__inner-wrap scrollbar__contents">
                     <p class="trade-in-popup__title"> Masukkan IMEI perangkat lama Anda </p>
                     <!-- new-hybris -->
                     <strong class="trade-in-popup__procedure-title"> Prosedur tukar tambah permainan </strong>
                     <ul class="trade-in-popup__procedure">
                        <li class="trade-in-popup__procedure-item">
                           <div class="trade-in-popup__procedure-item-img">
                              <div class="image">
                                 <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-1.jpg" role="img" />
                              </div>
                           </div>
                           <p class="trade-in-popup__procedure-item-desc"> 1. Download App SS.com </p>
                           <div class="trade-in-popup__procedure-link-wrap">
                              <a class="trade-in-popup__procedure-link" href="https://play.google.com/store/apps/details?id=com.stradein.bct.lk6">
                                 <div class="image">
                                    <img alt="google play link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-google.png" role="img" />
                                 </div>
                              </a>
                              <a class="trade-in-popup__procedure-link" href="https://apps.apple.com/id/app/ss-com-trade-in/id1516570115">
                                 <div class="image">
                                    <img alt="app store link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-apple.png" role="img" />
                                 </div>
                              </a>
                           </div>
                           <p class="trade-in-popup__procedure-item-desc"> atau <br /> Gunakan App <br />
                              <a aria-label="Open in a new window" href="https://links.s-gift.app/tradein" target="_blank" title="Buka di Tab Baru"> Samsung Gift Indonesia </a>
                           </p>
                           <div class="trade-in-popup__procedure-link-wrap">
                              <a class="trade-in-popup__procedure-link" href="https://links.s-gift.app/tradein" target="_blank" title="Buka di Tab Baru">
                                 <div class="image">
                                    <img alt="samsung gift link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-gift.png" role="img" />
                                 </div>
                              </a>
                           </div>
                        </li>
                        <li class="trade-in-popup__procedure-item">
                           <div class="trade-in-popup__procedure-item-img">
                              <div class="image">
                                 <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-2.jpg" role="img" />
                              </div>
                           </div>
                           <p class="trade-in-popup__procedure-item-desc"> 2. Lanjutkan proses pada aplikasi untuk mendapatkan harga estimasi smartphone </p>
                        </li>
                        <li class="trade-in-popup__procedure-item">
                           <div class="trade-in-popup__procedure-item-img">
                              <div class="image">
                                 <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-3.jpg" role="img" />
                              </div>
                           </div>
                           <p class="trade-in-popup__procedure-item-desc"> 3. Kembali ke laman produk Galaxy yang Anda inginkan dan masukkan kode IMEI </p>
                        </li>
                        <li class="trade-in-popup__procedure-item">
                           <div class="trade-in-popup__procedure-item-img">
                              <div class="image">
                                 <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-4.jpg" role="img" />
                              </div>
                           </div>
                           <p class="trade-in-popup__procedure-item-desc"> 4. Lanjutkan dengan menyetujui harga perangkat lama Anda </p>
                        </li>
                     </ul>
                     <div class="trade-in-popup__imei">
                        <div class="trade-in-popup__imei-method-wrap">
                           <strong class="trade-in-popup__imei-method-title"> Cara menemukan IMEI Anda </strong>
                           <div class="trade-in-popup__imei-method">
                              <div class="trade-in-popup__imei-method-img">
                                 <div class="image">
                                    <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-imei.svg" role="img" />
                                 </div>
                              </div>
                              <strong class="trade-in-popup__imei-method-num">
                              <span> * </span> #06# </strong>
                           </div>
                           <ul class="trade-in-popup__imei-method-list">
                              <li class="trade-in-popup__imei-method-list-item">
                                 <span> Option 1 </span>
                                 <span> Tekan * # 06 # untuk menemukan IMEI Anda. </span>
                              </li>
                              <li class="trade-in-popup__imei-method-list-item">
                                 <span> Option 2 </span>
                                 <span> Buka Pengaturan&gt; Umum&gt; Tentang menampilkan IMEI. </span>
                              </li>
                              <!-- new-hybris -->
                           </ul>
                        </div>
                        <div class="trade-in-popup__imei-form-wrap">
                           <strong class="trade-in-popup__imei-form-title"> Masukkan nomor IMEI Anda </strong>
                           <div class="trade-in-popup__imei-form">
                              <div class="text-field-v2 no-title">
                                 <label class="text-field-v2__hint" for="imei-input"> Nomor IMEI (15 digit) </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="off" class="text-field-v2__input" id="imei-input" maxlength="15" type="text" value="" />
                                    <button class="text-field-v2__input-icon delete" title="Delete">
                                       <svg class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                 </div>
                                 <p class="text-field-v2__text error"> Mohon masukkan IMEI atau Nomor Serial yang valid </p>
                                 <p class="text-field-v2__text success"> Benar </p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="trade-in-popup__confirm-terms">
                     </div>
                     <div class="trade-in-popup__disclaimer-wrap">
                        <p class="trade-in-popup__disclaimer">
                        </p>
                     </div>
                  </div>
               </div>
               <div class="trade-in-popup__btn-wrap">
                  <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
                  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="imei"> Kembali </button>
                  <!-- CTA 활성화 시 .cta--disabled 제거 -->
                  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="imei"> Lanjutkan </button>
               </div>
            </div>
            <div class="trade-in-popup__condition-wrap" role="dialog">
               <div class="scrollbar">
                  <div class="trade-in-popup__inner-wrap scrollbar__contents">
                     <p class="trade-in-popup__title"> Last step, Is your phone in good condition? </p>
                     <form id="conditionForm" method="post" name="conditionForm">
                        <ul class="trade-in-popup__condition-list">
                        </ul>
                     </form>
                     <!-- 필요 시 추가 -->
                     <!-- 활성화 시 .trade-in-popup__condition-error--show 추가 -->
                     <p class="trade-in-popup__condition-error"> Not eligible for trade-in </p>
                     <!-- new-hybris  -->
                     <div class="trade-in-popup__disclaimer-wrap">
                        <p class="trade-in-popup__disclaimer">
                        </p>
                     </div>
                  </div>
               </div>
               <div class="trade-in-popup__btn-wrap">
                  <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
                  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="condition"> Kembali </button>
                  <!-- CTA 활성화 시 .cta--disabled 제거 -->
                  <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="condition"> Lanjutkan </button>
               </div>
            </div>
            <div class="trade-in-popup__apply-wrap" role="dialog">
               <div class="scrollbar">
                  <div class="trade-in-popup__inner-wrap scrollbar__contents">
                     <p class="trade-in-popup__title"> Harga diskon tukar tambah yang Anda&nbsp;dapatkan </p>
                     <div class="trade-in-popup__summary-wrap">
                        <div class="trade-in-popup__summary">
                           <div class="trade-in-popup__summary-product-wrap">
                              <strong class="trade-in-popup__summary-product-brand">
                              </strong>
                              <strong class="trade-in-popup__summary-product-model">
                              </strong>
                              <span class="trade-in-popup__summary-product-number">
                              </span>
                           </div>
                           <div class="trade-in-popup__summary-price-wrap">
                              <span class="trade-in-popup__summary-price-title cashbacklist"> Harga Tukar Tambah </span>
                              <em class="trade-in-popup__summary-price">
                              </em>
                              <span class="trade-in-popup__summary-price-desc">
                              </span>
                           </div>
                        </div>
                        <div class="trade-in-popup__summary-message-wrap">
                           <!-- new-hybris -->
                           <p class="trade-in-popup__summary-message">
                           </p>
                           <p class="trade-in-popup__summary-message--error">
                           </p>
                        </div>
                     </div>
                     <!-- <sly data-sly-test="false">
                        <div class="trade-in-popup__apply-how-to">
                        <strong class="trade-in-popup__apply-how-to-title">How to save money on a new device?</strong>
                        	<ul class="trade-in-popup__apply-how-to-list">
                        		<li class="trade-in-popup__apply-how-to-item">
                        			<span class="trade-in-popup__apply-how-to-item-num">1.</span>
                        			<span class="trade-in-popup__apply-how-to-item-text">Untuk smartphone lama Anda, dapatkan diskon untuk smartphone baru di ritel-ritel kami</span>
                        		</li>
                        		<li class="trade-in-popup__apply-how-to-item">
                        			<span class="trade-in-popup__apply-how-to-item-num">2.</span>
                        			<span class="trade-in-popup__apply-how-to-item-text">Nilai smartphone lama ditentukan oleh konsultan di lokasi penjualan , tergantung pada kondisi dan model perangkat.</span>
                        		</li>
                        		<li class="trade-in-popup__apply-how-to-item">
                        			<span class="trade-in-popup__apply-how-to-item-num">3.</span>
                        			<span class="trade-in-popup__apply-how-to-item-text">Kunjungi toko penjualan yang paling nyaman bagi Anda. Tinggalkan smartphone lama Anda dan beli yang baru.</span>
                        		</li>
                        	</ul>
                        </div>
                        </sly> -->
                     <div class="trade-in-popup__confirm-terms s-border-top">
                        <strong class="trade-in-popup__confirm-terms-title"> Konfirmasi Syarat dan Ketentuan </strong>
                     </div>
                     <div class="trade-in-popup__disclaimer-wrap">
                        <p class="trade-in-popup__disclaimer">
                        </p>
                     </div>
                  </div>
               </div>
               <div class="trade-in-popup__btn-wrap">
                  <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
                  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="apply"> Kembali </button>
                  <!-- CTA 활성화 시 .cta--disabled 제거 -->
                  <button aria-disabled="true" class="trade-in-popup__btn-apply cta cta--contained cta--emphasis cta--disabled"> Yakin </button>
               </div>
            </div>
            <button class="trade-in-popup__close">
               <span class="hidden"> Tutup </span>
               <svg class="icon" focusable="false">
                  <use href="#delete-bold" xlink:href="#delete-bold">
                  </use>
               </svg>
            </button>
         </div>
      </section>
      <div aria-modal="true" class="upgrade-popup" role="dialog">
         <div class="upgrade-popup__dimmed">
         </div>
         <div class="upgrade-popup__content">
            <div class="scrollbar">
               <div class="upgrade-popup__content-wrap scrollbar__contents">
                  <div class="upgrade-popup__header">
                     <strong class="upgrade-popup__title"> Upgrade Terms and Conditions </strong>
                  </div>
                  <div class="upgrade-popup__body">
                     <div class="upgrade-popup__apply">
                        <div class="upgrade-popup__apply-img">
                           <svg class="icon">
                              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#phone-light">
                              </use>
                           </svg>
                        </div>
                        <div class="upgrade-popup__apply-content">
                        </div>
                     </div>
                     <ul class="upgrade-popup__condition-wrap">
                        <li class="upgrade-popup__condition">
                           <div class="upgrade-popup__condition-img">
                              <div class="image">
                                 <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-01.png" role="img" />
                              </div>
                           </div>
                           <p class="upgrade-popup__desc"> Hidupkan ponsel dan tahan catu daya </p>
                        </li>
                        <li class="upgrade-popup__condition">
                           <div class="upgrade-popup__condition-img">
                              <div class="image">
                                 <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-02.png" role="img" />
                              </div>
                           </div>
                           <p class="upgrade-popup__desc"> Keausan normal </p>
                        </li>
                        <li class="upgrade-popup__condition">
                           <div class="upgrade-popup__condition-img">
                              <div class="image">
                                 <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-03.png" role="img" />
                              </div>
                           </div>
                           <p class="upgrade-popup__desc"> Layar berfungsi &amp; tidak ada layar yang retak </p>
                        </li>
                        <li class="upgrade-popup__condition">
                           <div class="upgrade-popup__condition-img">
                              <div class="image">
                                 <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-04.png" role="img" />
                              </div>
                           </div>
                           <p class="upgrade-popup__desc"> Not blacklisted </p>
                        </li>
                        <li class="upgrade-popup__condition">
                           <div class="upgrade-popup__condition-img">
                              <div class="image">
                                 <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-05.png" role="img" />
                              </div>
                           </div>
                           <p class="upgrade-popup__desc"> Factory reset &amp; non-aktifkan penguncian aplikasi </p>
                        </li>
                     </ul>
                     <div class="upgrade-popup__check-info">
                     </div>
                     <div class="upgrade-popup__disclaimer-wrap">
                        <p>
                        </p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="upgrade-popup__footer">
               <div class="upgrade-popup__cta-wrap">
                  <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:close" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--outlined cta--black upgrade-popup__cta--close"> TUTUP </button>
                  <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:confirm" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--contained cta--emphasis upgrade-popup__cta--submit"> Yakin </button>
               </div>
            </div>
            <button class="upgrade-popup__close">
               <svg class="icon">
                  <use href="#delete-bold" xlink:href="#delete-bold">
                  </use>
               </svg>
               <span class="hidden"> Tutup Layar Popup </span>
            </button>
         </div>
      </div>
      <div aria-modal="true" class="upgrade-learn-more-popup" role="dialog" style="display: none">
         <div class="upgrade-learn-more-popup__dimmed">
         </div>
         <div class="upgrade-learn-more-popup__content">
            <div class="scrollbar">
               <div class="upgrade-learn-more-popup__content-wrap scrollbar__contents">
               </div>
               <button class="upgrade-learn-more-popup__close">
                  <svg class="icon">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
                  <span class="hidden"> close popup </span>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="cancel-return-policy-popup" role="dialog" tabindex="0">
         <div class="layer-popup">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title">
                     </p>
                     <div class="cancel-return-policy-popup__description">
                        <div class="cancel-return-policy-popup__content">
                           <p class="cancel-return-policy-popup__text">
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="warranty-policy-popup" role="dialog" tabindex="0">
         <div class="layer-popup">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> Jaminan </p>
                     <div class="warranty-policy-popup__description">
                        <div class="warranty-policy-popup__content">
                           <p class="warranty-policy-popup__text">
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div class="fold-alert-popup">
         <div class="layer-popup" id="fold-alert-popup" role="dialog" style="display:block" tabindex="0">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <div class="layer-popup__title"> We recommend to set as below to see optimized screen </div>
                     <div class="fold-alert-popup__wrap">
                        <div class="fold-alert-popup__inner">
                           <ul class="fold-alert-popup__list">
                              <li class="fold-alert-popup__item">
                                 <strong class="fold-alert-popup__title"> Option 01 </strong>
                                 <p class="fold-alert-popup__text"> Rotate the device until it is horizontal to view the screen in landscape mode. </p>
                              </li>
                              <li class="fold-alert-popup__item">
                                 <strong class="fold-alert-popup__title"> Option 02 </strong>
                                 <p class="fold-alert-popup__text"> Tab on desktop version in the browser. </p>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="fold-alert-popup__cta">
                  <!--/* P6의 cta 적용 방식에 따라 마크업 변경 */ -->
                  <a class="cta cta--outlined cta--black" href="https://www.ma-cons-eau.com/" title="Tutup"> Tutup </a>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="eip-popup" role="dialog">
         <div class="layer-popup" id="eip-popup">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <div class="layer-popup__title"> Program CICILAN 0% </div>
                     <div class="eip-popup__wrap">
                        <p class="eip-popup__top-text">
                           <strong> Harga Produk: <span class="eip-popup__top-text--price"> Rp 17.099.000 </span>
                           </strong>
                        </p>
                        <div class="tab">
                           <ul class="tab__list" role="tablist">
                              <li class="tab__item" role="presentation">
                                 <button class="tab__item-title" role="tab"> Cicilan Kartu Kredit <span class="tab__item-line">
                                 </span>
                                 </button>
                              </li>
                           </ul>
                        </div>
                        <div class="eip-popup__tab-wrap">
                           <div class="eip-popup__tab">
                              <div class="eip-popup__tab--dropdown-wrap">
                                 <p class="eip-popup__tab--dropdown-title"> Pilih Bank </p>
                                 <button class="eip-popup__tab--dropdown"> BCA </button>
                              </div>
                              <div class="eip-popup__tab--select-wrap scrollbar">
                                 <div class="scrollbar__contents">
                                    <ul>
                                    </ul>
                                 </div>
                              </div>
                              <div class="eip-popup__tab--table-wrap scrollbar">
                                 <div class="scrollbar__contents">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="hubble-careinfo-popup" role="dialog">
         <div class="layer-popup" id="hubble-careinfo">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> Samsung Care+ </p>
                     <div class="hubble-careinfo-popup__body">
                        <div class="hubble-careinfo-popup__info-wrap">
                           <dl class="hubble-careinfo-popup__info">
                           </dl>
                        </div>
                        <div class="hubble-careinfo-popup__explain">
                           <p> Samsung Care+ Disclaimer with link </p>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- siteCode == 'za' -->
               <button class="hubble-care-popup__close">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="sc-learn-more-popup" role="dialog">
         <div class="layer-popup" id="ScLearnMorePopup">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> Here&rsquo;s what&rsquo;s covered </p>
                     <div class="sc-learn-more-popup__body">
                        <ul class="sc-learn-more-popup__list">
                           <li class="sc-learn-more-popup__item">
                              <div class="sc-learn-more-popup__image">
                                 <div class="image">
                                    <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img" />
                                    <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img" />
                                 </div>
                              </div>
                              <strong class="sc-learn-more-popup__title"> Hardware repairs </strong>
                              <p class="sc-learn-more-popup__text"> Get fast, convenient repairs using genuine Apk Slot parts, from our authorized technicians. </p>
                           </li>
                           <li class="sc-learn-more-popup__item">
                              <div class="sc-learn-more-popup__image">
                                 <div class="image">
                                    <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img" />
                                    <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img" />
                                 </div>
                              </div>
                              <strong class="sc-learn-more-popup__title"> Software coverage </strong>
                              <p class="sc-learn-more-popup__text"> If your device isn&rsquo;t running smoothly, we&rsquo;ll check and fix the issue. </p>
                           </li>
                           <li class="sc-learn-more-popup__item">
                              <div class="sc-learn-more-popup__image">
                                 <div class="image">
                                    <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img" />
                                    <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img" />
                                 </div>
                              </div>
                              <strong class="sc-learn-more-popup__title"> Battery replacement </strong>
                              <p class="sc-learn-more-popup__text"> Stay powered up with hassle-free battery replacements. </p>
                           </li>
                           <li class="sc-learn-more-popup__item">
                              <div class="sc-learn-more-popup__image">
                                 <div class="image">
                                    <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img" />
                                    <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img" />
                                 </div>
                              </div>
                              <strong class="sc-learn-more-popup__title"> 4 claims within </strong>
                              <p class="sc-learn-more-popup__text"> Make up to 4 claims for repair or replacement within 2 years, and save with a low deductible per claim. </p>
                           </li>
                        </ul>
                        <div class="sc-learn-more-popup__cta">
                           <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://www.samsung.com/id/offer/samsung-care-plus/" target="_blank">
                              See all benefits
                              <svg aria-hidden="true" class="icon" focusable="false">
                                 <use href="#outlink-bold" xlink:href="#outlink-bold">
                                 </use>
                              </svg>
                           </a>
                        </div>
                        <div class="sc-learn-more-popup__disclaimer">
                        </div>
                     </div>
                  </div>
               </div>
               <button class="sc-learn-more-popup__close">
                  <span class="hidden"> Close popup </span>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="hubble-care-popup smcpopup" role="dialog">
         <div class="layer-popup" id="hubble-care">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title layer-popup__title--no-icon"> Samsung Care+ </p>
                     <p class="layer-popup__desc">
                        <!-- CRHQ-3719 --> Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra
                     </p>
                     <div class="hubble-care-popup__body">
                        <div class="hubble-care-popup__smc">
                           <div class="hubble-care-popup__smc-inner">
                           </div>
                           <p class="hubble-care-popup__smc-message" style="display: none">
                           </p>
                        </div>
                        <div class="hubble-care-popup__image">
                           <div class="image">
                              <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg" />
                              <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg" />
                           </div>
                        </div>
                        <div class="hubble-care-popup__check">
                           <div class="hubble-care-popup__check-title"> Syarat dan Ketentuan Samsung Protection </div>
                           <ul class="hubble-care-popup__check-list-wrap">
                           </ul>
                           <p aria-hidden="true" class="hubble-care-popup__check-error"> *Anda harus menyetujui terlebih dahulu </p>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="hubble-care-popup__foot">
                  <div class="hubble-care-popup__button">
                     <div class="hubble-care-popup__button-inner">
                        <div class="hubble-care-popup__button-item">
                           <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:close" an-tr="header(pim)_service option selector:samsung care-product detail-close-option_click1" class="cta cta--outlined cta--black" href="javascript:void(0)" role="button"> Tutup </a>
                        </div>
                        <div class="hubble-care-popup__button-item">
                           <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:confirm" an-tr="header(pim)_service option selector:samsung care-product detail-confirm-option_click1" aria-disabled="true" class="cta cta--contained cta--emphasis cta--disabled" href="javascript:void(0)" role="button"> Yakin </a>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="hubble-care-popup__close">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0">
         <div class="layer-popup" id="hubble-care-alert1">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents">
                  Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkl&auml;re mich mit diesen einverstanden.
                  <div class="hubble-care-popup__alert-button">
                     <a class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/" title="Best&auml;tigen"> Best&auml;tigen </a>
                  </div>
               </div>
               <button class="hubble-care-popup__alert-close">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0">
         <div class="layer-popup" id="hubble-care-alert2">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents">
                  Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgf&auml;ltig durchgelesen.
                  <div class="hubble-care-popup__alert-button">
                     <a class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/" title="Best&auml;tigen"> Best&auml;tigen </a>
                  </div>
               </div>
               <button class="hubble-care-popup__alert-close">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <input id="WishlistPopupUrl" type="hidden" value="/id/web/my-wishlist/" />
      <div class="wishlist-popup">
         <div aria-modal="true" class="layer-popup" id="wishlist-popup" role="dialog" style="display:block">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents">
                  <p class="layer-popup__title">
                  </p>
                  <div class="wishlist-popup__desc">
                  </div>
                  <div class="wishlist-popup__selectbox__wrap">
                     <div class="wishlist-popup__selectbox">
                        <div class="wishlist-popup__selectbox-inner">
                           <div class="menu filled">
                              <select class="menu__select" data-default-message="My Wishlist" tabindex="-1">
                                 <option value=""> My Wishlist 1 </option>
                                 <option value=""> My Wishlist 2 </option>
                                 <option value=""> My Wishlist 3 </option>
                                 <option value=""> My Wishlist 4 </option>
                                 <option value=""> My Wishlist 5 </option>
                                 <option value=""> My Wishlist 6 </option>
                                 <option value=""> My Wishlist 7 </option>
                                 <option value=""> My Wishlist 8 </option>
                                 <option value=""> My Wishlist 9 </option>
                              </select>
                              <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
                                 <span class="menu__select-field-text">
                                 </span>
                                 <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
                                    <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
                                    </use>
                                 </svg>
                                 <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
                                    <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
                                    </use>
                                 </svg>
                              </button>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="wishlist-popup__cta-wrap">
                  <div class="wishlist-popup__cta">
                     <a aria-label="Link Title" class="cta cta--outlined cta--black" href="https://www.ma-cons-eau.com/" role="button">
                     </a>
                  </div>
                  <div class="wishlist-popup__cta">
                     <a class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/" role="button">
                     </a>
                  </div>
               </div>
               <button class="layer-popup__close wishlist-popup__close" type="button">
                  <span class="hidden"> Close popup </span>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="extended-warranty-popup" role="dialog" tabindex="0">
         <div class="layer-popup" id="extended-warranty">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> EXTENDED WARRANTY </p>
                     <p class="layer-popup__desc"> Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra </p>
                     <div class="extended-warranty-popup__body">
                        <div class="extended-warranty-popup__smc">
                           <div class="extended-warranty-popup__smc-inner">
                           </div>
                           <p class="extended-warranty-popup__smc-message" style="display: none"> ※ Cover until canceled. Financing program is not available with device purchasing </p>
                           <p class="extended-warranty-popup__smc-message" style="display: none"> ※ Cover for 24 months. Financing program is available with device purchasing </p>
                        </div>
                        <div class="extended-warranty-popup__image">
                           <div class="image">
                              <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$" />
                              <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$" />
                           </div>
                        </div>
                        <div class="extended-warranty-popup__info-box">
                           <!-- 필요 시 smc-inner 의 .checkbox-radio 의 갯수와 동일하게 구현 -->
                        </div>
                        <div class="extended-warranty-popup__check">
                           <div class="extended-warranty-popup__check-title"> Syarat dan Ketentuan Apk Slot Protection </div>
                        </div>
                        <div class="extended-warranty-popup__policy-text" id="cfCareIPID">
                        </div>
                     </div>
                  </div>
               </div>
               <div class="extended-warranty-popup__foot">
                  <div class="extended-warranty-popup__button">
                     <div class="extended-warranty-popup__button-description">
                        <p> By clicking on confirm, you agree to Samsung terms and conditions. </p>
                     </div>
                     <div class="extended-warranty-popup__button-inner">
                        <div class="extended-warranty-popup__button-item">
                           <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:close" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--outlined cta--black" href="https://www.ma-cons-eau.com/" role="button"> Tutup </a>
                        </div>
                        <div class="extended-warranty-popup__button-item">
                           <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:confirm" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--contained cta--emphasis cta--disabled" href="https://www.ma-cons-eau.com/" role="button"> Yakin </a>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="extended-warranty-popup__close">
                  <span class="hidden"> Layer Popup Close </span>
                  <svg class="icon">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0">
         <div class="layer-popup" id="extended-warranty-alert1">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents">
                  Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkl&auml;re mich mit diesen einverstanden.
                  <div class="extended-warranty-popup__alert-button">
                     <a class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/"> Best&auml;tigen </a>
                  </div>
               </div>
               <button class="extended-warranty-popup__alert-close">
                  <span class="hidden"> Layer Popup Close </span>
                  <svg class="icon">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0">
         <div class="layer-popup" id="extended-warranty-alert2">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents">
                  Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgf&auml;ltig durchgelesen.
                  <div class="extended-warranty-popup__alert-button">
                     <a class="cta cta--contained cta--emphasis" href="https://www.ma-cons-eau.com/" title=""> Best&auml;tigen </a>
                  </div>
               </div>
               <button class="extended-warranty-popup__alert-close">
                  <span class="hidden"> Layer Popup Close </span>
                  <svg class="icon">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="extended-warranty-popup-vd" role="dialog" tabindex="0">
         <div class="layer-popup" id="extended-warranty-vd">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> Extended Warranty </p>
                     <p class="layer-popup__desc"> Perpanjang durasi garansi pabrik untuk produk Anda </p>
                     <div class="extended-warranty-popup-vd__body">
                        <div class="extended-warranty-popup-vd__option">
                           <div class="pd-select-option">
                              <div class="pd-select-option__wrap">
                                 <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <div class="extended-warranty-popup-vd__check">
                           <div class="extended-warranty-popup-vd__check-title"> Ketentuan Untuk Extended Warranty </div>
                           <ul class="extended-warranty-popup-vd__check-list-wrap">
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="extended-warranty-popup-vd__foot">
                  <div class="extended-warranty-popup-vd__button">
                     <div class="extended-warranty-popup-vd__button-inner">
                        <div class="extended-warranty-popup-vd__button-item">
                           <a class="cta cta--outlined cta--black" href="https://www.ma-cons-eau.com/" role="button"> Tutup </a>
                        </div>
                        <div class="extended-warranty-popup-vd__button-item">
                           <a class="cta cta--contained cta--emphasis cta--disabled" href="https://www.ma-cons-eau.com/" role="button"> Yakin </a>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="extended-warranty-popup-vd__close">
                  <span class="hidden"> Close popup </span>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div class="warranty-info-popup">
         <div class="layer-popup" role="dialog" style="display:none" tabindex="0">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <p class="layer-popup__title"> EXTENDED WARRANTY </p>
                     <div class="warranty-info-popup__content">
                        <div class="warranty-info-popup__info">
                           <dl class="warranty-info-popup__info-list">
                           </dl>
                        </div>
                        <div class="warranty-info-popup__explain">
                           <p>
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="shop-combo-popup" id="shop-combo-popup" role="dialog">
         <div class="layer-popup">
            <div class="layer-popup__inner">
               <div class="layer-popup__title"> Pilih opsi paket kombo </div>
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <div class="shop-combo-popup__list">
                        <div class="shop-combo-popup__list-area">
                           <div class="shop-combo-popup__list-in">
                              <ul>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="layer__fixed-wrap">
                  <div class="shop-combo-popup__summary">
                     <div class="shop-combo-popup__summary-title">
                        <p> Produk terpilih ( <span class="s-bundle-option-count"> 0 </span> ) </p>
                     </div>
                     <div class="shop-combo-popup__summary-save">
                        <span class="shop-combo-popup__summary-save-original">
                        <span class="hidden"> Harga awal: </span>
                        <del>
                        </del>
                        </span>
                        <span class="shop-combo-popup__summary-save-price">
                        </span>
                     </div>
                     <div class="shop-combo-popup__summary-total">
                        <span class="shop-combo-popup__summary-option-total">
                        <strong>
                        </strong>
                        </span>
                     </div>
                     <div class="shop-combo-popup__summary-reset">
                        <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:clear all" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="cta-reset" type="reset"> Kosongkan semua </button>
                     </div>
                  </div>
               </div>
               <div class="shop-combo-popup__btn-wrap">
                  <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-close cta cta--outlined cta--black"> Tutup </button>
                  <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:confirm" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-confirm cta cta--contained cta--emphasis cta--disabled"> Yakin </button>
               </div>
               <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="free-gift-popup" role="dialog" tabindex="0">
         <div class="layer-popup" id="free-gift-popup">
            <div class="layer-popup__inner">
               <div class="layer-popup__title type-left"> Pilih hadiah Pre-order Anda </div>
               <div class="layer-popup__contents scrollbar">
                  <div class="scrollbar__contents">
                     <div class="free-gift-popup__wrap">
                     </div>
                  </div>
               </div>
               <div class="layer-popup__foot">
                  <div class="layer-popup__button">
                     <div class="layer-popup__button-inner">
                        <div class="layer-popup__button-item close-popup">
                           <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--outlined cta--black"> Tutup </button>
                        </div>
                        <div class="layer-popup__button-item">
                           <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:confirm" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--contained cta--emphasis cta--disabled"> Yakin </button>
                        </div>
                     </div>
                  </div>
               </div>
               <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:layer popup close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-close-regular">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div class="finance-ee-popup" style="display:none">
         <div class="layer-popup" id="finance ee" role="dialog" style="display:block" tabindex="0">
            <div class="layer-popup__inner">
               <div class="layer-popup__contents scrollbar">
                  <div class="finance-ee-popup__contents scrollbar__contents">
                     <div class="finance-ee-popup__title">
                        <strong class="finance-ee-popup__title-text"> Choose convenient Instalment plans provided by Inbank </strong>
                     </div>
                     <div class="finance-ee-popup__description">
                        <div class="finance-ee-popup__plans-contents">
                           <div class="finance-ee-popup__plans-table" role="table">
                              <div class="finance-ee-popup__plans-row" role="row">
                                 <div class="finance-ee-popup__plans-header" role="rowheader"> Harga produk </div>
                                 <div class="finance-ee-popup__plans-cell" role="cell">
                                    <p class="finance-ee-popup__plans-text" id="productprice">
                                    </p>
                                 </div>
                              </div>
                              <div class="finance-ee-popup__plans-row" role="row">
                                 <div class="finance-ee-popup__plans-header" role="rowheader"> Plan </div>
                                 <div class="finance-ee-popup__plans-cell" role="cell">
                                    <div class="menu">
                                       <select class="menu__select" id="selectplan" tabindex="-1">
                                       </select>
                                       <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
                                          <span class="menu__select-field-text">
                                          </span>
                                          <svg class="menu__select-field-icon down" focusable="false">
                                             <use href="#open-down-bold" xlink:href="#open-down-bold">
                                             </use>
                                          </svg>
                                          <svg class="menu__select-field-icon up" focusable="false">
                                             <use href="#close-up-bold" xlink:href="#close-up-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                 </div>
                              </div>
                              <div class="finance-ee-popup__plans-row" role="row">
                                 <div class="finance-ee-popup__plans-header" role="rowheader"> Months </div>
                                 <div class="finance-ee-popup__plans-cell" role="cell">
                                    <div class="menu">
                                       <select class="menu__select" id="selectmonths" tabindex="-1">
                                       </select>
                                       <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
                                          <span class="menu__select-field-text">
                                          </span>
                                          <svg class="menu__select-field-icon down" focusable="false">
                                             <use href="#open-down-bold" xlink:href="#open-down-bold">
                                             </use>
                                          </svg>
                                          <svg class="menu__select-field-icon up" focusable="false">
                                             <use href="#close-up-bold" xlink:href="#close-up-bold">
                                             </use>
                                          </svg>
                                       </button>
                                    </div>
                                 </div>
                              </div>
                              <div class="finance-ee-popup__plans-row" role="row">
                                 <div class="finance-ee-popup__plans-header" role="rowheader"> Interest rate </div>
                                 <div class="finance-ee-popup__plans-cell" role="cell">
                                    <p class="finance-ee-popup__plans-text" id="interestrate">
                                    </p>
                                 </div>
                              </div>
                              <div class="finance-ee-popup__plans-row" role="row">
                                 <div class="finance-ee-popup__plans-header" role="rowheader"> Monthly payment </div>
                                 <div class="finance-ee-popup__plans-cell" role="cell">
                                    <p class="finance-ee-popup__plans-text" id="monthlypayment">
                                    </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <p class="finance-ee-popup__disclaimer"> Ketentu Paket Angsuran </p>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <!-- <sly data-sly-include="ebt-popup"/> -->
      <div aria-modal="true" class="contact-mail-form-popup" role="dialog" style="display: none">
         <input id="fn06_headlineText" name="fn06_headlineText" type="hidden" value="Thank you!" />
         <input id="fn06_description" name="fn06_description" type="hidden" value="Your enquiry has been successfully submitted. We will get back to you shortly." />
         <input id="fn06_headlineHeadingLevel" name="fn06_headlineHeadingLevel" type="hidden" value="h2" />
         <input id="eloquaPostUrl" name="eloquaPostUrl" type="hidden" />
         <input id="eloquaYn" name="eloquaYn" type="hidden" />
         <input id="inquiryType" name="inquiryType" type="hidden" value="SalesInquiry" />
         <input id="Subsidiary" name="Subsidiary" type="hidden" value="SEIN" />
         <div class="layer-popup">
            <div class="layer-popup__inner">
               <p class="layer-popup__title"> B2B Enquiry Form </p>
               <p class="layer-popup__description">
               </p>
               <div class="layer-popup__contents">
                  <div class="contact-mail-form-popup__contents">
                     <div class="contact-mail-form-popup__form">
                        <form name="contact-mail-form-popup__form">
                           <div class="append-from-data">
                           </div>
                        </form>
                        <div class="contact-mail-form-popup__form-wrap">
                           <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_0"> Company Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="organization" class="text-field-v2__input" data-form-name="CustomerName" id="popUp_form_0" maxlength="255" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_1"> First Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="given-name" class="text-field-v2__input" data-form-name="ContactFirstName" id="popUp_form_1" maxlength="40" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_2"> Last Name <span class="required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="family-name" class="text-field-v2__input" data-form-name="ContactName" id="popUp_form_2" maxlength="80" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_3"> E-mail Address <span class="required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="email" class="text-field-v2__input" data-form-name="EmailAddress" id="popUp_form_3" maxlength="80" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required">
                              <fieldset>
                                 <legend> Product Interest <span> * Wajib Diisi </span>
                                 </legend>
                                 <div class="field--checkbox-list-wrap">
                                    <div aria-hidden="ture" class="contact-mail-form-popup__form-field-title-wrap">
                                       <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title"> Product Interest </strong>
                                       <p aria-hidden="true" class="checkbox--required-text"> * Wajib Diisi </p>
                                       <p class="checkbox--error-text"> * This checkbox is required </p>
                                    </div>
                                    <div class="contact-mail-form-popup__form-field-list-wrap">
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Mobile" id="popUp_form_4-0" type="checkbox" value="Mobile" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-0">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Seluler </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Computing" id="popUp_form_4-1" type="checkbox" value="Computing" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-1">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Computing </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Displays" id="popUp_form_4-2" type="checkbox" value="Displays" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-2">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Displays </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Home Appliance" id="popUp_form_4-3" type="checkbox" value="Home Appliance" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-3">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Peralatan Rumah Tangga </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Climate" id="popUp_form_4-4" type="checkbox" value="Climate" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-4">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Climate </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Memory" id="popUp_form_4-5" type="checkbox" value="Memory" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-5">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Penyimpanan </span>
                                             </label>
                                          </div>
                                       </div>
                                       <div class="field--checkbox-wrap">
                                          <div class="checkbox-v2">
                                             <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Healthcare" id="popUp_form_4-6" type="checkbox" value="Healthcare" />
                                             <label class="checkbox-v2__label" for="popUp_form_4-6">
                                                <span class="checkbox-v2__label-box-wrap">
                                                   <span class="checkbox-v2__label-box">
                                                      <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                         <use href="#done-bold" xlink:href="#done-bold">
                                                         </use>
                                                      </svg>
                                                   </span>
                                                </span>
                                                <span class="checkbox-v2__label-text"> Healthcare </span>
                                             </label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <fieldset>
                                 </fieldset>
                              </fieldset>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_5"> Company Address </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="address-line1" class="text-field-v2__input" data-form-name="CompanyAddress" id="popUp_form_5" maxlength="255" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_6"> Company Industry </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="organization" class="text-field-v2__input" data-form-name="CompanyInterest" id="popUp_form_6" maxlength="255" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_7"> Job Title </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="organization-title" class="text-field-v2__input" data-form-name="JobTitle" id="popUp_form_7" maxlength="128" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full is-required field--single-text">
                              <div class="text-field-v2">
                                 <label class="text-field-v2__hint" for="popUp_form_8"> Contact Number <span class="required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <input autocomplete="tel" class="text-field-v2__input" data-form-name="Telephone" id="popUp_form_8" maxlength="40" type="text" value="" />
                                    <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                                       <svg aria-hidden="true" class="icon delete" focusable="false">
                                          <use href="#cancel-bold" xlink:href="#cancel-bold">
                                          </use>
                                       </svg>
                                    </button>
                                    <div class="text-field-v2__input-icon error">
                                       <svg aria-hidden="true" class="icon error" focusable="false">
                                          <use href="#information-error-bold" xlink:href="#information-error-bold">
                                          </use>
                                       </svg>
                                    </div>
                                 </div>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--dropdown">
                              <div class="menu menu--text-field">
                                 <select aria-labelledby="hint_popUp_form_9" class="menu__select" data-form-name="Employee" tabindex="-1">
                                    <option value="&lt;50"> &lt;50 </option>
                                    <option value="50-99"> 50 ~ 99 </option>
                                    <option value="100-199"> 100 ~ 199 </option>
                                    <option value="200-499"> 200 ~ 499 </option>
                                    <option value="500-999"> 500 ~ 999 </option>
                                    <option value="&gt;1000"> &gt;1000 </option>
                                 </select>
                                 <p class="menu--text-field__hint" id="hint_popUp_form_9"> No. of Employees </p>
                                 <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_9 text_hint_popUp_form_9" class="menu__select-field" type="button">
                                    <span class="menu__select-field-text" id="text_hint_popUp_form_9">
                                    </span>
                                    <svg class="menu__select-field-icon down" focusable="false">
                                       <use href="#open-down-bold" xlink:href="#open-down-bold">
                                       </use>
                                    </svg>
                                    <svg class="menu__select-field-icon up" focusable="false">
                                       <use href="#close-up-bold" xlink:href="#close-up-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <p class="menu--text-field__error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full is-required field--dropdown">
                              <div class="menu menu--text-field">
                                 <select aria-labelledby="hint_popUp_form_10" class="menu__select" data-form-name="Industry" tabindex="-1">
                                    <option value="Communications"> Communications </option>
                                    <option value="Education"> Education </option>
                                    <option value="Finance"> Finance </option>
                                    <option value="Government"> Government </option>
                                    <option value="Healthcare"> Healthcare </option>
                                    <option value="Hospitality"> Hospitality </option>
                                    <option value="Manufacturing"> Manufacturing </option>
                                    <option value="Retail"> Retail </option>
                                    <option value="Transportation &amp; Logistics"> Transportation &amp; Logistics </option>
                                    <option value="Others"> Lainnya </option>
                                 </select>
                                 <p class="menu--text-field__hint" id="hint_popUp_form_10"> Product / Industry Interest <span class="text-field--required-text"> * <span class="hidden"> Wajib Diisi </span>
                                    </span>
                                 </p>
                                 <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_10 text_hint_popUp_form_10" class="menu__select-field" type="button">
                                    <span class="menu__select-field-text" id="text_hint_popUp_form_10">
                                    </span>
                                    <svg class="menu__select-field-icon down" focusable="false">
                                       <use href="#open-down-bold" xlink:href="#open-down-bold">
                                       </use>
                                    </svg>
                                    <svg class="menu__select-field-icon up" focusable="false">
                                       <use href="#close-up-bold" xlink:href="#close-up-bold">
                                       </use>
                                    </svg>
                                 </button>
                                 <p class="menu--text-field__error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list">
                              <fieldset>
                                 <legend> Solution Interest <span> * Wajib Diisi </span>
                                 </legend>
                                 <div class="field--checkbox-list-wrap">
                                    <div class="contact-mail-form-popup__form-field-title-wrap">
                                       <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title"> Solution Interest </strong>
                                       <p class="checkbox--error-text"> * This checkbox is required </p>
                                    </div>
                                    <fieldset>
                                       <legend> Solusi Bisnis Mobile </legend>
                                       <div class="contact-mail-form-popup__form-field-list-wrap">
                                          <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Bisnis Mobile </strong>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Apk Slot" id="mbs_popUp_form_11-0" type="checkbox" value="Apk Slot" />
                                                <label class="checkbox-v2__label" for="mbs_popUp_form_11-0">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Apk Slot </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Apk Slot" id="mbs_popUp_form_11-1" type="checkbox" value="Apk Slot" />
                                                <label class="checkbox-v2__label" for="mbs_popUp_form_11-1">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Apk Slot </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Apk Slot" id="mbs_popUp_form_11-2" type="checkbox" value="Apk Slot" />
                                                <label class="checkbox-v2__label" for="mbs_popUp_form_11-2">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Apk Slot </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Capital Solutions" id="mbs_popUp_form_11-3" type="checkbox" value="Capital Solutions" />
                                                <label class="checkbox-v2__label" for="mbs_popUp_form_11-3">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Capital Solutions </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Enterprise Technical Support" id="mbs_popUp_form_11-4" type="checkbox" value="Enterprise Technical Support" />
                                                <label class="checkbox-v2__label" for="mbs_popUp_form_11-4">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Enterprise Technical Support </span>
                                                </label>
                                             </div>
                                          </div>
                                       </div>
                                    </fieldset>
                                    <fieldset>
                                       <legend> Solusi Tampilan </legend>
                                       <div class="contact-mail-form-popup__form-field-list-wrap">
                                          <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Tampilan </strong>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Smart signage solution" id="ds_popUp_form_11-0" type="checkbox" value="Smart signage solution" />
                                                <label class="checkbox-v2__label" for="ds_popUp_form_11-0">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Smart signage solution </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="LED signage solution" id="ds_popUp_form_11-1" type="checkbox" value="LED signage solution" />
                                                <label class="checkbox-v2__label" for="ds_popUp_form_11-1">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> LED signage solution </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Commercial TV solution" id="ds_popUp_form_11-2" type="checkbox" value="Commercial TV solution" />
                                                <label class="checkbox-v2__label" for="ds_popUp_form_11-2">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Commercial TV solution </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Monitor solution" id="ds_popUp_form_11-3" type="checkbox" value="Monitor solution" />
                                                <label class="checkbox-v2__label" for="ds_popUp_form_11-3">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Monitor solution </span>
                                                </label>
                                             </div>
                                          </div>
                                       </div>
                                    </fieldset>
                                    <fieldset>
                                       <legend> Solusi Iklim </legend>
                                       <div class="contact-mail-form-popup__form-field-list-wrap">
                                          <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title"> Solusi Iklim </strong>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Climate Hub" id="cs_popUp_form_11-0" type="checkbox" value="Climate Hub" />
                                                <label class="checkbox-v2__label" for="cs_popUp_form_11-0">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> Climate Hub </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="WindFree" id="cs_popUp_form_11-1" type="checkbox" value="WindFree" />
                                                <label class="checkbox-v2__label" for="cs_popUp_form_11-1">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> WindFree </span>
                                                </label>
                                             </div>
                                          </div>
                                          <div class="field--checkbox-wrap">
                                             <div class="checkbox-v2">
                                                <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="360 Cassette" id="cs_popUp_form_11-2" type="checkbox" value="360 Cassette" />
                                                <label class="checkbox-v2__label" for="cs_popUp_form_11-2">
                                                   <span class="checkbox-v2__label-box-wrap">
                                                      <span class="checkbox-v2__label-box">
                                                         <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                            <use href="#done-bold" xlink:href="#done-bold">
                                                            </use>
                                                         </svg>
                                                      </span>
                                                   </span>
                                                   <span class="checkbox-v2__label-text"> 360 Cassette </span>
                                                </label>
                                             </div>
                                          </div>
                                       </div>
                                    </fieldset>
                                 </div>
                                 <fieldset>
                                 </fieldset>
                              </fieldset>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--multi-text is-required">
                              <div class="text-field-v2 multi-line">
                                 <label class="text-field-v2__hint" for="popUp_form_12"> Message <span class="text-field--required-text"> * <span class="hidden"> Wajib Diisi </span>
                                 </span>
                                 </label>
                                 <div class="text-field-v2__input-wrap">
                                    <textarea autocomplete="on" class="text-field-v2__input-multi-line" data-form-name="Message" id="popUp_form_12" maxlength="2000"></textarea>
                                 </div>
                                 <p class="text-field-v2__text assistive" id="popUp_form_12_assistive"> (0/2000) </p>
                                 <p class="text-field-v2__text error"> * This field is required </p>
                              </div>
                           </div>
                           <div class="contact-mail-form-popup__iframe">
                              <div class="contact-mail-form-popup__iframe-inner">
                                 <div data-callback="recaptchaCallback" id="Con_reCaptcha">
                                 </div>
                              </div>
                              <p class="invalid-notice" style="display: none"> Verification expired. Check the checkbox again. </p>
                           </div>
                           <div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required">
                              <div class="field--checkbox-wrap">
                                 <div class="checkbox-v2">
                                    <input aria-describedby="popUp_form_13_required" class="checkbox-v2__input" data-form-name="PrivacyPolicy" id="popUp_form_13" type="checkbox" />
                                    <label class="checkbox-v2__label" for="popUp_form_13">
                                       <span class="checkbox-v2__label-box-wrap">
                                          <span class="checkbox-v2__label-box">
                                             <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                <use href="#done-bold" xlink:href="#done-bold">
                                                </use>
                                             </svg>
                                          </span>
                                       </span>
                                       <span class="checkbox-v2__label-text"> I acknowledge that my information will be processed in accordance with the Samsung privacy policy </span>
                                    </label>
                                 </div>
                                 <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_13_required"> * Wajib Diisi </p>
                                 <p aria-hidden="true" class="checkbox--error-text" id="policy_form__13_err"> * Please agree to the Samsung Privacy Policy </p>
                              </div>
                           </div>
                           <div>
                           </div>
                           <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required">
                              <div class="field--checkbox-wrap">
                                 <div class="checkbox-v2">
                                    <input aria-describedby="popUp_form_14_required" class="checkbox-v2__input" data-form-name="OptIn" id="popUp_form_14" type="checkbox" />
                                    <label class="checkbox-v2__label" for="popUp_form_14">
                                       <span class="checkbox-v2__label-box-wrap">
                                          <span class="checkbox-v2__label-box">
                                             <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
                                                <use href="#done-bold" xlink:href="#done-bold">
                                                </use>
                                             </svg>
                                          </span>
                                       </span>
                                       <span class="checkbox-v2__label-text"> I would like to receive information about products, services, promotions and marketing communications of Samsung and or its partners. </span>
                                    </label>
                                 </div>
                                 <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_14_required"> * Wajib Diisi </p>
                                 <p class="checkbox--error-text" id="popUp_form_14_err"> * Please accept the Samsung Privacy Policy to proceed </p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="contact-mail-form-popup__cta">
                        <button aria-disabled="false" aria-label="Submit" class="cta cta--contained cta--black"> Submit </button>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="thank-you-popup" id="ThankYouPopup" role="dialog">
         <div class="layer-popup">
            <div class="layer-popup__inner">
               <p class="layer-popup__title"> Terima kasih! </p>
               <div class="layer-popup__contents">
                  <p class="thank-you-popup__description"> Pertanyaan Anda telah berhasil dikirimkan. Kami akan segera menghubungi Anda. </p>
                  <div class="thank-you-popup__cta-wrap">
                     <div class="thank-you-popup__cta">
                        <button aria-label="" class="cta cta--contained cta--black cta--closed"> Tutup </button>
                     </div>
                  </div>
               </div>
               <button class="layer-popup__close" type="button">
                  <span class="hidden"> Tutup Layar Popup </span>
                  <svg class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="confirm-popup" role="dialog" style="display: none">
         <div class="confirm-popup__dimmed">
         </div>
         <div class="confirm-popup__content">
            <div class="confirm-popup__content-inner">
               <strong class="confirm-popup__title">
               </strong>
               <div class="confirm-popup__desc">
               </div>
               <div class="confirm-popup__disclaimer">
               </div>
               <div class="confirm-popup__cta-wrap">
                  <button class="cta cta--outlined cta--black">
                  </button>
                  <button class="cta cta--contained cta--emphasis">
                  </button>
               </div>
               <button class="confirm-popup__close">
                  <svg class="icon">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
                  <span class="hidden"> Tutup Layar Popup </span>
               </button>
            </div>
         </div>
      </div>
      <div aria-modal="true" class="confirm-popup-v2" role="dialog">
         <div class="confirm-popup-v2__dimmed">
         </div>
         <div class="confirm-popup-v2__content">
            <div class="confirm-popup-v2__content-inner">
               <p class="confirm-popup-v2__title">
               </p>
               <div class="confirm-popup-v2__desc">
               </div>
               <div class="confirm-popup-v2__cta-wrap">
                  <button class="cta cta--outlined cta--black">
                  </button>
                  <button class="cta cta--contained cta--black">
                  </button>
               </div>
               <button class="confirm-popup-v2__close">
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
                  <span class="hidden"> close </span>
               </button>
            </div>
         </div>
      </div>
      <!-- CRHQ-1921 [B2C] BR/AR/PY/UY - get stock alert 적용 (shop 조건 해제) -->
      <input id="isGpv2Flag" name="isGpv2Flag" type="hidden" value="N" />
      <input id="isNewHybrisFlag" name="isNewHybrisFlag" type="hidden" value="Y" />
      <section aria-modal="true" class="pd-get-stock-alert-popup" role="dialog" style="display: none">
         <div class="pd-get-stock-alert-popup__dimmed">
         </div>
         <div class="pd-get-stock-alert-popup__contents">
            <div class="scrollbar">
               <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents">
                  <div class="pd-get-stock-alert-popup__header">
                     <p class="text-title"> NOTIFIKASI STOK </p>
                     <p class="pd-get-stock-alert-popup__desc"> Dapatkan notifikasi ketika item ini tersedia untuk dibeli, dengan menambahkan email Anda. </p>
                  </div>
                  <div class="pd-get-stock-alert-popup__text-field-wrap">
                     <div class="text-field-v2">
                        <label class="text-field-v2__hint" for="getStockAlertEmailInput"> Masukkan email Anda </label>
                        <div class="text-field-v2__input-wrap">
                           <input autocomplete="email" class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value="" />
                           <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
                              <svg aria-hidden="true" class="icon delete" focusable="false">
                                 <use href="#cancel-bold" xlink:href="#cancel-bold">
                                 </use>
                              </svg>
                           </button>
                           <div class="text-field-v2__input-icon error">
                              <svg aria-hidden="true" class="icon error" focusable="false">
                                 <use href="#information-error-bold" xlink:href="#information-error-bold">
                                 </use>
                              </svg>
                           </div>
                        </div>
                        <p class="text-field-v2__text error" id="getstock-popup-error-txt"> Silahkan periksa kembali alamat email Anda </p>
                     </div>
                  </div>
                  <div class="pd-get-stock-alert-popup__checkbox-container">
                  </div>
                  <div class="pd-get-stock-alert-popup__disclaimer">
                     <p class="pd-get-stock-alert-popup__disclaimer-text">
                     </p>
                  </div>
               </div>
            </div>
            <div class="pd-get-stock-alert-popup__btn-wrap">
               <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black"> Tutup </button>
               <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:submit" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled=""> Daftar </button>
            </div>
            <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__close">
               <span class="hidden"> Close popup </span>
               <svg aria-hidden="true" class="icon" focusable="false">
                  <use href="#delete-bold" xlink:href="#delete-bold">
                  </use>
               </svg>
            </button>
         </div>
         <div class="pd-get-stock-alert-popup__final-wrap">
            <div class="pd-get-stock-alert-popup__final">
               <p class="pd-get-stock-alert-popup__final-desc"> Kami akan mengirim email kepada Anda ketika stok tersedia. <br /> Terima kasih. </p>
               <div class="pd-get-stock-alert-popup__final-btn-wrap">
                  <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis"> Daftar </button>
               </div>
               <button class="pd-get-stock-alert-popup__close">
                  <span class="hidden"> Close popup </span>
                  <svg aria-hidden="true" class="icon" focusable="false">
                     <use href="#delete-bold" xlink:href="#delete-bold">
                     </use>
                  </svg>
               </button>
            </div>
         </div>
      </section>
      <script async="" src="https://maps.googleapis.com/maps/api/js?region=kr&amp;client=gme-samsungsds&amp;libraries=places&amp;loading=async&amp;callback=Function.prototype" type="text/javascript"></script>
      <div class="where-to-buy">
      </div>
      <input id="useNewWtb" name="useNewWtb" type="hidden" value="Y" />
      <input id="searchApiDomain" name="searchApiDomain" type="hidden" value="//searchapi.samsung.com/v6" />
      <input id="buyinstoreRedirectYN" name="buyinstoreRedirectYN" type="hidden" value="N" />
      <input id="rtlValue" type="hidden" />
      <input id="current_model_code" name="current_model_code" type="hidden" />
      <input id="wtbCurrentPagePath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy" />
      <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-smc-popup/clientlibs-h-n/site.min.36f33859be9e845ecc1d5b2ae517b039.js"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-tariff-popup/clientlibs-h-n/site.min.74177fffeeca4bd1adfc2c5b99953a66.js"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-dynamic/pd-g-anchor-navigation-ux25/clientlibs/site.min.f513c1da7401cfde7df15876f4b8fea0.js"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd.min.eeb9431bf6dc2b001b8869bc85fdef28.js"></script>
      <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps.min.e9338bc9fb7a92c8450bbafc4e49902f.js" type="text/javascript"></script>
      <script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps-h-n.min.1c660086d47e1dd0046e752531513109.js" type="text/javascript"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-wishlist-popup/clientlibs/site.min.648f96f9e6904235937a56177a4f9cb4.js"></script>
      <script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-eip-popup/clientlibs/site.min.dd4327a6471278074a327fbfe515c7a8.js"></script>
      <script data-id="e775dc49-187c-4bdf-8f92-83bca5908c6f" data-object-type="WebPage" data-type="seo" type="application/ld+json">
         {
             "@context": "https://schema.org",
             "@type": "WebPage",
             "name": "D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi",
             "@id": "http://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/#webpage",
             "description": "D59 adalah link daftar situs slot online gacor terbaru dengan serta menghadirkan apk slot resmi terpercaya dijamin maxwin setiap hari. Banyak bonus promo dan fitur menarik dan yang dapat anda coba disini.",
             "url": "https://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/"
         }
      </script>
      <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"06b9ec0ba3994847a8ccfa06f26cd684","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
      <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8022ead84cf64e1c932aaaef34fd4250","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
      <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8022ead84cf64e1c932aaaef34fd4250","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
      <style>
:root{
    --dragon-dark:#050000;
    --dragon-deep:#180202;
    --dragon-purple:#d41608;
    --dragon-purple-soft:#ffb070;
    --dragon-pink:#ff2d12;
    --dragon-pink-soft:#ff7a32;
    --dragon-gold:#ffb300;
    --dragon-gold-soft:#ffe09a;
    --dragon-white:#fff8ef;
    --dragon-muted:#f1d9c8;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    min-height:100vh;
    font-family:'Segoe UI',Arial,sans-serif;

    background:
        linear-gradient(rgba(255,45,18,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(212,22,8,.028) 1px,transparent 1px),
        radial-gradient(circle at top left,
            rgba(255,45,18,.24),
            transparent 34%),
        radial-gradient(circle at bottom right,
            rgba(122,0,0,.18),
            transparent 39%),
        radial-gradient(circle at 55% 38%,
            rgba(212,22,8,.07),
            transparent 48%),
        linear-gradient(
            145deg,
            #050000 0%,
            #0b0101 42%,
            #180202 72%,
            #020000 100%);

    background-size:
        34px 34px,
        34px 34px,
        auto,
        auto,
        auto,
        auto;

    color:var(--dragon-white);

    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-2;

    background:
        radial-gradient(circle at 18% 22%,
            rgba(255,45,18,.14),
            transparent 34%),
        radial-gradient(circle at 82% 76%,
            rgba(122,0,0,.12),
            transparent 36%),
        repeating-linear-gradient(
            120deg,
            rgba(255,45,18,.025) 0px,
            rgba(255,45,18,.025) 2px,
            transparent 2px,
            transparent 13px);

    animation:dragonMist 12s ease-in-out infinite alternate;
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.18;

    background-image:
        radial-gradient(circle at 10px 10px,
            rgba(255,255,255,.42) 1px,
            transparent 2px);

    background-size:46px 46px;

    animation:dragonScaleMove 28s linear infinite;
}

h1,
h2,
h3,
h4{
    color:var(--dragon-white);

    text-shadow:
        0 0 8px rgba(255,255,255,.12),
        0 0 12px rgba(255,45,18,.64),
        0 0 26px rgba(212,22,8,.30),
        0 0 42px rgba(122,0,0,.14);

    animation:dragonTitleGlow 3.2s ease-in-out infinite alternate;
}

a{
    color:var(--dragon-gold);
    text-decoration:none;

    text-shadow:
        0 0 7px rgba(255,179,0,.24);

    transition:
        color .25s ease,
        text-shadow .25s ease;
}

a:hover{
    color:#ffffff;

    text-shadow:
        0 0 8px rgba(255,179,0,.58),
        0 0 16px rgba(255,45,18,.30);
}

/* ==========================
POPUP OVERLAY
========================== */

#popupOverlay{
    position:fixed;
    z-index:9999;
    width:100vw;
    height:100vh;
    top:0;
    left:0;

    background:
        radial-gradient(circle at center,
            rgba(255,45,18,.16),
            transparent 44%),
        radial-gradient(circle at 65% 35%,
            rgba(122,0,0,.12),
            transparent 38%),
        rgba(0,0,0,.82);

    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);

    display:flex;
    align-items:center;
    justify-content:center;

    padding:16px;
    overflow-y:auto;

    opacity:1;
    visibility:visible;

    transition:
        opacity .28s ease,
        visibility .28s ease;
}

#popupOverlay.popup-hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

/* ==========================
POPUP BOX
========================== */

.popup-box{
    position:relative;
    isolation:isolate;

    width:100%;
    max-width:400px;

    padding:12px;

    border-radius:24px;

    border:1px solid rgba(255,45,18,.72);

    background:
        radial-gradient(circle at 12% 0%,
            rgba(255,45,18,.20),
            transparent 34%),
        radial-gradient(circle at 90% 12%,
            rgba(212,22,8,.16),
            transparent 32%),
        linear-gradient(
            145deg,
            rgba(25,4,30,.97),
            rgba(7,1,10,.96));

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 0 0 2px rgba(212,22,8,.12),
        0 0 14px rgba(255,45,18,.56),
        0 0 34px rgba(255,45,18,.30),
        0 0 58px rgba(122,0,0,.20),
        0 24px 54px rgba(0,0,0,.80),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 28px rgba(255,45,18,.08);

    animation:popupDragonZoom .38s ease;

    overflow:visible;
}

.popup-box::before{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:0;

    border-radius:24px;

    pointer-events:none;

    background:
        linear-gradient(
            115deg,
            transparent 31%,
            rgba(255,255,255,.04) 39%,
            rgba(255,45,18,.17) 47%,
            rgba(255,255,255,.36) 51%,
            rgba(212,22,8,.14) 56%,
            transparent 67%);

    transform:translateX(-120%);

    animation:dragonShine 5.5s ease-in-out infinite;
}

.popup-box::after{
    content:"";
    position:absolute;
    inset:9px;
    z-index:0;

    border-radius:17px;

    border:1px solid rgba(255,122,50,.14);

    background:
        linear-gradient(
            90deg,
            var(--dragon-gold),
            transparent 18%,
            transparent 82%,
            var(--dragon-gold)
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            var(--dragon-pink),
            transparent 24%,
            transparent 76%,
            var(--dragon-purple)
        ) bottom / 100% 1px no-repeat;

    opacity:.62;

    pointer-events:none;
}

/* ==========================
CLOSE BUTTON
========================== */

.popup-close{
    position:absolute;
    top:-18px;
    right:-18px;

    width:42px;
    height:42px;

    border-radius:50%;

    border:1px solid rgba(255,179,0,.86);

    background:
        radial-gradient(circle at top,
            #ffffff 0%,
            #ffb36b 26%,
            #ff2d12 60%,
            #8b0500 100%);

    color:#ffffff;

    font-size:28px;
    font-weight:900;
    line-height:36px;
    text-align:center;

    cursor:pointer;
    z-index:10000;

    box-shadow:
        0 0 10px rgba(255,179,0,.24),
        0 0 18px rgba(255,45,18,.72),
        0 0 34px rgba(122,0,0,.30),
        0 10px 22px rgba(0,0,0,.72),
        inset 0 1px 0 rgba(255,255,255,.48);

    text-shadow:
        0 1px 2px rgba(0,0,0,.70);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.popup-close:hover{
    transform:
        scale(1.08)
        rotate(90deg);

    filter:brightness(1.12);

    box-shadow:
        0 0 12px rgba(255,179,0,.42),
        0 0 24px rgba(255,45,18,.88),
        0 0 42px rgba(122,0,0,.36),
        0 12px 26px rgba(0,0,0,.82);
}

.popup-close:active{
    transform:
        scale(.94)
        rotate(90deg);
}

/* ==========================
POPUP IMAGE
========================== */

.popup-img{
    position:relative;
    z-index:2;

    width:100%;
    display:block;

    border-radius:18px;
    margin-bottom:16px;

    border:1px solid rgba(255,45,18,.50);

    box-shadow:
        0 0 12px rgba(255,45,18,.34),
        0 0 26px rgba(255,45,18,.20),
        0 0 40px rgba(122,0,0,.14),
        0 18px 36px rgba(0,0,0,.62);
}

.popup-buttons{
    position:relative;
    z-index:2;

    display:flex;
    width:100%;
    gap:10px;
    margin-bottom:16px;
}

.popup-btn{
    flex:1;

    height:46px;
    line-height:46px;

    text-align:center;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #710000 0%,
            #bd0b04 34%,
            #ff2d12 70%,
            #ff6818 100%);

    color:#ffffff;

    font-weight:900;
    font-size:16px;
    letter-spacing:.5px;
    text-decoration:none;

    border:1px solid rgba(255,179,0,.80);

    box-shadow:
        0 0 10px rgba(255,179,0,.18),
        0 0 18px rgba(255,45,18,.44),
        0 0 28px rgba(122,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.42);

    text-shadow:
        0 1px 2px rgba(0,0,0,.65);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;

    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.popup-btn::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.48),
            transparent);

    transform:translateX(-120%);

    transition:transform .5s ease;

    pointer-events:none;
}

.popup-btn:hover::before{
    transform:translateX(120%);
}

.popup-btn:hover{
    transform:translateY(-2px) scale(1.02);

    color:#ffffff;

    filter:brightness(1.12);

    box-shadow:
        0 0 14px rgba(255,179,0,.34),
        0 0 26px rgba(255,45,18,.66),
        0 0 42px rgba(122,0,0,.28);
}

.popup-title{
    position:relative;
    z-index:2;

    margin:0 0 14px 0;

    color:#ffffff;

    font-size:16px;
    text-align:center;
    line-height:1.45;
    font-weight:900;

    text-shadow:
        0 0 8px rgba(255,255,255,.14),
        0 0 12px rgba(255,45,18,.72),
        0 0 24px rgba(212,22,8,.30);
}

.popup-copy{
    position:relative;
    z-index:2;

    margin-top:14px;

    text-align:center;

    font-size:12px;

    color:var(--dragon-muted);

    text-shadow:
        0 0 8px rgba(255,45,18,.26);
}

.popup-copy span{
    color:var(--dragon-gold);

    text-shadow:
        0 0 8px rgba(255,179,0,.62),
        0 0 14px rgba(255,45,18,.22);
}

@keyframes popupDragonZoom{
    from{
        transform:scale(.9) translateY(18px);
        opacity:0;
    }

    to{
        transform:scale(1) translateY(0);
        opacity:1;
    }
}

@keyframes dragonMist{
    0%{
        opacity:.30;
        transform:scale(1) translateY(0);
    }

    100%{
        opacity:.72;
        transform:scale(1.08) translateY(-18px);
    }
}

@keyframes dragonScaleMove{
    0%{
        background-position:0 0;
    }

    100%{
        background-position:160px 160px;
    }
}

@keyframes dragonTitleGlow{
    0%{
        text-shadow:
            0 0 8px rgba(255,45,18,.48),
            0 0 16px rgba(212,22,8,.20);
    }

    100%{
        text-shadow:
            0 0 13px rgba(255,45,18,.84),
            0 0 28px rgba(212,22,8,.46),
            0 0 40px rgba(122,0,0,.18);
    }
}

@keyframes dragonShine{
    0%,
    18%{
        transform:translateX(-120%);
        opacity:0;
    }

    34%{
        opacity:1;
    }

    70%{
        transform:translateX(120%);
        opacity:.88;
    }

    100%{
        transform:translateX(120%);
        opacity:0;
    }
}

@media(max-width:480px){
    .popup-box{
        max-width:360px;
        padding:10px;
    }

    .popup-close{
        top:-16px;
        right:-10px;
        width:38px;
        height:38px;
        font-size:25px;
        line-height:32px;
    }

    .popup-title{
        font-size:14px;
    }

    .popup-btn{
        height:43px;
        line-height:43px;
        font-size:15px;
    }
}

@media(prefers-reduced-motion:reduce){
    body::before,
    body::after,
    h1,
    h2,
    h3,
    h4,
    .popup-box,
    .popup-box::before{
        animation:none;
    }

    a,
    .popup-close,
    .popup-btn,
    .popup-btn::before{
        transition:none;
    }
}
</style>
      </head>
      <style>
:root{
    --sendiri-black:#050000;
    --sendiri-dark:#0b0101;
    --sendiri-panel:#180202;
    --sendiri-pink:#ff2d12;
    --sendiri-pink-soft:#ff7a32;
    --sendiri-purple:#d41608;
    --sendiri-violet:#6d28d9;
    --sendiri-gold:#ffb300;
    --sendiri-gold-soft:#ffe09a;
    --sendiri-white:#fff8ef;
    --sendiri-muted:#f1d9c8;
}

.sendiri {
    margin: 0;
    padding: 0;
    font-family: 'Playfair Display', 'Segoe UI', serif;
    background-color: transparent;
    color: var(--sendiri-white);
    overflow: hidden;
}

/* ==========================
OVERLAY
========================== */

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background:
        radial-gradient(circle at center,
            rgba(255,45,18,.18),
            transparent 42%),
        radial-gradient(circle at 70% 30%,
            rgba(122,0,0,.12),
            transparent 36%),
        rgba(0,0,0,.82);

    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);

    display: flex;
    justify-content: center;
    align-items: center;

    z-index: 9999;
}

/* ==========================
POPUP CONTAINER
========================== */

.popup-container {
    position: relative;
    isolation: isolate;

    width: 90%;
    max-width: 420px;

    background:
        radial-gradient(circle at 10% 0%,
            rgba(255,45,18,.20),
            transparent 34%),
        radial-gradient(circle at 92% 14%,
            rgba(212,22,8,.16),
            transparent 34%),
        linear-gradient(
            145deg,
            rgba(24,4,29,.98),
            rgba(7,1,10,.97));

    border-radius: 24px;
    overflow: hidden;
    text-align: center;

    animation:
        rotateScaleIn .72s cubic-bezier(.2,.8,.2,1),
        purpleGlow 3.6s ease-in-out infinite;

    box-shadow:
        0 0 0 2px rgba(212,22,8,.12),
        0 0 14px rgba(255,45,18,.56),
        0 0 34px rgba(255,45,18,.28),
        0 0 58px rgba(122,0,0,.20),
        0 22px 52px rgba(0,0,0,.82),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 26px rgba(255,45,18,.08);

    border: 1px solid rgba(255,45,18,.72);
}

@keyframes purpleGlow {
    0%, 100% {
        box-shadow:
            0 0 0 2px rgba(212,22,8,.12),
            0 0 12px rgba(255,45,18,.44),
            0 0 28px rgba(255,45,18,.22),
            0 0 48px rgba(122,0,0,.16),
            0 22px 52px rgba(0,0,0,.82),
            inset 0 1px 0 rgba(255,255,255,.08),
            inset 0 0 26px rgba(255,45,18,.08);
    }

    50% {
        box-shadow:
            0 0 0 2px rgba(255,179,0,.18),
            0 0 18px rgba(255,45,18,.76),
            0 0 42px rgba(255,45,18,.42),
            0 0 68px rgba(122,0,0,.28),
            0 24px 58px rgba(0,0,0,.88),
            inset 0 1px 0 rgba(255,255,255,.10),
            inset 0 0 32px rgba(255,45,18,.12);
    }
}

.popup-container::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    z-index: 0;

    background:
        linear-gradient(
            135deg,
            transparent 42%,
            rgba(255,255,255,.04) 47%,
            rgba(255,45,18,.18) 50%,
            rgba(255,255,255,.32) 52%,
            rgba(212,22,8,.14) 54%,
            transparent 59%);

    animation: shineDiagonal 5.4s ease-in-out infinite;
    pointer-events: none;
}

.popup-container::after {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 0;

    border-radius: 17px;
    border: 1px solid rgba(255,122,50,.14);

    background:
        linear-gradient(
            90deg,
            var(--sendiri-gold),
            transparent 18%,
            transparent 82%,
            var(--sendiri-gold)
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            var(--sendiri-pink),
            transparent 24%,
            transparent 76%,
            var(--sendiri-purple)
        ) bottom / 100% 1px no-repeat;

    opacity: .62;
    pointer-events: none;
}

@keyframes shineDiagonal {
    0%,
    18% {
        transform: translate(-100%, -100%) rotate(30deg);
        opacity: 0;
    }

    34% {
        opacity: 1;
    }

    72% {
        transform: translate(100%, 100%) rotate(30deg);
        opacity: .88;
    }

    100% {
        transform: translate(100%, 100%) rotate(30deg);
        opacity: 0;
    }
}

/* ==========================
IMAGE
========================== */

.popup-image {
    position: relative;
    z-index: 2;

    width: 100%;
    display: block;

    border-bottom: 1px solid rgba(255,45,18,.34);

    box-shadow:
        0 0 12px rgba(255,45,18,.30),
        0 0 26px rgba(255,45,18,.16),
        0 0 40px rgba(122,0,0,.12);
}

/* ==========================
BUTTONS
========================== */

.popup-buttons {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
}

.popup-buttons a {
    padding: 16px;
    border-radius: 50px;

    text-decoration: none;
    font-weight: 900;
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #710000 0%,
            #bd0b04 34%,
            #ff2d12 70%,
            #ff6818 100%);

    box-shadow:
        0 0 10px rgba(255,179,0,.16),
        0 0 18px rgba(255,45,18,.44),
        0 0 28px rgba(122,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.42);

    text-transform: uppercase;
    letter-spacing: 1.5px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;

    position: relative;
    overflow: hidden;
    isolation: isolate;

    border: 1px solid rgba(255,179,0,.82);

    text-shadow:
        0 1px 2px rgba(0,0,0,.64);
}

.popup-buttons a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;

    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.52),
            transparent);

    transition: left .5s ease;
    pointer-events: none;
}

.popup-buttons a:hover::before {
    left: 100%;
}

.popup-buttons a:hover {
    transform: translateY(-4px);
    color: #ffffff;
    filter: brightness(1.12);

    box-shadow:
        0 0 14px rgba(255,179,0,.34),
        0 0 28px rgba(255,45,18,.68),
        0 0 44px rgba(122,0,0,.28);
}

/* ==========================
FOOTER
========================== */

.popup-footer {
    position: relative;
    z-index: 2;

    font-size: 13px;
    padding: 20px;

    color: var(--sendiri-muted);

    text-shadow:
        0 0 8px rgba(255,45,18,.24);
}

.popup-footer span {
    color: var(--sendiri-gold);
    font-weight: 800;

    text-shadow:
        0 0 8px rgba(255,179,0,.66),
        0 0 15px rgba(255,45,18,.22);
}

/* ==========================
CLOSE BUTTON
========================== */

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 4;

    width: 34px;
    height: 34px;

    background:
        linear-gradient(
            135deg,
            rgba(113,0,0,.96),
            rgba(255,45,18,.96));

    border-radius: 50%;
    cursor: pointer;

    border: 1px solid rgba(255,179,0,.82);

    box-shadow:
        0 0 10px rgba(255,179,0,.18),
        0 0 16px rgba(255,45,18,.62),
        0 0 28px rgba(122,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.36);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.close-btn:hover {
    transform: rotate(90deg) scale(1.10);
    filter: brightness(1.14);

    box-shadow:
        0 0 12px rgba(255,179,0,.38),
        0 0 22px rgba(255,45,18,.82),
        0 0 34px rgba(122,0,0,.30);
}

.close-btn::before,
.close-btn::after {
    content: '';
    position: absolute;

    width: 16px;
    height: 2px;

    background: #ffffff;

    top: 50%;
    left: 50%;

    border-radius: 999px;

    box-shadow:
        0 0 8px rgba(255,255,255,.55);
}

.close-btn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-btn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ==========================
PARTICLES
========================== */

.particle {
    position: absolute;

    width: 8px;
    height: 8px;

    background: var(--sendiri-gold);

    border-radius: 50%;

    animation: float 8s infinite;

    opacity: .65;

    box-shadow:
        0 0 8px rgba(255,179,0,.72),
        0 0 16px rgba(255,45,18,.36),
        0 0 24px rgba(122,0,0,.18);
}

.particle:nth-child(even) {
    background: var(--sendiri-pink);

    box-shadow:
        0 0 8px rgba(255,45,18,.78),
        0 0 16px rgba(212,22,8,.34);
}

@keyframes float {
    0% {
        transform: translateY(0) scale(.8);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        transform: translateY(-120px) scale(1.15);
        opacity: 0;
    }
}

@keyframes rotateScaleIn {
    0% {
        opacity: 0;
        transform: scale(.58) translateY(20px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@media (max-width: 480px) {
    .popup-container {
        width: calc(100% - 24px);
        max-width: 380px;
        border-radius: 20px;
    }

    .popup-buttons {
        padding: 20px;
        gap: 12px;
    }

    .popup-buttons a {
        padding: 14px;
        font-size: 14px;
    }

    .popup-footer {
        padding: 16px 18px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .popup-container,
    .popup-container::before,
    .particle {
        animation: none;
    }

    .popup-buttons a,
    .popup-buttons a::before,
    .close-btn {
        transition: none;
    }
}
</style>

<style>
/* =========================================================
   D59 DREAMY POPUP MATCHING OVERRIDE
   Struktur HTML + nama class + id tetap dipertahankan.
   Theme: black glass • crimson laser • fire orange • royal gold
   ========================================================= */

:root{
    --dragon-dark:#020000;
    --dragon-deep:#160101;
    --dragon-purple:#d31706;
    --dragon-purple-soft:#ffb172;
    --dragon-pink:#ff3215;
    --dragon-pink-soft:#ff9650;
    --dragon-gold:#ffbd25;
    --dragon-gold-soft:#ffe7aa;
    --dragon-white:#fff9ef;
    --dragon-muted:#f3ded0;

    --sendiri-black:#020000;
    --sendiri-dark:#080000;
    --sendiri-panel:#160101;
    --sendiri-pink:#ff3215;
    --sendiri-pink-soft:#ff9650;
    --sendiri-purple:#d31706;
    --sendiri-violet:#700000;
    --sendiri-gold:#ffbd25;
    --sendiri-gold-soft:#ffe7aa;
    --sendiri-white:#fff9ef;
    --sendiri-muted:#f3ded0;
}


/* =========================================================
   BODY AMBIENT — softer and more banner-like
   ========================================================= */
body{
    background:
        linear-gradient(rgba(255,57,17,.020) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,190,42,.012) 1px,transparent 1px),
        radial-gradient(circle at top left,rgba(255,57,17,.21),transparent 34%),
        radial-gradient(circle at bottom right,rgba(122,0,0,.16),transparent 39%),
        radial-gradient(circle at 55% 38%,rgba(211,22,8,.05),transparent 48%),
        linear-gradient(145deg,#020000 0%,#080000 42%,#160101 72%,#020000 100%);
}

body::before{
    background:
        radial-gradient(circle at 18% 22%,rgba(255,58,17,.10),transparent 34%),
        radial-gradient(circle at 82% 76%,rgba(255,169,27,.028),transparent 28%),
        radial-gradient(circle at 82% 76%,rgba(122,0,0,.09),transparent 36%),
        repeating-linear-gradient(
            120deg,
            rgba(255,52,13,.018) 0px,
            rgba(255,52,13,.018) 2px,
            transparent 2px,
            transparent 13px
        );
}

body::after{
    opacity:.14;

    background-image:
        radial-gradient(
            circle at 10px 10px,
            rgba(255,243,205,.36) 1px,
            transparent 2px
        );
}


/* =========================================================
   HEADINGS / LINKS
   ========================================================= */
h1,
h2,
h3,
h4{
    color:#fffaf2;

    text-shadow:
        0 0 5px rgba(255,255,255,.18),
        0 0 12px rgba(255,57,15,.58),
        0 0 25px rgba(211,18,5,.27),
        0 0 42px rgba(255,145,16,.07);
}

a{
    color:#ffc741;

    text-shadow:
        0 0 7px rgba(255,193,45,.23);
}

a:hover{
    color:#fff8e8;

    text-shadow:
        0 0 7px rgba(255,230,159,.31),
        0 0 13px rgba(255,192,42,.46),
        0 0 18px rgba(255,52,13,.14);
}


/* =========================================================
   FIRST POPUP OVERLAY
   ========================================================= */
#popupOverlay{
    background:
        radial-gradient(circle at center,rgba(255,57,17,.13),transparent 44%),
        radial-gradient(circle at 64% 34%,rgba(255,168,27,.025),transparent 30%),
        radial-gradient(circle at 65% 35%,rgba(122,0,0,.09),transparent 38%),
        rgba(0,0,0,.86);

    backdrop-filter:blur(13px) saturate(1.05);
    -webkit-backdrop-filter:blur(13px) saturate(1.05);
}


/* =========================================================
   FIRST POPUP BOX
   ========================================================= */
.popup-box{
    border:1px solid rgba(255,141,29,.68);

    background:
        radial-gradient(circle at 10% -3%,rgba(255,58,17,.18),transparent 34%),
        radial-gradient(circle at 92% 10%,rgba(255,145,20,.07),transparent 31%),
        radial-gradient(circle at 95% 100%,rgba(122,0,0,.08),transparent 36%),
        linear-gradient(145deg,rgba(27,2,1,.97),rgba(6,0,0,.98));

    backdrop-filter:blur(19px) saturate(1.08);
    -webkit-backdrop-filter:blur(19px) saturate(1.08);

    box-shadow:
        0 0 1px rgba(255,255,255,.22),
        0 0 12px rgba(255,52,13,.48),
        0 0 33px rgba(255,34,7,.24),
        0 0 56px rgba(122,0,0,.16),
        0 24px 54px rgba(0,0,0,.82),
        inset 0 1px 0 rgba(255,238,201,.07),
        inset 0 0 28px rgba(255,49,12,.06);
}

.popup-box::before{
    background:
        linear-gradient(
            115deg,
            transparent 31%,
            rgba(255,255,255,.025) 39%,
            rgba(255,59,17,.11) 47%,
            rgba(255,247,218,.24) 51%,
            rgba(255,204,96,.13) 54%,
            rgba(211,18,5,.07) 57%,
            transparent 67%
        );

    filter:
        blur(.35px)
        drop-shadow(0 0 8px rgba(255,54,14,.17));
}

.popup-box::after{
    border:1px solid rgba(255,160,42,.12);

    background:
        linear-gradient(
            90deg,
            #ffbd25,
            transparent 18%,
            transparent 82%,
            #ffbd25
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            #ff3215,
            transparent 24%,
            transparent 76%,
            #d31706
        ) bottom / 100% 1px no-repeat;

    opacity:.56;
}


/* =========================================================
   FIRST CLOSE BUTTON
   ========================================================= */
.popup-close{
    border:1px solid rgba(255,211,87,.82);

    background:
        radial-gradient(circle at 32% 10%,rgba(255,255,255,.72),transparent 18%),
        radial-gradient(circle at top,#fff8de 0%,#ffd77d 20%,#ff7027 40%,#ff3215 66%,#850000 100%);

    box-shadow:
        0 0 8px rgba(255,202,68,.20),
        0 0 18px rgba(255,52,13,.66),
        0 0 33px rgba(122,0,0,.25),
        0 10px 22px rgba(0,0,0,.72),
        inset 0 1px 0 rgba(255,255,255,.48);
}

.popup-close:hover{
    box-shadow:
        0 0 11px rgba(255,209,83,.36),
        0 0 24px rgba(255,52,13,.80),
        0 0 41px rgba(122,0,0,.31),
        0 12px 26px rgba(0,0,0,.82);
}


/* =========================================================
   FIRST POPUP IMAGE / BUTTONS / TEXT
   ========================================================= */
.popup-img{
    border:1px solid rgba(255,82,20,.40);

    box-shadow:
        0 0 10px rgba(255,52,13,.26),
        0 0 24px rgba(255,52,13,.14),
        0 0 38px rgba(122,0,0,.10),
        0 18px 36px rgba(0,0,0,.62);
}

.popup-btn{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 27%),
        linear-gradient(
            180deg,
            #ff6728 0%,
            #ff3516 20%,
            #d61505 49%,
            #8a0000 100%
        );

    border:1px solid rgba(255,209,81,.76);

    box-shadow:
        0 0 8px rgba(255,196,53,.14),
        0 0 18px rgba(255,52,13,.39),
        0 0 28px rgba(122,0,0,.15),
        inset 0 1px 0 rgba(255,247,222,.40),
        inset 0 -7px 15px rgba(75,0,0,.20);
}

.popup-btn::before{
    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.35),
            rgba(255,222,137,.16),
            transparent
        );
}

.popup-btn:hover{
    box-shadow:
        0 0 11px rgba(255,202,67,.28),
        0 0 25px rgba(255,52,13,.59),
        0 0 40px rgba(122,0,0,.24);
}

.popup-title{
    color:#fffaf2;

    text-shadow:
        0 0 5px rgba(255,255,255,.16),
        0 0 12px rgba(255,57,15,.60),
        0 0 24px rgba(211,18,5,.25);
}

.popup-copy{
    color:#f3ded0;

    text-shadow:
        0 0 7px rgba(255,52,13,.20);
}

.popup-copy span{
    color:#ffc741;

    text-shadow:
        0 0 7px rgba(255,230,158,.24),
        0 0 13px rgba(255,192,42,.55),
        0 0 18px rgba(255,52,13,.16);
}


/* =========================================================
   SECOND POPUP OVERLAY
   ========================================================= */
.popup-overlay{
    background:
        radial-gradient(circle at center,rgba(255,57,17,.13),transparent 42%),
        radial-gradient(circle at 70% 30%,rgba(255,167,26,.025),transparent 27%),
        radial-gradient(circle at 70% 30%,rgba(122,0,0,.09),transparent 36%),
        rgba(0,0,0,.86);

    backdrop-filter:blur(13px) saturate(1.05);
    -webkit-backdrop-filter:blur(13px) saturate(1.05);
}


/* =========================================================
   SECOND POPUP CONTAINER
   ========================================================= */
.popup-container{
    background:
        radial-gradient(circle at 8% -2%,rgba(255,58,17,.18),transparent 34%),
        radial-gradient(circle at 94% 10%,rgba(255,144,20,.07),transparent 31%),
        radial-gradient(circle at 95% 100%,rgba(122,0,0,.08),transparent 36%),
        linear-gradient(145deg,rgba(27,2,1,.98),rgba(6,0,0,.99));

    border:1px solid rgba(255,141,29,.68);

    box-shadow:
        0 0 1px rgba(255,255,255,.20),
        0 0 12px rgba(255,52,13,.47),
        0 0 32px rgba(255,34,7,.23),
        0 0 56px rgba(122,0,0,.16),
        0 22px 52px rgba(0,0,0,.82),
        inset 0 1px 0 rgba(255,238,201,.07),
        inset 0 0 26px rgba(255,49,12,.06);

    animation:
        rotateScaleIn .72s cubic-bezier(.2,.8,.2,1),
        purpleGlow 3.8s ease-in-out infinite;
}

.popup-container::before{
    background:
        linear-gradient(
            135deg,
            transparent 42%,
            rgba(255,255,255,.025) 47%,
            rgba(255,59,17,.11) 50%,
            rgba(255,247,219,.22) 52%,
            rgba(255,205,95,.13) 54%,
            rgba(211,18,5,.06) 56%,
            transparent 60%
        );

    filter:
        blur(.35px)
        drop-shadow(0 0 8px rgba(255,54,14,.16));
}

.popup-container::after{
    border:1px solid rgba(255,160,42,.12);

    background:
        linear-gradient(
            90deg,
            #ffbd25,
            transparent 18%,
            transparent 82%,
            #ffbd25
        ) top / 100% 1px no-repeat,

        linear-gradient(
            90deg,
            #ff3215,
            transparent 24%,
            transparent 76%,
            #d31706
        ) bottom / 100% 1px no-repeat;

    opacity:.56;
}


/* =========================================================
   SECOND IMAGE / BUTTONS
   ========================================================= */
.popup-image{
    border-bottom:1px solid rgba(255,74,18,.27);

    box-shadow:
        0 0 10px rgba(255,52,13,.24),
        0 0 24px rgba(255,52,13,.13),
        0 0 38px rgba(122,0,0,.09);
}

.popup-buttons a{
    background:
        radial-gradient(circle at 28% 0%,rgba(255,255,255,.17),transparent 27%),
        linear-gradient(
            180deg,
            #ff6728 0%,
            #ff3516 20%,
            #d61505 49%,
            #8a0000 100%
        );

    border:1px solid rgba(255,209,81,.78);

    box-shadow:
        0 0 8px rgba(255,196,53,.13),
        0 0 18px rgba(255,52,13,.39),
        0 0 28px rgba(122,0,0,.15),
        inset 0 1px 0 rgba(255,247,222,.40),
        inset 0 -7px 15px rgba(75,0,0,.20);
}

.popup-buttons a::before{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.37),
            rgba(255,222,138,.16),
            transparent
        );
}

.popup-buttons a:hover{
    box-shadow:
        0 0 11px rgba(255,202,67,.28),
        0 0 26px rgba(255,52,13,.61),
        0 0 43px rgba(122,0,0,.24);
}


/* =========================================================
   SECOND FOOTER
   ========================================================= */
.popup-footer{
    color:#f3ded0;

    text-shadow:
        0 0 7px rgba(255,52,13,.19);
}

.popup-footer span{
    color:#ffc741;

    text-shadow:
        0 0 7px rgba(255,230,158,.25),
        0 0 13px rgba(255,192,42,.57),
        0 0 18px rgba(255,52,13,.15);
}


/* =========================================================
   SECOND CLOSE BUTTON
   ========================================================= */
.close-btn{
    background:
        radial-gradient(circle at 30% 0%,rgba(255,255,255,.14),transparent 28%),
        linear-gradient(180deg,#ff5f24 0%,#ff3215 24%,#d31505 55%,#830000 100%);

    border:1px solid rgba(255,207,78,.72);

    box-shadow:
        0 0 8px rgba(255,194,52,.14),
        0 0 16px rgba(255,52,13,.56),
        0 0 27px rgba(122,0,0,.19),
        inset 0 1px 0 rgba(255,245,218,.35);
}

.close-btn:hover{
    box-shadow:
        0 0 10px rgba(255,207,79,.31),
        0 0 22px rgba(255,52,13,.75),
        0 0 34px rgba(122,0,0,.27);
}


/* =========================================================
   PARTICLES
   ========================================================= */
.particle{
    background:#ffc443;

    box-shadow:
        0 0 7px rgba(255,230,158,.28),
        0 0 13px rgba(255,193,43,.60),
        0 0 20px rgba(255,52,13,.22);
}

.particle:nth-child(even){
    background:#ff3a18;

    box-shadow:
        0 0 7px rgba(255,90,38,.70),
        0 0 15px rgba(255,52,13,.49),
        0 0 22px rgba(122,0,0,.17);
}


/* =========================================================
   DREAMY GLOW ANIMATION
   Existing keyframe name preserved to avoid structural changes.
   ========================================================= */
@keyframes purpleGlow{
    0%,100%{
        box-shadow:
            0 0 1px rgba(255,255,255,.18),
            0 0 10px rgba(255,52,13,.38),
            0 0 27px rgba(255,34,7,.19),
            0 0 46px rgba(122,0,0,.13),
            0 22px 52px rgba(0,0,0,.82),
            inset 0 1px 0 rgba(255,238,201,.06),
            inset 0 0 26px rgba(255,49,12,.055);
    }

    50%{
        box-shadow:
            0 0 2px rgba(255,255,255,.23),
            0 0 12px rgba(255,200,62,.13),
            0 0 18px rgba(255,52,13,.62),
            0 0 39px rgba(255,35,7,.31),
            0 0 64px rgba(122,0,0,.21),
            0 24px 58px rgba(0,0,0,.86),
            inset 0 1px 0 rgba(255,245,216,.08),
            inset 0 0 30px rgba(255,49,12,.09);
    }
}

@keyframes dragonTitleGlow{
    0%{
        text-shadow:
            0 0 7px rgba(255,54,14,.42),
            0 0 15px rgba(211,18,5,.16);
    }

    100%{
        text-shadow:
            0 0 11px rgba(255,57,15,.76),
            0 0 25px rgba(211,18,5,.38),
            0 0 38px rgba(255,150,16,.08);
    }
}

@keyframes dragonShine{
    0%,20%{
        transform:translateX(-120%);
        opacity:0;
    }

    36%{
        opacity:.76;
    }

    69%{
        transform:translateX(120%);
        opacity:.68;
    }

    100%{
        transform:translateX(120%);
        opacity:0;
    }
}

@keyframes shineDiagonal{
    0%,20%{
        transform:translate(-100%,-100%) rotate(30deg);
        opacity:0;
    }

    36%{
        opacity:.75;
    }

    70%{
        transform:translate(100%,100%) rotate(30deg);
        opacity:.67;
    }

    100%{
        transform:translate(100%,100%) rotate(30deg);
        opacity:0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:480px){
    .popup-box,
    .popup-container{
        box-shadow:
            0 0 9px rgba(255,52,13,.33),
            0 0 24px rgba(122,0,0,.13),
            0 20px 42px rgba(0,0,0,.62),
            inset 0 0 24px rgba(255,49,12,.05);
    }
}

@media(prefers-reduced-motion:reduce){
    .popup-box,
    .popup-box::before,
    .popup-container,
    .popup-container::before,
    .particle{
        animation:none !important;
    }
}
</style>
      <div class="popup-overlay" id="popupOverlay">
         <div class="popup-container">
            <div class="close-btn" onclick="closePopup(this)"></div>
            <!-- Partikel -->
            <div class="particle" style="left:10%; top:80%; animation-delay:0s;"></div>
            <div class="particle" style="left:80%; top:90%; animation-delay:2s;"></div>
            <div class="particle" style="left:50%; top:85%; animation-delay:4s;"></div>
            <div class="sendiri">
               <img src="https://i.ibb.co/xSX5T7SM/d59dj.png" class="popup-image">
               <div class="popup-buttons">
                  <a href="https://raja.ma-cons-eau.com/">LOGIN</a>
                  <a href="https://raja.ma-cons-eau.com/">DAFTAR</a>
               </div>
               <div class="popup-footer">
                  D59 : Daftar Situs Slot Online Gacor Terbaru dan Apk Slot Resmi<br>
                  <span>© Copyright 2026 Apk Slot | D59</span>
               </div>
            </div>
         </div>
      </div>
      <script>
         function closePopup(el) {
             const popupOverlay = el.closest('.popup-overlay');
         
             if (!popupOverlay) return;
         
             popupOverlay.style.opacity = '0';
             popupOverlay.style.transition = 'opacity 0.3s ease';
         
             setTimeout(function() {
                 popupOverlay.style.display = 'none';
             }, 300);
         }
         
         document.addEventListener('DOMContentLoaded', function() {
             document.querySelectorAll('.popup-overlay').forEach(function(overlay) {
                 overlay.addEventListener('click', function(event) {
                     if (event.target === overlay) {
                         overlay.style.opacity = '0';
                         overlay.style.transition = 'opacity 0.3s ease';
         
                         setTimeout(function() {
                             overlay.style.display = 'none';
                         }, 300);
                     }
                 });
             });
         });
      </script>
      <style>
#goldslotDragonRain {
    --gmd-black: #050000;
    --gmd-pink: #ff2d12;
    --gmd-pink-soft: #ff7a32;
    --gmd-purple: #d41608;
    --gmd-violet: #7a0000;
    --gmd-gold: #ffb300;
    --gmd-gold-soft: #ffe09a;
    --gmd-white: #fff8ef;

    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 999999;
    overflow: hidden;
    isolation: isolate;
}

/* ==========================
ITEM HUJAN
========================== */

.gmd-item {
    position: absolute;
    top: -90px;
    will-change: transform, opacity;
    user-select: none;
    pointer-events: none;

    animation-name: gmdFallRotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    filter:
        drop-shadow(0 0 6px rgba(255, 45, 18, 0.90))
        drop-shadow(0 0 15px rgba(212, 22, 8, 0.52))
        drop-shadow(0 0 24px rgba(122, 0, 0, 0.22));
}

/* ==========================
COIN
========================== */

.gmd-coin {
    color: var(--gmd-gold);

    text-shadow:
        0 0 5px #fff6cf,
        0 0 12px rgba(255, 179, 0, 0.95),
        0 0 22px rgba(255, 45, 18, 0.62),
        0 0 32px rgba(212, 22, 8, 0.34);
}

/* Variasi warna supaya hujan tidak monoton */
.gmd-coin:nth-child(3n + 2) {
    color: var(--gmd-pink-soft);

    text-shadow:
        0 0 5px #ffe1f5,
        0 0 12px rgba(255, 45, 18, 0.95),
        0 0 24px rgba(212, 22, 8, 0.58);
}

.gmd-coin:nth-child(3n) {
    color: var(--gmd-purple);

    text-shadow:
        0 0 5px #f0d8ff,
        0 0 12px rgba(212, 22, 8, 0.95),
        0 0 24px rgba(255, 45, 18, 0.50);
}

/* ==========================
SLOT SYMBOL
========================== */

.gmd-slot {
    color: var(--gmd-white);

    background:
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.72), transparent 34%),
        linear-gradient(
            145deg,
            #2a0201 0%,
            #8a0500 34%,
            #ff2d12 68%,
            #ffb300 100%
        );

    border: 1px solid rgba(255, 179, 0, 0.88);
    border-radius: 8px;
    padding: 2px 6px;

    box-shadow:
        0 0 8px rgba(255, 179, 0, 0.34),
        0 0 16px rgba(255, 45, 18, 0.78),
        0 0 26px rgba(122, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        inset 0 -6px 12px rgba(44, 0, 57, 0.28);

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.65),
        0 0 7px rgba(255, 255, 255, 0.42);
}

@keyframes gmdFallRotate {
    0% {
        transform:
            translate3d(var(--x), -100px, 0)
            rotate(0deg)
            scale(var(--scale));
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    88% {
        opacity: 0.92;
    }

    100% {
        transform:
            translate3d(calc(var(--x) + var(--drift)), 112vh, 0)
            rotate(var(--rotate))
            scale(var(--scale));
        opacity: 0;
    }
}

/* ==========================
DRAGON
========================== */

.gmd-dragon {
    position: absolute;
    left: -180px;
    font-size: 58px;
    opacity: 0.95;
    will-change: transform;

    animation-name: gmdDragonFly;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    filter:
        drop-shadow(0 0 9px rgba(255, 179, 0, 0.40))
        drop-shadow(0 0 16px rgba(255, 45, 18, 0.92))
        drop-shadow(0 0 30px rgba(122, 0, 0, 0.52));
}

.gmd-dragon::after {
    content: "";
    position: absolute;
    left: -105px;
    top: 50%;

    width: 110px;
    height: 5px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(122, 0, 0, 0.16) 18%,
            rgba(212, 22, 8, 0.76) 48%,
            rgba(255, 45, 18, 0.96) 74%,
            rgba(255, 179, 0, 0.90) 100%
        );

    box-shadow:
        0 0 8px rgba(255, 179, 0, 0.28),
        0 0 16px rgba(255, 45, 18, 0.82),
        0 0 28px rgba(122, 0, 0, 0.48);

    transform: translateY(-50%);
}

@keyframes gmdDragonFly {
    0% {
        transform:
            translate3d(-220px, var(--y), 0)
            scale(var(--s))
            rotate(-4deg);
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    50% {
        transform:
            translate3d(55vw, calc(var(--y) - 70px), 0)
            scale(var(--s))
            rotate(2deg);
    }

    100% {
        transform:
            translate3d(120vw, calc(var(--y) + 40px), 0)
            scale(var(--s))
            rotate(-2deg);
        opacity: 0;
    }
}

/* ==========================
AMBIENT GLOW
========================== */

#goldslotDragonRain::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at 18% 14%, rgba(255, 45, 18, 0.16), transparent 28%),
        radial-gradient(circle at 82% 28%, rgba(212, 22, 8, 0.14), transparent 30%),
        radial-gradient(circle at 50% 90%, rgba(122, 0, 0, 0.15), transparent 36%),
        radial-gradient(circle at 65% 60%, rgba(255, 179, 0, 0.045), transparent 24%);

    animation: gmdGlow 5.5s ease-in-out infinite alternate;
    pointer-events: none;
}

#goldslotDragonRain::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            115deg,
            transparent 34%,
            rgba(255, 45, 18, 0.025) 44%,
            rgba(255, 255, 255, 0.035) 50%,
            rgba(212, 22, 8, 0.025) 56%,
            transparent 66%
        );

    transform: translateX(-120%);
    animation: gmdScreenShine 8s ease-in-out infinite;
    pointer-events: none;
}

@keyframes gmdGlow {
    from {
        opacity: 0.32;
        filter: brightness(0.92);
    }

    to {
        opacity: 0.78;
        filter: brightness(1.12);
    }
}

@keyframes gmdScreenShine {
    0%,
    28% {
        transform: translateX(-120%);
        opacity: 0;
    }

    42% {
        opacity: 1;
    }

    72% {
        transform: translateX(120%);
        opacity: 0.72;
    }

    100% {
        transform: translateX(120%);
        opacity: 0;
    }
}

/* ==========================
RESPONSIVE
========================== */

@media (max-width: 768px) {
    .gmd-dragon {
        font-size: 42px;
    }

    .gmd-dragon::after {
        left: -78px;
        width: 82px;
        height: 4px;
    }

    .gmd-item {
        filter:
            drop-shadow(0 0 5px rgba(255, 45, 18, 0.82))
            drop-shadow(0 0 12px rgba(212, 22, 8, 0.38));
    }
}

@media (prefers-reduced-motion: reduce) {
    .gmd-item,
    .gmd-dragon,
    #goldslotDragonRain::before,
    #goldslotDragonRain::after {
        animation: none;
    }
}
</style>
      <style>
#storm{
    --storm-black:#050000;
    --storm-dark:#0b0101;
    --storm-pink:#ff2d12;
    --storm-pink-soft:#ff7a32;
    --storm-purple:#d41608;
    --storm-violet:#7a0000;
    --storm-gold:#ffb300;

    position:fixed;
    inset:0;
    width:100vw;
    height:100vh;
    pointer-events:none;
    z-index:999999;
    display:block;
    overflow:hidden;
    isolation:isolate;

    background:
        radial-gradient(circle at 18% 14%,
            rgba(255,43,191,.11),
            transparent 28%),

        radial-gradient(circle at 82% 28%,
            rgba(163,77,255,.09),
            transparent 30%),

        radial-gradient(circle at 50% 90%,
            rgba(109,40,217,.10),
            transparent 35%),

        radial-gradient(circle at 65% 58%,
            rgba(255,200,87,.025),
            transparent 22%);

    animation:stormGlow 6.5s ease-in-out infinite alternate;
}

#storm::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;

    background:
        linear-gradient(
            rgba(255,43,191,.022) 1px,
            transparent 1px),

        linear-gradient(
            90deg,
            rgba(163,77,255,.022) 1px,
            transparent 1px);

    background-size:
        38px 38px,
        38px 38px;

    opacity:.17;

    animation:stormGrid 22s linear infinite;
}

#storm::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;

    background:
        radial-gradient(circle at 10px 10px,
            rgba(255,255,255,.20) 1px,
            transparent 2px),

        radial-gradient(circle at 45px 30px,
            rgba(255,43,191,.12) 1px,
            transparent 2px),

        radial-gradient(circle at 70px 55px,
            rgba(255,200,87,.09) 1px,
            transparent 2px);

    background-size:
        90px 90px,
        110px 110px,
        140px 140px;

    opacity:.18;

    filter:
        drop-shadow(0 0 5px rgba(255,43,191,.22))
        drop-shadow(0 0 9px rgba(163,77,255,.14));

    animation:stormParticle 15s linear infinite;
}

/* =========================
   D59 AMBIENT STORM
========================= */

@keyframes stormGlow{
    0%{
        opacity:.42;
        filter:brightness(.98);
    }

    100%{
        opacity:.82;
        filter:brightness(1.16);
    }
}

@keyframes stormGrid{
    from{
        background-position:0 0,0 0;
    }

    to{
        background-position:38px 38px,-38px 38px;
    }
}

@keyframes stormParticle{
    from{
        transform:translateY(0) translateX(0);
    }

    to{
        transform:translateY(-96px) translateX(22px);
    }
}

@media(max-width:768px){
    #storm{
        opacity:.78;
    }

    #storm::before{
        opacity:.13;
    }

    #storm::after{
        opacity:.15;
        background-size:
            82px 82px,
            102px 102px,
            128px 128px;
    }
}

@media(prefers-reduced-motion:reduce){
    #storm,
    #storm::before,
    #storm::after{
        animation:none;
    }
}
</style>

<style>
/* =========================================================
   D59 DREAMY FX OVERRIDE
   Struktur, ID, class, dan animasi existing tetap dipertahankan.
   Theme: black • crimson laser • fire orange • royal gold
   ========================================================= */

/* =========================================================
   DRAGON RAIN / SLOT RAIN
   ========================================================= */
#goldslotDragonRain{
    --gmd-black:#020000;
    --gmd-pink:#ff3215;
    --gmd-pink-soft:#ff9650;
    --gmd-purple:#d31706;
    --gmd-violet:#700000;
    --gmd-gold:#ffbd25;
    --gmd-gold-soft:#ffe7aa;
    --gmd-white:#fff9ef;
}


/* falling items: softer, more dreamy */
.gmd-item{
    filter:
        drop-shadow(0 0 5px rgba(255,94,36,.70))
        drop-shadow(0 0 12px rgba(255,52,13,.52))
        drop-shadow(0 0 22px rgba(120,0,0,.17));
}


/* gold coin */
.gmd-coin{
    color:#ffc63d;

    text-shadow:
        0 0 4px rgba(255,248,217,.85),
        0 0 10px rgba(255,203,71,.86),
        0 0 19px rgba(255,72,17,.46),
        0 0 30px rgba(151,0,0,.22);
}


/* fire-orange variation */
.gmd-coin:nth-child(3n + 2){
    color:#ff9650;

    text-shadow:
        0 0 4px rgba(255,239,217,.72),
        0 0 10px rgba(255,142,54,.82),
        0 0 20px rgba(255,52,13,.50),
        0 0 28px rgba(130,0,0,.18);
}


/* crimson variation — remove purple feel */
.gmd-coin:nth-child(3n){
    color:#ff3a18;

    text-shadow:
        0 0 4px rgba(255,224,210,.58),
        0 0 10px rgba(255,74,22,.78),
        0 0 20px rgba(211,20,5,.48),
        0 0 28px rgba(112,0,0,.18);
}


/* =========================================================
   SLOT SYMBOL
   ========================================================= */
.gmd-slot{
    color:#fffaf2;

    background:
        radial-gradient(circle at 50% 14%,rgba(255,255,255,.66),transparent 34%),
        radial-gradient(circle at 50% 110%,rgba(255,157,22,.07),transparent 45%),
        linear-gradient(
            145deg,
            #280201 0%,
            #780300 30%,
            #d31505 57%,
            #ff4a19 77%,
            #ffbd25 100%
        );

    border:1px solid rgba(255,209,82,.80);

    box-shadow:
        0 0 6px rgba(255,199,60,.22),
        0 0 15px rgba(255,52,13,.62),
        0 0 25px rgba(122,0,0,.23),
        inset 0 1px 0 rgba(255,248,221,.48),
        inset 0 -6px 12px rgba(65,0,0,.26);

    text-shadow:
        0 1px 2px rgba(0,0,0,.72),
        0 0 6px rgba(255,255,255,.34);
}


/* =========================================================
   DRAGON
   ========================================================= */
.gmd-dragon{
    filter:
        drop-shadow(0 0 7px rgba(255,201,63,.24))
        drop-shadow(0 0 15px rgba(255,52,13,.72))
        drop-shadow(0 0 28px rgba(122,0,0,.37));
}

.gmd-dragon::after{
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(108,0,0,.10) 17%,
            rgba(207,17,4,.55) 46%,
            rgba(255,52,13,.82) 70%,
            rgba(255,130,25,.80) 84%,
            rgba(255,193,43,.88) 100%
        );

    box-shadow:
        0 0 7px rgba(255,199,60,.19),
        0 0 14px rgba(255,52,13,.62),
        0 0 25px rgba(122,0,0,.33);
}


/* =========================================================
   DRAGON RAIN AMBIENT
   ========================================================= */
#goldslotDragonRain::before{
    background:
        radial-gradient(circle at 18% 14%,rgba(255,58,17,.11),transparent 28%),
        radial-gradient(circle at 82% 28%,rgba(255,150,22,.055),transparent 28%),
        radial-gradient(circle at 50% 90%,rgba(122,0,0,.10),transparent 36%),
        radial-gradient(circle at 65% 60%,rgba(255,193,43,.024),transparent 24%);
}

#goldslotDragonRain::after{
    background:
        linear-gradient(
            115deg,
            transparent 34%,
            rgba(255,58,17,.018) 44%,
            rgba(255,247,220,.028) 49%,
            rgba(255,196,61,.026) 52%,
            rgba(211,18,5,.018) 56%,
            transparent 66%
        );
}


/* =========================================================
   D59 STORM — remove purple/pink remnants
   ========================================================= */
#storm{
    --storm-black:#020000;
    --storm-dark:#080000;
    --storm-pink:#ff3215;
    --storm-pink-soft:#ff9650;
    --storm-purple:#d31706;
    --storm-violet:#700000;
    --storm-gold:#ffbd25;

    background:
        radial-gradient(circle at 18% 14%,rgba(255,58,17,.075),transparent 28%),
        radial-gradient(circle at 82% 28%,rgba(255,144,20,.048),transparent 30%),
        radial-gradient(circle at 50% 90%,rgba(122,0,0,.070),transparent 35%),
        radial-gradient(circle at 65% 58%,rgba(255,196,56,.018),transparent 22%);

    animation:stormGlow 7.2s ease-in-out infinite alternate;
}


/* grid changes from purple to crimson/fire */
#storm::before{
    background:
        linear-gradient(
            rgba(255,52,13,.015) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,183,36,.010) 1px,
            transparent 1px
        );

    opacity:.13;
}


/* particles */
#storm::after{
    background:
        radial-gradient(
            circle at 10px 10px,
            rgba(255,247,218,.15) 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 45px 30px,
            rgba(255,58,17,.085) 1px,
            transparent 2px
        ),
        radial-gradient(
            circle at 70px 55px,
            rgba(255,195,51,.065) 1px,
            transparent 2px
        );

    opacity:.15;

    filter:
        drop-shadow(0 0 4px rgba(255,52,13,.14))
        drop-shadow(0 0 8px rgba(255,189,42,.06));
}


/* =========================================================
   DREAMY ANIMATION TUNING
   ========================================================= */
@keyframes gmdGlow{
    from{
        opacity:.26;
        filter:brightness(.96);
    }

    to{
        opacity:.60;
        filter:brightness(1.08);
    }
}

@keyframes gmdScreenShine{
    0%,30%{
        transform:translateX(-120%);
        opacity:0;
    }

    43%{
        opacity:.62;
    }

    70%{
        transform:translateX(120%);
        opacity:.52;
    }

    100%{
        transform:translateX(120%);
        opacity:0;
    }
}

@keyframes stormGlow{
    0%{
        opacity:.34;
        filter:brightness(.98);
    }

    100%{
        opacity:.64;
        filter:brightness(1.09);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:768px){
    #storm{
        opacity:.62;
    }

    #storm::before{
        opacity:.10;
    }

    #storm::after{
        opacity:.12;
    }

    .gmd-item{
        filter:
            drop-shadow(0 0 4px rgba(255,75,22,.58))
            drop-shadow(0 0 10px rgba(211,18,5,.27));
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */
@media(prefers-reduced-motion:reduce){
    .gmd-item,
    .gmd-dragon,
    #goldslotDragonRain::before,
    #goldslotDragonRain::after,
    #storm,
    #storm::before,
    #storm::after{
        animation:none !important;
    }
}
</style>

<script>
(function () {
    let canvas = document.getElementById("storm");

    if (!canvas) {
        canvas = document.createElement("canvas");
        canvas.id = "storm";
        document.body.appendChild(canvas);
    }

    const ctx = canvas.getContext("2d", { alpha: true });

    if (!ctx) return;

    let w, h, dpr;
    let drops = [];
    let bolts = [];
    let bubbles = [];

    let flash = 0;

    // Posisi air mulai dari bawah layar
    let waterTop = 0;
    let waterSpeed = 0.22;
    let waterResetting = false;

    const reduceMotion =
        window.matchMedia &&
        window.matchMedia("(prefers-reduced-motion: reduce)").matches;

    function resize() {
        dpr = Math.min(window.devicePixelRatio || 1, 2);
        w = window.innerWidth;
        h = window.innerHeight;

        canvas.width = Math.floor(w * dpr);
        canvas.height = Math.floor(h * dpr);
        canvas.style.width = w + "px";
        canvas.style.height = h + "px";

        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);

        waterTop = h + 80;

        makeRain();
        makeBubbles();
    }

    function rand(min, max) {
        return Math.random() * (max - min) + min;
    }

    function makeRain() {
        drops = [];

        const total = reduceMotion
            ? (w < 768 ? 65 : 140)
            : (w < 768 ? 220 : 520);

        for (let i = 0; i < total; i++) {
            const toneRoll = Math.random();

            drops.push({
                x: rand(-150, w + 150),
                y: rand(-h, h),
                l: rand(18, 45),
                s: rand(12, 28),
                wind: rand(2.2, 4.8),
                o: rand(0.22, 0.72),
                width: rand(0.7, 1.55),
                tone:
                    toneRoll < 0.58 ? "pink" :
                    toneRoll < 0.90 ? "violet" :
                    "gold"
            });
        }
    }

    function makeBubbles() {
        bubbles = [];

        const total = reduceMotion
            ? (w < 768 ? 14 : 24)
            : (w < 768 ? 38 : 72);

        for (let i = 0; i < total; i++) {
            const toneRoll = Math.random();

            bubbles.push({
                x: rand(0, w),
                y: rand(h * 0.5, h + 300),
                r: rand(4, 18),
                speed: rand(0.25, 1.2),
                drift: rand(-0.4, 0.4),
                alpha: rand(0.20, 0.62),
                wobble: rand(0, Math.PI * 2),
                wobbleSpeed: rand(0.01, 0.035),
                tone:
                    toneRoll < 0.58 ? "pink" :
                    toneRoll < 0.88 ? "violet" :
                    "gold"
            });
        }
    }

    function drawRain() {
        ctx.save();
        ctx.lineCap = "round";

        drops.forEach(d => {
            // Hujan jatuh miring dari kiri ke kanan
            d.x += d.wind;
            d.y += d.s;

            if (d.y > h + 80 || d.x > w + 180) {
                d.x = rand(-120, w + 80);
                d.y = rand(-220, -30);
                d.wind = rand(2.2, 4.8);
            }

            let rainColor = `rgba(255, 72, 24, ${d.o})`;
            let rainGlow = "rgba(255, 45, 18, 0.48)";

            if (d.tone === "violet") {
                rainColor = `rgba(224, 48, 18, ${d.o})`;
                rainGlow = "rgba(122, 0, 0, 0.46)";
            } else if (d.tone === "gold") {
                rainColor = `rgba(255, 196, 75, ${d.o * 0.82})`;
                rainGlow = "rgba(255, 179, 0, 0.38)";
            }

            ctx.beginPath();
            ctx.strokeStyle = rainColor;
            ctx.lineWidth = d.width;
            ctx.shadowBlur = d.tone === "gold" ? 5 : 7;
            ctx.shadowColor = rainGlow;
            ctx.moveTo(d.x, d.y);
            ctx.lineTo(d.x + 14, d.y + d.l);
            ctx.stroke();
        });

        ctx.restore();
    }

    function drawWater() {
        if (!waterResetting && !reduceMotion) {
            waterTop -= waterSpeed;
        }

        // Kalau air sudah penuh sampai atas, reset lagi dari bawah
        if (waterTop <= -30 && !waterResetting) {
            waterResetting = true;

            setTimeout(() => {
                waterTop = h + 80;
                makeBubbles();
                waterResetting = false;
            }, 900);
        }

        const time = Date.now() * 0.002;

        ctx.save();

        // Bentuk permukaan air bergelombang
        ctx.beginPath();

        for (let x = 0; x <= w; x += 20) {
            const wave =
                Math.sin(x * 0.018 + time) * 10 +
                Math.sin(x * 0.035 + time * 0.8) * 5;

            const y = waterTop + wave;

            if (x === 0) {
                ctx.moveTo(x, y);
            } else {
                ctx.lineTo(x, y);
            }
        }

        ctx.lineTo(w, h);
        ctx.lineTo(0, h);
        ctx.closePath();

        const waterGradient = ctx.createLinearGradient(0, waterTop, 0, h);

        // Air D59: crimson merah di permukaan, fire-red di tengah,
        // lalu deep blood-red transparan di bagian bawah.
        waterGradient.addColorStop(0, "rgba(255, 45, 18, 0.25)");
        waterGradient.addColorStop(0.36, "rgba(212, 22, 8, 0.22)");
        waterGradient.addColorStop(0.72, "rgba(110, 4, 0, 0.27)");
        waterGradient.addColorStop(1, "rgba(18, 1, 0, 0.38)");

        ctx.fillStyle = waterGradient;
        ctx.fill();

        // Garis glow royal-gold + crimson di permukaan air
        ctx.beginPath();

        for (let x = 0; x <= w; x += 20) {
            const wave =
                Math.sin(x * 0.018 + time) * 10 +
                Math.sin(x * 0.035 + time * 0.8) * 5;

            const y = waterTop + wave;

            if (x === 0) {
                ctx.moveTo(x, y);
            } else {
                ctx.lineTo(x, y);
            }
        }

        const surfaceGradient = ctx.createLinearGradient(0, 0, w, 0);
        surfaceGradient.addColorStop(0, "rgba(255, 45, 18, 0.76)");
        surfaceGradient.addColorStop(0.35, "rgba(255, 179, 0, 0.82)");
        surfaceGradient.addColorStop(0.68, "rgba(255, 45, 18, 0.82)");
        surfaceGradient.addColorStop(1, "rgba(212, 22, 8, 0.76)");

        ctx.strokeStyle = surfaceGradient;
        ctx.lineWidth = 2;
        ctx.shadowBlur = 18;
        ctx.shadowColor = "rgba(255, 45, 18, 0.88)";
        ctx.stroke();

        // Efek cahaya bawah air
        for (let i = 0; i < 5; i++) {
            const gx =
                Math.sin(Date.now() * 0.0004 + i) * w * 0.35 +
                w * 0.5;

            const gy = waterTop + 120 + i * 120;
            const gr = w * 0.32;

            const glow = ctx.createRadialGradient(
                gx, gy, 0,
                gx, gy, gr
            );

            if (i % 3 === 0) {
                glow.addColorStop(0, "rgba(255, 179, 0, 0.040)");
            } else if (i % 2 === 0) {
                glow.addColorStop(0, "rgba(212, 22, 8, 0.070)");
            } else {
                glow.addColorStop(0, "rgba(255, 45, 18, 0.075)");
            }

            glow.addColorStop(1, "rgba(122, 0, 0, 0)");

            ctx.fillStyle = glow;
            ctx.beginPath();
            ctx.arc(gx, gy, gr, 0, Math.PI * 2);
            ctx.fill();
        }

        ctx.restore();
    }

    function drawBubbles() {
        ctx.save();

        bubbles.forEach(b => {
            // Bubble hanya aktif ketika sudah berada di area air
            if (b.y < waterTop + 20) {
                b.y = h + rand(20, 240);
                b.x = rand(0, w);
            }

            b.wobble += b.wobbleSpeed;
            b.x += Math.sin(b.wobble) * 0.65 + b.drift;
            b.y -= b.speed;

            if (b.y < waterTop - 40) {
                b.y = h + rand(20, 240);
                b.x = rand(0, w);
                b.r = rand(4, 18);
                b.speed = rand(0.25, 1.2);
                b.alpha = rand(0.20, 0.62);
            }

            let bubbleStroke = `rgba(255, 126, 54, ${b.alpha})`;
            let bubbleGlow = "rgba(255, 45, 18, 0.74)";

            if (b.tone === "violet") {
                bubbleStroke = `rgba(255, 172, 112, ${b.alpha})`;
                bubbleGlow = "rgba(212, 22, 8, 0.72)";
            } else if (b.tone === "gold") {
                bubbleStroke = `rgba(255, 222, 153, ${b.alpha * 0.90})`;
                bubbleGlow = "rgba(255, 179, 0, 0.66)";
            }

            // Bubble utama
            ctx.beginPath();
            ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2);
            ctx.strokeStyle = bubbleStroke;
            ctx.lineWidth = 1.6;
            ctx.shadowBlur = 10;
            ctx.shadowColor = bubbleGlow;
            ctx.stroke();

            // Highlight kecil ala bubble kartun
            ctx.beginPath();
            ctx.arc(
                b.x - b.r * 0.35,
                b.y - b.r * 0.35,
                b.r * 0.22,
                0,
                Math.PI * 2
            );

            ctx.fillStyle =
                `rgba(255, 255, 255, ${b.alpha * 0.70})`;

            ctx.fill();

            // Bubble kecil tambahan
            if (b.r > 10) {
                ctx.beginPath();
                ctx.arc(
                    b.x + b.r * 0.45,
                    b.y + b.r * 0.25,
                    b.r * 0.18,
                    0,
                    Math.PI * 2
                );

                ctx.strokeStyle =
                    b.tone === "gold"
                        ? `rgba(255, 222, 153, ${b.alpha * 0.42})`
                        : `rgba(255, 164, 102, ${b.alpha * 0.42})`;

                ctx.lineWidth = 1;
                ctx.stroke();
            }
        });

        ctx.restore();
    }

    function createBolt() {
        if (reduceMotion) return;

        const startX = rand(w * 0.1, w * 0.9);
        const endY = rand(h * 0.35, h * 0.95);

        let points = [];
        let x = startX;
        let y = -20;

        points.push({ x, y });

        while (y < endY) {
            x += rand(-45, 45);
            y += rand(25, 55);
            points.push({ x, y });
        }

        const boltTone =
            Math.random() < 0.16 ? "gold" :
            Math.random() < 0.58 ? "pink" :
            "violet";

        bolts.push({
            points,
            life: 12,
            width: rand(2, 4),
            tone: boltTone
        });

        for (let i = 0; i < 4; i++) {
            const root =
                points[Math.floor(rand(2, points.length - 2))];

            if (!root) continue;

            let branch = [];
            let bx = root.x;
            let by = root.y;
            const dir = Math.random() > 0.5 ? 1 : -1;

            branch.push({ x: bx, y: by });

            for (let j = 0; j < 5; j++) {
                bx += rand(20, 55) * dir;
                by += rand(18, 40);
                branch.push({ x: bx, y: by });
            }

            bolts.push({
                points: branch,
                life: 8,
                width: rand(1, 2),
                tone: boltTone
            });
        }

        flash = 0.46;

        setTimeout(createBolt, rand(2200, 7200));
    }

    function drawBolts() {
        bolts = bolts.filter(b => b.life > 0);

        bolts.forEach(b => {
            const alpha = Math.min(1, b.life / 12);

            let outerColor =
                `rgba(255, 45, 18, ${alpha * 0.82})`;

            let outerGlow = "rgba(255, 45, 18, 0.95)";

            if (b.tone === "violet") {
                outerColor =
                    `rgba(226, 42, 12, ${alpha * 0.84})`;

                outerGlow = "rgba(122, 0, 0, 0.96)";
            } else if (b.tone === "gold") {
                outerColor =
                    `rgba(255, 179, 0, ${alpha * 0.78})`;

                outerGlow = "rgba(255, 179, 0, 0.92)";
            }

            ctx.save();
            ctx.lineJoin = "round";
            ctx.lineCap = "round";
            ctx.shadowBlur = 30;
            ctx.shadowColor = outerGlow;

            ctx.beginPath();
            ctx.strokeStyle = outerColor;
            ctx.lineWidth = b.width * 3;

            b.points.forEach((p, i) => {
                if (i === 0) ctx.moveTo(p.x, p.y);
                else ctx.lineTo(p.x, p.y);
            });

            ctx.stroke();

            // Inti petir putih agar tetap tajam
            ctx.shadowBlur = 12;
            ctx.shadowColor = "#ffffff";

            ctx.beginPath();
            ctx.strokeStyle =
                `rgba(255, 244, 230, ${alpha})`;

            ctx.lineWidth = b.width;

            b.points.forEach((p, i) => {
                if (i === 0) ctx.moveTo(p.x, p.y);
                else ctx.lineTo(p.x, p.y);
            });

            ctx.stroke();
            ctx.restore();

            b.life--;
        });
    }

    function drawFlash() {
        if (flash > 0) {
            ctx.save();

            const flashGradient =
                ctx.createRadialGradient(
                    w * 0.5,
                    h * 0.22,
                    0,
                    w * 0.5,
                    h * 0.22,
                    Math.max(w, h) * 0.82
                );

            flashGradient.addColorStop(
                0,
                `rgba(255, 224, 194, ${flash * 0.70})`
            );

            flashGradient.addColorStop(
                0.34,
                `rgba(255, 45, 18, ${flash * 0.28})`
            );

            flashGradient.addColorStop(
                1,
                "rgba(122, 0, 0, 0)"
            );

            ctx.fillStyle = flashGradient;
            ctx.fillRect(0, 0, w, h);
            ctx.restore();

            flash -= 0.055;
        }
    }

    function drawFog() {
        ctx.save();

        for (let i = 0; i < 4; i++) {
            const x =
                Math.sin(Date.now() * 0.0002 + i) *
                w * 0.3 +
                w * 0.5;

            const y = h * (0.2 + i * 0.18);
            const r = w * 0.35;

            const g =
                ctx.createRadialGradient(
                    x, y, 0,
                    x, y, r
                );

            if (i % 3 === 0) {
                g.addColorStop(
                    0,
                    "rgba(255, 179, 0, 0.018)"
                );
            } else if (i % 2 === 0) {
                g.addColorStop(
                    0,
                    "rgba(212, 22, 8, 0.050)"
                );
            } else {
                g.addColorStop(
                    0,
                    "rgba(255, 45, 18, 0.055)"
                );
            }

            g.addColorStop(
                1,
                "rgba(122, 0, 0, 0)"
            );

            ctx.fillStyle = g;
            ctx.beginPath();
            ctx.arc(x, y, r, 0, Math.PI * 2);
            ctx.fill();
        }

        ctx.restore();
    }

    function loop() {
        ctx.clearRect(0, 0, w, h);

        drawFog();
        drawRain();
        drawWater();
        drawBubbles();
        drawBolts();
        drawFlash();

        requestAnimationFrame(loop);
    }

    window.addEventListener("resize", resize, { passive: true });

    resize();
    loop();

    if (!reduceMotion) {
        setTimeout(createBolt, 1400);
    }
})();
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"f6678c10022b4d718ebe1d3b323e61d9","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"86fc767c65704c90a636bd86982063cc","r":1}' crossorigin="anonymous"></script>
</body>
</html>