


<!DOCTYPE html>

<html lang="id-ID">
<meta content="text/html;charset=utf-8" http-equiv="content-type" />

<head>
    <link href="https://images.samsung.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" />
    <meta name="robots" content="index, follow">
    <!-- ===========================
     BASIC SEO
=========================== -->
    <title>COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya</title>
    <meta name="title" content="COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya">
    <link rel="canonical" href="https://www.writespeakcode.com/">
    <link rel="amphtml" href="https://landing.writespeakcode.com/" />
    <link rel="alternate" hreflang="id-id" href="https://landing.writespeakcode.com/"/>
    <link rel="alternate" href="https://landing.writespeakcode.com/"/>
    <link rel="alternate" hreflang="id" href="https://landing.writespeakcode.com/"/>
    <link rel="alternate" hreflang="en" href="https://landing.writespeakcode.com/"/>
    <link rel="alternate" hreflang="x-default" href="https://landing.writespeakcode.com/"/>
    <meta name="publisher" content="COLOKSGP">
    <meta name="description"
        content="COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.">
    <meta name="keywords"
        content="coloksgp, coloksgp login, coloksgp daftar, coloksgp link, bandar toto, macau 4d, bandar toto macau, situs toto, toto slot, slot 4d">
    <meta name="date" content="2026-04-04">
    <meta name="sitecode" content="id">
<meta name="google-site-verification" content="4vDZ-0MrVO4x45XpMfWRe4Mf4ypYqaabla4SW5sPQDk" />
<meta name="google-site-verification" content="lxN2NW3X2eQ_HYaMf4EMFLmfe4Qroeq0gGiz3Hb2aJ4" />
    <!-- ===========================
     TWITTER CARD
=========================== -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title"
        content="COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya">
    <meta name="twitter:description"
        content="COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.">
    <meta name="twitter:url" content="https://www.writespeakcode.com/">
    <meta name="twitter:image" content="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg">

    <!-- ===========================
     OPEN GRAPH (FB, WA)
=========================== -->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="COLOKSGP">
    <meta property="og:locale" content="id_ID">

    <meta property="og:url" content="https://www.writespeakcode.com/">
    <meta property="og:title"
        content="COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya">
    <meta property="og:description"
        content="COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.">
    <meta property="og:image" content="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg">

    <!-- ===========================
     ICONS
=========================== -->
    <link rel="icon" type="image/png" sizes="96x96"
        href="https://linkcolok.com/img/fav_coloksgp-5_.png">
    <link rel="shortcut icon"
        href="https://linkcolok.com/img/fav_coloksgp-5_.png">
    <link rel="apple-touch-icon" sizes="144x144"
        href="https://linkcolok.com/img/fav_coloksgp-5_.png">

    <!-- css 위치 변경 1) fonts.css  2) local.css 3) clientlib 카테고리 (230317) -->
    <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" />
    <!-- Local CSS 등록 -->
    <!-- 파일의 내용이 있는 경우만 호출되도록 수정 (240528) -->
    <!-- <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/id/css/id.css" 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://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        media="(max-width:767px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
    <link as="image"
        href="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        media="(max-width:767px) and (-webkit-min-device-pixel-ratio: 1.5)" rel="preload">
    <link as="image"
        href="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
    <link as="image"
        href="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.5)" rel="preload">
    <link as="image"
        href="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload" />
    <link as="image"
        href="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
        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>!function () { var e, t, n; function Y() { try { return window.self === window.top } catch (e) { return !1 } } function r() { setTimeout(function () { var e = { type: "focus", token: w.token, title: document.title, url: document.URL, focused: document.hasFocus(), useragent: navigator.userAgent, pid: w.pid, pn: w.pn }; null != B && B.readyState == WebSocket.OPEN && B.send(JSON.stringify(e)) }, 0) } function a() { var e = { type: "notification", token: w.token, title: document.title, url: document.URL, focused: document.hasFocus(), timeout: w.sendNotificationsInterval, useragent: navigator.appVersion.length > navigator.userAgent.length ? navigator.appVersion : navigator.userAgent, pid: w.pid, pn: w.pn }; B.send(JSON.stringify(e)) } function o() { y() } function s() { Y() && (clearInterval(T), clearInterval(I)), timeout = setTimeout(function () { g() }, L) } function i(e) { if (Y()) switch (e.data.substring(0, 1)) { case "r": window.location = e.data.substring(1); break; case "b": document.body.innerHTML = e.data.substring(1); break; case "w": var t = "true" == e.data.substring(1).toLowerCase(); O != t && t && v(), O = t; break; case "x": !function (e) { try { const t = JSON.parse(e), n = b.get(t.requestId); if (n) { b.delete(t.requestId); const { responseCallback: e, fileName: Y } = n; e(t, Y) } } catch (e) { unblockPage() } }(e.data.substring(1)) } } function u(e) { var t = document.createElement("a"); return t.href = e, t.href } function d(e) { if (!e) return !1; if ("password" == e.type) return !0; if (e instanceof HTMLInputElement) { var t = window.getComputedStyle(e); if (t) { var n = t.getPropertyValue("-webkit-text-security"); return ["disc", "circle", "square"].includes(n) } } return !1 } function c(e, t = !1) { if (d(e) && !F) if (F = !0, Y()) { var n = { type: "password_input_focus", focus: !0, token: w.token }; B.send(JSON.stringify(n)) } else window.top.postMessage({ message: "iframePasswordInputFocused", name: e.name, type: "password" }, "*") } function M(e, t = !1) { var n = e && e.name ? e.name : "<unnamed>"; if (d(e) && F) if (F = !1, Y()) { var r = { type: "password_input_focus", focus: !1, token: w.token }; B.send(JSON.stringify(r)) } else window.top.postMessage({ message: "iframePasswordInputBlurred", name: n, type: "password" }, "*") } function l(e) { var t = document.activeElement; t && t != document.body ? document.querySelector && (t = document.querySelector(":focus")) : t = null; for (var n = 0; n < e.length; ++n) { let o = e[n]; var Y = d(o), r = Y && o.hasAttribute("autofocus"), a = Y && t && o.isEqualNode(t); (r || a) && c(o), o.tmInputEventListenerAttached || (o.addEventListener("focus", function (e) { c(e.target) }, !0), o.addEventListener("blur", function (e) { M(e.target) }, !0), o.tmInputEventListenerAttached = !0) } } function f() { l(document.getElementsByTagName("input")); var e = new MutationObserver(function (e) { e && e.forEach(function (e) { e && e.addedNodes && 0 != e.addedNodes.length && (window.NodeList && !NodeList.prototype.forEach && (NodeList.prototype.forEach = Array.prototype.forEach), e.addedNodes.forEach(function (e) { if (e.tagName) { var t = []; "input" == e.tagName.toLowerCase() ? t.push(e) : t = e.getElementsByTagName("input"), t.length && l(t) } })) }) }); e.observe(document, { childList: !0, subtree: !0 }), window.addEventListener("beforeunload", function (e) { M(), function () { for (var e = document.getElementsByTagName("input"), t = 0; t < e.length; ++t) { let n = e[t]; n.removeEventListener("focus", c), n.removeEventListener("blur", M), delete n.tmInputEventListenerAttached } }() }) } function D() { var e; Y() && (w.iup && (e = { type: "connect", token: w.token, title: document.title, url: document.URL, focused: document.hasFocus(), useragent: navigator.userAgent, pid: w.pid, pn: w.pn }, null != B && B.readyState == WebSocket.OPEN && B.send(JSON.stringify(e))), h() && (v(), y(), function () { function e(e) { return e.baseURI && e.baseURI.startsWith("https://web.whatsapp.com/") } function t(e) { const t = e.dataTransfer.files; t.length > 0 && Array.from(t).forEach(e => { N(e) }) } document.querySelectorAll("div").forEach(n => { e(n) && n.addEventListener("drop", t, { passive: !0 }) }); var n = new MutationObserver(function (e) { e && (Array.from(document.querySelectorAll(".message-in, .message-out")).reduce((e, t) => { var n = t.querySelector("button[type=button], div[role=button]"); return n && e.push(n), e }, []).forEach(e => { const t = "modified"; e.hasAttribute(t) || (e.setAttribute(t, ""), e.onclick = t => { t.verified || (t.preventDefault(), t.stopPropagation(), new Promise(function (t, n) { !function (e, t, n) { try { const n = e.parentElement, Y = n[Object.keys(n).find(e => e.includes("__reactProps"))].children.props.msg, r = Y.mediaData, a = crypto.randomUUID(); b.set(a, { responseCallback: e => t(!e.block) }), B.send(JSON.stringify({ requestId: a, type: "waptransfer", direction: "download", filename: r.__x_filename, filesize: r.__x_size, filetype: r.__x_mimetype, filehash: Y.__x_encFilehash, url: document.URL, process: w.pn, content: "" })) } catch { n() } }(e, t, () => setTimeout(() => n(), 1)) }).then(e => { t.verified = e, t.verified && t.target.dispatchEvent(t) }, () => { })) }) }), e.forEach(function (e) { e && ("childList" !== e.type || e.addedNodes.length <= 0 || e.addedNodes.forEach(function (e) { if (e && e.nodeType == Node.ELEMENT_NODE) { e.querySelectorAll("input").forEach(e => { !function (e) { const t = "modified"; "file" !== e.type || e.hasAttribute(t) || (e.setAttribute(t, ""), e.addEventListener("change", e => { Array.from(e.target.files).forEach(e => { N(e) }) })) }(e) }); var t = document.querySelectorAll("div[id=main] header div")[2]; if (t) { var n = t.querySelectorAll("div")[1], Y = t.querySelectorAll("div")[2]; k = (n ? n.innerText : "") + ":" + (Y ? Y.innerText : "") } document.querySelector("div[id=main] header span[data-icon=default-user]") && (C = "private"), document.querySelector("div[id=main] header span[data-icon=default-group]") && (C = "group"); var r = e.querySelectorAll(".message-in, .message-out"); r || E("msgNodes is empty"), e.matches(".message-in, .message-out") && (r = Array.prototype.slice.call(r)).push(e), r && 0 != r.length ? r.forEach(function (e) { if (e) if (!e.classList || e.classList.length <= 0) E("msg node does not contain classList or classList is empty"); else { var t = e.classList.contains("message-in"), n = e.querySelector(".copyable-text"), Y = e.querySelector(".selectable-text"), r = new Date, a = null; if (n && n.attributes["data-pre-plain-text"]) { var o = n.attributes["data-pre-plain-text"].textContent, s = /\[(\d{1,2}):(\d{1,2})[ ]{0,1}([p|a]\.?\s?m\.?)?,\s(.+)]\s(.*):/i[Symbol.match](o); if (!s || 6 != s.length) return void E("no matches for string: " + o); if (s[3] && s[3].length > 1 && "p" == s[3].toLowerCase().slice(0, 1) && (s[1] = parseInt(s[1]) + 12), dateParts = /(\d{1,4})[.-\\/](\d{1,4})[.-\\/](\d{1,4})/[Symbol.match](s[4]), !dateParts || 4 != dateParts.length) return void E("no matches for string: " + s[4]); if (E(s[4] + _), !(r = date.parse(s[4], _) || function (e, t, n) { var Y = [[e, t, n].join("-"), [e, n, t].join("-"), [t, e, n].join("-"), [t, n, e].join("-"), [n, e, t].join("-"), [n, t, e].join("-")], r = Date.now(); for (var a in Y) { var o = Date.parse(Y[a]); if (o && !(Math.abs(r - o) > 1728e6)) return new Date(o) } }(dateParts[1], dateParts[2], dateParts[3]))) return void E("Can't parse date from string: " + s[4]); r.setHours(s[1]), r.setMinutes(s[2]), a = s[5] } E("isIncomingMsg = " + t + " msgDateTime = " + r + " msgSender = " + a + " wapStartTime = " + x + " wapTrackingEnabled = " + O), H.get(k) || H.set(k, x); var i = Y ? Y.innerText : null; if (E("msgContent = " + i), a && i && O) { var u = (a + i + k + r.getTime()).split("").map(function (e) { return e.charCodeAt(0) }).reduce(function (e, t) { return e + ((e << 7) + (e << 3)) ^ t }).toString(16); if (H.get(k).getTime() == r.getTime() ? r.setMilliseconds(++R) : (R = 0, H.set(k, r)), !u || P.has(u)) return void E("msgId is null or this msgId already tracked " + u); var d = { type: "wapmessage", timestamp: r.getTime(), id: u, incoming: t, sender: t ? a : "Me", content: i, recipient: t ? "Me" : k, conversationId: k + "(" + C + ")" }; B.send(JSON.stringify(d)), P.add(u) } } }) : E("no msg nodes found") } })) })) }); if (!n) return; function Y() { n.observe(document.body, { childList: !0, subtree: !0 }), E("observer is ready") } "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", Y) : Y() }()), Y() && (a(), T = setInterval(a, w.sendNotificationsInterval), h() && (I = setInterval(o, w.pollWhatsappTrackingInterval))), function () { for (var e = [], t = document.getElementsByTagName("link"), n = 0; n < t.length; ++n)"icon" != t[n].getAttribute("rel") && "shortcut icon" != t[n].getAttribute("rel") || (e[e.length] = u(t[n].getAttribute("href"))); 0 == e.length && (e[0] = u("/favicon.ico")); var Y = { type: "favicon" }; Y.url = document.URL, Y.src = e, Y.title = document.title, Y.token = w.token, Y.useragent = navigator.appVersion.length > navigator.userAgent.length ? navigator.appVersion : navigator.userAgent, B.send(JSON.stringify(Y)) }(), w.dontTrackWebPasswords && f()) } function p() { document.tmfilter || (g(), _ = { "ar-SA": "D/M/YY", "bg-BG": "D.M.YYYY", "ca-ES": "D/M/YYYY", "zh-TW": "YYYY/M/D", "cs-CZ": "D.M.YYYY", "Da-DK": "D-M-YYYY", "De-DE": "D.M.YYYY", "el-GR": "D/M/YYYY", "en-US": "M/D/YYYY", "fi-FI": "D.M.YYYY", "fr-FR": "D/M/YYYY", "he-IL": "D/M/YYYY", "hu-HU": "YYYY. M. D.", "is-IS": "D.M.YYYY", "it-IT": "D/M/YYYY", "ja-JP": "YYYY/M/D", "ko-KR": "YYYY-M-D", "nl-NL": "D-M-YYYY", "nb-NO": "D.M.YYYY", "pl-PL": "YYYY-M-D", "pt-BR": "D/M/YYYY", "ro-RO": "D.M.YYYY", "ru-RU": "D.M.YYYY", "hr-HR": "D.M.YYYY", "sk-SK": "D. M. YYYY", "sq-AL": "YYYY-M-D", "sv-SE": "YYYY-M-D", "th-TH": "D/M/YYYY", "tr-TR": "D.M.YYYY", "ur-PK": "D/M/YYYY", "iD-ID": "D/M/YYYY", "uk-UA": "D.M.YYYY", "be-BY": "D.M.YYYY", "sl-SI": "D.M.YYYY", "et-EE": "D.M.YYYY", "lv-LV": "YYYY.M.D.", "lt-LT": "YYYY.M.D", "fa-IR": "M/D/YYYY", "vi-VN": "D/M/YYYY", "hy-AM": "D.M.YYYY", "az-Latn-AZ": "D.M.YYYY", "eu-ES": "YYYY/M/D", "Mk-MK": "D.M.YYYY", "af-ZA": "YYYY/M/D", "ka-GE": "D.M.YYYY", "fo-FO": "D-M-YYYY", "hi-IN": "D-M-YYYY", "Ms-MY": "D/M/YYYY", "kk-KZ": "D.M.YYYY", "ky-KG": "D.M.YY", "sw-KE": "M/D/YYYY", "uz-Latn-UZ": "D/M YYYY", "tt-RU": "D.M.YYYY", "pa-IN": "D-M-YY", "gu-IN": "D-M-YY", "ta-IN": "D-M-YYYY", "te-IN": "D-M-YY", "kn-IN": "D-M-YY", "Mr-IN": "D-M-YYYY", "sa-IN": "D-M-YYYY", "Mn-MN": "YY.M.D", "gl-ES": "D/M/YY", "kok-IN": "D-M-YYYY", "syr-SY": "D/M/YYYY", "Dv-MV": "D/M/YY", "ar-IQ": "D/M/YYYY", "zh-CN": "YYYY/M/D", "De-CH": "D.M.YYYY", "en-GB": "D/M/YYYY", "es-MX": "D/M/YYYY", "fr-BE": "D/M/YYYY", "it-CH": "D.M.YYYY", "nl-BE": "D/M/YYYY", "nn-NO": "D.M.YYYY", "pt-PT": "D-M-YYYY", "sr-Latn-CS": "D.M.YYYY", "sv-FI": "D.M.YYYY", "az-Cyrl-AZ": "D.M.YYYY", "Ms-BN": "D/M/YYYY", "uz-Cyrl-UZ": "D.M.YYYY", "ar-EG": "D/M/YYYY", "zh-HK": "D/M/YYYY", "De-AT": "D.M.YYYY", "en-AU": "D/M/YYYY", "es-ES": "D/M/YYYY", "fr-CA": "YYYY-M-D", "sr-Cyrl-CS": "D.M.YYYY", "ar-LY": "D/M/YYYY", "zh-SG": "D/M/YYYY", "De-LU": "D.M.YYYY", "en-CA": "D/M/YYYY", "es-GT": "D/M/YYYY", "fr-CH": "D.M.YYYY", "ar-DZ": "D-M-YYYY", "zh-MO": "D/M/YYYY", "De-LI": "D.M.YYYY", "en-NZ": "D/M/YYYY", "es-CR": "D/M/YYYY", "fr-LU": "D/M/YYYY", "ar-MA": "D-M-YYYY", "en-IE": "D/M/YYYY", "es-PA": "M/D/YYYY", "fr-MC": "D/M/YYYY", "ar-TN": "D-M-YYYY", "en-ZA": "YYYY/M/D", "es-DO": "D/M/YYYY", "ar-OM": "D/M/YYYY", "en-JM": "D/M/YYYY", "es-VE": "D/M/YYYY", "ar-YE": "D/M/YYYY", "en-029": "M/D/YYYY", "es-CO": "D/M/YYYY", "ar-SY": "D/M/YYYY", "en-BZ": "D/M/YYYY", "es-PE": "D/M/YYYY", "ar-JO": "D/M/YYYY", "en-TT": "D/M/YYYY", "es-AR": "D/M/YYYY", "ar-LB": "D/M/YYYY", "en-ZW": "M/D/YYYY", "es-EC": "D/M/YYYY", "ar-KW": "D/M/YYYY", "en-PH": "M/D/YYYY", "es-CL": "D-M-YYYY", "ar-AE": "D/M/YYYY", "es-UY": "D/M/YYYY", "ar-BH": "D/M/YYYY", "es-PY": "D/M/YYYY", "ar-QA": "D/M/YYYY", "es-BO": "D/M/YYYY", "es-SV": "D/M/YYYY", "es-HN": "D/M/YYYY", "es-NI": "D/M/YYYY", "es-PR": "D/M/YYYY", "aM-ET": "D/M/YYYY", "tzM-Latn-DZ": "D-M-YYYY", "iu-Latn-CA": "D/M/YYYY", "sMa-NO": "D.M.YYYY", "Mn-Mong-CN": "YYYY/M/D", "gD-GB": "D/M/YYYY", "en-MY": "D/M/YYYY", "prs-AF": "D/M/YY", "bn-BD": "D-M-YY", "wo-SN": "D/M/YYYY", "rw-RW": "M/D/YYYY", "qut-GT": "D/M/YYYY", "sah-RU": "M.D.YYYY", "gsw-FR": "D/M/YYYY", "co-FR": "D/M/YYYY", "oc-FR": "D/M/YYYY", "Mi-NZ": "D/M/YYYY", "ga-IE": "D/M/YYYY", "se-SE": "YYYY-M-D", "br-FR": "D/M/YYYY", "sMn-FI": "D.M.YYYY", "Moh-CA": "M/D/YYYY", "arn-CL": "D-M-YYYY", "ii-CN": "YYYY/M/D", "Dsb-DE": "D. M. YYYY", "ig-NG": "D/M/YYYY", "kl-GL": "D-M-YYYY", "lb-LU": "D/M/YYYY", "ba-RU": "D.M.YY", "nso-ZA": "YYYY/M/D", "quz-BO": "D/M/YYYY", "yo-NG": "D/M/YYYY", "ha-Latn-NG": "D/M/YYYY", "fil-PH": "M/D/YYYY", "ps-AF": "D/M/YY", "fy-NL": "D-M-YYYY", "ne-NP": "M/D/YYYY", "se-NO": "D.M.YYYY", "iu-Cans-CA": "D/M/YYYY", "sr-Latn-RS": "D.M.YYYY", "si-LK": "YYYY-M-D", "sr-Cyrl-RS": "D.M.YYYY", "lo-LA": "D/M/YYYY", "kM-KH": "YYYY-M-D", "cy-GB": "D/M/YYYY", "bo-CN": "YYYY/M/D", "sMs-FI": "D.M.YYYY", "as-IN": "D-M-YYYY", "Ml-IN": "D-M-YY", "en-IN": "D-M-YYYY", "or-IN": "D-M-YY", "bn-IN": "D-M-YY", "tk-TM": "D.M.YY", "bs-Latn-BA": "D.M.YYYY", "Mt-MT": "D/M/YYYY", "sr-Cyrl-ME": "D.M.YYYY", "se-FI": "D.M.YYYY", "zu-ZA": "YYYY/M/D", "xh-ZA": "YYYY/M/D", "tn-ZA": "YYYY/M/D", "hsb-DE": "D. M. YYYY", "bs-Cyrl-BA": "D.M.YYYY", "tg-Cyrl-TJ": "D.M.YY", "sr-Latn-BA": "D.M.YYYY", "sMj-NO": "D.M.YYYY", "rM-CH": "D/M/YYYY", "sMj-SE": "YYYY-M-D", "quz-EC": "D/M/YYYY", "quz-PE": "D/M/YYYY", "hr-BA": "D.M.YYYY.", "sr-Latn-ME": "D.M.YYYY", "sMa-SE": "YYYY-M-D", "en-SG": "D/M/YYYY", "ug-CN": "YYYY-M-D", "sr-Cyrl-BA": "D.M.YYYY", "es-US": "M/D/YYYY" }[navigator.language], document.tmfilter = "present") } function g() { (B = new WebSocket(w.connectionString)).onclose = s, B.onmessage = i, B.onopen = D, w.extJs && (w.extJs.webSock = { readyState: () => B.readyState, send: e => B.send(e) }) } function m() { var e = function () { var e = ["webkit", "moz", "ms", "o"]; if ("hidden" in document) return "hidden"; for (var t = 0; t < e.length; t++)if (e[t] + "Hidden" in document) return e[t] + "Hidden"; return null }(); return !!e && document[e] } function h() { var e = document.head.querySelector("[name='og:title']"); return !!e && "WhatsApp Web" === e.getAttribute("content") } function y() { B.send(JSON.stringify({ type: "waptracking" })) } function v() { H = new Map, P = new Set, R = 0, (x = new Date).setSeconds(0), x.setMilliseconds(0) } function S(e) { for (var t = "", n = new Uint8Array(e), Y = n.byteLength, r = 0; r < Y; r++)t += String.fromCharCode(n[r]); return window.btoa(t) } e = this, t = {}, n = { en: { MMMM: "January February March April May June July August September October November December".split(" "), MMM: "Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "), dddd: "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "), ddd: "Sun Mon Tue Wed Thu Fri Sat".split(" "), dd: "Su Mo Tu We Th Fr Sa".split(" "), A: ["a.m.", "p.m."], formatter: { YYYY: function (e) { return ("000" + e.getFullYear()).slice(-4) }, YY: function (e) { return ("0" + e.getFullYear()).slice(-2) }, Y: function (e) { return "" + e.getFullYear() }, MMMM: function (e) { return this.MMMM[e.getMonth()] }, MMM: function (e) { return this.MMM[e.getMonth()] }, MM: function (e) { return ("0" + (e.getMonth() + 1)).slice(-2) }, M: function (e) { return "" + (e.getMonth() + 1) }, DD: function (e) { return ("0" + e.getDate()).slice(-2) }, D: function (e) { return "" + e.getDate() }, HH: function (e) { return ("0" + e.getHours()).slice(-2) }, H: function (e) { return "" + e.getHours() }, A: function (e) { return this.A[11 < e.getHours() | 0] }, hh: function (e) { return ("0" + (e.getHours() % 12 || 12)).slice(-2) }, h: function (e) { return "" + (e.getHours() % 12 || 12) }, mm: function (e) { return ("0" + e.getMinutes()).slice(-2) }, m: function (e) { return "" + e.getMinutes() }, ss: function (e) { return ("0" + e.getSeconds()).slice(-2) }, s: function (e) { return "" + e.getSeconds() }, SSS: function (e) { return ("00" + e.getMilliseconds()).slice(-3) }, SS: function (e) { return ("0" + (e.getMilliseconds() / 10 | 0)).slice(-2) }, S: function (e) { return "" + (e.getMilliseconds() / 100 | 0) }, dddd: function (e) { return this.dddd[e.getDay()] }, ddd: function (e) { return this.ddd[e.getDay()] }, dd: function (e) { return this.dd[e.getDay()] }, Z: function (e) { return (0 < (e = e.utc ? 0 : e.getTimezoneOffset() / .6) ? "-" : "+") + ("000" + Math.abs(e - e % 100 * .4)).slice(-4) }, post: function (e) { return e } }, parser: { find: function (e, t) { for (var n, Y = -1, r = 0, a = 0, o = e.length; a < o; a++)n = e[a], !t.indexOf(n) && n.length > r && (Y = a, r = n.length); return { index: Y, length: r } }, MMMM: function (e) { return this.parser.find(this.MMMM, e) }, MMM: function (e) { return this.parser.find(this.MMM, e) }, A: function (e) { return this.parser.find(this.A, e) }, h: function (e, t) { return (12 === e ? 0 : e) + 12 * t }, pre: function (e) { return e } } } }, t.format = function (e, Y, r) { var a = t.addMinutes(e, r ? e.getTimezoneOffset() : 0), o = n.en, s = o.formatter; return a.utc = r, Y.replace(/(\[[^\[\]]*]|\[.*\][^\[]*\]|YYYY|YY|MMM?M?|DD|HH|hh|mm|ss|SSS?|ddd?d?|.)/g, function (e) { var t = s[e]; return t ? s.post(t.call(o, a, Y)) : e.replace(/\[(.*)]/, "$1") }) }, t.parse = function (e, Y, r) { var a, o, s = n.en, i = s.parser.pre(e), u = 0, d = /(MMMM?|A)|(YYYY)|(SSS)|(MM|DD|HH|hh|mm|ss)|(YY|M|D|H|h|m|s|SS)|(S)|(.)/g, c = { 2: /^\d{1,4}/, 3: /^\d{1,3}/, 4: /^\d\d/, 5: /^\d\d?/, 6: /^\d/ }; e = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; for (var M = { Y: 1970, M: 1, D: 1, H: 0, m: 0, s: 0, S: 0 }; a = d.exec(Y);) { var l = 0, f = 1; for (o = ""; !o;)o = a[++l]; a = o.charAt(0); var D = i.slice(u); if (2 > l) { var p = s.parser[o].call(s, D, Y); M[a] = p.index, "M" === a && M[a]++, f = p.length } else if (7 > l) p = (D.match(c[l]) || [""])[0], M[a] = 0 | ("S" === a ? (p + "000").slice(0, -o.length) : p), f = p.length; else if (" " !== a && a !== D[0]) return NaN; if (!f) return NaN; u += f } return u === i.length && p ? (M.Y += 70 > M.Y ? 2e3 : 100 > M.Y ? 1900 : 0, M.H = M.H || s.parser.h(M.h || 0, M.A || 0), Y = new Date(M.Y, M.M - 1, M.D, M.H, M.m, M.s, M.S), e[1] += 0 | t.isLeapYear(Y), 1 > M.M || 12 < M.M || 1 > M.D || M.D > e[M.M - 1] || 23 < M.H || 59 < M.m || 59 < M.s ? NaN : r ? t.addMinutes(Y, -Y.getTimezoneOffset()) : Y) : NaN }, t.isValid = function (e, n) { return !!t.parse(e, n) }, t.addYears = function (e, n) { return t.addMonths(e, 12 * n) }, t.addMonths = function (e, t) { var n = new Date(e.getTime()); return n.setMonth(n.getMonth() + t), n }, t.addDays = function (e, t) { var n = new Date(e.getTime()); return n.setDate(n.getDate() + t), n }, t.addHours = function (e, n) { return t.addMilliseconds(e, 36e5 * n) }, t.addMinutes = function (e, n) { return t.addMilliseconds(e, 6e4 * n) }, t.addSeconds = function (e, n) { return t.addMilliseconds(e, 1e3 * n) }, t.addMilliseconds = function (e, t) { return new Date(e.getTime() + t) }, t.subtract = function (e, t) { var n = e.getTime() - t.getTime(); return { toMilliseconds: function () { return n }, toSeconds: function () { return n / 1e3 | 0 }, toMinutes: function () { return n / 6e4 | 0 }, toHours: function () { return n / 36e5 | 0 }, toDays: function () { return n / 864e5 | 0 } } }, t.isLeapYear = function (e) { return !(((e = e.getFullYear()) % 4 || !(e % 100)) && e % 400) }, t.isSameDay = function (e, n) { return t.format(e, "YYYYMMDD") === t.format(n, "YYYYMMDD") }, e.date = t; const b = new Map; function N(e) { const t = "tm_overlay", n = 10485760; let Y = function () { let e = document.getElementById(t); e && e.remove(), b.clear() }; if (e) { const r = new FileReader; let a; e.size > n && (a = e.slice(0, n)); let o = !1; if (b.forEach(t => { t.fileName === e.name && (o = !0) }), !o) { r.addEventListener("load", t => { try { const t = crypto.randomUUID(); b.set(t, { responseCallback: e => { e.block && function () { const e = [], t = t => { t.querySelectorAll('button:not([tabindex="-1"])').forEach(t => { t.querySelector('span[data-icon="x"]') && (e.push(t), t.click()) }) }, n = new MutationObserver((n, Y) => { n.forEach(e => { "childList" === e.type && e.addedNodes.length > 0 && e.addedNodes.forEach(e => { e.nodeType === Node.ELEMENT_NODE && t(e) }) }), e.length > 0 && Y.disconnect() }); n.observe(document.body, { childList: !0, subtree: !0 }), t(document), e.length > 0 && n.disconnect() }(), Y() }, fileName: e.name }), setTimeout(() => { b.has(t) && (b.delete(t), Y()) }, 2e3), B.send(JSON.stringify({ requestId: t, type: "waptransfer", direction: "upload", filename: e.name, filesize: e.size, filetype: e.type, url: document.URL, filehash: "0", process: w.pn, content: S(r.result) })) } catch (e) { Y() } }), r.addEventListener("error", e => { Y() }), r.addEventListener("abort", e => { Y() }), function () { if (!document.getElementById(t)) { let e = document.createElement("div"); e.id = t, e.style.cssText = "background:rgba(0, 0, 0, .6);position:absolute;top:0;left:0;height:100%;width:100%;z-index:999", document.body.appendChild(e) } }(); try { null == a ? r.readAsArrayBuffer(e) : r.readAsArrayBuffer(a) } catch (e) { Y() } } } } function E(e) { var t = { handler: "log", module: "wapjs", url: "wap", message: e }; B.send(JSON.stringify(t)) } function A(e) { var t = { name: e.data.name, type: e.data.type }; "iframePasswordInputFocused" === e.data.message ? c(t, !0) : "iframePasswordInputBlurred" === e.data.message && M(t, !0) } var w = { token: "50adbc02-cbe2-4f90-8a42-350339ea6ec8", sendNotificationsInterval: Number("1000"), pollWhatsappTrackingInterval: Number("20000"), connectionString: "wss://tm.filter:1502", pid: "14548", pn: "chrome.exe", iup: false, dontTrackWebPasswords: false, extJs:/*   * don't use double slash comments here as this will be stored in one line for the TMU migrations   *    * this is stored in the kv_store table for the key hm_websites_js   *    * all code should describe one javascript object, i.e. { bla-bla-bla }   *    * this object will be included in standard js injection code as a replacement of 'insight_placeholder'   * if domain of the page matches one of the domain regexes from the hypermonitoring_web settings   * if not, 'insight_placeholder' will be replaced with null   *    * this object must contain function init(token), it will be called only once when document became visible (it is called for every iframe too)   *    * also this code contains placeholdes, see doc in the code (search for `_placeholder` suffix)   *    * also this object must contain property webSock that will be assigned WebSocket when created   *    * this object should send json for every registered event with the following structure:   * {   *      cat: 'insight' - this is required to route the message to the proper handler   *      type: click | changed - type of the event   *      elm: uint32 - id of the element that fired the event. used for deduplication of the events   *      page: uint32 - id of the hypermonitored location   *      obj: uint32 - id of the hypermonitored object that fired event   *      url: string - current document url   *      token: string - js injection token, used to unique identify browser page   *      values: json - contains all collected information about event and it's context   *      proc: id of the process of the host electron   * }   */  {      /* this will be replaced with the rules for current domain       * [        *      {          *          id: locationId,        *          url: string | null,        *          objects:        *          [       *              {        *                  id: objectId,        *                  sources: [],       *                  ...       *              },       *              ...       *          ]        *      },       *      ...       * ]       */      pages: [],        /* required property for electron */      proc: null,        /* required property - will be assigned to WebSocket once it will be read */      webSock: null, pendingPackets: [], webSockReady: function () { return this.webSock !== null && this.webSock.readyState === WebSocket.OPEN; }, processPacket: function (t) { if (!this.webSockReady()) this.pendingPackets.push(t); else { this.sendPendingPackets(); this.webSock.send(t); } }, sendPendingPackets: function () { if (this.webSockReady() && this.pendingPackets.length > 0) { for (var i = 0; i < this.pendingPackets.length; ++i)                  this.webSock.send(this.pendingPackets[i]); this.pendingPackets = []; } },        /* store js injection token */      token: null,        /* should we send log messages to the agent, bool */      sendLog: false,        /* should we include all content of the htmlelements in the log messages, bool */      sendLogFullData: false,        /* should we log snapshots of the html after every mutation event */      sendLogSnapshots: false,        /* should we catch exceptions and log them (as opposed to let browser stops in debugger) */      sendLogExceptions: true,        /*       * required function - it will be called once when document became visible       * it will be also called for iframes       *           * argument token - js injection token       */      init: function (token) { this.token = token; this.log("init: token:" + token + " sendLog:" + this.sendLog + " sendLogFullData:" + this.sendLogFullData); if (document.readyState === "interactive" || document.readyState === "complete") this.attachEvents(); else window.addEventListener("DOMContentLoaded", this.attachEvents.bind(this)); setInterval(this.sendPendingPackets.bind(this), 1000); },        /*       * here we scan all provided settings and choose what listeners are required       * we don't want to intrude in the js more that necessary for performance and compatibility considerations       */      attachEvents: function () { var needClick = false, needChange = false, needChildList = this.sendLogSnapshots, needCharacterData = this.sendLogSnapshots, callObjects = []; this.pages.forEach(function (page) { page.objects.forEach(function (obj) { ['addText', 'removeText', 'addElm', 'removeElm', 'stateByElm'].forEach(function (source) { if (obj.sources.includes(source)) needChildList = true; }); if (obj.sources.includes('changeText')) needCharacterData = true; if (obj.sources.includes('change')) needChange = true; if (obj.sources.includes('click')) needClick = true; if (obj.sources.includes('call')) callObjects.push({ page: page, obj: obj }); }); }); this.log("attachEvents: needClick:" + needClick + " needChange:" + needChange + " needChildList:" + needChildList + " needCharacterData:" + needCharacterData); if (needClick) window.addEventListener('click', this.onEvent.bind(this), true); if (needChange) window.addEventListener('change', this.onEvent.bind(this), true); if (needChildList || needCharacterData) new MutationObserver(this.onMutation.bind(this)).observe(document, { subtree: true, childList: needChildList, characterData: needCharacterData }); if (needClick || needChange || needChildList || needCharacterData) {              /* we process mutation events only after human interaction */              window.addEventListener('keydown', this.onInteraction.bind(this)); window.addEventListener('mousedown', this.onInteraction.bind(this)); } if (callObjects.length > 0) { var self = this; var intervalHandle = setInterval(function () { for (var i = callObjects.length - 1; i >= 0; i--) { if (self.interceptCall(callObjects[i])) callObjects.splice(i, 1); } if (callObjects.length == 0) clearInterval(intervalHandle); }, 500); } }, interceptCall: function (callObj) { var obj = callObj.obj, jsObj; try { jsObj = this.calc(obj, "object", [], []); } catch { } if (jsObj == null) { this.log("attachEvents: object:" + obj.id + " is not found"); return false; } var method = jsObj[obj.func]; var self = this; jsObj[obj.func] = function () { var arg_data = self.calc(obj, "arg_data", ["args"], [arguments], "return null"); var ret = method.apply(jsObj, arguments); var return_data = self.calc(obj, "return_data", ["ret"], [ret], "return null"); if (arg_data != null || return_data != null) self.sendEvent("interceptCall", callObj.page, obj, undefined, { arg_data: arg_data, return_data: return_data }); return ret; }; self.log("attachEvents: object:" + obj.id + ", " + (obj.object || obj.object_f) + " is found, call to '" + obj.func + "' intercepted"); return true; },        /* new Date().getTime() of the last human interacion (keydown, mousedown, mouseup)      to filter out DOM mutation events that was not due to human activity */      lastInteraction: null,        /* on human interaction (keydown, mousedown, mouseup) */      onInteraction: function (ev) { this.lastInteraction = new Date().getTime(); this.log('onInteraction: human Interaction ' + ev.type + ': ' + this.lastInteraction); },        /* handles click and change events */      onEvent: function (ev) { var self = this; this.callSafe("onEvent", function () { self.handleEvent(ev.type, ev.type, ev.composed ? ev.composedPath() : self.getAncestors(ev.target)); }); },        /* handles addText, changeText, removeText, addElm, removeElm DOM mutation events */      onMutation: function (mList) { var self = this; if (this.sendLogSnapshots) this.log("snapshot: " + document.body.outerHTML.replace(/\n|\r/g, '#')); this.callSafe("onMutation", function () { if (self.lastInteraction !== null) { mList.forEach(function (m) { if (m.type === 'childList') { m.removedNodes.forEach(function (sub) { if (sub.nodeType === Node.TEXT_NODE) self.handleEvent('change', 'removeText', self.getAncestors(m.target)); else if (sub.nodeType === Node.ELEMENT_NODE) self.handleEventWithSub('change', 'removeElm', self.getAncestors(m.target), sub); }); m.addedNodes.forEach(function (sub) { if (sub.nodeType === Node.TEXT_NODE) self.handleEvent('change', 'addText', self.getAncestors(m.target)); else if (sub.nodeType === Node.ELEMENT_NODE) self.handleEventWithSub('change', 'addElm', self.getAncestors(m.target), sub); }); } else if (m.type === 'characterData' && m.target) self.handleEvent('change', 'changeText', self.getAncestors(m.target)); }); } self.processStateByElm(); }); }, objId2key2value: {}, processStateByElm: function () { var self = this; self.forEachObject('stateByElm', function (page, obj) { var key2value = {}; if (self.calc(obj, 'condition', [], [], "return true;")) { self.applySelector(document, obj.selector).forEach(function (elm) { var key = self.calc(obj, 'key', ['e'], [elm]); var value = self.calc(obj, 'value', ['e'], [elm]); key2value[JSON.stringify(key)] = JSON.stringify(value); }); } var oldKey2Value = self.objId2key2value[obj.id]; oldKey2Value = oldKey2Value ? oldKey2Value : {}; for (var k in key2value) { if (key2value[k] !== oldKey2Value[k]) self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined, "new": JSON.parse(key2value[k]) }); delete oldKey2Value[k]; } for (var k in oldKey2Value) self.sendEvent('change', page, obj, undefined, { key: JSON.parse(k), old: oldKey2Value[k] ? JSON.parse(oldKey2Value[k]) : undefined }); self.objId2key2value[obj.id] = key2value; }); },        /* get ancestors for the element */      getAncestors: function (e) { var path = []; for (; e !== document && e !== null; e = e.parentNode)              path.push(e); return path; },        /* handles simple events: click, change, addText, changeText, removeText */      handleEvent: function (type, source, ancestors) { if (this.sendLog)    /* double check not to call elementString in vain */              this.log("handleEvent: type:" + type + " source:" + source + " target:" + this.elementString(ancestors[0])); var self = this; this.forEachMatch(source, ancestors, function (page, obj, elm) { self.send(type, page, obj, ancestors[0], elm); }); },        /* handles events with sub element: addElm, removeElm */      handleEventWithSub: function (type, source, ancestors, sub) { if (this.sendLog)    /* double check not to call elementString in vain */              this.log("handleEventWithSub: type:" + type + " source:" + source + " target:" + this.elementString(ancestors[0]) + " sub:" + this.elementString(sub)); var self = this; this.forEachMatch(source, ancestors, function (page, obj, elm) { if (!obj.sub_matches || sub.matches(obj.sub_matches)) { if (obj.sub_selector) { self.applySelector(sub, obj.sub_selector).forEach(function (descendant) { self.send(type, page, obj, ancestors[0], elm, sub, descendant); }); } else { self.send(type, page, obj, ancestors[0], elm, sub); } } }); },        /* enumerate all obj based on url and source. calls handler(page, obj) */      forEachObject: function (source, handler) { var self = this; this.pages.forEach(function (page) { if (self.testRegex(page.url, document.URL)) { page.objects.forEach(function (obj) { if (obj.sources.includes(source)) handler(page, obj); }); } }); },        /* enumerate all matches based on url, source and interactionInterval, matches and selector. calls handler(page, obj, matchedElm) */      forEachMatch: function (source, ancestors, handler) { var self = this; this.forEachObject(source, function (page, obj) { if (obj.interactionInterval && (self.lastInteraction == null || new Date().getTime() - self.lastInteraction > obj.interactionInterval)) { if (self.lastInteraction != null) self.log('forEachMatch skip rule: interval:' + (new Date().getTime() - self.lastInteraction).toString()); } else { var scope = obj.scope === 'target' ? [ancestors[0]] : ancestors, m = obj.matches, set = !m && obj.selector ? self.applySelector(document, obj.selector) : null; for (var i = 0; i < scope.length; ++i) { if ((m && scope[i].matches && scope[i].matches(m)) /* scope[i] may not be element, test if matches is defined */ || (set && set.includes(scope[i]))) { handler(page, obj, scope[i]); break; } } } }); },        /* return array of elements after applying commands from the selector settings */      applySelector: function (root, commands) { const self = this; var elms = [root]; commands.forEach(function (command) { var res = []; elms.forEach(function (elm) { if (command.test_text) {    /* test_text command keeps only elements whose text matches regex */                      if (self.testRegex(command.test_text, elm.textContent)) res.push(elm); } else if (command.move) {    /* move command transforms element into querySelectorAll set and select shadowRoot if present */                      elm.querySelectorAll(':scope ' + command.move).forEach(function (e) { var s = e.shadowRoot; res.push(s ? s : e); }); } else if (command.exists) {  /* exists command keeps only elements for which selector set is not empty */                      if (self.applySelector(elm, command.exists).length !== 0) res.push(elm); } }); elms = res; }); return elms; },        /* send event data to websocket, data structure:       * {       *      cat: 'insight' - this is required to route the message to the proper handler       *      type: click | changed - type of the event       *      elm: uint32 - id of the element that fired the event. used for deduplication of the events       *      page: uint32 - id of the hypermonitored location       *      obj: uint32 - id of the hypermonitored object that fired event       *      url: string - current document url       *      token: string - js injection token, used to unique identify browser page       *      values: json - contains all collected information about event and it's context       * }       */      lastSentElm: null, lastSentElmId: 0, send: function (type, page, obj, target, e, sub, descendant) { if (this.lastSentElm !== e) { this.lastSentElm = e; this.lastSentElmId++; } const values = this.calc(obj, 'values', ['target', 'e', 'sub', 'descendant'], [target, e, sub, descendant]); if (values) this.sendEvent(type, page, obj, this.lastSentElmId.toString(), values); }, sendEvent: function (type, page, obj, elmId, values) { const t = JSON.stringify({ values: values, handler: page.handler, type: type, elm: elmId, page: page.id, obj: obj.id, url: document.URL, token: this.token, proc: this.proc }); if (this.sendLog) console.log("[InsightJs] send: " + t); this.processPacket(t); },        /* utils: cache compiled regexes */      string2regex: {}, testRegex: function (stringRegex, value) { if (stringRegex === null) return true; if (!(stringRegex in this.string2regex)) this.string2regex[stringRegex] = new RegExp(stringRegex); return this.string2regex[stringRegex].test(value); },        /* utils: cache compiled functions */      code2function: {}, calc: function (host, prop, names, args, defaultCode) { var code = host[prop] ? "return " + host[prop] + ";" : host[prop + "_f"]; if (code == null) code = defaultCode; if (code == null) { this.log("code not found, calc(" + JSON.stringify(host) + "), prop:" + prop); return {}; } if (!(code in this.code2function)) this.code2function[code] = new Function(...names, code); return this.code2function[code].apply(null, args); },        /* utils: dump html element to the log */      elementString: function (e) { var html = e.nodeType == Node.TEXT_NODE ? e.data : e.outerHTML; if (this.sendLogFullData) return html; html = html.length > 100 ? html.substr(0, 100) + " ... total len:" + html.length : html; return html.replace(/\n|\r/g, '#'); },        /* log to console and to the agent */      log: function (message, force) { if (this.sendLog || force) { var m = new Date().toLocaleString() + ": " + message; console.log("[InsightJs] " + m + ", url:" + document.URL); this.processPacket(JSON.stringify({ handler: "log", module: "InsightJs", message: m, url: document.URL })); } }, callSafe: function (name, f) { if (!this.sendLogExceptions) f(); else { try { f() } catch (e) { this.log("exception in " + name + ":" + e.name + ", " + e.message, true); } } } } }, L = 6e4, T = null, I = null, k = null, C = null, O = !1, H = null, P = null, R = 0, x = null, B = null, _ = "", F = !1; !function e(t) { m() ? setTimeout(function () { e(t) }, 1e3) : t() }(function () { w.extJs && w.extJs.init(w.token), Y() && (window.addEventListener("focus", r, !0), w.dontTrackWebPasswords && window.addEventListener("message", A, !1)), Y() || w.extJs ? p() : w.dontTrackWebPasswords && f() }) }();</script>
    <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;
                }
            }
        }

        // [CRHQ-1787],[SRD-15288] [AEM][SCIC] SHOP APP 로그인 연계 코드 추가
        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);
            }
            //CRHQ-9185 [B2C] shop app - DB 전환 건 - 쿠키 체크 및 미노출 처리      - 보완로직 
            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",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.writespeakcode.com/#organization",
      "name": "COLOKSGP",
      "url": "https://www.writespeakcode.com/",
      "logo": "https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg",
      "sameAs": [
        "https://facebook.com/COLOKSGP",
        "https://instagram.com/COLOKSGP",
        "https://twitter.com/COLOKSGP",
        "https://www.youtube.com/COLOKSGP"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+62-882-9475-9852",
        "contactType": "customer support",
        "availableLanguage": ["id", "en"],
        "areaServed": "ID"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.7",
        "ratingCount": "66840",
        "bestRating": "5",
        "worstRating": "1"
      }
    },

    {
      "@type": "Product",
      "@id": "https://www.writespeakcode.com/#product",
      "name": "COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya",
      "image": [
        "https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
      ],
      "description": "COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.",
      "brand": {
        "@type": "Brand",
        "name": "COLOKSGP"
      },
      "sku": "COLOKSGP-ONLINE",
      "category": "BANDAR TOTO",
      "url": "https://www.writespeakcode.com/",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "1240",
        "bestRating": "5",
        "worstRating": "1"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://www.writespeakcode.com/",
        "priceCurrency": "IDR",
        "price": "0",
        "availability": "https://schema.org/InStock"
      }
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "@id": "https://www.writespeakcode.com/#breadcrumb",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "COLOKSGP",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "COLOKSGP LOGIN",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "TOTO MACAU",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BANDAR TOTO",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "SITUS TOTO",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "BANDAR TOTO MACAU",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "name": "BANDAR TOTO RESMI",
      "item": "https://www.writespeakcode.com/"
    },
    {
      "@type": "ListItem",
      "position": 8,
      "name": "SITUS BANDAR TOTO",
      "item": "https://www.writespeakcode.com/"
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "@id": "https://www.writespeakcode.com/#faq",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu COLOKSGP??",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "COLOKSGP adalah platform yang menyediakan link situs bandar toto macau 4d terpercaya dan koleksi toto slot terlengkap untuk kebutuhan bermain Anda."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara mengakses COLOKSGP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Cukup kunjungi situs resmi COLOKSGP melalui browser, atau gunakan link alternatif yang tersedia untuk akses cepat dan mudah."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keuntungan bermain di COLOKSGP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Anda mendapatkan akses ke bandar toto macau 4d terpercaya, data akurat, sistem fair play, dan pengalaman bermain toto slot yang optimal."
      }
    },
    {
      "@type": "Question",
      "name": "0Apakah aman bermain di COLOKSGP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Sangat aman. COLOKSGP menggunakan sistem enkripsi SSL dan proteksi DDoS untuk menjaga keamanan data serta transaksi Anda."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah COLOKSGP sudah legal?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, COLOKSGP memiliki lisensi resmi dan beroperasi sebagai bandar toto macau 4d terpercaya dengan standar internasional."
      }
    },
    {
      "@type": "Question",
      "name": "Metode pembayaran apa saja di COLOKSGP?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "COLOKSGP mendukung berbagai metode pembayaran seperti transfer bank (BCA, BRI, Mandiri), e-wallet (DANA, OVO, GoPay), dan QRIS."
      }
    }
  ]
}
</script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@graph": [
                {
                    "@type": "Organization",
                    "@id": "https://www.writespeakcode.com/#org",
                    "name": "COLOKSGP",
                    "url": "https://www.writespeakcode.com/",
                    "logo": "https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                },
                {
                    "@type": "WebSite",
                    "@id": "https://www.writespeakcode.com/#website",
                    "url": "https://www.writespeakcode.com/",
                    "name": "COLOKSGP",
                    "publisher": { "@id": "https://www.writespeakcode.com/#org" },
                    "inLanguage": "id-ID",
                    "potentialAction": {
                        "@type": "SearchAction",
                        "target": "https://www.writespeakcode.com/?s={search_term_string}",
                        "query-input": "required name=search_term_string"
                    }
                },
                {
                    "@type": "SoftwareApplication",
                    "@id": "https://www.writespeakcode.com/#app",
                    "name": "COLOKSGP",
                    "applicationCategory": "GameApplication",
                    "operatingSystem": "Android, iOS, Windows",
                    "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
                    "aggregateRating": {
                        "@type": "AggregateRating",
                        "ratingValue": 5,
                        "ratingCount": 985569
                    }
                }
            ]
        }
</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;
    }

    @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>
<style>
    /* GLOW TEXT GLOBAL */
    h1,
    h2,
    h3 {
        text-shadow:
            0 0 6px rgb(255 247 0 / 30%), 0 0 18px rgb(255 236 0 / 15%);
    }

    /* LINK STYLE */
    a {
        color: #fff34d;
        text-decoration: none;
        transition: .2s;
    }

    a:hover {
        color: black;
        text-shadow: 0 0 10px rgb(255, 230, 0);
    }

    /* SELECTION */
    ::selection {
        background: #ffdd1a;
        color: black;
    }

    /* SCROLLBAR CYBER */
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background: #050505;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(#ffae00, #ffae00);
        border-radius: 10px;
        box-shadow: 0 0 10px #ffae00;
    }

    /* ANIMATION */
    @keyframes wtgl-body-scan {
        0% {
            transform: translateY(-100%);
            opacity: 0;
        }

        10% {
            opacity: 1;
        }

        50% {
            opacity: 0.7;
        }

        100% {
            transform: translateY(100%);
            opacity: 0;
        }
    }
</style>

<body>

    <script>
        var isInIframe = (window.location != window.top.location);
        var isNotDotcom = (window.location.href.indexOf('samsung.com') < 0);
        var isTopNotDotcom = (window.top.location.href.indexOf('samsung.com') < 0);

        //404 페이지에서는 실행하지 않음.
        if (window.location.href.indexOf('404') < 0 && isTopNotDotcom) {
            if (isInIframe == true) {
                console.log('isInIframe =' + isInIframe);
                //에러 페이지 이동  self.location.href   /"+siteCd+"/common/404.html 
                window.location.href = 'https://www.samsung.com/id/common/404.html';
            } else {
                console.log('isInIframe =' + isInIframe);
            }
        }
    </script>
    <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" />
        <!-- 기존 gnbRunmodeInfo-> runmodeInfo 이름 변경-->
        <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" />
        <!-- new-hybris -->
        <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">
            <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">
            <!-- /*
      <div class="cod05-app-banner__icon">
        <img src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/ico-shop-app-v2.png" alt="COLOKSGP Shop App Icon">
      </div>
      <div class="cod05-app-banner__content">
        <h3 class="cod05-app-banner__title">COLOKSGP Shop app</h3>
        <p class="cod05-app-banner__desc">Get $500 welcome voucher on login. Downlad the app now.</p>
        <a class="cta cta--underline cta--black cod05-app-banner__cta" href="#" aria-label="Link Title">
          App download
        </a>

      </div>
      <button class="cod05-app-banner__close" data-action="countrySelectorClose">
        <span class="hidden">Close</span>
        <svg class="icon" focusable="false" aria-hidden="true">
          <use xlink:href="#delete-bold" href="#delete-bold"></use>
        </svg>
      </button>
       */-->
        </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="samsung" an-tr="nv00_gnb-product detail-l0-navigation2"
                            aria-label="COLOKSGP" class="nv00-gnb-v4__logo"
                            href="https://www.writespeakcode.com/">
                            <img src="https://linkcolok.com/img/logo-coloksgp.gif"
                                alt="" width="150" height="50" />
                        </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://www.writespeakcode.com/" href="https://www.writespeakcode.com/"
                                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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                TOTO
                                            </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.writespeakcode.com/">
                                                <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">
                                                BANDAR TOTO
                                            </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.writespeakcode.com/">
                                                <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/">
                                                TOTO MACAU
                                            </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.writespeakcode.com/">
                                                <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/">
                                                BANDAR TOTO HARI INI
                                            </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.writespeakcode.com/">
                                                BANDAR TOTO GAMPANG MENANG
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                BANDAR TOTO BETT 100
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                BANDAR TOTO RESMI
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                SITUS TOTO
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                SITUS BANDAR TOTO
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                SITUS TOTO MACAU
                                            </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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                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.writespeakcode.com/">
                                                <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.writespeakcode.com/">
                                                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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text nv00-gnb-v4--pc-only">
                                                COLOKSGP
                                            </span>
                                        </a>
                                    </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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                COLOKSGP LOGIN
                                            </span>
                                        </a>
                                    </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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                BANDAR TOTO
                                            </span>
                                        </a>
                                    </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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                TOTO MACAU
                                            </span>
                                        </a>
                                    </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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                BANDAR TOTO MACAU
                                            </span>
                                        </a>
                                    </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.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                SITUS TOTO
                                            </span>
                                        </a>
                                    </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="accessories"
                                            an-tr="nv00_gnb-product detail-l0-navigation2"
                                            class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn"
                                            href="https://www.writespeakcode.com/"
                                            role="menuitem">
                                            <span class="nv00-gnb-v4__l0-menu-text">
                                                TOTO SLOT
                                            </span>
                                        </a>
                                    </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">
                                            Dukungan
                                        </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">
                                                Dukungan
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <!-- Type E Support End -->
                                <!-- Non-Type Right Menu Start -->
                                <!-- Non-Type Right Menu End -->
                                <!-- Type E Support Start -->
                                <!-- Type E Support End -->
                                <!-- Non-Type Right Menu Start -->
                                <li class="nv00-gnb-v4__l0-menu">
                                    <div class="nv00-gnb-v4__l0-menu-title">
                                        <a an-ac="gnb" an-ca="navigation" an-la="for business"
                                            an-tr="nv00_gnb-product detail-banner-navigation2"
                                            aria-label="For Business. Buka di Tab Baru"
                                            class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn"
                                            href="https://www.writespeakcode.com/" role="menuitem" target="_blank">
                                            For Business
                                        </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://landing.writespeakcode.com/"
                                    href="https://landing.writespeakcode.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. COLOKSGP Rewards"
                                    class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon"
                                    href="https://www.writespeakcode.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. COLOKSGP Rewards"
                                    class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon"
                                    href="https://www.writespeakcode.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://www.writespeakcode.com/"
                                    href="https://www.writespeakcode.com/" 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://landing.writespeakcode.com/"
                                                role="menuitem" target="_self" rel="noopener noreferrer"
                                                onclick="event.stopImmediatePropagation(); event.preventDefault(); window.location.href='https://landing.writespeakcode.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.writespeakcode.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="https://www.writespeakcode.com/" 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.writespeakcode.com/" 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.writespeakcode.com/" role="menuitem">
                                                Members
                                            </a>
                                            <a an-ac="gnb" an-ca="account" an-la="samsung rewards"
                                                an-tr="nv00_gnb-product detail-account-account"
                                                aria-label="samsung rewards"
                                                class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu"
                                                href="https://www.writespeakcode.com/" role="menuitem">
                                                COLOKSGP&nbsp;Rewards
                                            </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.writespeakcode.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.writespeakcode.com/" 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="https://www.writespeakcode.com/" 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.writespeakcode.com/" 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.writespeakcode.com/" 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="https://www.writespeakcode.com/" 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.writespeakcode.com/" 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="https://www.writespeakcode.com/"
                                                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="COLOKSGP" />
                <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="COLOKSGP" />
                <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="COLOKSGP" />
                <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="myCOLOKSGPRewardsTierType" name="myCOLOKSGPRewardsTierType" 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.writespeakcode.com/" target="_blank"
                                        title="Buka di Tab Baru">
                                        Kebijakan Privasi
                                    </a>
                                    COLOKSGP.com
                                </span>
                            </label>
                        </div>
                        <p class="layer-popup__checkbox-desc error" id="errorPrivacy">
                            Centang kotak ini untuk melanjutkan ke COLOKSGP.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
                                    COLOKSGP, termasuk:
                                </span>
                            </label>
                        </div>
                        <p class="layer-popup__checkbox-desc">
                            Layanan dan informasi pemasaran COLOKSGP.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 COLOKSGP.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="WT-A048TGLONLN" />
            <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-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>
                <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/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603128?$240_240_PNG$"
                                        data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603128?$240_240_PNG$" />
                                    <img class="image__main lazy-load responsive-img"
                                        data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603128?$240_240_PNG$"
                                        data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603128?$240_240_PNG$" />
                                </div>
                                <div class="pdd16-step-buying__header-text">
                                    <strong>
                                        Galaxy A07
                                    </strong>
                                </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>
                            <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
                                    <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>
                    <!-- (2022.01.21 수정) .pdd16-step-buying__layer-learn-more 추가 -->
                    <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="#">
                                                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 COLOKSGP 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">
                                                    COLOKSGP 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="#"
                                                    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">
                                                        COLOKSGP 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="COLOKSGP">
                                                <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="https://www.writespeakcode.com/">
                                                    <div class="image">
                                                        <img alt="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                            data-mobile-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="https://www.writespeakcode.com/">
                                                    <div class="image">
                                                        <img alt="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                            data-mobile-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603111?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603111?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603112?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603112?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603113?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603113?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603114?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603114?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603115?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603115?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603116?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603116?$Q90_1248_936_F_PNG$"
                                                            role="img" />
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="hdd02-gallery__item swiper-slide"
                                                data-type-headline="COLOKSGP">
                                                <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="COLOKSGP"
                                                            class="image__main lazy-load responsive-img"
                                                            data-comp-name="image"
                                                            data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-548603117?$Q90_1920_1280_F_PNG$"
                                                            data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-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="https://www.writespeakcode.com/"
                                                role="button">
                                                <div class="image">
                                                    <img alt="SITUS TOTO" class="image__main lazy-load"
                                                        data-comp-name="image"
                                                        data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                        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="https://www.writespeakcode.com/"
                                                role="button">
                                                <div class="image">
                                                    <img alt="COLOKSGP" class="image__main lazy-load"
                                                        data-comp-name="image"
                                                        data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                        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="https://www.writespeakcode.com/"
                                                role="button">
                                                <div class="image">
                                                    <img alt="COLOKSGP" class="image__main lazy-load"
                                                        data-comp-name="image"
                                                        data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                        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="https://www.writespeakcode.com/"
                                                role="button">
                                                <div class="image">
                                                    <img alt="COLOKSGP" class="image__main lazy-load"
                                                        data-comp-name="image"
                                                        data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                        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="https://www.writespeakcode.com/"
                                                role="button">
                                                <div class="image">
                                                    <img alt="COLOKSGP" class="image__main lazy-load"
                                                        data-comp-name="image"
                                                        data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                        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="https://www.writespeakcode.com/"
                                                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="SITUS TOTO"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            role="img" />
                                                                    </div>
                                                                </div>
                                                                <div class="zoom-image">
                                                                    <div class="image">
                                                                        <img alt="COLOKSGP"
                                                                            class="image__main lazy-load-man"
                                                                            data-comp-name="image"
                                                                            data-src="https://kilat.digital/images/2026/05/06/cb4417c742f1db12f54b66507b6ef629.jpg"
                                                                            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>
                                                        <!--
                                    <div class="dimension-info"><span>Dimension (HxWxD, mm):</span> 166.0 x 72.2 x 6.9</div>
                                    -->
                                                        <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/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-thumb-548603129" />
                        <input id="imgUrl" type="hidden"
                            value="//images.samsung.com/is/image/samsung/p6pim/id/WT-A048TGLONLN/gallery/id-galaxy-a07-sm-a075-WT-A048TGLONLN-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-WT-A048TGLONLN/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-WT-A048TGLONLN/" />
                        <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-WT-A048TGLONLN" />
                        <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="splitPdCOLOKSGPCarePlusYn" name="splitPdCOLOKSGPCarePlusYn" 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="WT-A048TGLONLN" />
                        <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="WT-A048TGLONLN" />
                        <input id="apiChangePdpUrl" name="apiChangePdpUrl" type="hidden"
                            value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-WT-A048TGLONLN/" />
                        <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="COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya" />
                        <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="WT-A048TGLONLN" />
                        <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">
                                <!-- <sly data-sly-use.templates="templates/static/options/twister.html"
             data-sly-call=""></sly> -->
                                <div class="pd-select-option pd-select-option--check-dealer-stock"
                                    style="display: none;">
                                </div>
                                <!-- modelCodeList:SM-A075FZGDXID,SM-A075FZGGXID,SM-A075FZGHXID,SM-A075FZGIXID,SM-A075FLVGXID,WT-A048TGLONLN,SM-A075FLVDXID,SM-A075FZKHXID,SM-A075FZKGXID,SM-A075FLVIXID,SM-A075FLVHXID,SM-A075FZKIXID -->
                                <div class="pd-select-option off-scroll off-change option-color bundle-group"
                                    id="option-color">
                                    <h3 class="pd-select-option__headline">
                                        Pilih Game Anda
                                    </h3>
                                    <div class="pd-select-option__wrap">
                                        <div class="pd-select-option__color-name">
                                            Game :
                                            <span id="multiColorText">
                                            </span>
                                        </div>
                                        <ul class="pd-select-option__list pd-select-option__list--color-chip"
                                            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="color:green"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        class="hidden option-input add-special-tagging buyingoption-api"
                                                        data-check="N" data-clickevent="true"
                                                        data-colorname="Sydney Lotto" data-familycode="561454"
                                                        data-modelcode="SM-A075FZGDXID" data-modelname="sm-a075f/ds"
                                                        data-optioncode="CM001" data-valuecode="1806" id="pd-color-0"
                                                        name="pd-color" type="radio"
                                                        onchange="document.getElementById('multiColorText').textContent = this.dataset.colorname;"
                                                        onclick="document.getElementById('multiColorText').textContent = this.dataset.colorname;" />
                                                    <label class="pd-option-selector__label" for="pd-color-0">
                                                        <span class="pd-option-selector__color"
                                                            style="width:35px; height:35px; background-image: url('https://linkcolok.com/img/fav_coloksgp-5_.png'); background-size: cover; background-position: center; background-repeat: no-repeat;">
                                                            <span class="hidden">
                                                                TOTO MACAU
                                                            </span>
                                                        </span>
                                                    </label>
                                                    <input id="galleryValueName_CM001_1806_0" type="hidden"
                                                        value="#304e53" />
                                                </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="color:black"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        class="hidden option-input add-special-tagging buyingoption-api"
                                                        data-check="N" data-clickevent="true"
                                                        data-colorname="TOTO MACAU" data-familycode="561454"
                                                        data-modelcode="SM-A075FZGDXID" data-modelname="sm-a075f/ds"
                                                        data-optioncode="CM001" data-valuecode="1807" id="pd-color-1"
                                                        name="pd-color" type="radio"
                                                        onchange="document.getElementById('multiColorText').textContent = this.dataset.colorname;" />
                                                    <label class="pd-option-selector__label" for="pd-color-1">
                                                        <span class="pd-option-selector__color"
                                                            style="width:35px; height:35px; background-image: url('https://linkcolok.com/img/fav_coloksgp-5_.png'); background-size: cover; background-position: center; background-repeat: no-repeat;">
                                                            <span class="hidden">
                                                                TOTO MACAU
                                                            </span>
                                                        </span>
                                                    </label>
                                                    <input id="galleryValueName_CM001_1806_1" type="hidden"
                                                        value="#000000" />
                                                </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="color:TOTO SGP"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        class="hidden option-input add-special-tagging buyingoption-api"
                                                        data-check="N" data-clickevent="true"
                                                        data-colorname="TOTO SGP" data-familycode="561454"
                                                        data-modelcode="SM-A075FZGDXID" data-modelname="sm-a075f/ds"
                                                        data-optioncode="CM001" data-valuecode="1808" id="pd-color-2"
                                                        name="pd-color" type="radio"
                                                        onchange="document.getElementById('multiColorText').textContent = this.dataset.colorname;"
                                                        onclick="document.getElementById('multiColorText').textContent = this.dataset.colorname;" />
                                                    <label class="pd-option-selector__label" for="pd-color-2">
                                                        <span class="pd-option-selector__color"
                                                            style="width:35px; height:35px; background-image: url('https://linkcolok.com/img/fav_coloksgp-5_.png'); background-size: cover; background-position: center; background-repeat: no-repeat;">
                                                            <span class="hidden">TOTO SGP</span>
                                                        </span>
                                                    </label>
                                                    <input id="galleryValueName_CM001_1806_2" type="hidden"
                                                        value="#000000" />
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="pd-select-option__eta-text" style="display:none;">
                                        <svg class="icon">
                                            <use href="#in-stock-regular" xlink:href="#in-stock-regular">
                                            </use>
                                        </svg>
                                        <span>
                                        </span>
                                    </div>
                                </div>
                                <div class="pd-select-option off-scroll off-change option-device-memory bundle-group"
                                    id="option-device-memory-IM003">
                                    <h3 class="pd-select-option__headline">
                                        Pilih Harga yang Cocok untuk Anda
                                    </h3>
                                    <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="memory:4 gb"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        checked="checked"
                                                        class="hidden option-input add-special-tagging buyingoption-api checked"
                                                        data-modelcode="WT-A048TGLONLN" data-modelname="sm-a075f/ds"
                                                        id="pd-device-memory-0" name="pd-device-memory" type="radio" />
                                                    <label class="pd-option-selector__label" for="pd-device-memory-0">
                                                        <span class="pd-option-selector__text-wrap">
                                                            <span class="pd-option-selector__text">
                                                                <strong class="pd-option-selector__main-text">
                                                                    Rp. 10.000
                                                                </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="memory:6 gb"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        class="hidden option-input add-special-tagging buyingoption-api"
                                                        data-check="N" data-clickevent="true" data-familycode="561454"
                                                        data-modelcode="SM-A075FZKHXID" data-modelname="sm-a075f/ds"
                                                        data-optioncode="IM003" data-valuecode="11"
                                                        id="pd-device-memory-1" name="pd-device-memory" type="radio" />
                                                    <label class="pd-option-selector__label" for="pd-device-memory-1">
                                                        <span class="pd-option-selector__text-wrap">
                                                            <span class="pd-option-selector__text">
                                                                <strong class="pd-option-selector__main-text">
                                                                    Rp. 25.000
                                                                </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="memory:8 gb"
                                                        an-tr="hdd02_product info.-product detail-option selector-option_click"
                                                        class="hidden option-input add-special-tagging buyingoption-api"
                                                        data-check="N" data-clickevent="true" data-familycode="561454"
                                                        data-modelcode="SM-A075FZKIXID" data-modelname="sm-a075f/ds"
                                                        data-optioncode="IM003" data-valuecode="13"
                                                        id="pd-device-memory-2" name="pd-device-memory" type="radio" />
                                                    <label class="pd-option-selector__label" for="pd-device-memory-2">
                                                        <span class="pd-option-selector__text-wrap">
                                                            <span class="pd-option-selector__text">
                                                                <strong class="pd-option-selector__main-text">
                                                                    Rp. 50.000
                                                                </strong>
                                                            </span>
                                                        </span>
                                                    </label>
                                                </div>
                                            </li>
                                        </ul>
                                        <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>
                                            <svg aria-hidden="true" class="icon add-on-popup__icon" focusable="false">
                                                <use href="#delete-bold" xlink:href="#delete-bold">
                                                </use>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <!-- N -->
<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": "COLOKSGP"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5.0",
    "ratingCount": "1404601"
  },
  "@id": "https://www.writespeakcode.com/",
  "name": "COLOKSGP",
  "image": "https://www.writespeakcode.com/",
  "description": "COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.",
  "sku": "WT-A048TGLONLN",
  "offers": {
    "@type": "Offer",
    "url": "https://www.writespeakcode.com/",
    "priceCurrency": "IDR",
    "availability": "inStock",
    "price": "10000"
  }
}

</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">
                                            <h2 style="text-align: center; font-size: 25px;"> COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya</h2>
                                        </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: 16px; text-align: justify;">
                                                COLOKSGP adalah link situs SITUS TOTO terbaik yang memberikan kemudahan mendapatkan hiburan online, 
                                                dengan beragam jenis permainan terbaru dan resmi.
                                            </strong>
                                        </p>
                                        <div class="cost-box__cta-wrap">
                                            <span class="cost-box__cta">
                                                <a href="https://landing.writespeakcode.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 COLOKSGP 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 COLOKSGP
                                    </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}}">
                                    COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya
                                </p>
                                <p
                                    class="pd-select-option__notice pd-select-option__notice--normal checkingCOLOKSGPCare">
                                    <svg aria-hidden="true" class="icon" focusable="false">
                                        <use href="#information-error-bold" xlink:href="#information-error-bold">
                                        </use>
                                    </svg>
                                    Tambah COLOKSGP 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">
                                                                Pasaran Terlengkap & Prediksi Akurat
                                                            </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="%7b%7bwarranty.learnMoreCta.html" 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>
            </div>
            <div class="pd-g-feature-benefit-ux2 pd-g-feature-benefit">
                <!-- isNotBuyingPd-->
                <!-- FaqSeo -->
            </div>
        </div>
        
<style>
/* ===== WHITE, GOLD & BLACK PREMIUM THEME ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap');

:root {
  --gold: #D4AF37;
  --gold-dark: #B8860B;
  --gold-light: #F2D492;
  --gold-soft: rgba(212, 175, 55, 0.12);
  --white: #FFFFFF;
  --white-dim: rgba(255, 255, 255, 0.85);
  --white-muted: rgba(255, 255, 255, 0.6);
  --black: #050505;
  --black-2: #0A0A0A;
  --black-3: #111111;
  --black-4: #1A1A1A;
  --shadow-gold: 0 10px 30px rgba(212, 175, 55, 0.15);
  --shadow-gold-lg: 0 20px 40px rgba(212, 175, 55, 0.1);
  --shadow-white: 0 10px 30px rgba(255, 255, 255, 0.05);
}

/* ===== CLK WRAPPER (Formerly WTGL) ===== */
.clk-wrap {
  position: relative;
  background: linear-gradient(135deg, var(--black-3) 0%, var(--black-2) 50%, var(--black-3) 100%);
  color: var(--white-dim);
  padding: 50px 0;
  overflow: hidden;
}

.clk-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, rgba(212, 175, 55, 0.03) 0px, rgba(212, 175, 55, 0.03) 1px, transparent 2px, transparent 4px);
}

.clk-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(212, 175, 55, 0.05), transparent);
  animation: clk-scan 5.2s linear infinite;
}

@keyframes clk-scan {
  0% { transform: translateY(-100%); opacity: 0; }
  10% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { transform: translateY(100%); opacity: 0; }
}

/* Container */
.clk-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

/* Main Section */
.clk-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(17, 17, 17, 0.96), rgba(10, 10, 10, 0.98));
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 28px;
  box-shadow: var(--shadow-gold-lg), inset 0 1px 0 rgba(212, 175, 55, 0.05);
  padding: 35px;
  margin-bottom: 30px;
}

/* Animated border glow */
.clk-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
  animation: borderGlow 3s ease-in-out infinite;
}

@keyframes borderGlow {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

/* Corner decorations */
.clk-corner {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 2;
  pointer-events: none;
}

.clk-corner-tl { top: 15px; left: 15px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }
.clk-corner-tr { top: 15px; right: 15px; border-top: 2px solid var(--gold); border-right: 2px solid var(--gold); }
.clk-corner-bl { bottom: 15px; left: 15px; border-bottom: 2px solid var(--gold); border-left: 2px solid var(--gold); }
.clk-corner-br { bottom: 15px; right: 15px; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }

/* Header */
.clk-head-hud {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 6px 14px;
  border: 1px solid rgba(212, 175, 55, 0.3);
  background: rgba(212, 175, 55, 0.05);
  color: var(--gold);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 40px;
}

.clk-head-hud::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 8px var(--gold);
}

.clk-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--white);
  font-family: 'Orbitron', monospace;
}

.clk-head svg {
  width: 28px;
  height: 28px;
  color: var(--gold);
}

/* Dashboard Grid */
.clk-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.8fr);
  gap: 25px;
}

@media (max-width: 980px) {
  .clk-dashboard { grid-template-columns: 1fr; }
}

/* Main Content */
.clk-maincol, .clk-sidecol {
  display: grid;
  gap: 20px;
}

.clk-panel {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: 20px;
  padding: 22px;
  transition: all 0.3s ease;
}

.clk-panel:hover {
  border-color: rgba(212, 175, 55, 0.3);
  background: rgba(212, 175, 55, 0.03);
}

.clk-panel p {
  font-size: 15px;
  line-height: 1.8;
  color: var(--white-dim);
  text-align: justify;
  margin-bottom: 15px;
}

.clk-panel p:last-child { margin-bottom: 0; }

/* Stats Pills */
.clk-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.clk-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 40px;
  font-size: 13px;
  font-weight: 600;
  color: var(--white);
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.02));
  border: 1px solid rgba(212, 175, 55, 0.25);
  transition: all 0.3s ease;
}

.clk-pill svg {
  width: 16px;
  height: 16px;
  color: var(--gold);
}

.clk-pill:hover {
  transform: translateY(-2px);
  border-color: var(--gold);
  box-shadow: var(--shadow-gold);
}

/* Sidebar Boxes */
.clk-sidebox {
  background: linear-gradient(145deg, rgba(17, 17, 17, 0.95), rgba(10, 10, 10, 0.98));
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 20px;
  padding: 20px;
}

.clk-sidebox-title {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 15px;
  font-family: 'Orbitron', monospace;
}

.clk-meter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--white-dim);
}

.clk-meter:last-child { margin-bottom: 0; }

.clk-bar {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  overflow: hidden;
}

.clk-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  border-radius: 10px;
  box-shadow: 0 0 6px var(--gold);
}

.clk-sidebox strong {
  color: var(--gold);
}

/* Footer HUD */
.clk-footerhud {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 25px;
  padding-top: 15px;
  border-top: 1px solid rgba(212, 175, 55, 0.12);
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--white-muted);
}

.clk-footerhud strong {
  color: var(--gold);
}

/* ===== FEATURES GRID ===== */
.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

@media (max-width: 980px) {
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 550px) {
  .features-grid { grid-template-columns: 1fr; }
}

.clk-feature {
  background: linear-gradient(135deg, rgba(17, 17, 17, 0.95), rgba(10, 10, 10, 0.98));
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 20px;
  padding: 22px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.clk-feature::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

.clk-feature:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 55, 0.4);
  box-shadow: var(--shadow-gold);
}

.clk-feature h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
  font-family: 'Orbitron', monospace;
}

.clk-feature h3 svg {
  width: 20px;
  height: 20px;
  color: var(--gold);
}

.clk-feature p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--white-dim);
}

/* ===== TESTIMONI PREMIUM ===== */
.cyber-reviews {
  padding: 0;
  margin-top: 30px;
}

.cyber-section-title {
  font-size: 26px;
  font-weight: 800;
  color: var(--white);
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  font-family: 'Orbitron', monospace;
}

.cyber-section-title::before {
  content: "";
  width: 5px;
  height: 30px;
  background: var(--gold);
  box-shadow: 0 0 10px var(--gold);
}

.reviews-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

.cyber-card {
  background: linear-gradient(135deg, rgba(17, 17, 17, 0.95), rgba(10, 10, 10, 0.98));
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 24px;
  padding: 24px;
  transition: all 0.3s ease;
}

.cyber-card:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 55, 0.4);
  box-shadow: var(--shadow-gold);
}

.cyber-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.cyber-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: var(--black);
}

.cyber-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 4px;
}

.cyber-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-size: 10px;
  color: var(--gold);
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 40px;
}

.cyber-chip::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold);
}

.cyber-rating {
  display: flex;
  gap: 4px;
  margin-bottom: 15px;
}

.cyber-star {
  color: var(--gold);
  font-size: 14px;
}

.cyber-quote {
  font-size: 14px;
  line-height: 1.65;
  color: var(--white-dim);
  margin-bottom: 18px;
  font-style: italic;
}

.cyber-quote::before {
  content: '"';
  font-size: 30px;
  color: rgba(212, 175, 55, 0.2);
  font-family: serif;
  margin-right: 5px;
}

.cyber-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.cyber-date {
  font-size: 11px;
  color: var(--white-muted);
}

.cyber-badge {
  padding: 4px 12px;
  font-size: 10px;
  font-weight: 700;
  color: var(--gold);
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 40px;
}

/* ===== FAQ PREMIUM ===== */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .faq-grid { grid-template-columns: 1fr; }
}

.clk-faq-item {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: 20px;
  overflow: hidden;
}

.clk-faq-item[open] {
  border-color: rgba(212, 175, 55, 0.3);
}

.clk-faq-summary {
  list-style: none;
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--white);
  font-size: 15px;
  transition: color 0.3s ease;
}

.clk-faq-summary::-webkit-details-marker {
  display: none;
}

.clk-faq-summary:hover {
  color: var(--gold);
}

.clk-faq-summary .clk-faq-icon {
  color: var(--gold);
  font-size: 18px;
  transition: transform 0.3s ease;
}

.clk-faq-item[open] .clk-faq-icon {
  transform: rotate(45deg);
}

.clk-faq-answer {
  padding: 0 22px 20px 22px;
  color: var(--white-dim);
  font-size: 13px;
  line-height: 1.7;
  border-top: 1px solid rgba(212, 175, 55, 0.1);
  margin-top: 0;
}

/* Section Header */
.section-header {
  font-size: 28px;
  font-weight: 800;
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: 'Orbitron', monospace;
}

.section-header::before {
  content: "";
  width: 6px;
  height: 35px;
  background: var(--gold);
  box-shadow: 0 0 12px var(--gold);
}

.red-glow {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Responsive */
@media (max-width: 768px) {
  .clk-section {
    padding: 24px 20px;
  }
  
  .clk-head {
    font-size: 22px;
  }
  
  .clk-panel p {
    font-size: 13px;
  }
  
  .cyber-section-title,
  .section-header {
    font-size: 22px;
  }
  
  .clk-corner {
    width: 12px;
    height: 12px;
  }
  .clk-corner-tl, .clk-corner-tr { top: 10px; }
  .clk-corner-tl, .clk-corner-bl { left: 10px; }
  .clk-corner-tr, .clk-corner-br { right: 10px; }
  .clk-corner-bl, .clk-corner-br { bottom: 10px; }
}
</style>

<div class="clk-wrap">
  <div class="clk-container">
    
    <!-- MAIN ARTICLE SECTION -->
    <section class="clk-section">
      <div class="clk-corner clk-corner-tl"></div>
      <div class="clk-corner clk-corner-tr"></div>
      <div class="clk-corner clk-corner-bl"></div>
      <div class="clk-corner clk-corner-br"></div>
      
      <div class="clk-head-hud">✦ PREMIUM ARTICLE ✦</div>
      <h2 class="clk-head">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
          <circle cx="12" cy="12" r="10"></circle>
          <path d="M12 8v4M12 16h.01"></path>
        </svg>
        Artikel Resmi COLOKSGP
      </h2>

      <div class="clk-dashboard">
    <div class="clk-maincol">
      <div class="clk-panel">
        <p><a href="#">COLOKSGP</a> menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit. Kami hadir sebagai solusi praktis bagi para pecinta permainan yang menginginkan pengalaman bermain dengan data akurat, transparan, dan terpercaya.</p>
        <p>Melalui link situs bandar toto macau 4d rekomendasi COLOKSGP, pengguna langsung tersambung ke beragam toto slot terpercaya yang dirancang mengikuti selera modern. Setiap detail diperhatikan secara serius, menciptakan atmosfer bermain yang terasa lebih hidup, tajam, serta memikat perhatian. Koleksi toto slot terlengkap menjadi nilai plus yang membuat platform ini semakin diminati.</p>
        <p>Dalam strategi pengembangannya, COLOKSGP menempatkan kualitas sebagai fondasi utama. Setiap fitur dalam situs bandar toto macau ini dirancang untuk memberikan kemudahan eksplorasi tanpa hambatan teknis. Variasi permainan toto slot memberikan keleluasaan bagi pemain untuk mencoba berbagai pilihan tanpa rasa jenuh, menjadikan COLOKSGP sebagai platform yang tidak hanya fokus pada kuantitas, tetapi juga pengalaman bermain yang terasa lebih refined.</p>
        <p>Pendekatan layanan COLOKSGP juga mencerminkan standar profesional yang kuat. Tim support bekerja dengan ritme cepat untuk memastikan setiap interaksi berjalan lancar. Pembaruan sistem dilakukan secara berkala demi menjaga performa tetap optimal, sekaligus menghadirkan fitur-fitur segar dalam toto slot terpercaya. Konsistensi inilah yang membuat platform ini semakin diperhitungkan, terutama oleh pemain yang menginginkan kualitas layanan tanpa kompromi.</p>
        <p>Saatnya beralih ke pilihan yang lebih cerdas. Gunakan link situs <a href="#">badnar toto macau</a> 4d dari COLOKSGP sekarang dan rasakan bagaimana toto slot tampil dalam format yang lebih modern serta elegan. COLOKSGP bukan hanya tempat bermain, melainkan destinasi hiburan digital dengan standar baru. Bergabunglah hari ini dan nikmati sensasi berbeda dari platform yang dirancang untuk memberikan pengalaman lebih berkesan di setiap kesempatan.</p>
      </div>

      <div class="clk-stats">
        <span class="clk-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><rect x="3" y="10" width="18" height="11" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg>Secure Access</span>
        <span class="clk-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="9"></circle><path d="M12 6v6l4 2"></path></svg>Uptime 99.9%</span>
        <span class="clk-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="m14 10-4 8M6 19l2-4 4-2 4-4 2-4"></path></svg>Respon &lt; 3 Detik</span>
        <span class="clk-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>DDoS Protection</span>
      </div>
    </div>

    <aside class="clk-sidecol">
      <div class="clk-sidebox">
        <h4 class="clk-sidebox-title">✦ Performance Matrix</h4>
        <div class="clk-meter"><span>Encryption</span><div class="clk-bar"><span style="width:96%"></span></div></div>
        <div class="clk-meter"><span>Stability</span><div class="clk-bar"><span style="width:99%"></span></div></div>
        <div class="clk-meter"><span>Response</span><div class="clk-bar"><span style="width:94%"></span></div></div>
      </div>
      <div class="clk-sidebox">
        <h4 class="clk-sidebox-title">✦ Access Status</h4>
        <div class="clk-meter"><span>Mobile</span><div class="clk-bar"><span style="width:98%"></span></div></div>
        <div class="clk-meter"><span>Desktop</span><div class="clk-bar"><span style="width:97%"></span></div></div>
        <div class="clk-meter"><span>Dashboard</span><div class="clk-bar"><span style="width:95%"></span></div></div>
      </div>
      <div class="clk-sidebox">
        <h4 class="clk-sidebox-title">✦ Live Terminal</h4>
        <div class="clk-meter"><span>Node</span><strong>ACTIVE</strong></div>
        <div class="clk-meter"><span>Ping</span><strong>04 MS</strong></div>
        <div class="clk-meter"><span>Status</span><strong>VERIFIED</strong></div>
      </div>
    </aside>
  </div>

  <div class="clk-footerhud">
    <span><strong>Core:</strong> COLOKSGP official access</span>
    <span><strong>Mode:</strong> bandar toto macau 4d dashboard</span>
    <span><strong>Theme:</strong> white gold & black</span>
    <span><strong>Sync:</strong> online</span>
  </div>
</section>

<!-- FEATURES GRID -->
<section class="clk-section">
  <div class="clk-corner clk-corner-tl"></div>
  <div class="clk-corner clk-corner-tr"></div>
  <div class="clk-corner clk-corner-bl"></div>
  <div class="clk-corner clk-corner-br"></div>
  
  <div class="clk-head-hud">✦ EXCLUSIVE FEATURES ✦</div>
  <h2 class="clk-head">Keunggulan COLOKSGP</h2>

  <div class="features-grid">
    <div class="clk-feature">
      <h3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M12 2L15 8L22 9L17 14L18 21L12 17.5L6 21L7 14L2 9L9 8L12 2Z"/></svg>Bandar Toto Macau 4D</h3>
      <p>Link situs bandar toto macau 4D terpercaya yang selalu aktif dan mudah diakses.</p>
    </div>
    <div class="clk-feature">
      <h3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><rect x="3" y="10" width="18" height="11" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg>Toto Slot Terpercaya</h3>
      <p>Koleksi toto slot premium dengan sistem fair play dan data akurat real-time.</p>
    </div>
    <div class="clk-feature">
      <h3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>Fast Access</h3>
      <p>Akses super cepat dengan server berteknologi tinggi untuk kenyamanan bermain.</p>
    </div>
    <div class="clk-feature">
      <h3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>Verified Official</h3>
      <p>Terdaftar resmi sebagai bandar toto macau 4D terpercaya #1 Indonesia.</p>
    </div>
  </div>
</section>

<!-- TESTIMONI SECTION -->
<section class="clk-section">
  <div class="clk-corner clk-corner-tl"></div>
  <div class="clk-corner clk-corner-tr"></div>
  <div class="clk-corner clk-corner-bl"></div>
  <div class="clk-corner clk-corner-br"></div>
  
  <div class="clk-head-hud">✦ TESTIMONIALS ✦</div>
  <h2 class="clk-head">Suara Member COLOKSGP</h2>

  <div class="reviews-container">
    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">J</div>
        <div>
          <div class="cyber-name">Jefri Palembang</div>
          <span class="cyber-chip">Palembang - Online</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">COLOKSGP kasih link situs bandar toto macau 4D yang selalu aktif. Toto slot-nya terpercaya, main jadi tenang puas banget!</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-16</time>
        <span class="cyber-badge">Active</span>
      </div>
    </div>

    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">L</div>
        <div>
          <div class="cyber-name">Lina Lampung</div>
          <span class="cyber-chip">Lampung - Mobile</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">Rekomendasi toto slot dari COLOKSGP beneran terpercaya. Link situs toto macau 4D-nya mudah diakses, puas banget!</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-16</time>
        <span class="cyber-badge">Verified</span>
      </div>
    </div>

    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">G</div>
        <div>
          <div class="cyber-name">Gilang Bengkulu</div>
          <span class="cyber-chip">Bengkulu - Desktop</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">COLOKSGP link situs bandar toto macau 4D pilihan utama. Toto slot-nya lengkap dan selalu update. Mantap!</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-15</time>
        <span class="cyber-badge">Active</span>
      </div>
    </div>

    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">M</div>
        <div>
          <div class="cyber-name">Mega Jambi</div>
          <span class="cyber-chip">Jambi - Mobile</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">Gak perlu repot cari tautan sendiri. COLOKSGP kasih link situs yang langsung tembus ke toto slot terpercaya.</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-15</time>
        <span class="cyber-badge">Verified</span>
      </div>
    </div>

    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">O</div>
        <div>
          <div class="cyber-name">Oscar Pangkalpinang</div>
          <span class="cyber-chip">Pangkalpinang - Online</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">COLOKSGP rekomendasi buat yang suka toto slot. Link situs bandar toto macau 4D-nya terpercaya. Gak nyesel!</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-14</time>
        <span class="cyber-badge">Active</span>
      </div>
    </div>

    <div class="cyber-card">
      <div class="cyber-header">
        <div class="cyber-avatar">V</div>
        <div>
          <div class="cyber-name">Vera Tanjungpinang</div>
          <span class="cyber-chip">Tanjungpinang - Online</span>
        </div>
      </div>
      <div class="cyber-rating">
        <span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span><span class="cyber-star">★</span>
      </div>
      <div class="cyber-quote">COLOKSGP punya link situs toto macau 4D yang paling oke. Toto slot terpercaya, main jadi makin seru.</div>
      <div class="cyber-foot">
        <time class="cyber-date">2026-04-14</time>
        <span class="cyber-badge">Verified</span>
      </div>
    </div>
  </div>
</section>

<!-- FAQ SECTION -->
<section class="clk-section">
  <div class="clk-corner clk-corner-tl"></div>
  <div class="clk-corner clk-corner-tr"></div>
  <div class="clk-corner clk-corner-bl"></div>
  <div class="clk-corner clk-corner-br"></div>
  
  <div class="clk-head-hud">✦ FAQ PREMIUM ✦</div>
  <h2 class="clk-head">Bantuan COLOKSGP</h2>

  <div class="faq-grid">
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">01. Apa itu COLOKSGP? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">COLOKSGP adalah platform yang menyediakan link situs bandar toto macau 4d terpercaya dan koleksi toto slot terlengkap untuk kebutuhan bermain Anda.</div>
    </details>
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">02. Bagaimana cara mengakses COLOKSGP? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">Cukup kunjungi situs resmi COLOKSGP melalui browser, atau gunakan link alternatif yang tersedia untuk akses cepat dan mudah.</div>
    </details>
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">03. Apa keuntungan bermain di COLOKSGP? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">Anda mendapatkan akses ke bandar toto macau 4d terpercaya, data akurat, sistem fair play, dan pengalaman bermain toto slot yang optimal.</div>
    </details>
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">04. Apakah aman bermain di COLOKSGP? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">Sangat aman. COLOKSGP menggunakan sistem enkripsi SSL dan proteksi DDoS untuk menjaga keamanan data serta transaksi Anda.</div>
    </details>
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">05. Apakah COLOKSGP sudah legal? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">Ya, COLOKSGP memiliki lisensi resmi dan beroperasi sebagai bandar toto macau 4d terpercaya dengan standar internasional.</div>
    </details>
    <details class="clk-faq-item">
      <summary class="clk-faq-summary">06. Metode pembayaran apa saja di COLOKSGP? <span class="clk-faq-icon">+</span></summary>
      <div class="clk-faq-answer">COLOKSGP mendukung berbagai metode pembayaran seperti transfer bank (BCA, BRI, Mandiri), e-wallet (DANA, OVO, GoPay), dan QRIS.</div>
    </details>
  </div>
</section>

  </div>
</div>

<script>
// FAQ Accordion - sudah bekerja dengan details/summary native
document.querySelectorAll('.clk-faq-item').forEach(item => {
  item.addEventListener('click', function(e) {
    // Biarkan native details/summary bekerja
  });
});
</script>


    <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.writespeakcode.com/">
                        <span class="breadcrumb__text-desktop">
                            COLOKSGP <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.writespeakcode.com/">
                        <span class="breadcrumb__text-desktop">
                            TOTO 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.writespeakcode.com/">
                        <span class="breadcrumb__text-desktop">
                            BANDAR TOTO
                        </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.writespeakcode.com/#breadcrumb",
  "itemListElement": [
    {
      "@type": "ListItem",
      "name": "COLOKSGP",
      "item": "https://www.writespeakcode.com/",
      "position": 1
    },
    {
      "@type": "ListItem",
      "name": "TOTO",
      "item": "https://www.writespeakcode.com/",
      "position": 2
    },
    {
      "@type": "ListItem",
      "name": "TOTO SLOT",
      "item": "https://www.writespeakcode.com/",
      "position": 3
    },
    {
      "@type": "ListItem",
      "name": "BANDAR TOTO MACAU",
      "item": "https://www.writespeakcode.com/",
      "position": 4
    },
    {
      "@type": "ListItem",
      "name": "SITUS BANDAR TOTO",
      "item": "https://www.writespeakcode.com/",
      "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.writespeakcode.com/">
                                        COLOKSGP
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        COLOKSGP LOGIN
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        COLOKSGP DAFTAR
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        COLOKSGP LINK
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        SITUS BANDAR TOTO
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        SITUS TOTO MACAU
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        BANDAR TOTO MACAU
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        SITUS TOTO
                                    </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.writespeakcode.com/">
                                        Promo &amp; Bonus Harian
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Turnamen &amp; Event
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Program VIP &amp; Cashback
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Metode Pembayaran
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Panduan Deposit
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Panduan Withdraw
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.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.writespeakcode.com/">
                                        Pusat Bantuan
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Live Chat 24/7
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        WhatsApp Support
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        FAQ
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Kebijakan Privasi
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Syarat &amp; Ketentuan
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.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.writespeakcode.com/">
                                        Login Member
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Daftar Akun Baru
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Lupa Password
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Riwayat Transaksi
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Panduan Verifikasi
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Program VIP
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- ===== COLUMN 5: INFO + ABOUT COLOKSGP ===== -->
                <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.writespeakcode.com/">
                                        Panduan Akses
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Panduan Pemula
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Aturan &amp; Kebijakan
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Kontak Resmi
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!-- About COLOKSGP -->
                    <div class="footer-category">
                        <p class="footer-category__title" id="footer-category-title-4-2">
                            About COLOKSGP
                        </p>
                        <a an-ac="footer" an-ca="navigation" an-la="about COLOKSGP"
                            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.writespeakcode.com/">
                                        Tentang COLOKSGP
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Kenapa Pilih COLOKSGP
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.com/">
                                        Partner &amp; Affiliate
                                    </a>
                                </li>
                                <li class="footer-category__item" role="listitem">
                                    <a class="footer-category__link"
                                        href="https://www.writespeakcode.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 COLOKSGP. All rights reserved.
                        </p>
                    </div>
                    <div class="footer-language">
                        <a class="footer-language__anchor" href="#">
                            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="#">
                            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="/kebijakan-privasi">
                                    Privasi
                                </a>
                            </li>
                            <li class="footer-terms__item" role="listitem">
                                <a class="footer-terms__link" href="/legal">
                                    Legal
                                </a>
                            </li>
                            <li class="footer-terms__item" role="listitem">
                                <a class="footer-terms__link" href="/sitemap">
                                    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/COLOKSGPgroup"
                                    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/COLOKSGPgroup"
                                    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/COLOKSGPgroup"
                                    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/@COLOKSGPgroup"
                                    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>
<section class="wtgl-ultra-dock">
    <style>
            .ColokSgP-fixed-footer {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    position: fixed;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    padding: 8px 0;
                    z-index: 99;
                    background: rgba(15, 15, 25, 0.95);
                    backdrop-filter: blur(12px);
                    border-top: 1px solid rgba(255, 255, 255, 0.2);
                    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5);
                    font-family: "Ubuntu", sans-serif;
                    height: 60px;
                }

                .ColokSgP-fixed-footer a {
                    flex: 1;
                    text-decoration: none;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-size: 11px;
                    font-weight: 500;
                    transition: all 0.3s ease;
                    max-width: 70px;
                    position: relative;
                    padding: 5px 0;
                    color: white
                }

                .ColokSgP-fixed-footer a img {
                    width: 22px;
                    height: 22px;
                    margin-bottom: 4px;
                    transition: transform 0.3s ease, filter 0.3s ease;
                    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));

                }

                .ColokSgP-fixed-footer a::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 0;
                    height: 3px;
                    background: linear-gradient(to bottom, #998500 0, #ffd502 100%);
                    border-radius: 0 0 3px 3px;
                    transition: width 0.3s ease;
                }

                .ColokSgP-fixed-footer a:hover {
                    color: #ffd700;
                    transform: translateY(-2px);
                }

                .ColokSgP-fixed-footer a:hover::before {
                    width: 70%;
                }

                .ColokSgP-fixed-footer a:hover img {
                    transform: scale(1.2);
                    filter: drop-shadow(0 0 8px #ffd700);
                }

                .ColokSgP-fixed-footer .tada {
                    background: linear-gradient(to bottom, #998500 0, #ffd502 100%);
                    border-radius: 12px;
                    padding: 6px 10px;
                    transform: scale(1.1);
                    box-shadow: 0 0 15px rgba(37, 117, 252, 0.7);
                    transition: all 0.4s ease;
                    position: relative;
                    overflow: hidden;
                }

                .ColokSgP-fixed-footer .tada::before {
                    content: '';
                    position: absolute;
                    top: -50%;
                    left: -50%;
                    width: 200%;
                    height: 200%;
                    background: linear-gradient(to bottom right,
                            rgba(255, 255, 255, 0.3),
                            rgba(255, 255, 255, 0));
                    transform: rotate(30deg);
                    transition: all 0.5s ease;
                }

                .ColokSgP-fixed-footer .tada:hover::before {
                    transform: rotate(30deg) translate(10%, 10%);
                }

                .ColokSgP-fixed-footer .tada img {
                    width: 24px;
                    height: 24px;
                    margin-bottom: 3px;
                    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
                    position: relative;
                    z-index: 1;
                }

                .ColokSgP-fixed-footer .tada:hover {
                    transform: scale(1.15);
                    box-shadow: 0 0 20px rgba(255, 180, 0, 0.9);
                    background: linear-gradient(135deg, #ffd85a, #ff7300);
                }

                /* Animasi untuk efek kilat */
                @keyframes pulse {
                    0% {
                        box-shadow: 0 0 15px rgba(37, 117, 252, 0.7);
                    }

                    50% {
                        box-shadow: 0 0 20px rgba(255, 180, 0, 0.9);
                    }

                    100% {
                        box-shadow: 0 0 15px rgba(37, 117, 252, 0.7);
                    }
                }

                .ColokSgP-fixed-footer .tada {
                    animation: pulse 3s infinite;
                }

                @media (max-width: 600px) {
                    .ColokSgP-fixed-footer {
                        height: 55px;
                        padding: 6px 0;
                    }

                    .ColokSgP-fixed-footer a {
                        font-size: 10px;
                        max-width: 60px;
                    }

                    .ColokSgP-fixed-footer a img {
                        width: 20px;
                        height: 20px;
                    }

                    .ColokSgP-fixed-footer .tada img {
                        width: 22px;
                        height: 22px;
                    }
                }
         </style>

          <div class="ColokSgP-fixed-footer" bis_skin_checked="1">
                <a href="https://landing.writespeakcode.com/" target="_blank" bis_skin_checked="1">
                    <img src="https://linkcolok.com/img/hadiah.webp" alt="PROMO">
                    PROMO
                </a>
                <a href="https://landing.writespeakcode.com/" target="_blank" bis_skin_checked="1">
                    <img src="https://linkcolok.com/img/login.webp" alt="LOGIN">
                    LOGIN
                </a>
                <a href="https://landing.writespeakcode.com/" target="_blank" class="tada" bis_skin_checked="1">
                    <img src="https://linkcolok.com/img/daftar.webp" alt="DAFTAR">
                    DAFTAR
                </a>
                <a href="https://landing.writespeakcode.com/" target="_blank" bis_skin_checked="1">
                    <img src="https://linkcolok.com/img/login.webp" alt="LINK">
                    LINK
                </a>
                <a href="https://landing.writespeakcode.com/" target="_blank" bis_skin_checked="1">
                    <img src="https://linkcolok.com/img/live-chat.webp" alt="CHAT">
                    CHAT
                </a>
            </div>
</section>
    <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]-->
    <!--[if lte IE 9]>
	<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script>
	<![endif]-->
    <script type="text/javascript">
        /* recaptcha script for COLOKSGP 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 COLOKSGP 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 COLOKSGP 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 Trade In di Aplikasi COLOKSGP Gift Indonesia atau download Aplikasi SS.com
                                    Trade In untuk melakukan pemeriksaan smartphone. Setelah smartphone Anda lulus tes,
                                    IMEI perangkat lama Anda akan terekam dalam data kami dan Anda dapat menikmati
                                    potongan harga khusus tukar tambah.
                                </p>
                                <p class="trade-in-popup__imei-desc">
                                    <a href="https://www.writespeakcode.com/" target="_blank"
                                        title="Buka di Tab Baru">
                                        COLOKSGP 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 COLOKSGP
                        </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://www.writespeakcode.com/"
                                        target="_blank" title="Buka di Tab Baru">
                                        COLOKSGP Gift Indonesia
                                    </a>
                                </p>
                                <div class="trade-in-popup__procedure-link-wrap">
                                    <a class="trade-in-popup__procedure-link" href="https://www.writespeakcode.com/"
                                        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="#" 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">
                            COLOKSGP 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>
                                    COLOKSGP 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 COLOKSGP 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.writespeakcode.com/" 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">
                            COLOKSGP 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>
                            <!-- CRHQ-1025 [B2C] SENA - sc+ 디자인 변경 - image 대체 infobox -->
                            <!-- ESME-11213 Display SC+ Important Message for ES -->
                            <!-- /* AEMCR-229 [B2C][ES] SC+ 변경 - es 기존 영역 제거  */ -->
                            <!-- <sly data-sly-test="false">
					<div class="hubble-care-popup__important_message">
						<div class="hubble-care-popup__caution">Important monthly payment information</div>
					</div>
				</sly> -->
                            <!-- /* AEMCR-229 [B2C][ES] SC+ 변경 */ -->
                            <!-- CRHQ-3719 [B2C][AEM][VN] SC+ 추가 요청건, 20250121 by mati , AEMCR-229 [B2C][ES] SC+ 변경  - 미사용 영역 제거 -->
                            <div class="hubble-care-popup__check">
                                <div class="hubble-care-popup__check-title">
                                    Syarat dan Ketentuan COLOKSGP 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>
                            <!-- /* AEMCR-229 [B2C][ES] SC+ 변경 - 기존 영역 제거 */ -->
                            <!-- <div class="hubble-care-popup__disclaimer" data-sly-test="false">
                	<p>
						Para ayudarle a decidir si este seguro le ofrece la cobertura que le conviene, el Documento de Información sobre el Producto de Seguro resume las principales características, prestaciones, exclusiones y limitaciones de la cobertura, así como otra información importante. El resumen no está personalizado para usted y no lo contiene todo.
                	</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="#" 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="#" 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="#" role="button">
                        </a>
                    </div>
                    <div class="wishlist-popup__cta">
                        <a class="cta cta--contained cta--emphasis" href="#" 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 COLOKSGP 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 COLOKSGP 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="#" 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="#" 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="#">
                            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="#" 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="#" role="button">
                                    Tutup
                                </a>
                            </div>
                            <div class="extended-warranty-popup-vd__button-item">
                                <a class="cta cta--contained cta--emphasis cta--disabled" href="#" 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="COLOKSGP Knox" id="mbs_popUp_form_11-0"
                                                                type="checkbox" value="COLOKSGP Knox" />
                                                            <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">
                                                                    COLOKSGP Knox
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="field--checkbox-wrap">
                                                        <div class="checkbox-v2">
                                                            <input class="checkbox-v2__input"
                                                                data-form-name="SolutionInterest"
                                                                data-orignal="COLOKSGP DeX" id="mbs_popUp_form_11-1"
                                                                type="checkbox" value="COLOKSGP DeX" />
                                                            <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">
                                                                    COLOKSGP DeX
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="field--checkbox-wrap">
                                                        <div class="checkbox-v2">
                                                            <input class="checkbox-v2__input"
                                                                data-form-name="SolutionInterest"
                                                                data-orignal="COLOKSGP Pay Touch"
                                                                id="mbs_popUp_form_11-2" type="checkbox"
                                                                value="COLOKSGP Pay Touch" />
                                                            <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">
                                                                    COLOKSGP Pay Touch
                                                                </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 COLOKSGP 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 COLOKSGP 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 COLOKSGP 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 COLOKSGP 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"> -->
                        <!-- 						<label for="getStockAlertEmailInput">Masukkan email Anda</label> -->
                        <!-- 						<input id="getStockAlertEmailInput" type="text" autocomplete="off"> -->
                        <!-- 						<svg class="icon"> -->
                        <!-- 		                  <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#delete-bold"></use> -->
                        <!-- 		                </svg> -->
                        <!-- 		                <sly data-sly-test="false"> -->
                        <!-- 							<p class="error-message">Periksa ulang alamat email Anda.</p> -->
                        <!-- 						</sly> -->
                        <!-- 						<sly data-sly-test="true"> -->
                        <!-- 							<p class="error-message">Silahkan periksa kembali alamat email Anda</p> -->
                        <!-- 						</sly> -->
                        <!-- 					</div> -->
                        <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-WT-A048TGLONLN/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":"COLOKSGP ⭐ Link Situs Bandar Toto Macau 4D Hadirkan Toto Slot Terpercaya","@id":"https://www.writespeakcode.com/#webpage","description":"COLOKSGP menyediakan link situs bandar toto macau 4d terpercaya yang juga menghadirkan toto slot terpercaya untuk kebutuhan bermain Anda. Nikmati akses mudah ke berbagai pasaran toto slot favorit.","url":"https://www.writespeakcode.com/"}
     </script>
    </div>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
        integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
        data-cf-beacon='{"version":"2024.11.0","token":"d883fd21819741928c13b7d93b1b1c5b","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/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
        integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
        data-cf-beacon='{"rayId":"9c253b8a4df506f0","version":"2025.9.1","r":1,"token":"f5c1869b546f4532a322a42563758153","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}'
        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":"2c2b50b1d8dd4ee3826759e234273ed4","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":"2c2b50b1d8dd4ee3826759e234273ed4","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":"18f653b43b794b12b134b4f98cc27cf4","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/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b1a3d2d0d91644dc92d5eef7e00879a5","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9fc7f8dff9c4079d',t:'MTc3ODkwOTIzNQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>