


<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
<style>
            .fireworks-container {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 9999; 
                pointer-events: none; 
                }
        </style>
        <div class="fireworks-container"></div>
        <script src="https://cdn.jsdelivr.net/npm/fireworks-js/dist/index.umd.min.js"></script>
        <script>
                document.addEventListener('DOMContentLoaded', () => {
                    // Pastikan library Fireworks tersedia
                    if (typeof Fireworks !== 'undefined') {
                        // Pilih container untuk animasi fireworks
                        const container = document.querySelector('.fireworks-container');

                        // Inisialisasi Fireworks
                        const fireworks = new Fireworks.default(container, {
                            autoresize: true, // Otomatis menyesuaikan ukuran
                            opacity: 0.8, // Transparansi latar
                            acceleration: 1.05,
                            friction: 0.98,
                            gravity: 1,
                            particles: 75,
                            trace: 3,
                            explosion: 5,
                            hue: {
                                min: 0,
                                max: 360
                            },
                            brightness: {
                                min: 50,
                                max: 80
                            },
                            boundaries: {
                                top: 0,
                                bottom: window.innerHeight,
                                left: 0,
                                right: window.innerWidth
                            }
                        });

                        // Jalankan Fireworks secara otomatis
                        fireworks.start();

                        // Tambahkan handler untuk penyesuaian ukuran layar dengan debounce
                        let resizeTimeout;
                        window.addEventListener('resize', () => {
                            clearTimeout(resizeTimeout);
                            resizeTimeout = setTimeout(() => {
                                fireworks.setSize(window.innerWidth, window.innerHeight);
                            }, 300);
                        });
                    } else {
                        console.error('Fireworks.js tidak tersedia di browser ini.');
                    }
                });
        </script>
    <meta charset="utf-8" />
    <title>Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual</title>
    <meta property="og:type" content="product" />
    <meta property="og:site_name" content="Surga11" />
    <meta property="og:title" content="Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual" />
    <meta property="og:description"
        content="Siapkan perlengkapanmu dan jelajahi dunia penuh warna bersama Spadegaming. Dari misi penyelamatan hingga perburuan harta karun digital, Surga11 menyajikan pengalaman imersif yang menantang adrenalin setiap detik. Siapkah Anda menjadi pemenang berikutnya." />
    <meta property="og:url" content="https://www.santacruz-madeira.com/restaurantes-canico" />
    <link rel="amphtml" href="https://essaybaron.com/how-to-place-an-order/ampSURGA22" />
    <meta property="og:image" content="image/bannersurga22.webp" />
    <meta property="og:locale" content="en_NG" />
    <meta name="title" content="Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual" />
    <meta name="robots" content="index,follow" />
    <meta name="description"
        content="Siapkan perlengkapanmu dan jelajahi dunia penuh warna bersama Spadegaming. Dari misi penyelamatan hingga perburuan harta karun digital, Surga22 menyajikan pengalaman imersif yang menantang adrenalin setiap detik. Siapkah Anda menjadi pemenang berikutnya." />
    <link rel="alternate" href="https://essaybaron.com/how-to-place-an-order/" />
    <link rel="canonical" href="https://essaybaron.com/how-to-place-an-order/" />
    <meta property="fb:app_id" content="728795990650684" />
    <meta property="fb:pages" content="291297097615087" />
    <meta name="msvalidate.01" content="66DCE7076C4C56245BAB83C687510491" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="application-name" content="Jumia" />
    <meta name="theme-color" content="#ffffff" />
    <link rel="manifest" crossorigin="use-credentials" href="https://www.jumia.com.ng/assets_he/manifest/jumia/ng.2bc74913.json" />
    <link rel="stylesheet" href="https://www.jumia.com.ng/assets_he/css/main.a0337404.css" />
    <link rel="icon" type="image/ico" sizes="any" href="image/iconsurga22.webp" />
    <link rel="icon" type="image/svg+xml" href="image/iconsurga22.webp" />
    <link rel="preconnect dns-prefetch" href="//bam.nr-data.net" />
    <link rel="preconnect dns-prefetch" href="//js-agent.newrelic.com" />
    <link rel="preconnect dns-prefetch" href="//www.google-analytics.com" />
    <link rel="preconnect dns-prefetch" href="//www.googletagmanager.com" />
    <link rel="preconnect dns-prefetch" href="//www.facebook.com" />
    <link rel="preconnect dns-prefetch" href="//connect.facebook.net" />
    <link rel="preconnect dns-prefetch" href="//static.criteo.net" />
    <link rel="preconnect dns-prefetch" href="//sslwidget.criteo.com" />
    <link rel="preconnect dns-prefetch" href="//dis.eu.criteo.com" />
    <link rel="preconnect dns-prefetch" href="//creativecdn.com" />
    <link rel="dns-prefetch" href="https://official.mai-ane-hin.com/restaurantes-canico.html" />
</head>

<body>
    <script
        type='text/javascript'>window.NREUM || (NREUM = {}); NREUM.info = { "agent": "", "beacon": "bam.nr-data.net", "errorBeacon": "bam.nr-data.net", "licenseKey": "b76de0635f", "applicationID": "202020352", "agentToken": null, "applicationTime": 10.513664, "transactionName": "NVxXYhMHChFYVUELDQwWdkMSEgsPFmZHDQYXWkEWHUY0LWpi", "queueTime": 0, "ttGuid": "53d4987babdc455c" }; (window.NREUM || (NREUM = {})).init = { ajax: { deny_list: ["bam.nr-data.net"] }, feature_flags: ["soft_nav"] }; (window.NREUM || (NREUM = {})).loader_config = { licenseKey: "b76de0635f", applicationID: "202020352", browserID: "202419574" };;
            /*! For license information please see nr-loader-rum-1.308.0.min.js.LICENSE.txt */

            (() => { var e, t, r = { 163: (e, t, r) => { "use strict"; r.d(t, { j: () => E }); var n = r(384), i = r(1741); var a = r(2555); r(860).K7.genericEvents; const s = "experimental.resources", o = "register", c = e => { if (!e || "string" != typeof e) return !1; try { document.createDocumentFragment().querySelector(e) } catch { return !1 } return !0 }; var d = r(2614), u = r(944), l = r(8122); const f = "[data-nr-mask]", g = e => (0, l.a)(e, (() => { const e = { feature_flags: [], experimental: { allow_registered_children: !1, resources: !1 }, mask_selector: "*", block_selector: "[data-nr-block]", mask_input_options: { color: !1, date: !1, "datetime-local": !1, email: !1, month: !1, number: !1, range: !1, search: !1, tel: !1, text: !1, time: !1, url: !1, week: !1, textarea: !1, select: !1, password: !0 } }; return { ajax: { deny_list: void 0, block_internal: !0, enabled: !0, autoStart: !0 }, api: { get allow_registered_children() { return e.feature_flags.includes(o) || e.experimental.allow_registered_children }, set allow_registered_children(t) { e.experimental.allow_registered_children = t }, duplicate_registered_data: !1 }, browser_consent_mode: { enabled: !1 }, distributed_tracing: { enabled: void 0, exclude_newrelic_header: void 0, cors_use_newrelic_header: void 0, cors_use_tracecontext_headers: void 0, allowed_origins: void 0 }, get feature_flags() { return e.feature_flags }, set feature_flags(t) { e.feature_flags = t }, generic_events: { enabled: !0, autoStart: !0 }, harvest: { interval: 30 }, jserrors: { enabled: !0, autoStart: !0 }, logging: { enabled: !0, autoStart: !0 }, metrics: { enabled: !0, autoStart: !0 }, obfuscate: void 0, page_action: { enabled: !0 }, page_view_event: { enabled: !0, autoStart: !0 }, page_view_timing: { enabled: !0, autoStart: !0 }, performance: { capture_marks: !1, capture_measures: !1, capture_detail: !0, resources: { get enabled() { return e.feature_flags.includes(s) || e.experimental.resources }, set enabled(t) { e.experimental.resources = t }, asset_types: [], first_party_domains: [], ignore_newrelic: !0 } }, privacy: { cookies_enabled: !0 }, proxy: { assets: void 0, beacon: void 0 }, session: { expiresMs: d.wk, inactiveMs: d.BB }, session_replay: { autoStart: !0, enabled: !1, preload: !1, sampling_rate: 10, error_sampling_rate: 100, collect_fonts: !1, inline_images: !1, fix_stylesheets: !0, mask_all_inputs: !0, get mask_text_selector() { return e.mask_selector }, set mask_text_selector(t) { c(t) ? e.mask_selector = "".concat(t, ",").concat(f) : "" === t || null === t ? e.mask_selector = f : (0, u.R)(5, t) }, get block_class() { return "nr-block" }, get ignore_class() { return "nr-ignore" }, get mask_text_class() { return "nr-mask" }, get block_selector() { return e.block_selector }, set block_selector(t) { c(t) ? e.block_selector += ",".concat(t) : "" !== t && (0, u.R)(6, t) }, get mask_input_options() { return e.mask_input_options }, set mask_input_options(t) { t && "object" == typeof t ? e.mask_input_options = { ...t, password: !0 } : (0, u.R)(7, t) } }, session_trace: { enabled: !0, autoStart: !0 }, soft_navigations: { enabled: !0, autoStart: !0 }, spa: { enabled: !0, autoStart: !0 }, ssl: void 0, user_actions: { enabled: !0, elementAttributes: ["id", "className", "tagName", "type"] } } })()); var p = r(6154), m = r(9324); let h = 0; const v = { buildEnv: m.F3, distMethod: m.Xs, version: m.xv, originTime: p.WN }, b = { consented: !1 }, y = { appMetadata: {}, get consented() { return this.session?.state?.consent || b.consented }, set consented(e) { b.consented = e }, customTransaction: void 0, denyList: void 0, disabled: !1, harvester: void 0, isolatedBacklog: !1, isRecording: !1, loaderType: void 0, maxBytes: 3e4, obfuscator: void 0, onerror: void 0, ptid: void 0, releaseIds: {}, session: void 0, timeKeeper: void 0, registeredEntities: [], jsAttributesMetadata: { bytes: 0 }, get harvestCount() { return ++h } }, _ = e => { const t = (0, l.a)(e, y), r = Object.keys(v).reduce((e, t) => (e[t] = { value: v[t], writable: !1, configurable: !0, enumerable: !0 }, e), {}); return Object.defineProperties(t, r) }; var w = r(5701); const x = e => { const t = e.startsWith("http"); e += "/", r.p = t ? e : "https://" + e }; var R = r(7836), k = r(3241); const A = { accountID: void 0, trustKey: void 0, agentID: void 0, licenseKey: void 0, applicationID: void 0, xpid: void 0 }, S = e => (0, l.a)(e, A), T = new Set; function E(e, t = {}, r, s) { let { init: o, info: c, loader_config: d, runtime: u = {}, exposed: l = !0 } = t; if (!c) { const e = (0, n.pV)(); o = e.init, c = e.info, d = e.loader_config } e.init = g(o || {}), e.loader_config = S(d || {}), c.jsAttributes ??= {}, p.bv && (c.jsAttributes.isWorker = !0), e.info = (0, a.D)(c); const f = e.init, m = [c.beacon, c.errorBeacon]; T.has(e.agentIdentifier) || (f.proxy.assets && (x(f.proxy.assets), m.push(f.proxy.assets)), f.proxy.beacon && m.push(f.proxy.beacon), e.beacons = [...m], function (e) { const t = (0, n.pV)(); Object.getOwnPropertyNames(i.W.prototype).forEach(r => { const n = i.W.prototype[r]; if ("function" != typeof n || "constructor" === n) return; let a = t[r]; e[r] && !1 !== e.exposed && "micro-agent" !== e.runtime?.loaderType && (t[r] = (...t) => { const n = e[r](...t); return a ? a(...t) : n }) }) }(e), (0, n.US)("activatedFeatures", w.B)), u.denyList = [...f.ajax.deny_list || [], ...f.ajax.block_internal ? m : []], u.ptid = e.agentIdentifier, u.loaderType = r, e.runtime = _(u), T.has(e.agentIdentifier) || (e.ee = R.ee.get(e.agentIdentifier), e.exposed = l, (0, k.W)({ agentIdentifier: e.agentIdentifier, drained: !!w.B?.[e.agentIdentifier], type: "lifecycle", name: "initialize", feature: void 0, data: e.config })), T.add(e.agentIdentifier) } }, 384: (e, t, r) => { "use strict"; r.d(t, { NT: () => s, US: () => u, Zm: () => o, bQ: () => d, dV: () => c, pV: () => l }); var n = r(6154), i = r(1863), a = r(1910); const s = { beacon: "bam.nr-data.net", errorBeacon: "bam.nr-data.net" }; function o() { return n.gm.NREUM || (n.gm.NREUM = {}), void 0 === n.gm.newrelic && (n.gm.newrelic = n.gm.NREUM), n.gm.NREUM } function c() { let e = o(); return e.o || (e.o = { ST: n.gm.setTimeout, SI: n.gm.setImmediate || n.gm.setInterval, CT: n.gm.clearTimeout, XHR: n.gm.XMLHttpRequest, REQ: n.gm.Request, EV: n.gm.Event, PR: n.gm.Promise, MO: n.gm.MutationObserver, FETCH: n.gm.fetch, WS: n.gm.WebSocket }, (0, a.i)(...Object.values(e.o))), e } function d(e, t) { let r = o(); r.initializedAgents ??= {}, t.initializedAt = { ms: (0, i.t)(), date: new Date }, r.initializedAgents[e] = t } function u(e, t) { o()[e] = t } function l() { return function () { let e = o(); const t = e.info || {}; e.info = { beacon: s.beacon, errorBeacon: s.errorBeacon, ...t } }(), function () { let e = o(); const t = e.init || {}; e.init = { ...t } }(), c(), function () { let e = o(); const t = e.loader_config || {}; e.loader_config = { ...t } }(), o() } }, 782: (e, t, r) => { "use strict"; r.d(t, { T: () => n }); const n = r(860).K7.pageViewTiming }, 860: (e, t, r) => { "use strict"; r.d(t, { $J: () => u, K7: () => c, P3: () => d, XX: () => i, Yy: () => o, df: () => a, qY: () => n, v4: () => s }); const n = "events", i = "jserrors", a = "browser/blobs", s = "rum", o = "browser/logs", c = { ajax: "ajax", genericEvents: "generic_events", jserrors: i, logging: "logging", metrics: "metrics", pageAction: "page_action", pageViewEvent: "page_view_event", pageViewTiming: "page_view_timing", sessionReplay: "session_replay", sessionTrace: "session_trace", softNav: "soft_navigations", spa: "spa" }, d = { [c.pageViewEvent]: 1, [c.pageViewTiming]: 2, [c.metrics]: 3, [c.jserrors]: 4, [c.spa]: 5, [c.ajax]: 6, [c.sessionTrace]: 7, [c.softNav]: 8, [c.sessionReplay]: 9, [c.logging]: 10, [c.genericEvents]: 22 }, u = { [c.pageViewEvent]: s, [c.pageViewTiming]: n, [c.ajax]: n, [c.spa]: n, [c.softNav]: n, [c.metrics]: i, [c.jserrors]: i, [c.sessionTrace]: a, [c.sessionReplay]: a, [c.logging]: o, [c.genericEvents]: "ins" } }, 944: (e, t, r) => { "use strict"; r.d(t, { R: () => i }); var n = r(3241); function i(e, t) { "function" == typeof console.debug && (console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e), t), (0, n.W)({ agentIdentifier: null, drained: null, type: "data", name: "warn", feature: "warn", data: { code: e, secondary: t } })) } }, 1687: (e, t, r) => { "use strict"; r.d(t, { Ak: () => d, Ze: () => f, x3: () => u }); var n = r(3241), i = r(7836), a = r(3606), s = r(860), o = r(2646); const c = {}; function d(e, t) { const r = { staged: !1, priority: s.P3[t] || 0 }; l(e), c[e].get(t) || c[e].set(t, r) } function u(e, t) { e && c[e] && (c[e].get(t) && c[e].delete(t), p(e, t, !1), c[e].size && g(e)) } function l(e) { if (!e) throw new Error("agentIdentifier required"); c[e] || (c[e] = new Map) } function f(e = "", t = "feature", r = !1) { if (l(e), !e || !c[e].get(t) || r) return p(e, t); c[e].get(t).staged = !0, g(e) } function g(e) { const t = Array.from(c[e]); t.every(([e, t]) => t.staged) && (t.sort((e, t) => e[1].priority - t[1].priority), t.forEach(([t]) => { c[e].delete(t), p(e, t) })) } function p(e, t, r = !0) { const s = e ? i.ee.get(e) : i.ee, c = a.i.handlers; if (!s.aborted && s.backlog && c) { if ((0, n.W)({ agentIdentifier: e, type: "lifecycle", name: "drain", feature: t }), r) { const e = s.backlog[t], r = c[t]; if (r) { for (let t = 0; e && t < e.length; ++t)m(e[t], r); Object.entries(r).forEach(([e, t]) => { Object.values(t || {}).forEach(t => { t[0]?.on && t[0]?.context() instanceof o.y && t[0].on(e, t[1]) }) }) } } s.isolatedBacklog || delete c[t], s.backlog[t] = null, s.emit("drain-" + t, []) } } function m(e, t) { var r = e[1]; Object.values(t[r] || {}).forEach(t => { var r = e[0]; if (t[0] === r) { var n = t[1], i = e[3], a = e[2]; n.apply(i, a) } }) } }, 1738: (e, t, r) => { "use strict"; r.d(t, { U: () => g, Y: () => f }); var n = r(3241), i = r(9908), a = r(1863), s = r(944), o = r(5701), c = r(3969), d = r(8362), u = r(860), l = r(4261); function f(e, t, r, a) { const f = a || r; !f || f[e] && f[e] !== d.d.prototype[e] || (f[e] = function () { (0, i.p)(c.xV, ["API/" + e + "/called"], void 0, u.K7.metrics, r.ee), (0, n.W)({ agentIdentifier: r.agentIdentifier, drained: !!o.B?.[r.agentIdentifier], type: "data", name: "api", feature: l.Pl + e, data: {} }); try { return t.apply(this, arguments) } catch (e) { (0, s.R)(23, e) } }) } function g(e, t, r, n, s) { const o = e.info; null === r ? delete o.jsAttributes[t] : o.jsAttributes[t] = r, (s || null === r) && (0, i.p)(l.Pl + n, [(0, a.t)(), t, r], void 0, "session", e.ee) } }, 1741: (e, t, r) => { "use strict"; r.d(t, { W: () => a }); var n = r(944), i = r(4261); class a { #e(e, ...t) { if (this[e] !== a.prototype[e]) return this[e](...t); (0, n.R)(35, e) } addPageAction(e, t) { return this.#e(i.hG, e, t) } register(e) { return this.#e(i.eY, e) } recordCustomEvent(e, t) { return this.#e(i.fF, e, t) } setPageViewName(e, t) { return this.#e(i.Fw, e, t) } setCustomAttribute(e, t, r) { return this.#e(i.cD, e, t, r) } noticeError(e, t) { return this.#e(i.o5, e, t) } setUserId(e, t = !1) { return this.#e(i.Dl, e, t) } setApplicationVersion(e) { return this.#e(i.nb, e) } setErrorHandler(e) { return this.#e(i.bt, e) } addRelease(e, t) { return this.#e(i.k6, e, t) } log(e, t) { return this.#e(i.$9, e, t) } start() { return this.#e(i.d3) } finished(e) { return this.#e(i.BL, e) } recordReplay() { return this.#e(i.CH) } pauseReplay() { return this.#e(i.Tb) } addToTrace(e) { return this.#e(i.U2, e) } setCurrentRouteName(e) { return this.#e(i.PA, e) } interaction(e) { return this.#e(i.dT, e) } wrapLogger(e, t, r) { return this.#e(i.Wb, e, t, r) } measure(e, t) { return this.#e(i.V1, e, t) } consent(e) { return this.#e(i.Pv, e) } } }, 1863: (e, t, r) => { "use strict"; function n() { return Math.floor(performance.now()) } r.d(t, { t: () => n }) }, 1910: (e, t, r) => { "use strict"; r.d(t, { i: () => a }); var n = r(944); const i = new Map; function a(...e) { return e.every(e => { if (i.has(e)) return i.get(e); const t = "function" == typeof e ? e.toString() : "", r = t.includes("[native code]"), a = t.includes("nrWrapper"); return r || a || (0, n.R)(64, e?.name || t), i.set(e, r), r }) } }, 2555: (e, t, r) => { "use strict"; r.d(t, { D: () => o, f: () => s }); var n = r(384), i = r(8122); const a = { beacon: n.NT.beacon, errorBeacon: n.NT.errorBeacon, licenseKey: void 0, applicationID: void 0, sa: void 0, queueTime: void 0, applicationTime: void 0, ttGuid: void 0, user: void 0, account: void 0, product: void 0, extra: void 0, jsAttributes: {}, userAttributes: void 0, atts: void 0, transactionName: void 0, tNamePlain: void 0 }; function s(e) { try { return !!e.licenseKey && !!e.errorBeacon && !!e.applicationID } catch (e) { return !1 } } const o = e => (0, i.a)(e, a) }, 2614: (e, t, r) => { "use strict"; r.d(t, { BB: () => s, H3: () => n, g: () => d, iL: () => c, tS: () => o, uh: () => i, wk: () => a }); const n = "NRBA", i = "SESSION", a = 144e5, s = 18e5, o = { STARTED: "session-started", PAUSE: "session-pause", RESET: "session-reset", RESUME: "session-resume", UPDATE: "session-update" }, c = { SAME_TAB: "same-tab", CROSS_TAB: "cross-tab" }, d = { OFF: 0, FULL: 1, ERROR: 2 } }, 2646: (e, t, r) => { "use strict"; r.d(t, { y: () => n }); class n { constructor(e) { this.contextId = e } } }, 2843: (e, t, r) => { "use strict"; r.d(t, { G: () => a, u: () => i }); var n = r(3878); function i(e, t = !1, r, i) { (0, n.DD)("visibilitychange", function () { if (t) return void ("hidden" === document.visibilityState && e()); e(document.visibilityState) }, r, i) } function a(e, t, r) { (0, n.sp)("pagehide", e, t, r) } }, 3241: (e, t, r) => { "use strict"; r.d(t, { W: () => a }); var n = r(6154); const i = "newrelic"; function a(e = {}) { try { n.gm.dispatchEvent(new CustomEvent(i, { detail: e })) } catch (e) { } } }, 3606: (e, t, r) => { "use strict"; r.d(t, { i: () => a }); var n = r(9908); a.on = s; var i = a.handlers = {}; function a(e, t, r, a) { s(a || n.d, i, e, t, r) } function s(e, t, r, i, a) { a || (a = "feature"), e || (e = n.d); var s = t[a] = t[a] || {}; (s[r] = s[r] || []).push([e, i]) } }, 3878: (e, t, r) => { "use strict"; function n(e, t) { return { capture: e, passive: !1, signal: t } } function i(e, t, r = !1, i) { window.addEventListener(e, t, n(r, i)) } function a(e, t, r = !1, i) { document.addEventListener(e, t, n(r, i)) } r.d(t, { DD: () => a, jT: () => n, sp: () => i }) }, 3969: (e, t, r) => { "use strict"; r.d(t, { TZ: () => n, XG: () => o, rs: () => i, xV: () => s, z_: () => a }); const n = r(860).K7.metrics, i = "sm", a = "cm", s = "storeSupportabilityMetrics", o = "storeEventMetrics" }, 4234: (e, t, r) => { "use strict"; r.d(t, { W: () => a }); var n = r(7836), i = r(1687); class a { constructor(e, t) { this.agentIdentifier = e, this.ee = n.ee.get(e), this.featureName = t, this.blocked = !1 } deregisterDrain() { (0, i.x3)(this.agentIdentifier, this.featureName) } } }, 4261: (e, t, r) => { "use strict"; r.d(t, { $9: () => d, BL: () => o, CH: () => g, Dl: () => _, Fw: () => y, PA: () => h, Pl: () => n, Pv: () => k, Tb: () => l, U2: () => a, V1: () => R, Wb: () => x, bt: () => b, cD: () => v, d3: () => w, dT: () => c, eY: () => p, fF: () => f, hG: () => i, k6: () => s, nb: () => m, o5: () => u }); const n = "api-", i = "addPageAction", a = "addToTrace", s = "addRelease", o = "finished", c = "interaction", d = "log", u = "noticeError", l = "pauseReplay", f = "recordCustomEvent", g = "recordReplay", p = "register", m = "setApplicationVersion", h = "setCurrentRouteName", v = "setCustomAttribute", b = "setErrorHandler", y = "setPageViewName", _ = "setUserId", w = "start", x = "wrapLogger", R = "measure", k = "consent" }, 5289: (e, t, r) => { "use strict"; r.d(t, { GG: () => s, Qr: () => c, sB: () => o }); var n = r(3878), i = r(6389); function a() { return "undefined" == typeof document || "complete" === document.readyState } function s(e, t) { if (a()) return e(); const r = (0, i.J)(e), s = setInterval(() => { a() && (clearInterval(s), r()) }, 500); (0, n.sp)("load", r, t) } function o(e) { if (a()) return e(); (0, n.DD)("DOMContentLoaded", e) } function c(e) { if (a()) return e(); (0, n.sp)("popstate", e) } }, 5607: (e, t, r) => { "use strict"; r.d(t, { W: () => n }); const n = (0, r(9566).bz)() }, 5701: (e, t, r) => { "use strict"; r.d(t, { B: () => a, t: () => s }); var n = r(3241); const i = new Set, a = {}; function s(e, t) { const r = t.agentIdentifier; a[r] ??= {}, e && "object" == typeof e && (i.has(r) || (t.ee.emit("rumresp", [e]), a[r] = e, i.add(r), (0, n.W)({ agentIdentifier: r, loaded: !0, drained: !0, type: "lifecycle", name: "load", feature: void 0, data: e }))) } }, 6154: (e, t, r) => { "use strict"; r.d(t, { OF: () => c, RI: () => i, WN: () => u, bv: () => a, eN: () => l, gm: () => s, mw: () => o, sb: () => d }); var n = r(1863); const i = "undefined" != typeof window && !!window.document, a = "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self.navigator instanceof WorkerNavigator || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis.navigator instanceof WorkerNavigator), s = i ? window : "undefined" != typeof WorkerGlobalScope && ("undefined" != typeof self && self instanceof WorkerGlobalScope && self || "undefined" != typeof globalThis && globalThis instanceof WorkerGlobalScope && globalThis), o = Boolean("hidden" === s?.document?.visibilityState), c = /iPad|iPhone|iPod/.test(s.navigator?.userAgent), d = c && "undefined" == typeof SharedWorker, u = ((() => { const e = s.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/); Array.isArray(e) && e.length >= 2 && e[1] })(), Date.now() - (0, n.t)()), l = () => "undefined" != typeof PerformanceNavigationTiming && s?.performance?.getEntriesByType("navigation")?.[0]?.responseStart }, 6389: (e, t, r) => { "use strict"; function n(e, t = 500, r = {}) { const n = r?.leading || !1; let i; return (...r) => { n && void 0 === i && (e.apply(this, r), i = setTimeout(() => { i = clearTimeout(i) }, t)), n || (clearTimeout(i), i = setTimeout(() => { e.apply(this, r) }, t)) } } function i(e) { let t = !1; return (...r) => { t || (t = !0, e.apply(this, r)) } } r.d(t, { J: () => i, s: () => n }) }, 6630: (e, t, r) => { "use strict"; r.d(t, { T: () => n }); const n = r(860).K7.pageViewEvent }, 7699: (e, t, r) => { "use strict"; r.d(t, { It: () => a, KC: () => o, No: () => i, qh: () => s }); var n = r(860); const i = 16e3, a = 1e6, s = "SESSION_ERROR", o = { [n.K7.logging]: !0, [n.K7.genericEvents]: !1, [n.K7.jserrors]: !1, [n.K7.ajax]: !1 } }, 7836: (e, t, r) => { "use strict"; r.d(t, { P: () => o, ee: () => c }); var n = r(384), i = r(8990), a = r(2646), s = r(5607); const o = "nr@context:".concat(s.W), c = function e(t, r) { var n = {}, s = {}, u = {}, l = !1; try { l = 16 === r.length && d.initializedAgents?.[r]?.runtime.isolatedBacklog } catch (e) { } var f = { on: p, addEventListener: p, removeEventListener: function (e, t) { var r = n[e]; if (!r) return; for (var i = 0; i < r.length; i++)r[i] === t && r.splice(i, 1) }, emit: function (e, r, n, i, a) { !1 !== a && (a = !0); if (c.aborted && !i) return; t && a && t.emit(e, r, n); var o = g(n); m(e).forEach(e => { e.apply(o, r) }); var d = v()[s[e]]; d && d.push([f, e, r, o]); return o }, get: h, listeners: m, context: g, buffer: function (e, t) { const r = v(); if (t = t || "feature", f.aborted) return; Object.entries(e || {}).forEach(([e, n]) => { s[n] = t, t in r || (r[t] = []) }) }, abort: function () { f._aborted = !0, Object.keys(f.backlog).forEach(e => { delete f.backlog[e] }) }, isBuffering: function (e) { return !!v()[s[e]] }, debugId: r, backlog: l ? {} : t && "object" == typeof t.backlog ? t.backlog : {}, isolatedBacklog: l }; return Object.defineProperty(f, "aborted", { get: () => { let e = f._aborted || !1; return e || (t && (e = t.aborted), e) } }), f; function g(e) { return e && e instanceof a.y ? e : e ? (0, i.I)(e, o, () => new a.y(o)) : new a.y(o) } function p(e, t) { n[e] = m(e).concat(t) } function m(e) { return n[e] || [] } function h(t) { return u[t] = u[t] || e(f, t) } function v() { return f.backlog } }(void 0, "globalEE"), d = (0, n.Zm)(); d.ee || (d.ee = c) }, 8122: (e, t, r) => { "use strict"; r.d(t, { a: () => i }); var n = r(944); function i(e, t) { try { if (!e || "object" != typeof e) return (0, n.R)(3); if (!t || "object" != typeof t) return (0, n.R)(4); const r = Object.create(Object.getPrototypeOf(t), Object.getOwnPropertyDescriptors(t)), a = 0 === Object.keys(r).length ? e : r; for (let s in a) if (void 0 !== e[s]) try { if (null === e[s]) { r[s] = null; continue } Array.isArray(e[s]) && Array.isArray(t[s]) ? r[s] = Array.from(new Set([...e[s], ...t[s]])) : "object" == typeof e[s] && "object" == typeof t[s] ? r[s] = i(e[s], t[s]) : r[s] = e[s] } catch (e) { r[s] || (0, n.R)(1, e) } return r } catch (e) { (0, n.R)(2, e) } } }, 8362: (e, t, r) => { "use strict"; r.d(t, { d: () => a }); var n = r(9566), i = r(1741); class a extends i.W { agentIdentifier = (0, n.LA)(16) } }, 8374: (e, t, r) => { r.nc = (() => { try { return document?.currentScript?.nonce } catch (e) { } return "" })() }, 8990: (e, t, r) => { "use strict"; r.d(t, { I: () => i }); var n = Object.prototype.hasOwnProperty; function i(e, t, r) { if (n.call(e, t)) return e[t]; var i = r(); if (Object.defineProperty && Object.keys) try { return Object.defineProperty(e, t, { value: i, writable: !0, enumerable: !1 }), i } catch (e) { } return e[t] = i, i } }, 9324: (e, t, r) => { "use strict"; r.d(t, { F3: () => i, Xs: () => a, xv: () => n }); const n = "1.308.0", i = "PROD", a = "CDN" }, 9566: (e, t, r) => { "use strict"; r.d(t, { LA: () => o, bz: () => s }); var n = r(6154); const i = "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx"; function a(e, t) { return e ? 15 & e[t] : 16 * Math.random() | 0 } function s() { const e = n.gm?.crypto || n.gm?.msCrypto; let t, r = 0; return e && e.getRandomValues && (t = e.getRandomValues(new Uint8Array(30))), i.split("").map(e => "x" === e ? a(t, r++).toString(16) : "y" === e ? (3 & a() | 8).toString(16) : e).join("") } function o(e) { const t = n.gm?.crypto || n.gm?.msCrypto; let r, i = 0; t && t.getRandomValues && (r = t.getRandomValues(new Uint8Array(e))); const s = []; for (var o = 0; o < e; o++)s.push(a(r, i++).toString(16)); return s.join("") } }, 9908: (e, t, r) => { "use strict"; r.d(t, { d: () => n, p: () => i }); var n = r(7836).ee.get("handle"); function i(e, t, r, i, a) { a ? (a.buffer([e], i), a.emit(e, t, r)) : (n.buffer([e], i), n.emit(e, t, r)) } } }, n = {}; function i(e) { var t = n[e]; if (void 0 !== t) return t.exports; var a = n[e] = { exports: {} }; return r[e](a, a.exports, i), a.exports } i.m = r, i.d = (e, t) => { for (var r in t) i.o(t, r) && !i.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: t[r] }) }, i.f = {}, i.e = e => Promise.all(Object.keys(i.f).reduce((t, r) => (i.f[r](e, t), t), [])), i.u = e => "nr-rum-1.308.0.min.js", i.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t), e = {}, t = "NRBA-1.308.0.PROD:", i.l = (r, n, a, s) => { if (e[r]) e[r].push(n); else { var o, c; if (void 0 !== a) for (var d = document.getElementsByTagName("script"), u = 0; u < d.length; u++) { var l = d[u]; if (l.getAttribute("src") == r || l.getAttribute("data-webpack") == t + a) { o = l; break } } if (!o) { c = !0; var f = { 296: "sha512-+MIMDsOcckGXa1EdWHqFNv7P+JUkd5kQwCBr3KE6uCvnsBNUrdSt4a/3/L4j4TxtnaMNjHpza2/erNQbpacJQA==" }; (o = document.createElement("script")).charset = "utf-8", i.nc && o.setAttribute("nonce", i.nc), o.setAttribute("data-webpack", t + a), o.src = r, 0 !== o.src.indexOf(window.location.origin + "/") && (o.crossOrigin = "anonymous"), f[s] && (o.integrity = f[s]) } e[r] = [n]; var g = (t, n) => { o.onerror = o.onload = null, clearTimeout(p); var i = e[r]; if (delete e[r], o.parentNode && o.parentNode.removeChild(o), i && i.forEach(e => e(n)), t) return t(n) }, p = setTimeout(g.bind(null, void 0, { type: "timeout", target: o }), 12e4); o.onerror = g.bind(null, o.onerror), o.onload = g.bind(null, o.onload), c && document.head.appendChild(o) } }, i.r = e => { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, i.p = "https://js-agent.newrelic.com/", (() => { var e = { 374: 0, 840: 0 }; i.f.j = (t, r) => { var n = i.o(e, t) ? e[t] : void 0; if (0 !== n) if (n) r.push(n[2]); else { var a = new Promise((r, i) => n = e[t] = [r, i]); r.push(n[2] = a); var s = i.p + i.u(t), o = new Error; i.l(s, r => { if (i.o(e, t) && (0 !== (n = e[t]) && (e[t] = void 0), n)) { var a = r && ("load" === r.type ? "missing" : r.type), s = r && r.target && r.target.src; o.message = "Loading chunk " + t + " failed: (" + a + ": " + s + ")", o.name = "ChunkLoadError", o.type = a, o.request = s, n[1](o) } }, "chunk-" + t, t) } }; var t = (t, r) => { var n, a, [s, o, c] = r, d = 0; if (s.some(t => 0 !== e[t])) { for (n in o) i.o(o, n) && (i.m[n] = o[n]); if (c) c(i) } for (t && t(r); d < s.length; d++)a = s[d], i.o(e, a) && e[a] && e[a][0](), e[a] = 0 }, r = self["webpackChunk:NRBA-1.308.0.PROD"] = self["webpackChunk:NRBA-1.308.0.PROD"] || []; r.forEach(t.bind(null, 0)), r.push = t.bind(null, r.push.bind(r)) })(), (() => { "use strict"; i(8374); var e = i(8362), t = i(860); const r = Object.values(t.K7); var n = i(163); var a = i(9908), s = i(1863), o = i(4261), c = i(1738); var d = i(1687), u = i(4234), l = i(5289), f = i(6154), g = i(944), p = i(384); const m = e => f.RI && !0 === e?.privacy.cookies_enabled; function h(e) { return !!(0, p.dV)().o.MO && m(e) && !0 === e?.session_trace.enabled } var v = i(6389), b = i(7699); class y extends u.W { constructor(e, t) { super(e.agentIdentifier, t), this.agentRef = e, this.abortHandler = void 0, this.featAggregate = void 0, this.loadedSuccessfully = void 0, this.onAggregateImported = new Promise(e => { this.loadedSuccessfully = e }), this.deferred = Promise.resolve(), !1 === e.init[this.featureName].autoStart ? this.deferred = new Promise((t, r) => { this.ee.on("manual-start-all", (0, v.J)(() => { (0, d.Ak)(e.agentIdentifier, this.featureName), t() })) }) : (0, d.Ak)(e.agentIdentifier, t) } importAggregator(e, t, r = {}) { if (this.featAggregate) return; const n = async () => { let n; await this.deferred; try { if (m(e.init)) { const { setupAgentSession: t } = await i.e(296).then(i.bind(i, 3305)); n = t(e) } } catch (e) { (0, g.R)(20, e), this.ee.emit("internal-error", [e]), (0, a.p)(b.qh, [e], void 0, this.featureName, this.ee) } try { if (!this.#t(this.featureName, n, e.init)) return (0, d.Ze)(this.agentIdentifier, this.featureName), void this.loadedSuccessfully(!1); const { Aggregate: i } = await t(); this.featAggregate = new i(e, r), e.runtime.harvester.initializedAggregates.push(this.featAggregate), this.loadedSuccessfully(!0) } catch (e) { (0, g.R)(34, e), this.abortHandler?.(), (0, d.Ze)(this.agentIdentifier, this.featureName, !0), this.loadedSuccessfully(!1), this.ee && this.ee.abort() } }; f.RI ? (0, l.GG)(() => n(), !0) : n() } #t(e, r, n) { if (this.blocked) return !1; switch (e) { case t.K7.sessionReplay: return h(n) && !!r; case t.K7.sessionTrace: return !!r; default: return !0 } } } var _ = i(6630), w = i(2614), x = i(3241); class R extends y { static featureName = _.T; constructor(e) { var t; super(e, _.T), this.setupInspectionEvents(e.agentIdentifier), t = e, (0, c.Y)(o.Fw, function (e, r) { "string" == typeof e && ("/" !== e.charAt(0) && (e = "/" + e), t.runtime.customTransaction = (r || "http://custom.transaction") + e, (0, a.p)(o.Pl + o.Fw, [(0, s.t)()], void 0, void 0, t.ee)) }, t), this.importAggregator(e, () => i.e(296).then(i.bind(i, 3943))) } setupInspectionEvents(e) { const t = (t, r) => { t && (0, x.W)({ agentIdentifier: e, timeStamp: t.timeStamp, loaded: "complete" === t.target.readyState, type: "window", name: r, data: t.target.location + "" }) }; (0, l.sB)(e => { t(e, "DOMContentLoaded") }), (0, l.GG)(e => { t(e, "load") }), (0, l.Qr)(e => { t(e, "navigate") }), this.ee.on(w.tS.UPDATE, (t, r) => { (0, x.W)({ agentIdentifier: e, type: "lifecycle", name: "session", data: r }) }) } } class k extends e.d { constructor(e) { var t; (super(), f.gm) ? (this.features = {}, (0, p.bQ)(this.agentIdentifier, this), this.desiredFeatures = new Set(e.features || []), this.desiredFeatures.add(R), (0, n.j)(this, e, e.loaderType || "agent"), t = this, (0, c.Y)(o.cD, function (e, r, n = !1) { if ("string" == typeof e) { if (["string", "number", "boolean"].includes(typeof r) || null === r) return (0, c.U)(t, e, r, o.cD, n); (0, g.R)(40, typeof r) } else (0, g.R)(39, typeof e) }, t), function (e) { (0, c.Y)(o.Dl, function (t, r = !1) { if ("string" != typeof t && null !== t) return void (0, g.R)(41, typeof t); const n = e.info.jsAttributes["enduser.id"]; r && null != n && n !== t ? (0, a.p)(o.Pl + "setUserIdAndResetSession", [t], void 0, "session", e.ee) : (0, c.U)(e, "enduser.id", t, o.Dl, !0) }, e) }(this), function (e) { (0, c.Y)(o.nb, function (t) { if ("string" == typeof t || null === t) return (0, c.U)(e, "application.version", t, o.nb, !1); (0, g.R)(42, typeof t) }, e) }(this), function (e) { (0, c.Y)(o.d3, function () { e.ee.emit("manual-start-all") }, e) }(this), function (e) { (0, c.Y)(o.Pv, function (t = !0) { if ("boolean" == typeof t) { if ((0, a.p)(o.Pl + o.Pv, [t], void 0, "session", e.ee), e.runtime.consented = t, t) { const t = e.features.page_view_event; t.onAggregateImported.then(e => { const r = t.featAggregate; e && !r.sentRum && r.sendRum() }) } } else (0, g.R)(65, typeof t) }, e) }(this), this.run()) : (0, g.R)(21) } get config() { return { info: this.info, init: this.init, loader_config: this.loader_config, runtime: this.runtime } } get api() { return this } run() { try { const e = function (e) { const t = {}; return r.forEach(r => { t[r] = !!e[r]?.enabled }), t }(this.init), n = [...this.desiredFeatures]; n.sort((e, r) => t.P3[e.featureName] - t.P3[r.featureName]), n.forEach(r => { if (!e[r.featureName] && r.featureName !== t.K7.pageViewEvent) return; if (r.featureName === t.K7.spa) return void (0, g.R)(67); const n = function (e) { switch (e) { case t.K7.ajax: return [t.K7.jserrors]; case t.K7.sessionTrace: return [t.K7.ajax, t.K7.pageViewEvent]; case t.K7.sessionReplay: return [t.K7.sessionTrace]; case t.K7.pageViewTiming: return [t.K7.pageViewEvent]; default: return [] } }(r.featureName).filter(e => !(e in this.features)); n.length > 0 && (0, g.R)(36, { targetFeature: r.featureName, missingDependencies: n }), this.features[r.featureName] = new r(this) }) } catch (e) { (0, g.R)(22, e); for (const e in this.features) this.features[e].abortHandler?.(); const t = (0, p.Zm)(); delete t.initializedAgents[this.agentIdentifier]?.features, delete this.sharedAggregator; return t.ee.get(this.agentIdentifier).abort(), !1 } } } var A = i(2843), S = i(782); class T extends y { static featureName = S.T; constructor(e) { super(e, S.T), f.RI && ((0, A.u)(() => (0, a.p)("docHidden", [(0, s.t)()], void 0, S.T, this.ee), !0), (0, A.G)(() => (0, a.p)("winPagehide", [(0, s.t)()], void 0, S.T, this.ee)), this.importAggregator(e, () => i.e(296).then(i.bind(i, 2227)))) } } var E = i(3969); class I extends y { static featureName = E.TZ; constructor(e) { super(e, E.TZ), f.RI && document.addEventListener("securitypolicyviolation", e => { (0, a.p)(E.xV, ["Generic/CSPViolation/Detected"], void 0, this.featureName, this.ee) }), this.importAggregator(e, () => i.e(296).then(i.bind(i, 9623))) } } new k({ features: [R, T, I], loaderType: "lite" }) })() })();</script>
    <div id="jm">
        <div class="vb row -i-ctr -j-ctr _head -bg-gy05">
            <div class="col3 -df -j-start"><a href="/marketplace-vendor/" class="_link -df -i-ctr -or5 -m -fs12"
                    target="_blank" rel="noopener"><svg viewBox="0 0 24 24" class="ic -f-or5 -maxs" width="16"
                        height="16">
                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                            href="https://essaybaron.com/how-to-place-an-order/"></use>
                    </svg>Sell on Jumia</a></div>
            <div class="col10 -df -j-ctr -fs0"><span href class="vent-link" title="Jumia"><svg viewBox="0 0 75 24"
                        class="ic" width="75" height="24">
                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                            href="https://essaybaron.com/how-to-place-an-order/"></use>
                    </svg></span><a
                    href="https://pay.jumia.com.ng/?utm_source=jumia&amp;utm_medium=mall&amp;utm_campaign=venturebar"
                    class="vent-link" title="JumiaPay" rel="nofollow noopener" target="_blank"><svg viewBox="0 0 60 24"
                        class="ic" width="60" height="24">
                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                            href="https://essaybaron.com/how-to-place-an-order/"></use>
                    </svg></a><a href="https://www.jumia.com.ng/sp-jumia-delivery/" class="vent-link"
                    title="jumia delivery" rel="nofollow noopener" target="_blank"><svg viewBox="0 0 221 24" class="ic"
                        width="221" height="24">
                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                            href="https://essaybaron.com/how-to-place-an-order/">
                        </use>
                    </svg></a></div>
            <div class="col3 -df -j-end -wt -mla -gy5"></div>
        </div>
        <header class="header">
            <section class="row -i-ctr -fw-nw -pvm">
                <div class="col3 -df -i-ctr">
                    <div class="dpdw _tail _auto-w _hov _pleft -df -i-ctr -prs -mra" data-dpdw="true"><input
                            id="dpdw-flyout" class="tgl" type="checkbox" aria-controls="dpdw-flyout-box"
                            aria-haspopup="true" aria-label="Navigate Categories" /><label class="trig -df -pan"
                            for="dpdw-flyout"><span class="-fsh0"><svg viewBox="0 0 24 24" class="ic" width="24"
                                    height="24">
                                    <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                        href="https://essaybaron.com/how-to-place-an-order/">
                                    </use>
                                </svg></span><span class="-elli"></span></label>
                        <div class="box" role="menu" aria-labelledby="dpdw-flyout" id="dpdw-flyout-box">
                            <div class="inbox">
                                <div class="flyout" role="menu"><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Appliances</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Phones &amp; Tablets</span></a><a
                                        href="https://essaybaron.com/how-to-place-an-order/" class="itm" role="menuitem"><svg viewBox="0 0 24 24"
                                            class="ic -mrxs -fsh0" width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Health &amp; Beauty</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Home &amp; Office</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Electronics</span></a><a
                                        href="https://essaybaron.com/how-to-place-an-order/" class="itm" role="menuitem"><svg
                                            viewBox="0 0 24 24" class="ic -mrxs -fsh0" width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Fashion</span></a><a
                                        href="https://essaybaron.com/how-to-place-an-order/" class="itm" role="menuitem"><svg
                                            viewBox="0 0 24 24" class="ic -mrxs -fsh0" width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Supermarket</span></a><a href="https://essaybaron.com/how-to-place-an-order/" class="itm"
                                        role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0" width="20"
                                            height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Computing</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Baby Products</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><svg viewBox="0 0 24 24" class="ic -mrxs -fsh0"
                                            width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Gaming</span></a><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="itm" role="menuitem"><span class="text">Musical
                                            Instruments</span></a><span class="itm" role="menuitem" tabindex="0"><svg
                                            viewBox="0 0 24 24" class="ic -mrxs -fsh0" width="20" height="20">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg><span class="text">Other categories</span></span></div>
                            </div>
                        </div>
                  </div>
<a href="https://essaybaron.com/how-to-place-an-order/" class="-df -i-ctr -mra">
  <img 
    src="image/logosurga22.webp" 
    alt="Surga22 LOGO"
    style="height:30px; width:auto; display:block;"
  />
</a>
</div>

                <form id="search" method="get" class="cola -df" action="https://essaybaron.com/how-to-place-an-order/" data-track-providers="ga4|moengage"
                    data-track-onsubmit="search">
                    <div class="find"><svg viewBox="0 0 24 24" class="ic" width="24" height="24">
                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                href="https://essaybaron.com/how-to-place-an-order/"></use>
                        </svg><input type="text" name="q" id="fi-q" placeholder="Ketik Di Google 'Surga22' "
                            aria-label="Search" value autocomplete="off" required /><button type="button" class="rst"
                            aria-label="Reset"><svg viewBox="0 0 24 24" class="ic" width="24" height="24">
                                <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                    href="https://essaybaron.com/how-to-place-an-order/"></use>
                            </svg></button>
                        <div class="sug"></div>
                    </div><button class="btn _prim _md -mls -fsh0">Search</button>
                </form>
                <div class="col -df -j-bet -m -phn -i-ctr">
                    <div class="dpdw _pcent" data-dpdw="true"><input id="dpdw-login" class="tgl" type="checkbox"
                            aria-controls="dpdw-login-box" aria-haspopup="true" aria-label="Account" /><label
                            class="trig -df -i-ctr -fs16" for="dpdw-login"><span class="-fsh0 -mrs"><svg
                                    viewBox="0 0 24 24" class="ic" width="24" height="24">
                                    <use xlink:href="image/iconsurga22.webp"
                                        href="image/iconsurga22.webp"></use>
                                </svg></span><span class="-elli">PROFIL</span><svg viewBox="0 0 24 24"
                                class="ic -fsh0 -mls" width="18" height="18">
                                <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                    href="https://essaybaron.com/how-to-place-an-order/">
                                </use>
                            </svg></label>
                        <div class="box -r" role="menu" aria-labelledby="dpdw-login" id="dpdw-login-box">
                            <div class="inbox">
                                <div class="-pam -hr-bb"><a rel="nofollow"
                                        href="https://essaybaron.com/how-to-place-an-order/"
                                        class="btn _prim -fw _md">Sign In</a></div><a rel="nofollow"
                                    href="https://essaybaron.com/how-to-place-an-order/" class="-df -i-ctr -pas -hov-bg-gy05 -hov-m"><svg
                                        viewBox="0 0 24 24" class="ic -mrm -fsh0" width="24" height="24">
                                        <use xlink:href="image/iconsurga22.webp"
                                            href="image/iconsurga22.webp"></use>
                                    </svg>My Account</a><a rel="nofollow" href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -pas -hov-bg-gy05 -hov-m"><svg viewBox="0 0 24 24"
                                        class="ic -mrm -fsh0" width="24" height="24">
                                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                            href="https://essaybaron.com/how-to-place-an-order/">
                                        </use>
                                    </svg>Orders</a><a rel="nofollow" href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -pas -hov-bg-gy05 -hov-m"><svg viewBox="0 0 24 24"
                                        class="ic -mrm -fsh0" width="24" height="24">
                                        <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                            href="https://essaybaron.com/how-to-place-an-order/">
                                        </use>
                                    </svg>Wishlist</a>
                            </div>
                        </div>
                    </div>
                    <div class="dpdw _pcent" data-dpdw="true"><input id="dpdw-help" class="tgl" type="checkbox"
                            aria-controls="dpdw-help-box" aria-haspopup="true" aria-label="Help" /><label
                            class="trig -df -i-ctr -fs16" for="dpdw-help"><span class="-fsh0 -mrs"><svg
                                    viewBox="0 0 24 24" class="ic" width="24" height="24">
                                    <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                        href="https://essaybaron.com/how-to-place-an-order/">
                                    </use>
                                </svg></span><span class="-elli">SIGN IN</span><svg viewBox="0 0 24 24"
                                class="ic -fsh0 -mls" width="18" height="18">
                                <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                    href="https://essaybaron.com/how-to-place-an-order/">
                                </use>
                            </svg></label>
                        <div class="box -r" role="menu" aria-labelledby="dpdw-help" id="dpdw-help-box">
                            <div class="inbox"><a href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Help Center</a><a
                                    href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Place an order</a><a
                                    href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Payment options</a><a
                                    href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Track an order</a><a
                                    href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Cancel an order</a><a
                                    href="https://essaybaron.com/how-to-place-an-order/"
                                    class="-df -i-ctr -phm -pv12 -hov-bg-gy05 -hov-m">Returns &amp; Refunds</a>
                                <div class="-hr -pam">
                                    <div class="-tac _hx2 -fs0"><button class="btn _prim _md _i -fw" data-btn-lc="true"
                                            data-track-onclick="true" data-eventName="live_chat_open"
                                            data-eventCategory="LiveChat" data-eventAction="open"><svg
                                                viewBox="0 0 24 24" class="ic" width="24" height="24">
                                                <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                    href="https://essaybaron.com/how-to-place-an-order/">
                                                </use>
                                            </svg><span>Live Chat</span></button></div><a
                                        href="https://essaybaron.com/how-to-place-an-order/" target="_blank" rel="noopener"
                                        class="btn _md _i _wpp -fw -mts" aria-label="WhatsApp" data-track-onclick="true"
                                        data-eventName="whatsapp_open" data-eventCategory="WhatsApp"
                                        data-eventAction="Open"><svg viewBox="0 0 104 24" class="ic -fw" width="104"
                                            height="24">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg></a>
                                </div>
                            </div>
                        </div>
                    </div><a class="-df -i-ctr -gy9 -hov-or5 -phs -fs16" href="https://essaybaron.com/how-to-place-an-order/"><span id="ci"
                            class="-mrs -fs0"><svg viewBox="0 0 24 24" class="ic" width="24" height="24">
                                <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                    href="https://essaybaron.com/how-to-place-an-order/">
                                </use>
                            </svg></span>LOG OUT</a>
                </div>
            </section>
        </header>
<style>
    .n-columns-2{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    font-weight:700;
    font-family:'Poppins',sans-serif;
    }

    .n-columns-2 a{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:14px 10px;
    border-radius:12px;
    position:relative;
    overflow:hidden;
    transition:all .3s ease;

    box-shadow:
        0 8px 18px rgba(0,0,0,.6),
        0 0 8px rgba(212,55,55,.18);
    }

    /* ===== LOGIN BUTTON ===== */
    .login{
    color:#f3d2d2 !important;

    background:linear-gradient(
        180deg,
        #bb0000 0%,
        #000000 100%
    );

    border:1px solid rgba(212,55,55,.35);
    }

    /* ===== REGISTER BUTTON ===== */
    .register{
    color:#ffffff !important;

    background:linear-gradient(
        180deg,
        #000000 0%,
        #000000 50%,
        #000000 100%
    );

    border:1px solid rgba(255,160,160,.45);
    }

    /* ===== SHINE EFFECT ===== */
    .n-columns-2 a::after{
    content:"";
    position:absolute;
    top:-200%;
    left:-60%;
    width:60%;
    height:400%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,215,120,.18),
        rgba(255,255,255,.25),
        rgba(255,215,120,.18),
        transparent
    );

    transform:rotate(25deg);
    animation:btnshine 6s linear infinite;
    }

    @keyframes btnshine{
    0%{left:-70%}
    100%{left:140%}
    }

    /* ===== HOVER ===== */
    .login:hover{
    transform:translateY(-2px);
    box-shadow:
        0 12px 25px rgba(0,0,0,.7),
        0 0 18px rgba(212,175,55,.45);
    }

    .register:hover{
    transform:translateY(-2px);
    box-shadow:
        0 12px 25px rgba(0,0,0,.7),
        0 0 20px rgba(212,175,55,.65);
    }
</style>

    <div class="n-columns-2" style="font-size: 20px;">
    <a href="https://cumasurga.com/surga22" 
        target="_blank" rel="nofollow noreferrer" class="login">LOGIN</a>
        
    <a href="https://cumasurga.com/surga22/register" 
        target="_blank" rel="nofollow noreferrer" class="register">DAFTAR</a>
    </div>

        <main class="-pvs">
            <div class="row">
                <div class="brcbs col16 -pts -pbm"><a href="https://essaybaron.com/how-to-place-an-order/" class="cbs">PROVIDER GAME SURGA22</a><a
                        href="https://essaybaron.com/how-to-place-an-order/" class="cbs">PRAGMATIC PLAY</a><a
                        href="https://essaybaron.com/how-to-place-an-order/" class="cbs">SPADE GAMING</a><a
                        href="https://essaybaron.com/how-to-place-an-order/" class="cbs">DRAGON SOFT</a><a
                        href="https://essaybaron.com/how-to-place-an-order/" class="cbs">SIGMA GAMING</a><span class="cbs">ADVANT PLAY</span>
						</div>
                <section class="col12 -df -d-co">
                    <div class="row card _no-g -fg1 -pas">
                        <div class="col6 -phs -pvxs">
                            <div class="-ptxs -pbs">
                                <div id="imgs" class="sldr _img _prod -rad4 -oh -mbs"><input type="radio"
                                        id="imgs-sld-1" name="imgs-sld" class="sld" checked /><a
                                        href="image/bannersurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="1"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="image/bannersurga22.webp"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-1" /></a><input
                                        type="radio" id="imgs-sld-2" name="imgs-sld" class="sld" /><a
                                        href="image/iconsurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="2"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="https://essaybaron.com/how-to-place-an-order/"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-2" /></a><input
                                        type="radio" id="imgs-sld-3" name="imgs-sld" class="sld" /><a
                                        href="image/logosurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="3"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="https://essaybaron.com/how-to-place-an-order/"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-3" /></a><input
                                        type="radio" id="imgs-sld-4" name="imgs-sld" class="sld" /><a
                                        href="image/bannersurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="4"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="https://essaybaron.com/how-to-place-an-order/"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-4" /></a><input
                                        type="radio" id="imgs-sld-5" name="imgs-sld" class="sld" /><a
                                        href="image/iconsurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="5"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="https://essaybaron.com/how-to-place-an-order/"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-5" /></a><input
                                        type="radio" id="imgs-sld-6" name="imgs-sld" class="sld" /><a
                                        href="image/logosurga22.webp"
                                        class="itm" data-pop-trig="lazy-img-zoom" data-pop-dyn-id="6"
                                        data-pop-open="imageZoom"><img data-lazy-slide="true"
                                            data-src="https://essaybaron.com/how-to-place-an-order/"
                                            src="image/bannersurga22.webp"
                                            class="-fw -fh"
                                            alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-6" /></a>
                                </div>
                                <div id="imgs-crsl" class="crs-w _gal _m -mbs _nav" data-crs-onView>
                                    <div class="crs" tabindex="0">
                                        <div class="itm"><label class="itm-sel _on" for="imgs-sld-1" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-image/bannersurga22.webp
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-1" /></label>
                                        </div>
                                        <div class="itm"><label class="itm-sel" for="imgs-sld-2" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-src="image/bannersurga22.webp"
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-2" /></label>
                                        </div>
                                        <div class="itm"><label class="itm-sel" for="imgs-sld-3" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-src="image/bannersurga22.webp"
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-3" /></label>
                                        </div>
                                        <div class="itm"><label class="itm-sel" for="imgs-sld-4" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-src="image/bannersurga22.webp"
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-4" /></label>
                                        </div>
                                        <div class="itm"><label class="itm-sel" for="imgs-sld-5" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-src="image/bannersurga22.webp"
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-5" /></label>
                                        </div>
                                        <div class="itm"><label class="itm-sel" for="imgs-sld-6" tabindex="0"><img
                                                    data-lazy="true"
                                                    data-src="image/bannersurga22.webp"
                                                    src="image/bannersurga22.webp"
                                                    class="-fw _ni"
                                                    alt="product_image_name-Ace Elec-Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual-6" /></label>
                                        </div>
                                    </div><button type="button" class="c-btn _prev _dis"
                                        aria-label="Go to Previous"><svg viewBox="0 0 24 24" class="ic" width="24"
                                            height="24">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/">
                                            </use>
                                        </svg></button><button type="button" class="c-btn _next"
                                        aria-label="Go to Next"><svg viewBox="0 0 24 24" class="ic" width="24"
                                            height="24">
                                            <use xlink:href="image/logosurga22.webp"
                                                href="image/logosurga22.webp">
                                            </use>
                                        </svg></button>
                                </div>
                            </div>
                            <section class="-hr -pvs">
                                <h2 class="-fs14 -m -upp -pbs">Share this product</h2>
                                <div class="-df -pvs"></div>
                            </section>
                        </div>
                        <div class="col10">
                            <div class="-df -j-bet">
                                <div class="-pls -prl">
                                    <div class="-df -i-ctr -pts"><a href="https://essaybaron.com/how-to-place-an-order/"
                                            class="bdg _mall _sm -mrs">SURGA22</a><a
                                            href="https://essaybaron.com/how-to-place-an-order/" class="bdg _sm"
                                            style="color:#FFFFFF;background:#bb0000;">SURGAGROUP</a></div>
                                    <h1 class="-fs20 -pts -pbxs">Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual</h1>
                                </div><a id="wishlist" role="button"
                                    href="/customer/account/login/?tkWl=AC431EA728CEDNAFAMZ-719386348&amp;return=%2F20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html"
                                    class="btn _i _rnd -mas -fsh0 -me-start _def" rel="nofollow"
                                    data-sku="AC431EA728CEDNAFAMZ" data-track-onclick="wishlist"
                                    data-track-providers="ga4|moengage" data-ga4-item_brand="Ace Elec"
                                    data-ga4-item_id="AC431EA728CEDNAFAMZ"
                                    data-ga4-item_name="Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual"
                                    data-ga4-discount="0.28" data-ga4-price="4.19"
                                    data-ga4-tags="BLF_10|BLF_12|BSELL|CFS|CTO_02|Camp_100|JMALL|TBOOST|UND_27"
                                    data-ga4-item_category="Phones &amp; Tablets" data-ga4-item_category2="Accessories"
                                    data-ga4-item_category3="Batteries &amp; Battery Packs"
                                    data-ga4-item_category4="Portable Power Banks" data-ga4-is_second_chance="false"
                                    data-ga4-item_variant data-moengage-brand_name="Ace Elec"
                                    data-moengage-brand_key="ace-elec" data-moengage-product_sku="AC431EA728CEDNAFAMZ"
                                    data-moengage-product_name="Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual"
                                    data-moengage-product_price="4.19"
                                    data-moengage-product_image="https://ng.jumia.is/unsafe/fit-in/300x300/filters:fill(white)/product/27/0227814/1.jpg?2039"
                                    data-moengage-category_name="Portable Power Banks"
                                    data-moengage-category_key="mobile-phone-accessories-power-banks"
                                    data-moengage-discount="0.28" data-moengage-item_variant data-pop-trig="atw"
                                    data-pop-open="addToWishlist"><svg aria-label="Add to wishlist" viewBox="0 0 24 24"
                                        class="ic -f-or5" width="24" height="24">
                                        <use xlink:href="image/iconsurga22.webp"
                                            href="image/iconsurga22.webp">
                                        </use>
                                    </svg></a>
                            </div>
                            <div class="-phs">
                                <div class="-pvxs">Brand: <a class="_more"
                                        href="https://essaybaron.com/how-to-place-an-order/">SURGA22</a> | <a class="_more"
                                        href="https://essaybaron.com/how-to-place-an-order/">📌SITUS TERBAIK DAN TERPERCAYA TAHUN 2026</a></div>
                                <div class="-hr -mtxs -pvs">
                                    <div class="-bg-fsale -wt -pvxs -phs -rad4-top -df">
                                        <div class="-df -j-bet -i-ctr -fw">
                                            <div class="-df -i-ctr"><svg viewBox="0 0 24 24" class="ic -fsh0" width="24"
                                                    height="24">
                                                    <use xlink:href="image/iconsurga22.webp"
                                                        href="image/iconsurga22.webp">
                                                    </use>
                                                </svg><span class="-m -phxs">PROMO KHUSUS</span></div>
                                        </div>
                                    </div>
                                    <div class="df -i-ctr -fw-w -pas -brbl-fsale -rad4-bot"><span
                                            class="-b -ubpt -tal -fs24 -prxs">$ 1</span>
                                        <div class="-dif -i-ctr"><span class="-tal -gy5 -lthr -fs16 -pvxs -ubpt">$
                                                10</span><span data-disc="6%" class="bdg _dsct _dyn -mls">90%</span>
                                        </div>
                                        <div class="-pts -df -fw"><span class="-fsh0 -prs -fs12">522 items left</span>
                                            <div class="meter _s -me-ctr"
                                                style="background-image:linear-gradient(to right,#f68b1e 29.18269230769231%,#c7c7cd 29.18269230769231%);">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="-df" data-sf="true">
                                    <div class="markup -fs12 -pbs">+ ASAL SITUS :<em> INDONESIA</em></div>
                                </div>
                                <div class="-i-ctr -pbs -dn" data-si="true"></div>
                                <div class="-df -i-ctr -pbs">
                                    <div class="stars _m _al">4.9 out of 5<div class="in" style="width:98%"></div>
                                    </div><a class="-plxs _more" href="https://essaybaron.com/how-to-place-an-order/">(522,522 verified
                                        ratings)</a>
                                </div>
                            </div>
                            <style>

/* ============================= */
/* WRAPPER BUTTON */
/* ============================= */
.btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* ============================= */
/* BASE BUTTON STYLE 3D */
/* ============================= */
.btn-3d {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 40px;
    text-decoration: none;
    letter-spacing: 1px;
    transition: all 0.4s ease;
    overflow: hidden;
    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(0,0,0,0.5),
        inset 0 -4px 8px rgba(0,0,0,0.3);
}

/* ============================= */
/* DAFTAR BUTTON - NEON GREEN */
/* ============================= */
.btn-3d.daftar {
    background: linear-gradient(145deg, #000000, #d43737);
    color: #fff;
}

.btn-3d.daftar:hover {
    transform: translateY(-6px) scale(1.05);
    box-shadow:
        0 15px 40px rgba(0,0,0,0.7),
        0 0 25px rgba(77,255,0,0.8);
}

/* ============================= */
/* LOGIN BUTTON - GOLD LUXURY */
/* ============================= */
.btn-3d.login {
    background: linear-gradient(145deg, #d43737, #000000);
    color: #221;
}

.btn-3d.login:hover {
    transform: translateY(-6px) scale(1.05);
    box-shadow:
        0 15px 40px rgba(0,0,0,0.7),
        0 0 25px rgba(255,215,0,0.8);
}

/* ============================= */
/* SHINE EFFECT */
/* ============================= */
.btn-3d::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -60%;
    width: 50%;
    height: 300%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.5) 50%,
        transparent 100%
    );
    transform: rotate(25deg);
    animation: shine 5s infinite linear;
}

@keyframes shine {
    0% { left: -60%; }
    100% { left: 140%; }
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 480px) {
    .btn-3d {
        width: 100%;
        max-width: 300px;
    }
}

</style>


<div class="-phxs">
  <div class="-phxs -pvs btn-wrapper">

    <a href="https://essaybaron.com/how-to-place-an-order/" class="btn-3d daftar">
      MEMBER
    </a>

    <a href="https://essaybaron.com/how-to-place-an-order/" class="btn-3d login">
      MEMBER VIP
    </a>

  </div>
</div>

                            <section class="-phs -pts -fs14">
                                <h2 class="-fs14 -m -upp -pvs -hr">Promotions</h2>
                                <div class="-pvxs -hr _bet"><a href="https://essaybaron.com/how-to-place-an-order/"
                                        class="-pvxs -df -i-ctr _more"><svg viewBox="0 0 24 24"
                                            class="ic -me-base -fsh0 -mrs" width="24" height="24">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/"></use>
                                        </svg><span>Siapkan perlengkapanmu dan jelajahi dunia penuh warna bersama Spadegaming. Dari misi penyelamatan hingga perburuan harta karun digital, Surga22 menyajikan pengalaman imersif yang menantang adrenalin setiap detik. Siapkah Anda menjadi pemenang berikutnya.</span></a><a
                                        href="https://essaybaron.com/how-to-place-an-order/" class="-pvxs -df -i-ctr _more"><svg
                                            viewBox="0 0 24 24" class="ic -me-base -fsh0 -mrs" width="24" height="24">
                                            <use xlink:href="https://essaybaron.com/how-to-place-an-order/"
                                                href="https://essaybaron.com/how-to-place-an-order/"></use>
                                        </svg><span>LOGIN, PLAY AND MAXWIN
                                            </span></a></div>
                            </section>
                        </div>
                        <div class="col16 -pas -mta"><a class="_more" target="_blank" rel="noopener nofollow"
                                href="https://essaybaron.com/how-to-place-an-order/">SURGA22 - SURGAGROUP</a></div>
                    </div>
                    <div class="reco _res -mtm" style="width:100%; display:flex; justify-content:center;">
                        <div class="reco-w" style="width:100%; max-width:1200px;">
                            <section class="card -oh _fw -rad4">
                                <header class="row _no-g -fw-nw -j-bet -i-ctr -phm -mh-48px"
                                    style="background:#ffffff;">
                                    <div class="ttl-w cola -df -i-ctr -oh">
                                        <h2 class="-m -fs20 -elli">BEST GAME SURGA22</h2>
                                    </div>
                                </header>
                                <div class="crs-w _main -phxs" data-crs-onView>
                                    <div class="crs row _no-g -fw-nw _6cl-4cm -pvxs" tabindex="0"
                                                style="display:flex; flex-direction:row; justify-content:center; gap:20px; width:100%;">
                                                                                    </div>
                                                                                <div style="width:100%; display:flex; justify-content:center;">
                                            <div style="display:flex; flex-direction:row; gap:20px;">
                                                
                                                <img src="image/gatesofolympus.webp"
                                                    style="width:300px; height:auto; display:block;">

                                                <img src="image/mahjongways.webp"
                                                    style="width:300px; height:auto; display:block;">

                                                <img src="image/sweetbonanza.webp"
                                                    style="width:300px; height:auto; display:block;">

                                            </div>

                                        </article>
                                        </div>
                                </div>
                            </section>
                            <style>
                                </style>
                        </div>
                    </div>
                </section>
                <div class="col4">
                    <section class="card -mbs -fs12">
                        <h2 class="-fs14 -m -upp -pas">Delivery &amp; Returns</h2>
                        <div class="-hr">
                            <article class="-df -pas">
                                <div class="-df -d-co -c-bet">
                                    <h3 class="-fw"><svg aria-label="Surga22 Express" viewBox="0 0 224 12" class="ic"
                                            width="224" height="12">
                                            <use xlink:href="https://www.jumia.com.ng/assets_he/images/i-shop-jumia.0072ec91.svg#express"
                                                href="https://www.jumia.com.ng/assets_he/images/i-shop-jumia.0072ec91.svg#express">
                                            </use>
                                        </svg></h3>
                                    <p>The BEST products, delivered faster.
                                        Now PAY on DELIVERY, Cash or Bank Transfer Anywhere, Zero Wahala! <button
                                            class="a _more" data-pop-trig="def"
                                            data-pop-open="shopExpress">Details</button></p>
                                </div>
                            </article>
                        </div>
                        <div class="-hr">
                            <article class="-pvxs -hr _bet">
                                <h3 class="-ptxs -fs16 -m -phs">Products Surga22</h3>
                                <div class="-fw -phs -pts -pbxs">
                                    <div class="fi-w _n-er"><select required class="sel" id="fi-regionId"
                                            name="regionId" aria-label="Region">
                                            <option value disabled>Please select</option>
                                            <option value="1">Pragmatic Play</option>
                                            <option value="2">Hotdog Gaming</option>
                                            <option value="3">Relax Gaming</option>
                                            <option value="4">Sigma Gaming</option>
                                            <option value="5">Spade Gaming</option>
                                            <option value="6">Micro Gaming</option>
                                            <option value="7">NoLimitCity</option>
                                            <option value="8">Advant Play</option>
                                            <option value="9">Cosmo Play</option>
                                            <option value="10">Habanero</option>
                                            <option value="22">Fat Panda</option>
                                            <option value="12">Red Tiger</option>
                                            <option value="13">SkyWind</option>
                                            <option value="14">HackSaw</option>
                                            <option value="15">Next Spin</option>
                                            <option value="16">Fast Spin</option>
                                            <option value="17">Playtech</option>
                                            <option value="19">Lite Play</option>
                                            <option value="20">PGSoft</option>
                                            <option value="21">BESoft</option>
                                        </select></div>
                                    <div class="fi-w _n-er"><select required class="sel" id="fi-cityId" name="cityId"
                                            aria-label="City">
                                            <option value disabled>Please select</option>
											<option value="1">Sweet Bonanza</option>
                                            <option value="2">Gates of Olympus</option>
                                            <option value="3">Stralight Princess</option>
                                            <option value="4">Sugar Rush</option>
                                            <option value="5">Mahjong Ways</option>
                                            <option value="6">Fury Bonanza</option>
                                            <option value="7">Emerald King</option>
                                            <option value="8">Mahjong Wins</option>
                                            <option value="9">Mummy Jewels</option>
                                            <option value="10">Big Bash</option>
                                            <option value="22">Sweet Graze</option>
                                            <option value="12">Wishdom Athena</option>
                                            <option value="13">Starlight Archer</option>
                                            <option value="14">Bloody Dawn</option>
                                            <option value="15">Pandemic Rising</option>
                                            <option value="16">Bingo Mania</option>
                                            <option value="17">Lava Balls</option>
                                            <option value="18">Bounty Hunter</option>
                                            <option value="19">Bee Keeper</option>
                                            <option value="20">Sweet Rush</option>                                            
                                        </select></div>
                                </div>
                                <section class="-pr" data-delivery-info="true">
                                    <div data-info-block="true">
                                        <div class="-df -pas"><svg viewBox="0 0 24 24"
                                                class="ic -fsh0 -ba-gy1 -rad4 -fs0 -me-base -paxs -mrs" width="40"
                                                height="40">
                                                <use xlink:href="image/logosurga22.webp"
                                                    href="image/logosurga22.webp">
                                                </use>
                                            </svg>
                                            <div class="-df -fw-w -c-bet -fg1">
                                                <div class="-df -fw">
                                                    <h4 class="-fs14 -m -prs">Undian Harian</h4><button type="button"
                                                        class="a _more -mla -me-start -fs12" data-pop-trig="def"
                                                        data-pop-dyn-id="1" data-pop-open="delivery">Details</button>
                                                </div>
                                                <div>
                                                    <div class="markup -ptxs">Hadiah <em>Jutaan Rupiah</em></div>
                                                    <div class="markup -ptxs">dapatkan free spin gratis setiap hari dengan cara login kedalam akun member dan bermain game online</em></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="-df -pas"><svg viewBox="0 0 24 24"
                                                class="ic -fsh0 -ba-gy1 -rad4 -fs0 -me-base -paxs -mrs" width="40"
                                                height="40">
                                                <use xlink:href="image/logosurga22.webp"
                                                    href="image/logosurga22.webp">
                                                </use>
                                            </svg>
                                            <div class="-df -fw-w -c-bet -fg1">
                                                <div class="-df -fw">
                                                    <h4 class="-fs14 -m -prs">Turnamen Bulanan</h4><button type="button"
                                                        class="a _more -mla -me-start -fs12" data-pop-trig="def"
                                                        data-pop-dyn-id="2" data-pop-open="delivery">Details</button>
                                                </div>
                                                <div>
                                                    <div class="markup -ptxs">Hadiah <em>Puluhan Juta Rupiah</em></div>
                                                    <div class="markup -ptxs">Lakukan Topup secara berkala dan untuk topup terbanyak dalam sebulan akan mendapatkan hadiah Utama</em></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="-df -pas"><svg viewBox="0 0 24 24"
                                                class="ic -fsh0 -ba-gy1 -rad4 -fs0 -me-base -paxs -mrs" width="40"
                                                height="40">
                                                <use xlink:href="image/logosurga22.webp"
                                                    href="image/logosurga22.webp">
                                                </use>
                                            </svg>
                                            <div class="-df -fw-w -c-bet -fg1">
                                                <div class="-df -fw">
                                                    <h4 class="-fs14 -m -prs">Event Khusus</h4><button type="button"
                                                        class="a _more -mla -me-start -fs12" data-pop-trig="def"
                                                        data-pop-dyn-id="2" data-pop-open="delivery">Details</button>
                                                </div>
                                                <div>
                                                    <div class="markup -ptxs">Hadiah <em>Puluhan Juta Rupiah</em></div>
                                                    <div class="markup -ptxs">Selesaikan beberapa misi dalam jangka waktu tertentu untuk berksempatan memenangkan hadiah utama</em></div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </article>
                        </div>
                    </section>
                    <div class="-pts">
                        <section class="card"><a href="https://essaybaron.com/how-to-place-an-order/" class="-pas -df -i-ctr -upp">
                                <h2 class="-m -fs14">Surga22 Information</h2><svg viewBox="0 0 24 24"
                                    class="ic -fsh0 -mla" width="24" height="24">
                                    <use xlink:href="image/logosurga22.webp"
                                        href="image/logosurga22.webp">
                                    </use>
                                </svg>
                            </a>
                            <div class="-hr -pas">
                                <p class="-m -pbs">Surga22 Official</p>
                                <div class="-df -j-bet -fs12">
                                    <div class="-df -d-co -j-bet -prs">
                                        <p><bdo dir="ltr" class="-m -prxs">99%</bdo>Seller Score</p>
                                        <p data-followers="true"><span class="-m">522,522 </span><span>Followers</span></p>
                                    </div><a class="btn _sm _prim -fsh0 -me-end" href="https://essaybaron.com/how-to-place-an-order/"
                                        rel="nofollow" data-track-onclick="true" data-eventName="seller_follow"
                                        data-eventCategory="Follow Seller" data-eventLabel="product_detail"
                                        data-eventAction="followSeller">Follow</a>
                                </div>
                            </div>
                            <div class="-pas -bt -fs12">
                                <h3 class="-df -i-ctr -m -fs14">Top Performance<button
                                        aria-label="Seller Performance" class="-cp -hov-or5 -out0 -fs0 -phxs"
                                        data-pop-trig="def" data-pop-open="seller"><svg viewBox="0 0 24 24"
                                            class="ic -f-gy5 -maxxs" width="20" height="20">
                                            <use xlink:href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#info"
                                                href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#info">
                                            </use>
                                        </svg></button></h3>
                                <div class="-df -i-ctr -pts"><span class="ic-bg -mrs -fsh0 -bg-gn5"><svg
                                            viewBox="0 0 24 24" class="ic -f-wt -maxxs" width="12" height="12">
                                            <use xlink:href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#star"
                                                href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#star">
                                            </use>
                                        </svg></span>
                                    <p>Proses Transaksi : <span class="-m">Dibawah 1menit</span></p>
                                </div>
                                <div class="-df -i-ctr -pts"><span class="ic-bg -mrs -fsh0 -bg-gn5"><svg
                                            viewBox="0 0 24 24" class="ic -f-wt -maxxs" width="12" height="12">
                                            <use xlink:href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#star"
                                                href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#star">
                                            </use>
                                        </svg></span>
                                    <p>Server : <span class="-m">Stabil, Anti Lag</span></p>
                                </div>
                                <div class="-df -i-ctr -pts"><span class="ic-bg -mrs -fsh0 -bg-bl5"><svg
                                            viewBox="0 0 24 24" class="ic -f-wt -maxxs" width="12" height="12">
                                            <use xlink:href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#check"
                                                href="https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg#check">
                                            </use>
                                        </svg></span>
                                    <p>Rating Member : <span class="-m">Sangat Puas</span></p>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col16">
                    <div id="pdp_top" class="-rad4 -oh -mtm -mxh-250px" data-ad="true"></div>
                </div>


<style>
/* ===== PREMIUM GOLD TABLE ===== */
.rb-premium-box{
    position:relative;
    margin:30px 0;
    padding:26px;
    border-radius:24px;
    background:
        radial-gradient(circle at top left, rgba(255,0,0,0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255,180,0,0.06), transparent 30%),
        linear-gradient(145deg,#060606,#222222 45%,#0a0a0a);
    border:1px solid rgba(255,215,0,0.18);
    box-shadow:
        0 18px 40px rgba(0,0,0,0.75),
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 25px rgba(255,215,0,0.06);
    overflow:hidden;
}

.rb-premium-box:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,215,0,0.04) 35%,
        transparent 70%
    );
}

.rb-premium-head{
    text-align:center;
    margin-bottom:20px;
}

.rb-premium-head h3{
    margin:0;
    font-size:28px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#f5e7b2;
    text-shadow:0 0 14px rgba(255,215,0,0.18);
}

.rb-premium-line{
    width:90px;
    height:3px;
    margin:12px auto 0;
    border-radius:99px;
    background:linear-gradient(90deg,#7a5d00,#ffd900,#7a5d00);
    box-shadow:0 0 12px rgba(255,0,0,0.25);
}

.rb-premium-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,215,0,0.15);
    background:rgba(0,0,0,0.35);
}

.rb-premium-table tr{
    transition:all .3s ease;
}

.rb-premium-table tr:hover{
    background:rgba(255,215,0,0.04);
}

.rb-premium-table td{
    padding:18px 16px;
    border-bottom:1px solid rgba(255,0,0,0.08);
    font-size:15px;
}

.rb-premium-table tr:last-child td{
    border-bottom:none;
}

.rb-premium-table td.label{
    width:38%;
    color:#ffffff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.rb-premium-table td.value{
    color:#f3f3f3;
    font-weight:600;
}

.rb-badge-gold{
    display:inline-block;
    padding:6px 12px;
    border-radius:999px;
    border:1px solid rgba(255,0,0,0.24);
    background:linear-gradient(145deg,#2a1d00,#4a0000);
    color:#ff6a6a;
    font-size:13px;
    font-weight:700;
    box-shadow:0 0 12px rgba(255,0,0,0.08);
}

.rb-rating{
    color:#ff6a6a;
    font-weight:800;
    font-size:18px;
    text-shadow:0 0 10px rgba(255,215,0,0.15);
}

@media(max-width:768px){
    .rb-premium-head h3{
        font-size:22px;
    }
    .rb-premium-table td{
        padding:14px 12px;
        font-size:14px;
    }
}
</style>

<div class="rb-premium-box">
    <div class="rb-premium-head">
        <h3>Informasi Lengkap</h3>
        <div class="rb-premium-line"></div>
    </div>

    <table class="rb-premium-table">
        <tr>
            <td class="label">Nama</td>
            <td class="value"><span class="rb-badge-gold">SURGA22</span></td>
        </tr>
        <tr>
            <td class="label">Kategori</td>
            <td class="value">GAME ONLINE, LIVE CASINO, TARUHAN BOLA</td>
        </tr>
        <tr>
            <td class="label">Pasaran</td>
            <td class="value">INDONESIA</td>
        </tr>
        <tr>
            <td class="label">Metode</td>
            <td class="value">ALL BANK, PULSA, E-WALLET DAN QRIS</td>
        </tr>
        <tr>
            <td class="label">Mulai Dari</td>
            <td class="value"><span class="rb-badge-gold">IDR 10.000</span></td>
        </tr>
        <tr>
            <td class="label">Rating</td>
            <td class="value">
                <span class="rb-rating">⭐ 4.9 / 5</span><br>
                <small style="color:#b8b8b8;">522,522 ulasan member</small>
            </td>
        </tr>
    </table>

<style>
/* ===== PREMIUM PREDICTION TOOL ===== */
.rb-predict-wrap{
    position:relative;
    max-width:760px;
    margin:35px auto;
    padding:22px;
    border-radius:26px;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 28%),
        linear-gradient(145deg,#bb0000,#101010,#070707);
    border:1px solid rgba(255,0,0,0.2);
    box-shadow:
        0 20px 50px rgba(0,0,0,0.8),
        0 0 30px rgba(255,215,0,0.06),
        inset 0 1px 0 rgba(255,255,255,0.04);
}

.rb-predict-title{
    text-align:center;
    color:#f5e7b2;
    font-size:24px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:18px;
    text-shadow:0 0 12px rgba(255,215,0,0.12);
}

.rb-predict-card{
    background:linear-gradient(145deg,#0d0d0d,#141414);
    border:1px solid rgba(255,215,0,0.14);
    border-radius:18px;
    padding:18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
    margin-bottom:16px;
}

.rb-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.rb-field label{
    display:block;
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.rb-field select,
.rb-field input{
    width:100%;
    height:46px;
    border-radius:12px;
    border:1px solid rgba(255,0,0,0.2);
    background:linear-gradient(145deg,#ff0000,#131313);
    color:#000000;
    padding:0 14px;
    outline:none;
    box-shadow:inset 0 0 12px rgba(255,215,0,0.04);
}

.rb-field select:focus,
.rb-field input:focus{
    border-color:rgba(255,215,0,0.45);
    box-shadow:
        0 0 0 2px rgba(255,0,0,0.08),
        0 0 14px rgba(255,0,0,0.08);
}

.rb-full{
    grid-column:1 / -1;
}

.rb-btn-gold{
    width:100%;
    height:50px;
    border:none;
    border-radius:14px;
    cursor:pointer;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#172202;
    background:linear-gradient(180deg,#ff4c4c,#d60000);
    box-shadow:
        0 10px 20px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.3);
    transition:.25s ease;
}

.rb-btn-gold:hover{
    transform:translateY(-2px);
    filter:brightness(1.04);
    box-shadow:
        0 14px 28px rgba(0,0,0,0.45),
        0 0 18px rgba(255,215,0,0.18);
}

.rb-result-head{
    text-align:center;
    color:#e12323;
    font-size:16px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:16px;
}

.rb-result-box{
    border:1px solid rgba(255,215,0,0.14);
    border-radius:16px;
    padding:16px;
    background:linear-gradient(145deg,#060606,#221);
}

.rb-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-bottom:14px;
}

.rb-result-item{
    background:rgba(255,215,0,0.03);
    border:1px solid rgba(255,0,0,0.08);
    border-radius:12px;
    padding:12px;
}

.rb-result-item span{
    display:block;
    color:#b8941c;
    font-size:22px;
    text-transform:uppercase;
    margin-bottom:6px;
    letter-spacing:.8px;
}

.rb-result-item strong{
    color:#f5f5f5;
    font-size:18px;
    font-weight:800;
}

.rb-number-main{
    text-align:center;
    margin:16px 0 10px;
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(255,215,0,0.18);
    background:
        radial-gradient(circle, rgba(255,0,0,0.08), transparent 60%),
        linear-gradient(145deg,#090909,#222222);
    box-shadow:0 0 18px rgba(255,0,0,0.08);
}

.rb-number-main span{
    display:block;
    color:#c81717;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:8px;
    letter-spacing:1px;
}

.rb-number-main strong{
    color:#ffd54a;
    font-size:34px;
    font-weight:900;
    letter-spacing:6px;
    text-shadow:0 0 14px rgba(255,215,0,0.16);
}

.rb-alt-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.rb-alt-item{
    text-align:center;
    padding:12px 10px;
    border-radius:12px;
    border:1px solid rgba(255,215,0,0.1);
    background:linear-gradient(145deg,#0a0a0a,#121212);
    color:#f0f0f0;
    font-weight:700;
}

.rb-note{
    text-align:center;
    color:#9f9f9f;
    font-size:12px;
    margin-top:14px;
}

@media(max-width:768px){
    .rb-form-grid,
    .rb-result-grid,
    .rb-alt-list{
        grid-template-columns:1fr;
    }

    .rb-number-main strong{
        font-size:28px;
        letter-spacing:4px;
    }
}
</style>

<div class="rb-predict-wrap">
    <div class="rb-predict-title">Prediksi Pola Surga22</div>

    <div class="rb-predict-card">
        <div class="rb-form-grid">
            <div class="rb-field">
                <label>Pola</label>
                <select id="rbPasaran">
                    <option>Super Scatter</option>
                    <option>Black Scatter</option>
                    <option>Gold Scatter</option>
                    <option>Maxwin</option>
                    <option>Jackpot</option>
                </select>
            </div>

            <div class="rb-field">
                <label>Jam</label>
                <select id="rbTipe">
                    <option>00.00-07.59</option>
                    <option>08.00-15.59</option>
                    <option>16.00-23.59</option>
                </select>
            </div>

            <div class="rb-field rb-full">
                <label>JUMLAH BET</label>
                <input type="number" id="rbConf" value="1.000" min="1.000" max="1.000.000">
            </div>

            <div class="rb-full">
                <button class="rb-btn-gold" onclick="rbGeneratePrediksi()">Generate</button>
            </div>
        </div>
    </div>

    <div class="rb-predict-card">
        <div class="rb-result-head">— TRANSAKSI —</div>

        <div class="rb-result-box">
            <div class="rb-result-grid">
                <div class="rb-result-item">
                    <span>BANK</span>
                    <strong id="rbOutPasaran">SEMUA BANK LOKAL</strong>
                </div>
                <div class="rb-result-item">
                    <span>E-WALLET</span>
                    <strong id="rbOutTipe">OVO, DANA, GOPAY, JAGO, SHOPEE PAY</strong>
                </div>
                <div class="rb-result-item">
                    <span>PULSA</span>
                    <strong id="rbOutConf">TELKOMSEL, XL, INDOSAT, SMARTFREN</strong>
                </div>
                <div class="rb-result-item">
                    <span>QRIS</span>
                    <strong id="rbOutShio">SEMUA QRIS BANK</strong>
                </div>
            </div>

            <div class="rb-number-main">
                <span>Angka Populer</span>
                <strong id="rbOutMain">8888</strong>
            </div>

            <div class="rb-alt-list">
                <div class="rb-alt-item" id="rbAlt1">5</div>
                <div class="rb-alt-item" id="rbAlt2">2</div>
                <div class="rb-alt-item" id="rbAlt3">2</div>
            </div>

            <div class="rb-note">Gunakan simulasi diatas untuk hasil terbaik.</div>
        </div>
    </div>
</div>

<script>
function rbRand(min,max){
    return Math.floor(Math.random()*(max-min+1))+min;
}

function rbDigits(len){
    let out = "";
    for(let i=0;i<len;i++){
        out += rbRand(0,9);
    }
    return out;
}

function rbGeneratePrediksi(){
    const pasaran = document.getElementById("rbPasaran").value;
    const tipe = document.getElementById("rbTipe").value;
    const confInput = parseInt(document.getElementById("rbConf").value, 10) || 70;

    const shioList = ["Naga","Tikus","Kerbau","Macan","Kelinci","Ular","Kuda","Kambing","Monyet","Ayam","Anjing","Babi"];
    const shio = shioList[rbRand(0, shioList.length - 1)];

    let len = 4;
    if(tipe === "3D") len = 3;
    if(tipe === "2D") len = 2;

    const mainNumber = rbDigits(len);
    const alt1 = rbDigits(len);
    const alt2 = rbDigits(len);
    const alt3 = rbDigits(len);
    const confFinal = Math.max(50, Math.min(100, confInput + rbRand(-3, 8))) + "%";

    document.getElementById("rbOutPasaran").textContent = pasaran;
    document.getElementById("rbOutTipe").textContent = tipe;
    document.getElementById("rbOutConf").textContent = confFinal;
    document.getElementById("rbOutShio").textContent = shio;
    document.getElementById("rbOutMain").textContent = mainNumber;
    document.getElementById("rbAlt1").textContent = alt1;
    document.getElementById("rbAlt2").textContent = alt2;
    document.getElementById("rbAlt3").textContent = alt3;
}
</script>

<style>
      :root{
          --lx-bg: #ffffff;
          --lx-card: #ffffff;
          --lx-text: #0f172a;
          --lx-muted:#6b7280;
          --lx-border:#e5e7eb;
          --lx-accent:#d43737;    /* gold */
          --lx-accent-2:#221827;  /* deep slate */
          --lx-radius:16px;
          --lx-shadow:0 6px 24px rgba(2,6,23,.06);
      }

      .lx-wrap{
          background: var(--lx-bg);
          color: var(--lx-text);
          font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
      }
      .lx-container{
          max-width:1425px;
          margin:0 auto;
          padding: 0px 16px 0px;
      }

      /* Section shell */
      .lx-section{
          background: var(--lx-card);
          border:1px solid var(--lx-border);
          border-radius:var(--lx-radius);
          box-shadow:var(--lx-shadow);
          padding:24px;
          margin-bottom:18px;
      }
      .lx-head{
          display:flex; align-items:center; gap:12px; margin:0 0 12px 0;
          font-size:22px; line-height:1.25; letter-spacing:.2px;
      }
      .lx-head svg{ width:22px; height:22px; flex:0 0 auto; }
      .lx-body{ color: var(--lx-muted); font-size:15.5px; line-height:1.7; }
      .lx-body a{ color: #ff0000; text-underline-offset:3px; }

      /* Pills */
      .lx-stats{
          display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;
      }
      .lx-pill{
          display:inline-flex; align-items:center; gap:8px;
          border:1px dashed var(--lx-border);
          padding:8px 12px; border-radius:999px; font-size:13.5px;
          color: var(--lx-text);
          background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,0));
      }
      .lx-pill svg{ width:16px; height:16px; }

      /* Features grid */
      .lx-grid{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0,1fr)); }
      @media (max-width:980px){ .lx-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
      @media (max-width:520px){ .lx-grid{ grid-template-columns:1fr; } }

      .lx-feature{
          padding:18px; border:1px solid var(--lx-border);
          border-radius:14px; background: var(--lx-card);
      }
      .lx-feature h3{
          margin:0 0 6px 0; font-size:16.5px; display:flex; align-items:center; gap:8px;
          color: var(--lx-text);
      }
      .lx-feature p{ margin:0; color: var(--lx-muted); font-size:14.5px; line-height:1.65; }
      .lx-icon{ width:18px; height:18px; color: var(--lx-accent-2); }

      /* Guide steps */
      .lx-steps{
          counter-reset: step;
          display:flex; flex-direction:column; gap:12px;
          margin:10px 0 0 0; padding:0; list-style:none;
      }
      .lx-step{
          display:flex; gap:12px; align-items:flex-start;
          border:1px solid var(--lx-border); border-radius:12px; padding:14px 16px;
          background: var(--lx-card);
      }
      .lx-step::before{
          counter-increment: step;
          content: counter(step);
          flex:0 0 32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
          border-radius:8px; font-weight:700;
          color:#221; background: linear-gradient(180deg, #ffffff, rgba(212,175,55,.75));
          border:1px solid rgba(17,24,39,.12);
      }

      /* CTA */
      .lx-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
      .lx-btn{
          display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:600; line-height:1;
          border:1px solid var(--lx-border);
      }
      .lx-btn--primary{ background: var(--lx-accent-2); color:#fff; border-color: var(--lx-accent-2); }
      .lx-btn--outline{ background: transparent; color: var(--lx-text); }

      .lx-section + .lx-section{ margin-top:14px; }
    </style>
        
    <article class="lx-container" aria-label="Artikel Surga22">
      <!-- Introduction -->
      <style>
  .Surga22-article {
    background: linear-gradient(135deg, rgba(0,0,0,0.95) 0%, rgba(158, 3, 27, 0.95) 50%, rgba(0,0,0,0.95) 100%);
    border-radius: 20px;
    padding: 40px 30px;
    margin: 20px 0;
    border: 2px solid var(--carnival-orange);
    box-shadow: 0 0 30px rgba(255, 0, 0, 0.3), inset 0 0 60px rgba(255, 217, 0, 0.05);
    position: relative;
    overflow: hidden;
  }
  .Surga22-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--carnival-orange), var(--carnival-gold), var(--carnival-orange), transparent);
  }
  .Surga22-article h1 {
    color: var(--carnival-gold) !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px !important;
    text-shadow: 0 0 20px rgb(255, 0, 1), 0 2px 4px rgb(255, 0, 1);
    line-height: 1.4;
  }
  .Surga22-article h2 {
    color: var(--carnival-orange) !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    margin: 30px 0 15px 0 !important;
    padding-left: 15px;
    border-left: 4px solid var(--carnival-gold);
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  }
  .Surga22-article h3 {
    color: var(--carnival-gold) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 20px 0 10px 0 !important;
    padding-left: 25px;
    position: relative;
  }
  .Surga22-article h3::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
  }
  .Surga22-article p {
    color: #E5E5E5 !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    text-align: justify;
  }
  .Surga22-article a {
    color: var(--carnival-gold) !important;
    text-decoration: none;
    font-weight: 700;
    padding: 2px 8px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 4px;
    border-bottom: 2px solid var(--carnival-orange);
    transition: all 0.3s ease;
  }
  .Surga22-article a:hover {
    background: var(--carnival-orange);
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(255, 238, 0, 0.5);
  }
  .Surga22-article .highlight-box {
    background: linear-gradient(135deg, rgba(255, 217, 0, 0.15) 0%, rgba(255,215,0,0.1) 100%);
    border: 1px solid var(--carnival-orange);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
  }
  .Surga22-article .highlight-box p {
    margin-bottom: 0 !important;
    font-style: italic;
  }
</style>

<div class="Surga22-article">
  <div style="font-size: 18px; line-height: 1.6;"> <h1 style="font-size: 28px;"> Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual</h1>
<p><span style="color: #ff0000;"><strong><a style="color: #ff0000;" href="https://essaybaron.com/how-to-place-an-order/">Surga22</a></strong></span> hadir sebagai situs game online yang dirancang dengan standar layanan modern yang mengutamakan keamanan data, transparansi sistem, serta kenyamanan penguna dalam setiap aktivitas. Sebagai platfrom game online yang terus berkembang, Surga22 menyediakan akses menuju berbagai jenis game online yang stabil dengan antarmuka ramah pengguna, sehingga mudah dipahami oleh pemula maupun berpengalaman. Didukung sistem transaksi cepat melalui berbagai metode pembayaran populer di Indonesia, Surga22 menjadikan efisiensi dan kepercayaan sebagai fondasi utama dalam membangun pengalaman bermain yang lebih optimal, stabil, dan berkelanjutan.</p>
<div style="font-size: 18px; line-height: 1.6;"> <h1 style="font-size: 28px;"> Keunggulan Dari Situs Surga22</h1>
<p>Keunggulan dari Surga22 itu bukan cuma kemudahan aksesnya, tapi menghadirkan pengalamn bermain yang lebih hidup dan terasa nyaman. Pembaruan permainan dilakukan secara berkala untuk menghadirkan variasi standar permainan dan tidak monoton. game Online Surga22 juga dirancang untuk memberikan keseruan bermain yang lebih menghibur dengan peluang yang terasa lebih nyata dan promo yang menarik bukan sekedar spekulasi. Dengan reputasi sebagai bandar game online yang konsisten dalam menghadirkan layanan premium, Surga22 semakin mengukuhkan posisinya sebagai situs game online terpercaya yang menawarkan kombinasi teknologi, layanan responsive, dan peluang kemenangan yang kompetitif setiap hari.</p>
            <div style="height: 10px;"></div>

    <style>
      .pdd28-reasons-to-buy__content.lrx-reviews{
          padding: 8px 38px 16px; /* tambahin padding-bottom biar aman */
          background:
          radial-gradient(1200px 200px at 50% -80px, rgba(212,175,55,.10), transparent 60%) #fff;
          border-radius: 16px;
          overflow: visible; /* buka kalau parent punya overflow hidden */
      }
      .lrx-section-title{
          margin: 0 0 14px 30px;
          font-size: 24px;
          line-height: 1.25;
          letter-spacing: .2px;
          color: #0f172a;
          display: flex; align-items: center; gap: 10px;
      }
      .lrx-section-title::before{
          content:"";
          width: 6px; height: 22px; border-radius: 8px;
          background: linear-gradient(180deg, #d43737, #f3dea0);
          flex: 0 0 auto;
      }

      /* ====== CARD BASE ====== */
      .lrx-card{
          position: relative;
          display: flex; flex-direction: column;
          height: auto; /* auto (bukan 100%) supaya fleksibel */
          padding: 16px;
          border-radius: 16px;
          background:
          linear-gradient(#fff, #fff) padding-box,
          linear-gradient(135deg, rgba(212,175,55,.8), rgba(243,222,160,.9)) border-box;
          border: 1px solid transparent;
          box-shadow: 0 6px 24px rgba(2,6,23,.06);
      }

      /* ====== CARD HEADER ====== */
      .lrx-header{
          display: grid;
          grid-template-columns: auto 1fr auto;
          grid-template-areas: "avatar meta rating";
          align-items: center;
          gap: 12px;
          margin-bottom: 8px;
      }
      .lrx-avatar{
          grid-area: avatar;
          width: 40px; height: 40px; border-radius: 50%;
          display: grid; place-items: center; font-weight: 800;
          background: radial-gradient(circle at 30% 25%, #f6e6a6, #d43737 70%);
          color: #221; border: 1px solid rgba(17,24,39,.1);
      }
      .lrx-meta{ grid-area: meta; min-width: 0; }
      .lrx-name{
          margin: 0; font-weight: 800; color: #221827; font-size: 15px;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      }
      .lrx-chip{
          display: inline-flex; align-items: center; gap: 6px;
          margin-top: 2px; padding: 4px 8px;
          font-size: 12px; color: #374151;
          background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 999px;
      }
      .lrx-chip::before{
          content:""; width: 6px; height: 6px; border-radius: 999px; background:#22c55e;
      }

      /* ====== RATING STARS ====== */
      .lrx-rating{ grid-area: rating; display: inline-flex; align-items:center; gap: 2px; }
      .lrx-star{ width: 16px; height: 16px; display: block; }
      .lrx-star--full path{ fill: #f59e0b; }
      .lrx-star--half path{ fill: url(#lrx-half); }
      .lrx-star--empty path{ fill: #e5e7eb; }
      .lrx-defs{ position:absolute; width:0; height:0; overflow:hidden; }

      /* ====== BODY / QUOTE ====== */
      .lrx-quote{
          position: relative;
          margin: 6px 0 10px 0; color:#374151; line-height:1.65; font-size: 14.5px;
      }
      .lrx-quote::before{
          content:"“";
          position:absolute; left:-6px; top:-10px; font-size:36px; line-height:1; color: rgba(212,55,55,.35);
          font-weight: 700;
      }

      /* ====== FOOTER ====== */
      .lrx-foot{
          display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;
      }
      .lrx-date{ font-size:12px; color:#6b7280; }
      .lrx-badge{
          padding:6px 10px; border-radius: 10px; font-size:12px; font-weight:700;
          color:#221; background: linear-gradient(180deg, #f8f8f8, #fff);
          border:1px solid #e5e7eb;
      }

      /* ====== SWIPER OVERRIDES (anti kepotong) ====== */
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-container,
      .pdd28-reasons-to-buy__content.lrx-reviews .basic-swiper{
          overflow: visible; /* yang paling sering bikin “kepotong” */
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-wrapper{
          align-items: stretch; /* semua slide tingginya ngikutin konten tertinggi */
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide{
          height: auto;        /* biar tinggi slide fleksibel */
          display: flex;       /* supaya .lrx-card bisa stretch */
          margin-top: 25px;
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .pdd28-reasons-to-buy__list-inner{
          padding: 6px 2px 28px; /* tambahin ruang bawah untuk tombol prev/next */
      }
      /* Optional: efek stagger aman (tanpa mengubah height container)
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide:nth-child(5) .lrx-card,
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide:nth-child(6) .lrx-card{
          transform: translateY(12px);
      } */
    </style>

    <div class="Surga22-container">
                <!-- FAQ BOX -->
                <section class="neon-box faq-box" aria-label="FAQ Surga22">
                    <h2 class="box-title">FAQ SEPUTAR SITUS SURGA22</h2>

                    <div class="accordion" id="alexisFaq">
                        <button class="acc-item" type="button" aria-expanded="false">
                            <span class="acc-q">1. Apa itu Surga22?</span>
                            <span class="acc-ic" aria-hidden="true">+</span>
                        </button>
                        <div class="acc-panel" role="region">
                            <p>Surga22 adalah situs game online yang menghadirkan berbagai pilihan permainan game online dengan sistem modern, akses cepat, serta peluang kemenangan yang lebih optimal di setiap sesi permainan.</p>
                        </div>

                        <button class="acc-item" type="button" aria-expanded="false">
                            <span class="acc-q">2. Apa keunggulan bermain di Surga22?</span>
                            <span class="acc-ic" aria-hidden="true">+</span>
                        </button>
                        <div class="acc-panel" role="region">
                            <p>Surga22 menawarkan keunggulan dari sisi keamanan data, transparansi sistem, serta kenyamanan pengguna. Dengan performa yang stabil, setiap permainan berjalan lancar dan memberikan peluang menang yang lebih tinggi.</p>
                        </div>

                        <button class="acc-item" type="button" aria-expanded="false">
                            <span class="acc-q">3. Berapa minimal deposit di Surga22?</span>
                            <span class="acc-ic" aria-hidden="true">+</span>
                        </button>
                        <div class="acc-panel" role="region">
                            <p>Minimal deposit di Surga22 sangat terjangkau, mulai dari nominal kecil seperti depo 10K, sehingga memudahkan semua pemain untuk mulai bermain tanpa beban.</p>
                        </div>

                        <button class="acc-item" type="button" aria-expanded="false">
                            <span class="acc-q">4. Apakah Surga22 menyediakan pasaran bola lengkap?</span>
                            <span class="acc-ic" aria-hidden="true">+</span>
                        </button>
                        <div class="acc-panel" role="region">
                            <p>Ya, Surga22 menyediakan berbagai pasaran bola populer seperti liga inggris, italia, spanyol dan lainnya yang dapat diakses dengan mudah melalui satu platform.</p>
                        </div>

                        <button class="acc-item" type="button" aria-expanded="false">
                            <span class="acc-q">5. Apakah Surga22 aman dan terpercaya?</span>
                            <span class="acc-ic" aria-hidden="true">+</span>
                        </button>
                        <div class="acc-panel" role="region">
                            <p>Surga22 dikenal sebagai bandar game online terpercaya dengan sistem keamanan modern, transaksi cepat, serta dukungan layanan profesional 24 jam untuk menjaga kenyamanan pengguna.</p>
                        </div>
                    </div>
                </section>

                <!-- PENILAIAN AUTO SLIDE -->
                <section class="neon-box penilaian-mwt-box" aria-label="Review Surga22">
                    <h2 class="box-title">REVIEW MEMBER SITUS SURGA22</h2>

                    <div class="penilaian-mwt-slider" id="alxSlider" aria-roledescription="carousel">
                        <div class="penilaian-mwt-track">
                            <!-- 1 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 1 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Amber – Singapore</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                                </div>
                                <p class="penilaian-mwt-isi">Sejak main di Surga22, semua terasa lebih lancar. Gamenya enak dimainkan dan peluang menangnya kerasa lebih terbuka. Cocok banget buat yang cari situs yang stabil dan terpercaya!.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-05</span>
                            </article>

                            <!-- 2 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 2 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Talita – Manila</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                                </div>
                                <p class="penilaian-mwt-isi">Interface-nya simpel dan gak ribet. Semua fitur gampang dipakai dan sangat mulus. Transaksi juga cepat, jadi nyaman dipakai setiap hari.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-07</span>
                            </article>

                            <!-- 3 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 3 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Ashley - Manchester</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 4 dari 5">★★★★☆</span>
                                </div>
                                <p class="penilaian-mwt-isi">Banyak pilihan permainan dan pasaran bola lengkap. Yang saya suka, semuanya terasa ringan dan tidak membingungkan, cocok untuk pemula juga!.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-10</span>
                            </article>

                            <!-- 4 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 4 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Stefanus – Jayapura</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                                </div>
                                <p class="penilaian-mwt-isi">Keamanan dan transparansinya jelas terasa. Semua proses berjalan cepat dan hasilnya bisa dipercaya. Ini yang bikin saya tetap main di sini.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-13</span>
                            </article>

                            <!-- 5 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 5 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Antok – Lombok</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                                </div>
                                <p class="penilaian-mwt-isi">Sebagai pemain baru, saya merasa terbantu karena sistemnya mudah dipahami. Deposit kecil juga sudah bisa main, jadi lebih fleksibel.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-14</span>
                            </article>

                            <!-- 6 -->
                            <article class="penilaian-mwt-card" role="group" aria-label="Review 6 dari 6">
                                <div class="penilaian-mwt-top">
                                    <span class="penilaian-mwt-nama">Albert  – Gotham</span>
                                    <span class="penilaian-mwt-bintang" aria-label="Rating 4 dari 5">★★★★☆</span>
                                </div>
                                <p class="penilaian-mwt-isi">Yang paling terasa itu kecepatan aksesnya. Dari login sampai main semua responsif. Pilihan game juga lengkap jadi gak cepat bosan!.</p>
                                <span class="penilaian-mwt-tanggal">2026-03-15</span>
                            </article>
                        </div>

                        <div class="penilaian-mwt-dots" aria-hidden="true"></div>
                    </div>
                </section>
            </div>

            <style>
    :root {
        --base: #000;
        --text: #f2f2f2;
        --muted: #b8b8b8;
        --blood: #b3001f;
        --glow: #ff1a1a;
    }

    /* Base hitam */
    .Surga22-container {
        max-width: 1200px;
        margin: 18px auto;
        padding: 30px;
        background: var(--base);
        border-radius: 18px;
        display: grid;
        gap: 16px;
        color: var(--text);
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    /* Neon Pulse + Border Merah Berkedip */
    .neon-box {
        background:
            radial-gradient(1200px 500px at 20% -10%, rgba(255, 0, 0, 0.1), transparent 55%),
            radial-gradient(1000px 500px at 90% 0%, rgba(255, 0, 0, 0.1), transparent 55%),
            linear-gradient(180deg, #070707, #030303);
        border: 2px solid var(--blood);
        border-radius: 16px;
        padding: 14px;
        position: relative;
        overflow: hidden;
        box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.1) inset, 0 10px 30px rgba(0, 0, 0, .55);
        animation: neonPulse 2.2s ease-in-out infinite;
    }

    .neon-box::before {
        content: "";
        position: absolute;
        inset: -2px;
        border-radius: 18px;
        background: linear-gradient(90deg, rgba(255, 0, 0, 0.24), rgba(255, 0, 0, 0.55), rgba(255, 0, 0, 0.24));
        filter: blur(10px);
        opacity: .55;
        pointer-events: none;
        animation: borderBlink 1.15s steps(2, end) infinite;
    }

    .box-title {
        margin: 0 0 12px 0;
        font-size: 30px;
        color: #fff;
        text-align: center;
        letter-spacing: .6px;
        text-transform: uppercase;
        text-shadow: 0 0 12px rgba(255, 0, 0, 0.22);
    }

    /* FAQ Accordion */
    .accordion {
        display: grid;
        gap: 10px;
    }

    .acc-item {
        width: 100%;
        text-align: left;
        background: rgba(0, 0, 0, .55);
        border: 1px solid rgba(179, 0, 0, 0.65);
        border-radius: 12px;
        padding: 12px;
        cursor: pointer;
        color: var(--text);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.08) inset;
    }

    .acc-q {
        font-weight: 650;
        font-size: 14.5px;
        line-height: 1.25;
    }

    .acc-ic {
        width: 28px;
        height: 28px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255, 26, 26, 0.55);
        background: rgba(0, 0, 0, .55);
        font-size: 18px;
        line-height: 1;
    }

    .acc-panel {
        background: rgba(0, 0, 0, .35);
        border: 1px solid rgba(255, 26, 26, 0.55);
        border-radius: 12px;
        padding: 0 12px;
        max-height: 0;
        overflow: hidden;
        transition: max-height .28s ease, padding .28s ease;
    }

    .acc-panel p {
        margin: 10px 0 12px;
        color: var(--muted);
        font-size: 13.8px;
        line-height: 1.55;
    }

    .acc-panel.is-open {
        padding: 6px 12px;
        max-height: 260px;
    }

    .acc-item[aria-expanded="true"] .acc-ic {
        transform: rotate(45deg);
    }

    /* ===== PENILAIAN-ALX Auto Slide ===== */
    .penilaian-mwt-slider {
        position: relative;
        overflow: hidden;
        border-radius: 14px;
    }

    .penilaian-mwt-track {
        display: flex;
        gap: 10px;
        will-change: transform;
        transition: transform .55s ease;
    }

    .penilaian-mwt-card {
        min-width: 100%;
        background: rgba(0, 0, 0, .45);
        border: 1px solid rgba(179, 0, 0, 0.45);
        border-radius: 14px;
        padding: 12px;
        box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.06) inset;
    }

    .penilaian-mwt-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
    }

    .penilaian-mwt-nama {
        font-weight: 750;
        font-size: 14px;
    }

    .penilaian-mwt-bintang {
        letter-spacing: 1px;
        color: #ff1a1a;
        font-size: 14px;
        text-shadow: 0 0 12px rgba(255, 0, 0, 0.18);
    }

    .penilaian-mwt-isi {
        margin: 0;
        color: var(--muted);
        font-size: 13.8px;
        line-height: 1.55;
    }

    .penilaian-mwt-tanggal {
        display: block;
        margin-top: 10px;
        font-size: 12px;
        color: rgba(255, 255, 255, .55);
    }

    .penilaian-mwt-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 12px;
    }

    .penilaian-mwt-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        border: 1px solid rgba(255, 0, 0, 0.55);
        background: rgba(0, 0, 0, .55);
        opacity: .6;
    }

    .penilaian-mwt-dot.is-active {
        opacity: 1;
        border-color: rgba(255, 0, 0, 0.95);
        box-shadow: 0 0 18px rgba(255, 0, 0, 0.18);
        transform: scale(1.1);
    }

    /* Responsive per view */
    @media (min-width: 720px) {
        .penilaian-mwt-card {
            min-width: calc(50% - 5px);
        }
    }

    @media (min-width: 980px) {
        .penilaian-mwt-card {
            min-width: calc(33.333% - 6.7px);
        }
    }

    @media (max-width: 520px) {
        .neon-box {
            padding: 12px;
        }

        .box-title {
            font-size: 16px;
        }

        .acc-q {
            font-size: 14px;
        }
    }

    @keyframes neonPulse {
        0%,
        100% {
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset, 0 10px 30px rgba(0, 0, 0, .55);
        }

        50% {
            box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.2) inset, 0 0 30px rgba(255, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .55);
        }
    }

    @keyframes borderBlink {
        0% {
            opacity: .20;
        }

        50% {
            opacity: .85;
        }

        100% {
            opacity: .20;
        }
    }
</style>

            <script>
                (function () {
                    // ===== FAQ Accordion (5 sesuai schema) =====
                    const faqButtons = document.querySelectorAll(".Surga22-container .acc-item");
                    faqButtons.forEach((btn, idx) => {
                        const panel = btn.nextElementSibling;

                        const qId = `Surga22-faq-q-${idx}`;
                        const pId = `Surga22-faq-p-${idx}`;
                        btn.id = qId;
                        panel.id = pId;
                        btn.setAttribute("aria-controls", pId);
                        panel.setAttribute("aria-labelledby", qId);

                        btn.addEventListener("click", () => {
                            const isOpen = btn.getAttribute("aria-expanded") === "true";
                            faqButtons.forEach(b => {
                                b.setAttribute("aria-expanded", "false");
                                b.nextElementSibling.classList.remove("is-open");
                            });
                            if (!isOpen) {
                                btn.setAttribute("aria-expanded", "true");
                                panel.classList.add("is-open");
                            }
                        });
                    });

                    // ===== PENILAIAN-ALX Auto Slide (6 sesuai schema) =====
                    const slider = document.getElementById("alxSlider");
                    const track = slider?.querySelector(".penilaian-mwt-track");
                    const cards = track ? Array.from(track.children) : [];
                    const dotsWrap = slider?.querySelector(".penilaian-mwt-dots");

                    if (!slider || !track || cards.length === 0) return;

                    let index = 0;
                    let perView = 1;
                    let timer = null;

                    function calcPerView() {
                        const w = window.innerWidth;
                        if (w >= 980) return 3;
                        if (w >= 720) return 2;
                        return 1;
                    }

                    function buildDots() {
                        if (!dotsWrap) return;
                        dotsWrap.innerHTML = "";
                        const pages = Math.ceil(cards.length / perView);
                        for (let i = 0; i < pages; i++) {
                            const d = document.createElement("span");
                            d.className = "penilaian-mwt-dot" + (i === 0 ? " is-active" : "");
                            dotsWrap.appendChild(d);
                        }
                    }

                    function setActiveDot(page) {
                        if (!dotsWrap) return;
                        Array.from(dotsWrap.children).forEach((d, i) => {
                            d.classList.toggle("is-active", i === page);
                        });
                    }

                    function slideTo(page) {
                        const cardWidth = cards[0].getBoundingClientRect().width;
                        const gap = parseFloat(getComputedStyle(track).gap) || 0;
                        const step = (cardWidth + gap) * perView;

                        const maxPage = Math.max(0, Math.ceil(cards.length / perView) - 1);
                        index = page > maxPage ? 0 : page;

                        track.style.transform = `translateX(-${step * index}px)`;
                        setActiveDot(index);
                    }

                    function start() {
                        stop();
                        timer = setInterval(() => slideTo(index + 1), 3200);
                    }
                    function stop() {
                        if (timer) clearInterval(timer);
                        timer = null;
                    }

                    function refresh() {
                        perView = calcPerView();
                        buildDots();
                        slideTo(0);
                        start();
                    }

                    slider.addEventListener("mouseenter", stop);
                    slider.addEventListener("mouseleave", start);
                    slider.addEventListener("touchstart", stop, { passive: true });
                    slider.addEventListener("touchend", start, { passive: true });

                    window.addEventListener("resize", () => {
                        clearTimeout(window.__alxResizeT);
                        window.__alxResizeT = setTimeout(refresh, 140);
                    });

                    refresh();
                })();
            </script>
            <script>
                class ProductRecommendations extends HTMLElement {
                    constructor() {
                        super();
                        this.config = {
                            dom: {
                                button: '.js-frequent-submit',
                                input: '.js-frequent-products-checkbox',
                                selected: 'input[name="frequent-products-pdp"]:checked',
                            },
                            cls: {
                                hide: 'hide',
                            },
                        };
                        const handleIntersection = (entries, observer) => {
                            if (!entries[0].isIntersecting) return;
                            observer.unobserve(this);
                            fetch(this.dataset.url)
                                .then((response) => response.text())
                                .then((text) => {
                                    const html = document.createElement('div');
                                    html.innerHTML = text;
                                    const recommendations = html.querySelector('product-recommendations');
                                    if (recommendations && recommendations.innerHTML.trim().length) {
                                        this.innerHTML = recommendations.innerHTML;
                                    }
                                    if (html.querySelector('.grid__item')) {
                                        this.classList.add('product-recommendations--loaded');
                                    }

                                    this.addEvent();
                                    call_gafunction();
                                })
                                .catch((e) => {
                                    console.error(e);
                                });
                        };
                        new IntersectionObserver(handleIntersection.bind(this), { rootMargin: '0px 0px 200px 0px' }).observe(this);
                    }
                    hideButton(el) {
                        if (!el) return;
                        el.classList.add(this.config.cls.hide);
                    }
                    showButton(el) {
                        if (!el) return;
                        el.classList.remove(this.config.cls.hide);
                    }
                    updateButtonState(show = true) {
                        const $button = this.querySelector(this.config.dom.button) || null;
                        if (!$button) return;

                        if (show) {
                            this.showButton($button);
                        } else {
                            this.hideButton($button);
                        }
                    }
                    addEvent() {
                        const $inputs = this.querySelectorAll(this.config.dom.input) || [];

                        if (!$inputs?.length > 0) return;
                        [...$inputs].forEach(($input) => {
                            $input.addEventListener('change', () => {
                                const $selected = this.querySelector(this.config.dom.selected) || null;

                                if ($selected) {
                                    this.updateButtonState();
                                } else {
                                    this.updateButtonState(false);
                                }
                            });
                        });
                    }
                }
                customElements.define('product-recommendations', ProductRecommendations);

                function call_gafunction() {
                    var mpn_handle = $('#mpn_handle').val();
                    var frequentProducts_ga = [];
                    var productList = 'Shopify Rec :: ' + mpn_handle;
                    $.each($("input[name='frequent-products-pdp']"), function () {
                        var prodtitle = $('#title_' + $(this).val()).val();
                        var prodMPN = $('#product_mpn_handle_' + $(this).val()).val();
                        var prodType = $('.card_product_category_' + $(this).val()).val();
                        var prodCurrency = $('.card_product_currency_' + $(this).val()).attr('value');
                        var prodPrice = $('.card_product_price_' + $(this).val()).attr('value');
                        var prodSku = $('.card_product_sku_' + $(this).val()).attr('value');
                        var compareprice = $('.card_product_compare_' + $(this).val()).attr('value');
                        prodPrice = Number(prodPrice.replace(/[^0-9.-]+/g, ''));
                        var discount = 0;
                        if (compareprice != '') {
                            compareprice = Number(compareprice.replace(/[^0-9.-]+/g, ''));
                            discount = parseFloat(compareprice) - parseFloat(prodPrice);
                            discount = parseFloat(discount);
                            // prodPrice = compareprice;
                        }
                        var productPrice1 = parseFloat(prodPrice);
                        item_ga = {};
                        item_ga['item_id'] = prodSku;
                        item_ga['item_name'] = prodtitle;
                        item_ga['item_category'] = prodType;
                        item_ga['item_list_name'] = productList;
                        item_ga['price'] = prodPrice;
                        item_ga['quantity'] = 1;
                        frequentProducts_ga.push(item_ga);
                    });
                    if (frequentProducts_ga.length != 0) {
                        dataLayer.push({ ecommerce: null });
                        dataLayer.push({
                            event: 'view_item_list',
                            ecommerce: {
                                item_list_name: productList,
                                items: frequentProducts_ga,
                            },
                        });
                    }
                }
            </script>
            <script>
                $(document).ready(function () {
                    $(window).on('scroll', function () {
                        if (
                            $(window).scrollTop() >=
                            $('.product-recommendations1').offset().top + $('.product-recommendations1').outerHeight() - window.innerHeight
                        ) {
                            setTimeout(function () {
                                var checkLength = $("input[name='frequent-products-pdp']:checked").length;
                                var productRecs = document.querySelector('.product-recommendations1');

                                $('#checked-products').text(checkLength);
                            }, 4000);
                            setTimeout(function () {
                                var height;
                                var maxheight = 0;
                                var minheight = 0;
                                $('.price_container_cal').each(function () {
                                    height = parseInt($(this).height());
                                    if (height > maxheight) {
                                        maxheight = height;
                                    } else {
                                        minheight = height;
                                    }
                                });
                                let isMobile = window.matchMedia('only screen and (max-width: 1023px)').matches;
                                if (!isMobile) {
                                    if (maxheight >= minheight) {
                                        $('.price_container_cal').attr(
                                            'style',
                                            'display: flex; flex-flow: column; justify-content: flex-end; height:' + maxheight + 'px;'
                                        );
                                    }
                                }
                            }, 500);
                        }
                    });
                });
            </script>


                </div>
                <!-- ===== SLOT GACOR SLIDER ===== -->
<div class="three-banner-section">

  <h2 class="three-banner-title">SURGA22 - SURGAGROUP</h2>

  <div class="three-banner-slider">
    <div class="three-banner-track">

      <!-- SLIDE 1 -->
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/" rel="nofollow">
          <img src="image/logogacor.gif" alt="TOTO">
        </a>
      </div>

      <!-- SLIDE 2 -->
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/" rel="nofollow">
          <img src="image/logogacor.gif" alt="TOTO SLOT">
        </a>
      </div>

      <!-- SLIDE 3 -->
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/" rel="nofollow">
          <img src="image/logogacor.gif" alt="SITUS TOTO">
        </a>
      </div>

      <!-- DUPLIKAT (biar infinite mulus) -->
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/"><img src="image/logogacor.gif"></a>
      </div>
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/"><img src="image/logogacor.gif"></a>
      </div>
      <div class="three-banner-item">
        <a href="https://essaybaron.com/how-to-place-an-order/"><img src="image/logogacor.gif"></a>
      </div>

    </div>
  </div>

</div>
<!-- ===== END SLIDER ===== -->

<style>
/* ===============================
   SECTION WRAPPER
   =============================== */
.three-banner-section {
  width: 100%;
  text-align: center;
}

/* ===============================
   TITLE STYLE
   =============================== */
.three-banner-title {
  font-family: Inter, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.3px;
  color: #000000;
  margin: 25px auto 20px;
  text-align: center;
}

/* ===============================
   SLIDER WRAPPER
   =============================== */
.three-banner-slider {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 30px;
  overflow: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===============================
   SLIDER TRACK (GERAK)
   =============================== */
.three-banner-track {
  display: flex;
  gap: 18px;
  width: max-content;
  animation: banner-scroll 25s linear infinite;
}

/* PAUSE SAAT HOVER */
.three-banner-slider:hover .three-banner-track {
  animation-play-state: paused;
}

/* ===============================
   ITEM
   =============================== */
.three-banner-item {
  width: 360px;
  overflow: hidden;
  border-radius: 14px;
  background: #000;
  box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}

/* IMAGE */
.three-banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 14px;
  transition: transform 0.35s ease, filter 0.35s ease;
}

/* HOVER */
.three-banner-item:hover img {
  transform: scale(1.05);
  filter: brightness(1.05);
}

/* ===============================
   ANIMATION
   =============================== */
@keyframes banner-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ===============================
   RESPONSIVE MOBILE
   =============================== */
@media (max-width: 768px) {
  .three-banner-title {
    font-size: 20px;
  }

  .three-banner-item {
    width: 260px;
  }
}

/* ===============================
   BONUS: THEME FIX
   =============================== */
.section-title__title-container,
.x-prp-product-details {
  display: flex !important;
  justify-content: center !important;
}
</style>
                        
                    </div>
                </div>
            </div>
            <div class="row -pts">
                <div class="col16">
                    <div id="pdp_bottom" class="-rad4 -oh -mvs -mxh-250px" data-ad="true"></div>
                </div>
                
                <div class="reco _hid col16 -pvs" data-reco-onView="lastViewed" data-list="lastViewed"
                    data-exclude="AC431EA728CEDNAFAMZ" pageType="pdp">
                    <div class="reco-w card">
                        <header class="-df -fw -pas -i-ctr -mh-48px">
                            <h2 class="-phs -fs20 -m -f1 -elli">Recently Viewed<span class="-r"
                                    data-plc-subtitle="true"></span></h2><a href="#"
                                class="-df -i-ctr -fsh0 -m -lh-1 -pvxs -mla -or5" data-plc-href="true"><span>See
                                    All</span><svg viewBox="0 0 24 24" class="ic -f-or5" width="24" height="24">
                                    <use xlink:href="image/logosurga22.webp"
                                        href="image/logosurga22.webp">
                                    </use>
                                </svg></a>
                        </header>
                        <div data-plc="true"></div>
                    </div>
					<style>
    .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 00, 00, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(212, 175, 55, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* 💛 Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 00, 00, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
      }
    }

    /* ✨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 0, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    }

    .popup-buttons {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 25px 20px;
      position: relative;
      z-index: 3;
    }

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #000;
      background: linear-gradient(135deg, #d43737, #f49c9c);
      box-shadow: 0 10px 20px rgba(212, 55, 55, 0.4);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    /* Efek hover tombol emas yang mewah */
    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

    .popup-buttons a:hover::before {
      left: 100%;
    }

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgba(212, 175, 55, 0.5);
      background: linear-gradient(135deg, #f49c9c, #d43737);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }
	.info-table th {
      background: linear-gradient(135deg, #d43737, #b8941f);
      padding: 14px 10px;
      font-size: 15px;
      color: #000;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(212, 175, 55, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 55, 55, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    /* Efek border emas mewah */
    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(212, 00, 00, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(212, 175, 55, 0) 0%, 
        rgba(212, 175, 55, 0.1) 50%, 
        rgba(212, 175, 55, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(212, 175, 55, 0.3);
    }

    .close-btn:hover {
      background: rgba(212, 175, 55, 0.8);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>
  <div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="bobarawr">
            <img src="image/bannersurga22.webp" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://cumasurga.com/surga22">LOGIN</a>
                <a href="https://cumasurga.com/surga22/register">DAFTAR</a>
            </div>

            <div class="popup-footer">
                Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual<br/>
                <span style="color: #d43737; font-weight: 600; text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);">&copy; COPYRIGHT 2026 SURGA22 X SURGAGROUP</span>
            </div>
        </div>
    </div>
</div>
<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
<script>


                </div>
            </div>
<script
    type="application/ld+json">{"@context":"https://schema.org",
    "@type":"ItemPage",
    "mainEntity":{"@type":"Product","name":"Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual","brand":"Surga22","description":"Siapkan perlengkapanmu dan jelajahi dunia penuh warna bersama Spadegaming. Dari misi penyelamatan hingga perburuan harta karun digital, Surga22 menyajikan pengalaman imersif yang menantang adrenalin setiap detik. Siapkah Anda menjadi pemenang berikutnya.","offers":{"@type":"Offer","availability":"http://schema.org/InStock","price":"6907.00","priceCurrency":"NGN"},"image":{"@type":"ImageObject","name":"Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual","contentUrl":["image/bannersurga22.webp","image/iconsurga22.webp","image/logosurga22.webp","image/bannersurga22.webp","image/iconsurga22.webp","image/logosurga22.webp"],"thumbnailUrl":["image/bannersurga22.webp","image/bannersurga22.webp","image/bannersurga22.webp","image/bannersurga22.webp","image/bannersurga22.webp","image/bannersurga22.webp"]},"aggregateRating":{"@type":"AggregateRating","ratingValue":3.7,"ratingCount":122238}},"breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://essaybaron.com/how-to-place-an-order/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https://essaybaron.com/how-to-place-an-order/","name":"Surga22"}},{"@type":"ListItem","position":3,"item":{"@id":"https://essaybaron.com/how-to-place-an-order/","name":"TOTO"}},{"@type":"ListItem","position":4,"item":{"@id":"https://essaybaron.com/how-to-place-an-order/","name":"TOTO"}},{"@type":"ListItem","position":5,"item":{"@id":"https://essaybaron.com/how-to-place-an-order/","name":"SITUS TOTO"}}]}}</script>

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"FAQPage",
  "mainEntity":[
    {
      "@type":"Question",
      "name":"Apa itu Surga22 sebagai situs toto slot gacor hari ini?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Surga22 adalah situs toto slot gacor hari ini yang menghadirkan berbagai pilihan permainan slot dan togel online dengan sistem modern, akses cepat, serta peluang kemenangan yang lebih optimal di setiap sesi permainan."
      }
    },
    {
      "@type":"Question",
      "name":"Apa keunggulan bermain di Surga22?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Surga22 menawarkan keunggulan dari sisi keamanan data, transparansi sistem, serta kenyamanan pengguna. Dengan performa yang stabil, setiap permainan berjalan lancar dan memberikan peluang menang yang lebih tinggi."
      }
    },
    {
      "@type":"Question",
      "name":"Berapa minimal deposit di Surga22?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Minimal deposit di Surga22 sangat terjangkau, mulai dari nominal kecil seperti depo 10K, sehingga memudahkan semua pemain untuk mulai bermain tanpa beban."
      }
    },
    {
      "@type":"Question",
      "name":"Apakah Surga22 menyediakan pasaran togel lengkap?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Ya, Surga22 menyediakan berbagai pasaran togel populer seperti Hongkong, Singapore, Sydney, dan lainnya yang dapat diakses dengan mudah melalui satu platform."
      }
    },
    {
      "@type":"Question",
      "name":"Apakah Surga22 aman dan terpercaya?",
      "acceptedAnswer":{
        "@type":"Answer",
        "text":"Surga22 dikenal sebagai bandar toto togel terpercaya dengan sistem keamanan modern, transaksi cepat, serta dukungan layanan profesional 24 jam untuk menjaga kenyamanan pengguna."
      }
    }
  ]
}

            </div>
        </footer>
        <div id="pop"></div>
    </div>
    <script>var dataLayer = [{ "countryCode": "NG", "language": "en", "platform": "desktop", "url": "/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "abTests": "SponProdPdpV3:B", "pageType": "product", "pageSubtype": "detail", "pageKey": "product_detail", "pageTitle": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "pageContentKey": "AC431EA728CEDNAFAMZ", "isSecondChance": false, "hasCPR": 0, "joinedPageType": "product_detail", "firstCat": "Phones & Tablets", "ecommerce": { "currencyCode": "EUR", "detail": { "products": [{ "id": "AC431EA728CEDNAFAMZ", "name": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "price": "4.19", "brand": "Ace Elec", "category": "Phones & Tablets/Accessories/Batteries & Battery Packs/Portable Power Banks", "dimension23": 493090, "dimension26": 122238, "dimension27": 3.7, "dimension28": "1", "dimension37": "0", "dimension43": "BLF_10|BLF_12|BSELL|CFS|CTO_02|Camp_100|JMALL|TBOOST|UND_27", "dimension44": "0" }] } }, "capiId": "4cb92cc9e692f13b551074803d26c489_1768832335_pdp_AC431EA728CEDNAFAMZ" }]; (function (w, d, s, l, i, f) { function go() { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "//www.googletagmanager.com/gtm.js?id=" + i + dl; j.addEventListener('load', function () { dataLayer.push({ event: 'pageView' }); (function () { setTimeout(function () { window.dataLayer.push({ event: "pageViewLvl2" }), setTimeout(function () { window.dataLayer.push({ event: "pageViewLvl3" }) }, 500) }, 500) })() }); f.parentNode.insertBefore(j, f); } w.addEventListener("load", go, false); })(window, document, 'script', 'dataLayer', 'GTM-KS6DC65'); w = window; d = document; s = "script"; w.dlGA4 = w.dlGA4 || []; w.gtag = function () { w.dlGA4.push(arguments); }; gtag("js", new Date); gtag("config", "G-SDKHD9CQ3C", { "page_location": "/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "platform": "desktop", "send_page_view": false, "shop_country": "NG", "shop_language": "en", "ab_tests": "SponProdPdpV3:B", "page_type": "product", "page_subtype": "detail", "page_title": "product-detail", "page_content_key": "AC431EA728CEDNAFAMZ" }); function go() { f = d.getElementsByTagName(s)[0]; j = d.createElement(s); j.async = !0; j.src = "//www.googletagmanager.com/gtag/js?id=G-SDKHD9CQ3C&l=dlGA4"; gtag("event", "page_view"); gtag("event", "view_item", { "items": [{ "item_brand": "Ace Elec", "item_id": "AC431EA728CEDNAFAMZ", "item_name": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "discount": "0.28", "price": "4.19", "tags": "BLF_10|BLF_12|BSELL|CFS|CTO_02|Camp_100|JMALL|TBOOST|UND_27", "item_category": "Phones & Tablets", "item_category2": "Accessories", "item_category3": "Batteries & Battery Packs", "item_category4": "Portable Power Banks", "is_second_chance": false, "quantity": 1 }], "value": "4.19", "currency": "EUR" }); f.parentNode.insertBefore(j, f); } w.addEventListener("load", go, !1); var moeDataCenter = "dc_2"; !function (e, n, i, t, a, r, o, d) { if (!moeDataCenter || !moeDataCenter.match(/^dc_[0-9]+$/gm)) return console.error("Data center has not been passed correctly. Please follow the SDK installation instruction carefully."); var s = e[a] = e[a] || []; if (s.invoked = 0, s.initialised > 0 || s.invoked > 0) return console.error("MoEngage Web SDK initialised multiple times. Please integrate the Web SDK only once!"), !1; e.moengage_object = a; var l = {}, g = function n(i) { return function () { for (var n = arguments.length, t = Array(n), a = 0; a < n; a++)t[a] = arguments[a]; (e.moengage_q = e.moengage_q || []).push({ f: i, a: t }) } }, u = ["track_event", "add_user_attribute", "add_first_name", "add_last_name", "add_email", "add_mobile", "add_user_name", "add_gender", "add_birthday", "destroy_session", "add_unique_user_id", "update_unique_user_id", "moe_events", "call_web_push", "track", "location_type_attribute"], m = { onsite: ["getData", "registerCallback"] }; for (var c in u) l[u[c]] = g(u[c]); for (var v in m) for (var f in m[v]) null == l[v] && (l[v] = {}), l[v][m[v][f]] = g(v + "." + m[v][f]); r = n.createElement(i), o = n.getElementsByTagName("head")[0], r.async = 1, r.src = t, o.appendChild(r), e.moe = e.moe || function () { return (s.invoked = s.invoked + 1, s.invoked > 1) ? (console.error("MoEngage Web SDK initialised multiple times. Please integrate the Web SDK only once!"), !1) : (d = arguments.length <= 0 ? void 0 : arguments[0], l) }, r.addEventListener("load", function () { if (d) return e[a] = e.moe(d), e[a].initialised = e[a].initialised + 1 || 1, !0 }), r.addEventListener("error", function () { return console.error("Moengage Web SDK loading failed."), !1 }) }(window, document, "script", "https://cdn.moengage.com/release/" + moeDataCenter + "/moe_webSdk.min.latest.js", "Moengage"); typeof moe !== "undefined" && (Moengage = moe({ app_id: "8UETEU0UG1ZWZOD9HUUD2RFC", disable_onsite: false, enableSPA: !1, disable_web_push: !0 })); </script>
    <script>window.__STORE__ = { "view": "Product", "activeLanguage": "en", "countryCode": "NG", "languages": { "en": { "text": "English", "default": true } }, "tracking": { "gtm": { "key": "GTM-KS6DC65", "hasCPR": 0 }, "ga4": { "key": "G-SDKHD9CQ3C" }, "moengage": { "dataCenter": "dc_2", "appId": "8UETEU0UG1ZWZOD9HUUD2RFC" }, "mirakl": { "url": "https://t.eu1.target2sell.mirakl.net/1.1/json/T/t", "publisherId": "2YSVTHCK31PGHE", "pageId": "1200", "userId": "b61b1f68-f541-22f0-a673-aa6a48f31f7b", "view": { "productId": "AC431EA728CEDNAFAMZ" } }, "msClarity": { "key": "rgehulgxob" }, "data": { "url": "/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "abTests": "SponProdPdpV3:B", "pageType": "product", "pageSubtype": "detail", "pageKey": "product_detail", "pageTitle": "product-detail", "pageContentKey": "AC431EA728CEDNAFAMZ", "isSecondChance": false } }, "csrfToken": "066e3494de0904e783e1429013f5fe34", "capiId": "4cb92cc9e692f13b551074803d26c489_1768832335_{eventType}", "user": { "isGuest": true }, "messages": [], "response": null, "cart": { "count": 0 }, "shop": "jumia", "abTests": { "SponProdPdpV3": "B" }, "url": "/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "sprites": { "icons": "https://www.jumia.com.ng/assets_he/images/i-icons.5f48b0af.svg", "global": "https://www.jumia.com.ng/assets_he/images/i-global.df61b3f9.svg", "shop-jumia": "https://www.jumia.com.ng/assets_he/images/i-shop-jumia.0072ec91.svg" }, "liveChat": { "loadingText": "Live Chat is loading...", "botImg": "https://www.jumia.com.ng/assets_he/images/bot.5beef7d8.svg" }, "wishlist": { "added": false, "addCTA": "Add to wishlist", "removeCTA": "This item is already on your wishlist", "removeUrl": "/wishlist/remove/AC431EA728CEDNAFAMZ/", "popupTitle": "Please select a variation", "submitCTA": "Add to wishlist" }, "sku": "AC431EA728CEDNAFAMZ", "htmlErrors": { "valueMissing": "Required field", "typeMismatch": "Invalid Information", "patternMismatch": "Invalid Information", "rangeOverflow": ".", "rangeUnderflow": "form_html-errors_range_underflow", "tooLong": "Text too long", "tooShort": "Text too short" }, "addToCart": { "common": { "buyNowQtySelection": { "showQtySelector": true, "cartQtyIncreaseCTA": "increase cart quantity", "cartQtyDecreaseCTA": "decrease cart quantity" } }, "pdpMain": { "id": "add-to-cart", "buyNowCTA": "Add to cart", "itemsAddedCTA": "item(s) added", "classes": "-j-bet -mh-48px", "btnClasses": "-fw", "plusMinusBtnsClasses": "-paxs", "soldOutBtnClasses": "-fw", "showAddToCartIcon": true, "buyNowQtySelection": { "showQtySelector": true, "cartQtyIncreaseCTA": "increase cart quantity", "cartQtyDecreaseCTA": "decrease cart quantity" }, "isXhr": true }, "pdpMini": { "buyNowCTA": "Add to cart", "btnClasses": "-fw _md -mts", "plusMinusBtnsClasses": "-paxs", "soldOutBtnClasses": "-fw _md -mts", "showAddToCartIcon": true, "shouldUpdate": false, "buyNowQtySelection": { "showQtySelector": true, "cartQtyIncreaseCTA": "increase cart quantity", "cartQtyDecreaseCTA": "decrease cart quantity" }, "isXhr": true } }, "popups": { "addToCart": { "data": { "buyNowCTA": "Add to cart", "buyNowQtySelection": { "showQtySelector": true, "cartQtyIncreaseCTA": "increase cart quantity", "cartQtyDecreaseCTA": "decrease cart quantity" }, "unavailableText": "Currently unavailable", "viewUrl": "/cart/", "continueCTA": "Continue Shopping", "viewCTA": "Go to Cart", "popupTitle": "Please select a variation", "closeCTA": "close popup" }, "template": "AddToCart" }, "imageZoom": { "data": { "popupTitle": "Product Images" }, "size": "L", "classes": "_zoom", "dynData": { "1": { "url": "/fragment/products/418722072/pictures/?selected=1" }, "2": { "url": "/fragment/products/418722072/pictures/?selected=2" }, "3": { "url": "/fragment/products/418722072/pictures/?selected=3" }, "4": { "url": "/fragment/products/418722072/pictures/?selected=4" }, "5": { "url": "/fragment/products/418722072/pictures/?selected=5" }, "6": { "url": "/fragment/products/418722072/pictures/?selected=6" } } }, "addToWishlist": { "data": { "title": "Please select a variation", "wishlistCTA": "Add to wishlist", "isLinkButton": true, "formUrl": "/wishlist/add/" }, "template": "AddToWishlist" }, "shopExpress": { "data": { "title": "Surga22 Express", "text": "Deposit Kilat, Tanpa Nunggu Lama. \n<br/>\n<br/>\nWD Cepat, Langsung Masuk Rekening." }, "template": "ShopSection" }, "delivery": { "template": "Delivery", "dynData": { "1": { "title": "Delivery Details", "delivery": { "title": "Pickup Station", "text": "Delivery time starts from the day you place your order to the day your order arrives at the pickup station. You will be notified of your order's arrival, and you have to retrieve it within 5 days.  If the order is not picked up, it will be automatically cancelled." }, "shipping": { "title": "Delivery Fee Details", "total": { "text": "Total Delivery Amount", "value": "$ 750" } } }, "2": { "title": "Delivery Details", "delivery": { "title": "Door Delivery", "text": "Delivery time starts from the day you place your order to the day one of our associates makes a first attempt to deliver to you. Delivery will be attempted 2 times over 5 days (7.00 am to 5.30 pm) after which the item will be cancelled, if you are unreachable or unable to receive the order." }, "shipping": { "title": "Delivery Fee Details", "total": { "text": "Total Delivery Amount", "value": "$ 1,710" } } } } }, "seller": { "data": { "title": "Seller Performance", "text": "Key metrics to help you know more about the vendor selling those products.", "closeCTA": "Close Popup" } } }, "products": [{ "id": 418722072, "displayName": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "isBuyable": true, "mpg": { "id": 22495891, "slug": "20000-mah-utra-slim-portable-power-bank-ace-elec", "name": "FL585EA3CG6JHNAFAMZ-366483558", "urls": ["/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html"] }, "sku": "AC431EA728CEDNAFAMZ", "name": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "brand": "Ace Elec", "sellerId": 493090, "isShopExpress": true, "categories": ["Phones & Tablets", "Accessories", "Batteries & Battery Packs", "Portable Power Banks"], "prices": { "rawPrice": "6907.00", "price": "$ 100", "priceEuro": "4.19", "taxEuro": "0.29", "oldPrice": "$ 7,363", "oldPriceEuro": "4.47", "discount": "6%", "discountEuro": "0.28" }, "tags": "BLF_10|BLF_12|BSELL|CFS|CTO_02|Camp_100|JMALL|TBOOST|UND_27", "rating": { "average": 3.7, "totalRatings": 122238 }, "image": "https://ng.jumia.is/unsafe/fit-in/300x300/filters:fill(white)/product/27/0227814/1.jpg?2039", "imageAlt": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "isSponsored": false, "tracking": { "name": "Surga22 : Gerbang Utama Menuju Epic Quest & Jackpot Virtual", "categoryKey": "mobile-phone-accessories-power-banks", "brandKey": "ace-elec", "isSecondChance": false }, "url": "/20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "simples": [{ "sku": "AC431EA728CEDNAFAMZ-719386348", "loginUrl": "/customer/account/login/?tkWl=AC431EA728CEDNAFAMZ-719386348&return=%2F20000-mah-utra-slim-portable-power-bank-ace-elec-mpg22495891.html", "isBuyable": true, "name": "", "prices": { "rawPrice": "6907.00", "price": "$ 100", "priceEuro": "4.19", "taxEuro": "0.29", "oldPrice": "$ 7,363", "oldPriceEuro": "4.47", "discount": "6%", "discountEuro": "0.28" }, "stockInfo": { "text": "In stock", "type": "inStock" } }], "selectedVariation": "AC431EA728CEDNAFAMZ-719386348" }], "timeLabels": { "w": "w", "d": "d", "h": "h", "m": "m", "s": "s" }, "googleAds": { "targeting": { "cat_1": ["Phones  Tablets"], "cat_2": ["Accessories"], "cat_3": ["Batteries  Battery Packs"], "cat_4": ["Portable Power Banks"], "category": ["Phones  Tablets", "Accessories", "Batteries  Battery Packs", "Portable Power Banks"], "brand": ["Ace Elec"], "seller": ["HANSEN - AC"], "searchTerm": ["none"], "price": ["0-10"] }, "pdp_top": { "adUnitPath": "21834584457/NG/desktop_pdp_top", "size": [[728, 90], [970, 90], [970, 250], "fluid"] }, "pdp_bottom": { "adUnitPath": "21834584457/NG/desktop_pdp_bottom", "size": [[728, 90], [970, 90], [970, 250], "fluid"] } } };</script>
    <script type="module" crossorigin src="https://www.jumia.com.ng/assets_he/js/common.37788700.js"></script>
    <script type="module" crossorigin
        src="https://www.jumia.com.ng/assets_he/js/pages/product/index.5173977a.js"></script>
    <script nomodule src="https://www.jumia.com.ng/assets_he/js/common.es5.db8e67ab.js"></script>
    <script nomodule src="https://www.jumia.com.ng/assets_he/js/pages/product/index.es5.3a77628e.js"></script>
<style>
  /* =========================================
     FOOTER UTAMA (Surga22)
     ========================================= */
  .Surga22-Surgagroup {
    display: flex;
    justify-content: space-around;
    align-items: flex-end; /* Agar tombol tengah bisa melayang */
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 99;
    padding: 12px 10px 20px 10px; /* Bawah lebih lebar */
    
    /* Tema Glassmorphism & Hitam */
    background: linear-gradient(180deg, rgba(15,15,15,0.98), #000000);
    border-top: 1px solid #eb1e1e; /* Garis Emas Solid */
    box-shadow: 0 -10px 30px rgba(0,0,0,0.8); /* Bayangan hitam ke atas */
    backdrop-filter: blur(8px); /* Efek kaca buram */
    
    border-radius: 20px 20px 0 0; /* Sudut atas melengkung halus */
    font-family: 'Montserrat', sans-serif;
  }

  /* =========================================
     BUTTON NAVIGASI (PROMO, LOGIN, DLL)
     ========================================= */
  .Surga22-Surgagroup a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #888; /* Abu-abu redup default */
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    flex: 1; /* Ukuran rata */
  }

  .Surga22-Surgagroup a:hover {
    color: #ff0000; /* Berubah Emas saat hover */
    transform: translateY(-3px);
  }

  /* Styling Icon (GIF) */
  .Surga22-SEO-UB-GANTENG img {
    width: 24px; height: 24px;
    margin-bottom: 4px;
    filter: grayscale(100%) brightness(200%); /* Buat icon jadi putih/abu biar rapi */
    transition: 0.3s;
  }

  .Surga22-Surgagroup a:hover img {
    filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.6)); /* Glow Emas saat hover */
  }

  /* =========================================
     BUTTON TENGAH (DAFTAR) - SPESIAL
     ========================================= */
  .Surga22-Surgagroup a.tada {
    position: relative;
    top: -25px; /* Naikkan posisi ke atas (Melayang) */
    
    background: linear-gradient(135deg, #eb1e1e 0%, #eb1e1e 100%); /* Gradasi Emas Solid */
    color: #000000; /* Teks Hitam agar kontras */
    
    /* Bentuk Kapsul (Pill) */
    min-width: 60px;
    height: 55px;
    padding: 0 15px;
    border-radius: 50px; 
    
    /* Border menyesuaikan background agar terlihat seperti "Lubang" */
    border: 4px solid #050505; 
    
    box-shadow: 0 5px 15px rgba(212, 55, 55, 0.4);
    animation: floatGold 3s ease-in-out infinite; /* Animasi melayang halus */
  }

  .Surga22-Surgagroup a.tada img {
    margin-bottom: 2px;
    width: 22px; height: 22px;
    filter: brightness(0); /* Icon hitam di atas emas */
  }

  /* Animasi Melayang */
  @keyframes floatGold {
    0%, 100% { 
      transform: translateY(0); 
      box-shadow: 0 5px 15px rgba(212, 55, 55, 0.4); 
    }
    50% { 
      transform: translateY(-5px); 
      box-shadow: 0 10px 25px rgba(212, 175, 55, 0.6); 
    }
  }

  /* Responsif Mobile Kecil */
  @media (max-width: 350px) {
    .Surga22-Surgagroup a { font-size: 9px; }
    .Surga22-Surgagroup img { width: 20px; height: 20px; }
    .Surga22-Surgagroup a.tada { width: 50px; height: 50px; min-width: 50px; top: -20px; }
  }
</style>
</div>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.22.0","token":"74184dbcc48249c6abbca8b8830f6513","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.22.0","token":"eca02718c5664e838cc8ed90c78f5d9f","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.22.0","token":"45100b5c128c4cc7815283bb2ae01de2","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.22.0","token":"45100b5c128c4cc7815283bb2ae01de2","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.22.0","token":"45100b5c128c4cc7815283bb2ae01de2","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.22.0","token":"028fcd53873f4541a3a771317dbac29e","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.22.0","token":"028fcd53873f4541a3a771317dbac29e","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.22.0","token":"2908cf22bff9491ead900f206df56672","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.22.0","token":"7094db29ed074675b96afd7489457be9","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>