PageSourceSearch

https://www.bella-peachy.com/

html bella-peachy.com collected 2026-10-09 21:20:05 UTC 605,045 bytes, 12,337 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id-ID">
4<head>
5<meta name="google-site-verification" content="52Hudrcrri6B7qQxvxpHEo7izmOsUNH5mwNff55RW5c" />
6<link href="https://www.bella-peachy.com/" rel="preconnect"/>
7<meta charset="utf-8"/>
8<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
9<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
10<meta content="width=device-width, initial-scale=1" name="viewport"/>
11<title>Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern</title>
12<meta name="description" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
13<meta name="title" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
14<meta content='index, follow, nosnippet' name='robots'>
15<link rel="canonical" href="https://www.bella-peachy.com/">
16<link rel="amphtml" href="https://back.membersmarkproduct.icu/">
17<link rel="alternate" href="https://back.membersmarkproduct.icu/">
18<link rel="alternate" href="https://buka.xmaswholesale.top/" hreflang="en">
19<link rel="alternate" href="https://membersmarkproduct.com/" hreflang="x-default">
20<link rel="alternate" hreflang="id-ID" href="https://back.membersmarkproduct.icu/">
21<link rel="alternate" hreflang="en-US" href="https://back.membersmarkproduct.icu/">
22<link rel="alternate" hreflang="en-SG" href="https://back.membersmarkproduct.icu/">
23<meta name="publisher" content="Giga138">
24<meta name="keywords" content="Giga138, Bella Peachy, fashion wanita, gaya wanita modern, fashion peach, koleksi wanita"/>
25<meta name="sitecode" content="id">
26<meta name="twitter:card" content="summary_large_image">
27<meta name="twitter:title" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
28<meta name="twitter:description" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
29<meta name="twitter:url" content="https://www.bella-peachy.com/">
30<meta name="twitter:image" content="https://www.bella-peachy.com/aset138/bella-bnr.jpeg">
31<meta property="og:type" content="website">
32<meta property="og:site_name" content="Giga138 X Bella Peachy">
33<meta property="og:locale" content="id_ID">
34<meta property="og:url" content="https://www.bella-peachy.com/">
35<meta property="og:title" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
36<meta property="og:description" content="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern">
37<meta property="og:image" content="https://www.bella-peachy.com/aset138/bella-bnr.jpeg">
38<link rel="icon" href="https://www.bella-peachy.com/aset138/icon138.webp" type="image/webp">
39<link rel="shortcut icon" href="https://www.bella-peachy.com/aset138/icon138.webp">
40<link rel="apple-touch-icon" href="https://www.bella-peachy.com/aset138/icon138.webp">
41<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/sites/global/css/fonts.min.8a18f528e82f16d7420d24afc5dbd284.css" rel="stylesheet" type="text/css"/>
42<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/sites/id.min.d4a873f5ad80fabc15ee8200be9ce4ea.css" rel="stylesheet" type="text/css"/>
43<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.1dd1d47f040029bab499de380db9b346.css" rel="stylesheet" type="text/css"/>
44<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-ux25.min.cfaf16f3ce915af071216f8067965b12.css" rel="stylesheet" type="text/css"/>
45<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$360_288_PNG$" media="(max-width:767px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
46<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$720_576_PNG$" media="(max-width:767px) and (-webkit-min-device-pixel-ratio: 1.5)" rel="preload">
47<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$365_292_PNG$" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload">
48<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$730_584_PNG$" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.5)" rel="preload">
49<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$650_519_PNG$" media="(min-width:1366px
49) and (-webkit-max-device-pixel-ratio: 1.4)" rel="preload"/>
50<link as="image" href="https://images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$1300_1038_PNG$" media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.5)" rel="preload"/>
51<link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-dynamic/pd-g-anchor-navigation-ux25/clientlibs/site.min.f0928494201809fec3a1e8977d8c2a53.css" rel="stylesheet" type="text/css"/>
52<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd.min.31450f4f522ff9cbaa6a27f7b92a8f37.css" rel="stylesheet" type="text/css"/>
53<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps.min.c8df1c312f007cbe365067bcf47300e4.css" rel="stylesheet" type="text/css"/>
54<link href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps-h-n.min.d41d8cd98f00b204e9800998ecf8427e.css" rel="stylesheet" type="text/css"/>
55<link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-wishlist-popup/clientlibs/site.min.d49c101fdadccee88e030f4c91651e9c.css" rel="stylesheet" type="text/css"/>
56<link href="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-eip-popup/clientlibs/site.min.f2f39cae0431b16573847bcb7d615526.css" rel="stylesheet" type="text/css"/>
57<script type="text/javascript">var winhref=window.location.href.replace("/content/samsung","").replace(".html","https://www.samsung.com/");if(winhref.indexOf("?")>0){winhref=winhref.substring(0,winhref.indexOf("?"));}var siteCode=winhref.split("https://www.samsung.com/")[3];if(winhref.indexOf("samsung.com.cn")>0){siteCode="cn";}var depth=winhref.split("https://www.samsung.com/").length;var depth_last=winhref.split("https://www.samsung.com/")[depth-1];if(depth_last==""||depth_last.charAt(0)=="?"){depth-=1;}var pageName="";var depth_2="";var depth_3="";var depth_4="";var depth_5="";var digitalData={"page":{"pageInfo":{"siteCode":"id","pageName":pageName,"pageID":"L2NvbnRlbnQvc2Ftc3VuZy9pZC9zbWFydHBob25lcy9nYWxheHktYS9nYWxheHktYTA3LWJsYWNrLTY0Z2Itc20tYTA3NWZ6a2R4aWQvYnV5","pageTrack":"product detail","originPlaform":"web"},"pathIndicator":{"depth_2":depth_2,"depth_3":depth_3,"depth_4":depth_4,"depth_5":depth_5}},"user":{"userDeviceList":[]},"product":{"category":"","model_code":"","model_name":"","displayName":"","pvi_type_code":"","pvi_type_name":"","pvi_subtype_code":"","pvi_subtype_name":"","pd_type":"","content_id":"","products":"","prodView":""}}</script>
57
58      <!-- vdSiteFlag=[] -->
59      <!-- vdLtrSiteFlag=[] -->
60      
60<script type="text/javascript">digitalData.page.pageInfo.pageTrack="product detail";digitalData.product.model_code="SM\u002DA075FZKDXID".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.displayName="Galaxy A07".replace(/(<([^>]+)>)/gi,"").replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.model_name="SM\u002DA075F\/DS".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.products="SM\u002DA075F\/DS".replace(/&/g,' and ').replace(/  /g,' ');digitalData.page.pathIndicator.depth_2="mobile".replace(/&/g,' and ').replace(/  /g,' ');digitalData.page.pathIndicator.depth_3="smartphones".replace(/&/g,' and ').replace(/  /g,' ');digitalData.page.pathIndicator.depth_4="galaxy a".replace(/&/g,' and ').replace(/  /g,' ');digitalData.page.pathIndicator.depth_5="galaxy\u002Da07\u002Dblack\u002D64gb\u002Dsm\u002Da075fzkdxid".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.pvi_type_code="pt_cd_mobile".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.pvi_type_name="mobile".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.pvi_subtype_code="pt_cd_mobile_01".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.pvi_subtype_name="smartphone".replace(/&/g,' and ').replace(/  /g,' ');digitalData.product.pim_subtype_name=digitalData.page.pathIndicator.depth_4;digitalData.product.pd_type="no sale";var pageName=digitalData.page.pageInfo.siteCode;if(digitalData.page.pathIndicator.depth_2!=""){pageName+=":"+digitalData.page.pathIndicator.depth_2;}if(digitalData.page.pathIndicator.depth_3!=""){pageName+=":"+digitalData.page.pathIndicator.depth_3;}if(digitalData.page.pathIndicator.depth_4!=""){pageName+=":"+digitalData.page.pathIndicator.depth_4;}pageName+=":galaxy\u002Da07\u002Dblack\u002D64gb\u002Dsm\u002Da075fzkdxid".replace(/&/g,' and ').replace(/  /g,' ')+":buy";digitalData.page.pageInfo.pageName=pageName;</script>
60
61      <!-- Excluding tagging-related scripts in Author mode -->
62      <!-- End Adobe Target Flicker handling -->
63      <!-- Launch Header Embed Code -->
64      
64<script async="" src="https://assets.adobedtm.com/72afb75f5516/07a30e78d4a7/launch-9f62b0723785.min.js"></script>
64
65      <!-- End Launch Header Embed Code -->
66      <!-- ugcGallary -->
67      <!-- true -->
68      <!-- script type="text/javascript" src="https://in2.ecom-qa.samsung.com/in/web/dist/shopAppUtil.js"></script>
68  -->
69      <!--  script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/shopAppUtil.js"></script>
69  -->
70      
70<script>
71       let isWebView = false;
72			let isPlatformReady = false;
73			class ShopAppUtil {
74				constructor(params) {
75					this.params = params;
76					// let startT = new Date().valueOf();
77					// console.log("★ startTime:", startT);
78					// if(!!window.flutter_inappwebview){
79					let siteCode = "id";
80					let appCookie = document.cookie.match(`(^|;) ?WebView=([^;]*)(;|$)`);
81					if(appCookie != null && appCookie[2] === "Y"){
82						isWebView = true;
83					}else if(siteCode !== "fr"){
84						isWebView = !!window.flutter_inappwebview;
85					}
86					// }
87
88					if(isWebView){
89						window.addEventListener("flutterInAppWebViewPlatformReady", (event) => {
90							// let responseT = new Date().valueOf();
91							// console.log("★ responseTime:", responseT);
92							// console.log("★ responseTime-startTime:", responseT - startT);
93							// console.log("flutterInAppWebViewPlatformReady, web view:", isWebView);
94							isPlatformReady = true;
95							params.readyCallback();
96						});
97					}
98				}
99				callHandler = (methodName, ...params) => {
100					if (isPlatformReady) {
101					return window.flutter_inappwebview.callHandler(methodName, ...params)
102					} else {
103					return Promise.reject("Calling methodName: "+methodName+", but webview not identified")
104					}
105				}
106				logger = (info, value) => {
107					this.params.logger && console.log(" "+info+" "+value+" ")
108				}
109				isWebView = () => {
110					this.logger('Returning isWebView: ', isWebView);
111					return isWebView;
112				}
113				isPlatformReady = () => {
114					this.logger('Returning isPlatformReady: ', isPlatformReady);
115					return isPlatformReady;
116				}
117				getAppVersionCode = () => new Promise((resolve, reject) => {
118					this.callHandler('getAppVersionCode')
119					.then(result => {
120						this.logger("App version", result)
121						resolve(result)
122					})
123					.catch(err => {
124						this.logger("Error in App version", err)
125						reject(err)
126					})
127				})
128				triggerAnalytics = (data) => new Promise((resolve, reject) => {
129					this.callHandler('OnAnalyticsEvent', data)
130					.then(result => {
131						this.logger("OnAnalyticsEvent Success", result)
132						resolve(JSON.stringify(result))
133					})
134					.catch(err => {
135						this.logger("Error in OnAnalyticsEvent", err)
136						reject(err)
137					})
138				})
139				openExternalBrowser = (url) => new Promise((resolve, reject) => {
140					if (typeof url === "string") {
141						url = url.trim();
142					}
143					this.callHandler('openExternalBrowser', url)
144					.then(result => {
145						this.logger("openExternalBrowser Success", result)
146						resolve(JSON.stringify(result))
147					})
148					.catch(err => {
149						this.logger("Error in openExternalBrowser", err)
150						reject(err)
151					})
152				})
153				setupCloseForBack = (exit, confirm, hide, backCallback) => {
154					this.callHandler('configureBackV2', exit, confirm, hide, backCallback)
155					.then(function (result) {
156						console.log(JSON.stringify(result));
157					})
158					.catch(function (err) {
159						console.log("Error in configureBackV2", err)
160					})
161				}
162				setupNormalBack = () => {
163					this.callHandler('configureBackV2', false, false, false, '')
164					.then(function (result) {
165						console.log(JSON.stringify(result));
166					})
167					.catch(function (err) {
168						console.log("Error in configureBackV2", err)
169					})
170				}
171				getUserDetails = () => new Promise((resolve, reject) => {
172					this.callHandler('getUserDetails', 'window.setUserDetails')
173					.then(result => {
174						this.logger("User Details", result)
175						resolve(result)
176					})
177					.catch(err => {
178						this.logger("Error in getUserDetails", err)
179						reject(err)
180					})
181				})
182				updateCartCount = (cartCount) => new Promise((resolve, reject) => {
183					this.callHandler('updateCartCount', cartCount)
184					.then(result => {
185						this.logger("updated Cart Count", result)
186						resolve(result)
187					})
188					.catch(err => {
189						this.logger("Error in updateCartCount", err)
190						reject(err)
191					})
192				})
193				getToken = () => new Promise((resolve, reject) => {
194					this.callHandler('getToken', false)
195					.then(result => {
196						this.logger("GetToken Success", result)
197						resolve(result)
198					})
199					.catch(err => {
200						this.logger("Error in getToken", err)
201						reject(err)
202					})
203				})
204				displayInAppReview = () => new Promise((resolve, reject) => {
205					this.callHandler('displayInAppReview')
206					.then(result => {
207						this.logger("displayInAppReview success")
208						resolve(result)
209					})
210					.catch(err => {
211						this.logger("displayInAppReview failed")
212						reject(err)
213					})
214				})
215			}
216			// [START log_event]
217			function logEvent(name, params) {
218				if (!name) {
219					return;
220				}
221
222				if (window.AnalyticsWebInterface) {
223					// Call Android interface
224					window.AnalyticsWebInterface.logEvent(name, JSON.stringify(params));
225				} else if (window.webkit
226					&& window.webkit.messageHandlers
227					&& window.webkit.messageHandlers.firebase) {
228					// Call iOS interface
229					var message = {
230						command: 'logEvent',
231						name: name,
232						parameters: params
233					};
234					window.webkit.messageHandlers.firebase.postMessage(message);
235				} else {
236					// No Android or iOS interface found
237					console.log("No native APIs found.");
238				}
239			}
240			// [END log_event]
241
242			// [START set_user_property]
243			function setUserProperty(name, value) {
244				if (!name || !value) {
245					return;
246				}
247
248				if (window.AnalyticsWebInterface) {
249					// Call Android interface
250					window.AnalyticsWebInterface.setUserProperty(name, value);
251				} else if (window.webkit
252					&& window.webkit.messageHandlers
253					&& window.webkit.messageHandlers.firebase) {
254					// Call iOS interface
255					var message = {
256						command: 'setUserProperty',
257						name: name,
258						value: value
259					};
260					window.webkit.messageHandlers.firebase.postMessage(message);
261				} else {
262					// No Android or iOS interface found
263					console.log("No native APIs found.");
264				}
265			}
266			// [END set_user_property]
267
268			/*
269			document.getElementById("event1").addEventListener("click", function() {
270			    console.log("event1");
271			    logEvent("event1", { foo: "bar", baz: 123 });
272			});
273
274			document.getElementById("event2").addEventListener("click", function() {
275			  console.log("event2");
276			    logEvent("event2", { size: 123.456 });
277			});
278
279			document.getElementById("userprop").addEventListener("click", function() {
280			    console.log("userprop");
281			    setUserProperty("userprop", "custom_value");
282			});
283			*/
284      </script>
284
285      
285<script>
286       const hideHeaderFooterByWindowFlutterInappwebview = () => {
287				//$('.gnb').hide();
288				if(document.querySelector(".gnb") != null && document.querySelector(".gnb").style != null) {
289					document.querySelector(".gnb").style.display='none';
290				}
291				if(document.querySelector(".nv00-gnb") != null && document.querySelector(".nv00-gnb").style != null) {
292					document.querySelector(".nv00-gnb").style.display='none';
293				}
294				if(document.querySelector(".nv00-gnb-v3") != null && document.querySelector(".nv00-gnb-v3").style != null) {
295					document.querySelector(".nv00-gnb-v3").style.display='none';
296				}
297				if(document.querySelector(".nv00-gnb-v4") != null && document.querySelector(".nv00-gnb-v4").style != null) {
298					document.querySelector(".nv00-gnb-v4").style.display='none';
299				}
300				if(document.querySelector(".nv07-explore-floating-navigation") != null) {
301					let nv07 = document.querySelector(".nv07-explore-floating-navigation");
302					nv07.parentElement.removeChild(nv07);
303				}
304				//CRHQ-9185 [B2C] shop app - DB 전환 건 - 쿠키 체크 및 미노출 처리      - 보완로직 
305				if(document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) {
306					document.querySelector(".cod05-app-banner").style.display='none';
307				} 
308				if(document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) {
309					document.querySelector(".breadcrumb").style.display='none';
310				}
311				if(document.querySelector(".nvd02-breadcrumb") != null && document.querySelector(".nvd02-breadcrumb").style != null) {
312					document.querySelector(".nvd02-breadcrumb").style.display='none';
313				}
314				if(document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) {
315					document.querySelector(".nv17-breadcrumb").style.display='none';
316				}
317				if(document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) {
318					document.querySelector(".epp-breadcrumb").style.display='none';
319				}
320				if(document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) {
321					document.querySelector(".footer-column").style.display='none';
322				}
323				if(("es" === "id" || "de" === "id") && document.querySelector(".footer-bottom") != null && document.querySelector(".footer-bottom").style != null) {
324					document.querySelector(".footer-bottom").style.display='none';
325				}
326				if(document.querySelector(".footer-language") != null && document.querySelector(".footer-language").style != null) {
327					document.querySelector(".footer-language").style.display='none';
328				}
329				if(document.querySelector(".footer-language__anchor") != null && document.querySelector(".footer-language__anchor").style != null) {
330					document.querySelector(".footer-language__anchor").style.display='none';
331				}
332				if(document.querySelector(".footer-language-wrap") != null && document.querySelector(".footer-language-wrap").style != null) {
333					document.querySelector(".footer-language-wrap").style.display='none';
334				}
335				if(document.querySelector(".footer-sns") != null && document.querySelector(".footer-sns").style != null) {
336					document.querySelector(".footer-sns").style.display='none';
337				}
338				if(document.querySelector(".footer-terms") != null && document.querySelector(".footer-terms").style != null) {
339					document.querySelector(".footer-terms").style.display='none';
340				}
341				if(document.querySelector("#teconsent") != null && document.querySelector("#teconsent").style != null) {
342					document.querySelector("#teconsent").style.display='none';
343				}
344				if(document.querySelector("#QSIFeedbackButton-btn") != null && document.querySelector("#QSIFeedbackButton-btn").style != null) {
345					document.querySelector("#QSIFeedbackButton-btn").style.display='none';
346				}
347				if (window.location.href.indexOf("https://www.samsung.com/mypage/myproducts/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/myrepair/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/rewards/") > -1
348						|| window.location.href.indexOf("https://www.samsung.com/mypage/myLayanans/") > -1 || window.location.href.indexOf("https://www.samsung.com/mypage/credits/") > -1) {
349					if(document.querySelector(".explore-lnb-navigation") != null && document.querySelector(".explore-lnb-navigation").style != null) {
350						document.querySelector(".explore-lnb-navigation").style.display='none';
351					}
352					if(document.querySelector(".nv-g-lnb") != null && document.querySelector(".nv-g-lnb").style != null) {
353						document.querySelector(".nv-g-lnb").style.display='none';
354					}
355					if(document.querySelector(".pd-g-floating-nav") != null && document.querySelector(".pd-g-floating-nav").style != null) {
356						document.querySelector(".pd-g-floating-nav").style.display='none';
357					}
358					document.querySelectorAll("#content a[target='_blank']").forEach(function(item){
359						item.removeAttribute('target');
360					});
361				}
362				if("page-standard-pd" === "page-buying-pd" || "page-buying-pd" === "page-buying-pd" || "page-feature-pd" === "page-buying-pd") {
363					if(document.querySelector(".pd-header-navigation__menu-epromoter-cta") != null && document.querySelector(".pd-header-navigation__menu-epromoter-cta").style != null) {
364						document.querySelector(".pd-header-navigation__menu-epromoter-cta").style.display='none';
365					}
366					if(document.querySelector(".product-detail-kv__cta-epromotor") != null && document.querySelector(".product-detail-kv__cta-epromotor").style != null) {
367						document.querySelector(".product-detail-kv__cta-epromotor").style.display='none';
368					}
369				}else if("page-bc-pd" === "page-buying-pd"){
370					document.querySelectorAll("#content .s-message-link").forEach(function(item){
371						item.style.display = "none";
372					});
373				}
374				if(document.querySelector(".cookie-bar__app-banner") != null && document.querySelector(".cookie-bar__app-banner").style != null) {
375					document.querySelector(".cookie-bar__app-banner").style.display='none';
376				}
377				if(document.querySelector(".cookie-bar") != null && document.querySelector(".cookie-bar").style != null) {
378					document.querySelector(".cookie-bar").style.display='none';
379				}
380				if(document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) {
381					document.querySelector(".cod05-app-banner").style.display='none';
382				}
383				//[EPP] Partner Bar 미노출 처리
384				if(document.querySelector(".partner-bar-wrap") != null && document.querySelector(".partner-bar-wrap").style != null) {
385					document.querySelector(".partner-bar-wrap").style.display='none';
386				}						
387				if(window.sg && window.sg.common && window.sg.common.utils){
388					window.sg.common.utils.visibleScroll();
389				}
390			}
391
392			let timerId = setInterval(() => {
393				if(isWebView){
394					hideHeaderFooterByWindowFlutterInappwebview();
395				}
396				if(window.location.href.indexOf("samsung.com.cn") > -1){ //cn국가인 경우
397					//추가된 userAgent 판단 로직
398					var ua = navigator.userAgent;
399					var ualower = ua.toLowerCase();
400					if(/micromessenger/.test(ualower)){ //userAgent include 'micromessenger'
401						if(/miniprogram/i.test(ualower)){ // 위챗 미니앱
402							//return 'wxApp';
403							hideHeaderFooterByWindowFlutterInappwebview();
404						}
405					}else if(/aliapp/i.test(ualower) && /miniprogram/i.test(ualower)){//userAgent include 'aliapp', 'miniprogram'
406						//return 'aliApp';// 알리 미니앱
407						hideHeaderFooterByWindowFlutterInappwebview();
408					}
409				}
410			}, 10);
411			setTimeout(() => {
412				clearInterval(timerId);
413			}, 20000);
414
415			const setSessionStorage = () => {
416				const isInAppWebViewSessionStorage = sessionStorage.getItem("isInAppWebViewSessionStorage");
417				if(!isInAppWebViewSessionStorage){
418					// readyCallback에서 세팅 (기존에 없는 경우만 세팅)
419					sessionStorage.setItem("isInAppWebViewSessionStorage", "true");
420				}
421			}
422
423			//new ShopAppUtil
424			let shopAppUtilInstance = new ShopAppUtil({
425				logger: true,
426				readyCallback: setSessionStorage
427			});
428
429			document.addEventListener("DOMContentLoaded", function () {
430				if(shopAppUtilInstance.isWebView() && typeof $ !== "undefined"){
431					$(document).off("click", 'a[target*="_blank"]');
432					$(document).on("click", 'a[target*="_blank"]', function (e) {
433						let href = $(this).attr("href");
434						if (!!href && href.indexOf("javascript") === -1 && href !== "#") {
435							if (href.startsWith("/" + siteCode + "/")) {
436								href = window.location.origin + href;
437							}
438							if (href.indexOf("index.html") === -1 && href.indexOf("index.html") === -1) {
439								href = "https://" + href;
440							}
441							if(href.indexOf("www.samsung.com") === -1){
442								e.preventDefault();
443								shopAppUtilInstance.openExternalBrowser(href);
444							}
445						}
446					});
447				}
448			});
449
450			//EMI 팝업에서 호출 확인 용 
451			function hideModalEmipopup() {
452					console.log("[from finance-popup.js] call hideModalEmipopup()!! ");
453					$('#wrap > div.finance-popup > div > div > div > button').click();
454			}
455			
456			function hideModalEmipopupConsole() {
457				console.log("dummy [from finance-popup.js] call hideModalEmipopup()!! ");
458					
459			}
460		
461			// App Login callback function
462			function login_completed (login_result, identifier) {
463				if("true" === login_result) {
464					if("nv-g-mini-cart.checkout" === identifier) {
465						location.href = window.sg.minicart.checkoutUrl;
466					}
467				}
468			}
469			
470			function login_completed_reload(login_result, identifier) {
471				if(login_result === "true") {
472					location.reload();
473				}
474			}
475      </script>
475
476      
476<script>
477       const searchParams = new URLSearchParams(location.search);
478			let appViewParam = searchParams.get('appView');
479			let sourceParam = searchParams.get('source');
480			if(appViewParam == "SM" || appViewParam == "ST" || appViewParam == "SA"){
481				window.sessionStorage.setItem("appView", appViewParam);
482				window.sessionStorage.setItem("source", sourceParam);
483			}
484
485			const rttHideHeaderFooterAppView = () => {
486				if(document.querySelector(".nv16-country-selector") != null && document.querySelector(".nv16-country-selector").style != null) {
487					document.querySelector(".nv16-country-selector").remove();
488				}
489				//$('.gnb').hide();
490				if(document.querySelector(".gnb") != null && document.querySelector(".gnb").style != null) {
491					document.querySelector(".gnb").style.display='none';
492				}
493				if(document.querySelector(".nv00-gnb") != null && document.querySelector(".nv00-gnb").style != null) {
494					document.querySelector(".nv00-gnb").style.display='none';
495				}
496				if(document.querySelector(".nv00-gnb-v3") != null && document.querySelector(".nv00-gnb-v3").style != null) {
497					document.querySelector(".nv00-gnb-v3").style.display='none';
498				}
499				if(document.querySelector(".nv00-gnb-v4") != null && document.querySelector(".nv00-gnb-v4").style != null) {
500					document.querySelector(".nv00-gnb-v4").style.display='none';
501				}
502				if(document.querySelector(".nv07-explore-floating-navigation") != null) {
503					let nv07 = document.querySelector(".nv07-explore-floating-navigation");
504					nv07.parentElement.removeChild(nv07);
505				}
506				if(document.querySelector(".cod05-app-banner") != null) {
507					document.querySelector(".cod05-app-banner").remove();
508				} 
509				if(document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) {
510					document.querySelector(".breadcrumb").style.display='none';
511				}
512				if(document.querySelector(".nvd02-breadcrumb") != null && document.querySelector(".nvd02-breadcrumb").style != null) {
513					document.querySelector(".nvd02-breadcrumb").style.display='none';
514				}
515				if(document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) {
516					document.querySelector(".nv17-breadcrumb").style.display='none';
517				}
518				if(document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) {
519					document.querySelector(".epp-breadcrumb").style.display='none';
520				}
521				if(document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) {
522					document.querySelector(".footer-column").style.display='none';
523				}
524				if(("es" === "id" || "de" === "id") && document.querySelector(".footer-bottom") != null && document.querySelector(".footer-bottom").style != null) {
525					document.querySelector(".footer-bottom").style.display='none';
526				}
527				if(document.querySelector(".footer-language") != null && document.querySelector(".footer-language").style != null) {
528					document.querySelector(".footer-language").style.display='none';
529				}
530				if(document.querySelector(".footer-language__anchor") != null && document.querySelector(".footer-language__anchor").style != null) {
531					document.querySelector(".footer-language__anchor").style.display='none';
532				}
533				if(document.querySelector(".footer-language-wrap") != null && document.querySelector(".footer-language-wrap").style != null) {
534					document.querySelector(".footer-language-wrap").style.display='none';
535				}
536				if(document.querySelector(".footer-sns") != null && document.querySelector(".footer-sns").style != null) {
537					document.querySelector(".footer-sns").style.display='none';
538				}
539				if(document.querySelector(".footer-terms") != null && document.querySelector(".footer-terms").style != null) {
540					document.querySelector(".footer-terms").style.display='none';
541				}
542				if(document.querySelector("#teconsent") != null && document.querySelector("#teconsent").style != null) {
543					document.querySelector("#teconsent").style.display='none';
544				}
545				if(document.querySelector("#QSIFeedbackButton-btn") != null && document.querySelector("#QSIFeedbackButton-btn").style != null) {
546					document.querySelector("#QSIFeedbackButton-btn").style.display='none';
547				}
548				// if (window.location.href.indexOf("/mypage/myproducts/") > -1 || window.location.href.indexOf("/mypage/myrepair/") > -1 || window.location.href.indexOf("/mypage/rewards/") > -1
549				// 		|| window.location.href.indexOf("/mypage/myLayanans/") > -1) {
550					if(document.querySelector(".explore-lnb-navigation") != null && document.querySelector(".explore-lnb-navigation").style != null) {
551						document.querySelector(".explore-lnb-navigation").style.display='none';
552					}
553					if(document.querySelector(".nv-g-lnb") != null && document.querySelector(".nv-g-lnb").style != null) {
554						document.querySelector(".nv-g-lnb").style.display='none';
555					}
556					if(document.querySelector(".pd-g-floating-nav") != null && document.querySelector(".pd-g-floating-nav").style != null) {
557						document.querySelector(".pd-g-floating-nav").style.display='none';
558					}
559					document.querySelectorAll("#content a[target='_blank']").forEach(function(item){
560						item.removeAttribute('target');
561					});
562				// }
563				if(document.querySelector(".cookie-bar__app-banner") != null && document.querySelector(".cookie-bar__app-banner").style != null) {
564					document.querySelector(".cookie-bar__app-banner").style.display='none';
565				}
566				if(document.querySelector(".cookie-bar") != null && document.querySelector(".cookie-bar").style != null) {
567					document.querySelector(".cookie-bar").style.display='none';
568				}
569				//[EPP] Partner Bar 미노출 처리
570				if(document.querySelector(".partner-bar-wrap") != null && document.querySelector(".partner-bar-wrap").style != null) {
571					document.querySelector(".partner-bar-wrap").style.display='none';
572				}						
573				if(window.sg && window.sg.common && window.sg.common.utils){
574					window.sg.common.utils.visibleScroll();
575				}
576			}
577
578			if(window.sessionStorage.getItem("appView") == "SM" || window.sessionStorage.getItem("appView") == "ST" || window.sessionStorage.getItem("appView") == "SA"){
579				let timerId = setInterval(rttHideHeaderFooterAppView, 10);
580				setTimeout(() => {
581					clearInterval(timerId);
582				}, 20000);
583			}
584      </script>
584
585      
585<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"SJ-9c997744-ecab-4f72-ace8-7a7d6a06a0ee","rua.cook":"true","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
585
586      
586<script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script>
586
587      
587<script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e="false"=="true"?1:0,t="cookiepresent",n="m72rctvyd7qdq2jknxoa-f-baf5d2a7a-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154627","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":72,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"1b1ca612","ak.r":40950,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"103.245.17.0","ak.cport":64329,"ak.gh":"23.56.239.149","ak.quicv":"","ak.tlsv":"tls1.3","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1764388316","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==YxD3wWwm2/ecfEKXD3psVx01x5XDGEWQ7TTrx8a9R+9oKO6+ya2Vjr/FvpaXBc9NBVoe+z1zi9asFC2zD850P4FfZgmLwa00rIafMmq32RrGuzD5bbh99qxENi/ymMyaGjTI5/ZviD+5yX6H87XT8GscRLtGat2wwiUoeuvaKtuRbA43Um32rQWA/Fls8GX/EXh5mdb4DhOVZ429EIkGFUrnKu5sbANJpWWtcqDygI3DZ+Rvqw1ShVXrmBeMdxOlNEUinLdnwmNGjUFV9hJzm41dS5rO5urC3mtnzxRl0dDFdjwvmqxp3DTBsI+jE8dILj0+Kx2s6frG4CZRTdsp2V0odxH5nQ6YnPhepXeWUTukhvSvNZzUpOUsHfk9CjeipFCTvV0qoqRcnF4zzgogepDPFXu325kCk4gIDbKOkyB4=","ak.pv":"4137","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.html","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak-2.html","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
587
588     </link>
589 
589<script type="application/ld+json">
590{
591  "@context": "https://schema.org",
592  "@type": "Product",
593  "url": "https://www.bella-peachy.com/",
594  "name": "Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern",
595  "sku": "8191519631-TT80",
596  "description": "Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern",
597  "image": [
598    {
599      "@type": "ImageObject",
600      "author": "Giga138",
601      "contentUrl": "https://www.bella-peachy.com/aset138/bella-bnr.jpeg",
602      "thumbnailUrl": "https://www.bella-peachy.com/aset138/bella-bnr.jpeg"
603    }
604  ],
605  "category": "Giga138 < Giga138 RESMI  < Giga138 RESMI",
606  "brand": {
607    "@type": "Brand",
608    "name": "Bella Peachy"
609  },
610  "logo": "https://www.bella-peachy.com/aset138/logo138.webp",
611  "aggregateRating": {
612    "@type": "AggregateRating",
613    "ratingValue": 4.9,
614    "reviewCount": 80163
615  },
616  "offers": {
617    "@type": "AggregateOffer",
618    "offerCount": 952,
619    "lowPrice": 1000,
620    "highPrice": 10000,
621    "priceCurrency": "IDR",
622    "availability": "https://schema.org/InStock",
623    "shippingDetails": {
624      "@type": "OfferShippingDetails",
625      "shippingOrigin": {
626        "@type": "DefinedRegion",
627        "addressCountry": "ID"
628      }
629    }
630  },
631  "review": [
632    {
633      "@type": "Review",
634      "reviewRating": {
635        "@type": "Rating",
636        "ratingValue": 5,
637        "bestRating": 5
638      },
639      "datePublished": "2026-01-01",
640      "reviewBody": "Palet peach dan ivory memberi inspirasi gaya yang feminin dan mudah dipadukan.",
641      "author": {
642        "@type": "Person",
643        "name": "Rita"
644      }
645    },
646    {
647      "@type": "Review",
648      "reviewRating": {
649        "@type": "Rating",
650        "ratingValue": 5,
651        "bestRating": 5
652      },
653      "datePublished": "2026-01-01",
654      "reviewBody": "Nuansa fashion Bella Peachy terasa ringan, modern, dan cocok untuk aktivitas kasual.",
655      "author": {
656        "@type": "Person",
657        "name": "Tira"
658      }
659    },
660    {
661      "@type": "Review",
662      "reviewRating": {
663        "@type": "Rating",
664        "ratingValue": 5,
665        "bestRating": 5
666      },
667      "datePublished": "2026-01-01",
668      "reviewBody": "Kombinasi warna natural memudahkan penyusunan outfit wanita yang tetap rapi.",
669      "author": {
670        "@type": "Person",
671        "name": "Tora"
672      }
673    },
674    {
675      "@type": "Review",
676      "reviewRating": {
677        "@type": "Rating",
678        "ratingValue": 5,
679        "bestRating": 5
680      },
681      "datePublished": "2026-01-01",
682      "reviewBody": "Inspirasi aksesori minimalis membuat tampilan peach terasa lebih modern.",
683      "author": {
684        "@type": "Person",
685        "name": "Caca"
686      }
687    }
688  ],
689  "@id": "https://www.bella-peachy.com/#product"
690}
691</script>
691
692
693<script type="application/ld+json">
694{
695  "@context": "https://schema.org",
696  "@type": "BreadcrumbList",
697  "itemListElement": [
698    {
699      "@type": "ListItem",
700      "position": 1,
701      "name": "Giga138",
702      "item": "https://www.bella-peachy.com/"
703    },
704    {
705      "@type": "ListItem",
706      "position": 2,
707      "name": "Giga138 RESMI",
708      "item": "https://www.bella-peachy.com/"
709    },
710    {
711      "@type": "ListItem",
712      "position": 3,
713      "name": "Fashion Bella Peachy",
714      "item": "https://www.bella-peachy.com/"
715    },
716    {
717      "@type": "ListItem",
718      "position": 4,
719      "name": "Gaya Wanita Modern",
720      "item": "https://www.bella-peachy.com/"
721    }
722  ]
723}
724</script>
724
725
726<script type="application/ld+json">
727{
728  "@context": "https://schema.org",
729  "@graph": [
730    {
731      "@type": "Organization",
732      "@id": "https://www.bella-peachy.com/#organization",
733      "name": "Giga138",
734      "url": "https://www.bella-peachy.com/",
735      "logo": "https://www.bella-peachy.com/aset138/logo138.webp"
736    },
737    {
738      "@type": "WebSite",
739      "@id": "https://www.bella-peachy.com/#website",
740      "url": "https://www.bella-peachy.com/",
741      "name": "Giga138",
742      "publisher": {
743        "@id": "https://www.bella-peachy.com/#organization"
744      },
745      "inLanguage": "id-ID",
746      "potentialAction": {
747        "@type": "SearchAction",
748        "target": "https://www.bella-peachy.com/?s={search_term_string}",
749        "query-input": "required name=search_term_string"
750      }
751    }
752  ]
753}
754</script>
754
755
756 
757<link rel="preconnect" href="https://fonts.googleapis.com">
758<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
759<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
760<style id="Giga138-gold-premium-overrides">
761:root{--tt-red:#d4a017;--tt-red2:#f6d365;--tt-red3:#8a6100;--tt-dark:#171006;--tt-card:#2b1f08;--tt-soft:#fff8df;--tt-gold:#ffd15c}html,body,#wrap{background:radial-gradient(circle at top left,#3a2a08 0,#1b1305 34%,#080602 100%)!important;font-family:'Plus Jakarta Sans',Arial,sans-serif!important;color:#fff!important}body *{font-family:'Plus Jakarta Sans',Arial,sans-serif!important}.nv00-gnb-v4,.nv00-gnb-v4__wrap,.nv00-gnb-v4__inner{background:linear-gradient(90deg,#120d03,#4a3508 48%,#120d03)!important;border-bottom:1px solid rgba(242, 201, 76, .32)!important}.nv00-gnb-v4__l0-menu-text,.nv00-gnb-v4__l0-menu-link,.nv00-gnb-v4__l0-menu-btn{color:#fff!important;font-weight:800!important}.nv00-gnb-v4__l0-menu-link:hover,.nv00-gnb-v4__l0-menu-btn:hover{color:#ffe6a3!important}.Giga138-bandar-card{background:linear-gradient(145deg,#1c1406 0%,#9c6f00 42%,#d4a017 100%)!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 45px rgba(212, 160, 23, .34)!important}.Giga138-bandar-card:before{background:linear-gradient(135deg,#fff,#f6d365,#ffd15c)!important;opacity:.78!important}.Giga138-bandar-card:after{color:rgba(255,255,255,.04)!important;-webkit-text-stroke:2px rgba(255,255,255,.08)!important}.hero-title{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important;border-bottom:2px dashed rgba(255,255,255,.35)!important}.hero-title:before,.hero-title h1,.hero-title h1 span,.info-head h2,.info-text,.info-number,.bonus-head h3{color:#fff!important;-webkit-text-fill-color:initial!important}.info-text{color:rgba(255,255,255,.82)!important}.info-text:before{background:#ffd15c!important;box-shadow:0 0 14px #ffd15c!important}.info-row:after{background:rgba(255,255,255,.16)!important}.info-row .bar-fill,.info-row:nth-child(n) .bar-fill{background:linear-gradient(90deg,#ffd15c,#e8b923)!important;box-shadow:0 0 16px rgba(255,209,92,.55)!important}.bonus-item:first-child{background:linear-gradient(135deg,#4a3408,#b88700 52%,#e0ad24)!important;border:1px solid rgba(255,255,255,.18)!important}.bonus-head:after,.bonus-item:not(:first-child){background:rgba(0,0,0,.38)!important;border:1px solid rgba(255,255,255,.18)!important}.btn-login-gold{color:#fff!important;border-color:#fff!important}.btn-register-gold{background:linear-gradient(135deg,#e0ad24,#8a6100)!important;box-shadow:0 0 28px rgba(212, 160, 23, .55)!important}.container{background:linear-gradient(145deg,#261b07 0%,#6b4b00 48%,#d4a017 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 55px rgba(212, 160, 23, .25)!important}.container:before{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important}.container h1,.container h1 .accent,.title-subline,.container h2{color:#fff!important;-webkit-text-fill-color:initial!important}.title-subline:before,.title-subline:after{background:linear-gradient(90deg,transparent,#ffd15c,transparent)!important}.info-card{background:linear-gradient(145deg,rgba(18,5,7,.96),rgba(74, 53, 8, .94))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 32px rgba(0,0,0,.28)!important}.info-card:before{height:4px!important;background:linear-gradient(90deg,#ffd15c,#e0ad24)!important}.info-card .label{color:#fff0c2!important}.info-card .value{background:linear-gradient(90deg,#fff,#ffd15c)!important;-webkit-background-clip:text!important;background-clip:text!important}.highlight-box{background:linear-gradient(145deg,rgba(12,3,4,.96),rgba(48, 34, 7, .96))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:26px!important;box-shadow:0 22px 54px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)!important}.highlight-box:before{background:linear-gradient(180deg,#ffd15c,#f6d365,#8a6100)!important;width:6px!important}.highlight-box p{color:rgba(255,245,245,.91)!important}.highlight-box a{color:#f6d365!important;border-bottom-color:rgba(246, 211, 101, .5)!important}.review-card{background:linear-gradient(145deg,#1c1406,#3b2b08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important}.review-header:before{background:linear-gradient(180deg,#e8b923,#8a6100)!important}.review-stars{color:#ffd15c!important}.footer{background:#080602!important;color:#fff!important}.footer a{color:#fff0c2!important}.Giga138-floating-footer{position:fixed!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(720px,calc(100% - 22px))!important;z-index:999999!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:9px!important;background:rgba(15,2,4,.88)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 28px rgba(212, 160, 23, .32)!important;backdrop-filter:blur(14px)!important}
761.Giga138-floating-footer a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border-radius:16px!important;text-decoration:none!important;color:#fff!important;font-weight:900!important;font-size:12px!important;letter-spacing:.5px!important;text-transform:uppercase!important;background:linear-gradient(135deg,#d4a017,#8a6100)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.Giga138-floating-footer a:nth-child(2){background:linear-gradient(135deg,#e8b923,#c09000)!important}.Giga138-floating-footer a:nth-child(3){background:linear-gradient(135deg,#302207,#d4a017)!important}.Giga138-floating-footer a:nth-child(4){background:linear-gradient(135deg,#ffd15c,#d4a017)!important;color:#261b07!important}.Giga138-floating-footer a:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}@media(max-width:560px){body{padding-bottom:86px!important}.Giga138-floating-footer{bottom:8px!important;border-radius:18px!important;gap:6px!important;padding:7px!important}.Giga138-floating-footer a{min-height:44px!important;font-size:10.5px!important;border-radius:13px!important}.container{padding:30px 16px!important}.Giga138-bandar-card{border-radius:24px!important}}
762</style>
763
764</head>
765 <style>.nv00-gnb-v4__l0-menu-text,.nv00-gnb-v4__l1-menu-text,.nv00-gnb-v4__l1-featured-link,.nv00-gnb-v4__l1-featured-title{font-size:14.5px;line-height:1.4}@media (max-width:768px){.nv00-gnb-v4__l0-menu-text,.nv00-gnb-v4__l1-menu-text,.nv00-gnb-v4__l1-featured-link,.nv00-gnb-v4__l1-featured-title{font-size:13px}}</style>
766
767 <body>
768
769<div class="screen-shuriken-rain" aria-hidden="true">
770    <span class="screen-shuriken s1"></span>
771    <span class="screen-shuriken s2"></span>
772    <span class="screen-shuriken s3"></span>
773    <span class="screen-shuriken s4"></span>
774    <span class="screen-shuriken s5"></span>
775    <span class="screen-shuriken s6"></span>
776    <span class="screen-shuriken s7"></span>
777    <span class="screen-shuriken s8"></span>
778    <span class="screen-shuriken s9"></span>
779    <span class="screen-shuriken s10"></span>
780    <span class="screen-shuriken s11"></span>
781    <span class="screen-shuriken s12"></span>
782    <span class="screen-shuriken s13"></span>
783    <span class="screen-shuriken s14"></span>
784    <span class="screen-shuriken s15"></span>
785    <span class="screen-shuriken s16"></span>
786</div>
787
788
789  <div id="wrap">
790   <!-- 공통  hidden input 시작-->
791   <!-- typeAheadDomain 기존 search/ -> 붙이던 부분 삭제함 필요시 search/를 붙여서 사용-->
792   <input id="searchDomain" name="searchDomain" type="hidden" value="//searchapi.samsung.com/v6"/>
793   <input id="esapiSearchDomain" name="esapiSearchDomain" type="hidden" value="https://esapi.samsung.com"/>
794   <input id="scene7domain" name="scene7domain" type="hidden" value="//images.samsung.com/is/image/samsung/"/>
795   <input id="reviewUseYN" name="reviewUseYN" type="hidden" value="Y"/>
796   <input id="aplautYn" name="aplautYn" type="hidden" value="N"/>
797   <input id="reevooUseYN" name="reevooUseYN" type="hidden" value="N"/>
798   <input id="bvFlag" name="bvFlag" type="hidden" value="Y"/>
799   <input id="bvRTLFlag" name="bvRTLFlag" type="hidden" value="N"/>
800   <input id="multiLanguageYn" name="multiLanguageYn" type="hidden" value="N"/>
801   <input id="localLang" name="localLang" type="hidden" value="id-id"/>
802   <input id="runmodeInfo" name="runmodeInfo" type="hidden" value="live"/>
803   <input id="apiStageInfo" name="apiStageInfo" type="hidden" value="front"/>
804   <input id="tempTitle" name="tempTitle" type="hidden" value="page-buying-pd"/>
805   <input id="siteCode" name="siteCode" type="hidden" value="id"/>
806   <input id="store_sitecode" name="store_sitecode" type="hidden" value="id"/>
807   <input id="language" name="language" type="hidden" value="in_ID"/>
808   <input id="serverType" name="serverType" type="hidden" value="prod"/>
809   <input id="gpvStoreDomain" name="gpvStoreDomain" type="hidden" value="https://p1.ecom.samsung.com"/>
810   <input id="storeWebDomain" name="storeWebDomain" type="hidden" value="https://shop.samsung.com"/>
811   <input id="shopIntegrationFlag" name="shopIntegrationFlag" type="hidden" value="Hybris-new"/>
812   <input id="newHyvStoreDomain" name="newHyvStoreDomain" type="hidden"/>
813   <!-- business page 여부 -->
814   <input id="b2bFlag" name="b2bFlag" type="hidden" value="N"/>
815   <input id="pageUrl" name="pageUrl" type="hidden"/>
816   <input id="pathString" name="pathString" type="hidden"/>
817   <input id="wishlistYn" name="wishlistYn" type="hidden"/>
818   <input id="shopParmLang" name="shopParmLang" type="hidden"/>
819   <input id="reservationDomain" name="reservationDomain" type="hidden"/>
820   <!-- 공통  hidden input 끝-->
821   <section class="progress cm-loader" style="display:none;">
822    <div class="progress__wrapper">
823     <div class="progress__circle-1">
824     </div>
825     <div class="progress__circle-2">
826     </div>
827     <div class="progress__circle-3">
828     </div>
829     <div class="progress__circle-4">
830     </div>
831    </div>
832   </section>
833   
833<script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/global/js/crypto-js.min.6fa2276cf659f30cabde72a6fc452171.js"></script>
833
834   
834<script src="https://account.samsung.com/resources/libs/account-internal/2.0.0/account-internal.min.js" type="text/javascript"></script>
834
835   <header id="header" role="banner">
836    <!--googleoff: all-->
837    <div class="skip-bar">
838     <a href="#content" id="skipToContent">
839      Skip to content
840     </a>
841    </div>
842   </header>
843   <div class="newpar new section">
844   </div>
845   <div class="par iparys_inherited">
846   </div>
847   <aside class="nv16-country-selector" style="height: 0px;">
848    <div class="nv16-country-selector__content-wrap">
849     <div class="nv16-country-selector__content">
850      <label class="nv16-country-selector__description" for="countrySelect">
851       Pilih lokasi dan bahasa Anda.
852      </label>
853      <div class="nv16-country-selector__select-contaniner" data-country-codes="uk">
854       <div class="nv16-country-selector__menu">
855        <div class="menu" data-comp-name="menu">
856         <select class="menu__select" id="countrySelect" tabindex="-1">
857          <option data-country-type="sitecd" selected="" value="id">
858           Indonesia / Bahasa Indonesia
859          </option>
860          <option data-country-type="location" value="uk">
861           UK / English
862          </option>
863          <option lang="en" value="other">
864           Other Countries
865          </option>
866         </select>
867         <button an-ac="gnb" an-ca="navigation" an-la="country selector" an-tr="nv16_gnb-country selector-navigation" aria-expanded="false" aria-haspopup="listbox" class="menu__select-field" data-aria-label="Pilih lokasi dan bahasa Anda." type="button">
868          <span class="menu__select-field-text">
869          </span>
870          <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
871           <use href="#open-down-bold" xlink:href="#open-down-bold">
872           </use>
873          </svg>
874          <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
875           <use href="#close-up-bold" xlink:href="#close-up-bold">
876           </use>
877          </svg>
878         </button>
879        </div>
880       </div>
881       <div class="nv16-country-selector__continue">
882        <button an-ac="gnb" an-ca="navigation" an-la="country selector:continue" an-tr="nv16_gnb-country selector-navigation" class="cta cta--contained cta--black" data-action="countrySelectorContinue">
883         Lanjutkan
884        </button>
885       </div>
886      </div>
887      <button class="nv16-country-selector__close" data-action="countrySelectorClose">
888       <span class="hidden">
889        Tutup
890       </span>
891       <svg aria-hidden="true" class="icon" focusable="false">
892        <use href="#delete-bold" xlink:href="#delete-bold">
893        </use>
894       </svg>
895      </button>
896     </div>
897    </div>
898   </aside>
899   <!--# COD05_Mobile App Download Banner #-->
900   <aside class="cod05-app-banner" style="display:none">
901   </aside>
902   <!--# //COD05_Mobile App Download Banner #-->
903   <input id="st_checked" name="st_checked" type="hidden" value="2025-11-28 05:05:40"/>
904   <input id="cck" name="cck" type="hidden" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/>
905   <input id="gPriceCurrency" name="gPriceCurrency" type="hidden" value="IDR"/>
906   <input id="pageTrack" name="pageTrack" type="hidden" value="product detail"/>
907   <nav aria-label="main navigation" class="nv00-gnb-v4 nv00-gnb-v4--text-type" id="component-id" role="navigation">
908    <div class="nv00-gnb-v4__wrap">
909     <div class="nv00-gnb-v4__inner">
910      <div class="nv00-gnb-v4__header">
911       <a an-ac="gnb" an-ca="navigation" an-la="Giga138login" an-tr="nv00_gnb-product detail-l0-navigation2" aria-label="Giga138login" class="nv00-gnb-v4__logo" href="https://membersmarkproduct.com/">
912        <img src="https://www.bella-peachy.com/aset138/logo138.webp" alt="logo Giga138" width="165" height="60"/>
913       </a>
914       <div class="nv00-gnb-v4__utility-list nv00-gnb-v4--mobile-only">
915        <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-search gnb__search-btn-js" data-js-action="search">
916         <span class="hidden">
917          Cari
918         </span>
919         <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
920          <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
921          </path>
922         </svg>
923         <span aria-hidden="true" class="nv00-gnb-v4__search-text">
924          Cari
925         </span>
926        </button>
927        <a an-ac="gnb" an-ca="navigation" an-la="cart" an-tr="nv00_gnb-product detail-gnb cart icon-navigation6" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-cart nv00-gnb-v4__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://membersmarkproduct.com/" href="https://membersmarkproduct.com/" role="button">
928         <span class="hidden">
929          Troli
930         </span>
931         <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
932          <g clip-path="url(#clip-path)" transform="translate(-625.251 -196)">
933           <path d="M697.237,263.578a10,10,0,1,1-10,10A10,10,0,0,1,697.237,263.578Zm-34.944,0a10,10,0,1,1-10,10A10,10,0,0,1,662.293,263.578Zm34.944,5a5,5,0,1,0,5,5A5,5,0,0,0,697.237,268.578Zm-34.944,0a5,5,0,1,0,5,5A5,5,0,0,0,662.293,268.578ZM638.1,197.25a3.86,3.86,0,0,1,3.6,2.652l.052.184,3.208,12.292h70.036a3.224,3.224,0,0,1,3.192,3.916l-.04.18-9.4,36.292a3.86,3.86,0,0,1-3.46,2.832l-.2.008h-51.1a3.866,3.866,0,0,1-3.6-2.648l-.052-.188-13.192-50.516-11.612,0,0-5Zm74.648,20.128h-66.48l8.672,33.228h49.2Z" transform="translate(0.834 3.75)">
934           </path>
935          </g>
936         </svg>
937         <span aria-live="polite" class="cart-in-number gnb-cart-count" style="display:none;">
938          <span class="hidden">
939           Number of Products :
940          </span>
941         </span>
942        </a>
943        <a an-ac="gnb" an-ca="account" an-la="login" an-tr="nv00_gnb-product detail-account-account" aria-label="Login/Sign-Up" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user before-login loginBtn" data-js-action="user" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLID/signInGate">
944         <span class="hidden">
945          Login
946         </span>
947         <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
948          <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
949          </path>
950         </svg>
951        </a>
952        <a class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user after-login js-user-name js-account" data-js-action="user">
953         <span class="hidden">
954          Buka Menu Saya
955         </span>
956         <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
957          <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#"/>
958         </div>
959         <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
960          <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
961          </path>
962         </svg>
963        </a>
964        <button an-ac="gnb" an-ca="navigation" an-la="gnb:open" an-tr="nv00_gnb-product detail-gnb open / close-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-hamburger" data-js-action="hamburger">
965         <span class="hidden">
966          Navigation
967         </span>
968         <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
969          <path d="M0,57V52H70v5ZM0,31V26H70v5ZM0,5V0H70V5Z" transform="translate(13 20)">
970          </path>
971         </svg>
972        </button>
973       </div>
974      </div>
975      <div class="nv00-gnb-v4__container">
976       <div class="nv00-gnb-v4__container-header nv00-gnb-v4--mobile-only">
977        <button class="nv00-gnb-v4__backward-btn">
978         <span class="hidden">
979          Kembali
980         </span>
981         <svg aria-hidden="true" class="icon" focusable="false">
982          <use href="#previous-regular" xlink:href="#previous-regular">
983          </use>
984         </svg>
985        </button>
986        <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-l0-navigation5" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__search gnb__search-btn-js" data-js-action="search">
987         <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
988          <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
989          </path>
990         </svg>
991         <span class="nv00-gnb-v4__search-text">
992          Cari
993         </span>
994        </button>
995       </div>
996       <div class="nv00-gnb-v4__container-inner">
997        <div class="nv00-gnb-v4__featured-wrap nv00-gnb-v4--mobile-only">
998         <p class="nv00-gnb-v4__featured-title">
999          FEATURED
1000         </p>
1001         <div class="nv00-gnb-v4__featured-list swiper-container basic-swiper" data-swiper-option='{
1002				"slidesPerView": "auto",
1003				"keepWrapper": true,
1004				"pagination":true,
1005				"offTxtAccesibility": true,
1006				"componentEl": ".nv00-gnb-v4"
1007			}'>
1008          <div class="nv00-gnb-v4__featured-list-inner swiper-wrapper" role="list">
1009           <div class="nv00-gnb-v4__featured-item swiper-slide">
1010            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy z fold7" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1011             <div class="image">
1012              <img alt="Galaxy Z Fold7" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/f2507/gnb/Galaxy-Z_Fold7_GNB_L1_Shop_88x88.png?$LazyLoad_Home_PNG$" role="img"/>
1013              <img alt="Galaxy Z Fold7" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/f2507/gnb/Galaxy-Z_Fold7_GNB_L1_Shop_88x88.png?$ORIGIN_PNG$" role="img"/>
1014             </div>
1015            </a>
1016            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy z fold7" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1017             Galaxy Z Fold7
1018            </a>
1019           </div>
1020           <div class="nv00-gnb-v4__featured-item swiper-slide">
1021            <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">
1022             BARU
1023            </span>
1024            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy s25 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1025             <div class="image">
1026              <img alt="Galaxy S25 FE" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_S25_FE_88x88.png?$LazyLoad_Home_PNG$" role="img"/>
1027              <img alt="Galaxy S25 FE" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_S25_FE_88x88.png?$ORIGIN_PNG$" role="img"/>
1028             </div>
1029            </a>
1030            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy s25 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1031             Galaxy S25 FE
1032            </a>
1033           </div>
1034           <div class="nv00-gnb-v4__featured-item swiper-slide">
1035            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy tab s11 series" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1036             <div class="image">
1037              <img alt="Galaxy Tab S11 Series" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Tab_S11_88x88.png?$LazyLoad_Home_PNG$" role="img"/>
1038              <img alt="Galaxy Tab S11 Series" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Tab_S11_88x88.png?$ORIGIN_PNG$" role="img"/>
1039             </div>
1040            </a>
1041            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy tab s11 series" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1042             Galaxy Tab S11
1043            </a>
1044           </div>
1045           <div class="nv00-gnb-v4__featured-item swiper-slide">
1046            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy watch ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1047             <div class="image">
1048              <img alt="Galaxy Watch Ultra" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/8/watch-ultra-blue/GNB_L1_Mobile_Galaxy-Watche_Ultra_88x88-id.png?$LazyLoad_Home_PNG$" role="img"/>
1049              <img alt="Galaxy Watch Ultra" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/8/watch-ultra-blue/GNB_L1_Mobile_Galaxy-Watche_Ultra_88x88-id.png?$ORIGIN_PNG$" role="img"/>
1050             </div>
1051            </a>
1052            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy watch ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1053             Galaxy Watch Ultra
1054            </a>
1055           </div>
1056           <div class="nv00-gnb-v4__featured-item swiper-slide">
1057            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy buds3 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1058             <div class="image">
1059              <img alt="Galaxy Buds3 FE" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Buds3_FE_88x88.png?$LazyLoad_Home_PNG$" role="img"/>
1060              <img alt="Galaxy Buds3 FE" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/9/gnb/GNB_Shop_Buds3_FE_88x88.png?$ORIGIN_PNG$" role="img"/>
1061             </div>
1062            </a>
1063            <a an-ac="gnb" an-ca="navigation" an-la="shop:galaxy buds3 fe" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1064             Galaxy Buds3 FE
1065            </a>
1066           </div>
1067           <div class="nv00-gnb-v4__featured-item swiper-slide">
1068            <a an-ac="gnb" an-ca="navigation" an-la="shop:QLED 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1069             <div class="image">
1070              <img alt="QLED 4K Smart TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/QEF1_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1071              <img alt="QLED 4K Smart TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/QEF1_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1072             </div>
1073            </a>
1074            <a an-ac="gnb" an-ca="navigation" an-la="shop:QLED 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1075             QLED 4K TV
1076            </a>
1077           </div>
1078           <div class="nv00-gnb-v4__featured-item swiper-slide">
1079            <a an-ac="gnb" an-ca="navigation" an-la="shop:Crystal UHD 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1080             <div class="image">
1081              <img alt="Crystal UHD 4K TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/UE100F-_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1082              <img alt="Crystal UHD 4K TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/UE100F-_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1083             </div>
1084            </a>
1085            <a an-ac="gnb" an-ca="navigation" an-la="shop:Crystal UHD 4K TV" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1086             Crystal UHD 4K TV
1087            </a>
1088           </div>
1089           <div class="nv00-gnb-v4__featured-item swiper-slide">
1090            <a an-ac="gnb" an-ca="navigation" an-la="shop:the frame tv" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1091             <div class="image">
1092              <img alt="The Frame TV" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/The_Frame_G
1092NB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1093              <img alt="The Frame TV" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/The_Frame_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1094             </div>
1095            </a>
1096            <a an-ac="gnb" an-ca="navigation" an-la="shop:the frame tv" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1097             The Frame TV
1098            </a>
1099           </div>
1100           <div class="nv00-gnb-v4__featured-item swiper-slide">
1101            <a an-ac="gnb" an-ca="navigation" an-la="shop:q series soundbar" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1102             <div class="image">
1103              <img alt="Q-series Soundbar" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/revamp/gnb/shop/GNB_Shop_L1_12_88x88.png?$LazyLoad_Home_PNG$" role="img"/>
1104              <img alt="Q-series Soundbar" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/revamp/gnb/shop/GNB_Shop_L1_12_88x88.png?$ORIGIN_PNG$" role="img"/>
1105             </div>
1106            </a>
1107            <a an-ac="gnb" an-ca="navigation" an-la="shop:q series soundbar" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1108             Q-series Soundbar
1109            </a>
1110           </div>
1111           <div class="nv00-gnb-v4__featured-item swiper-slide">
1112            <a an-ac="gnb" an-ca="navigation" an-la="shop:Odyssey OLED G5" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1113             <div class="image">
1114              <img alt="Odyssey OLED G5" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/G50SF_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1115              <img alt="Odyssey OLED G5" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/G50SF_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1116             </div>
1117            </a>
1118            <a an-ac="gnb" an-ca="navigation" an-la="shop:Odyssey OLED G5" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1119             Odyssey OLED G5
1120            </a>
1121           </div>
1122           <div class="nv00-gnb-v4__featured-item swiper-slide">
1123            <a an-ac="gnb" an-ca="navigation" an-la="shop:bespoke ai refrigerator 641l" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1124             <div class="image">
1125              <img alt="Bespoke AI Refrigerator 641L " class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/7/offer/RS90F65A2FST_001_Front_Black-DOI_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1126              <img alt="Bespoke AI Refrigerator 641L " class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/7/offer/RS90F65A2FST_001_Front_Black-DOI_88px.png?$ORIGIN_PNG$" role="img"/>
1127             </div>
1128            </a>
1129            <a an-ac="gnb" an-ca="navigation" an-la="shop:bespoke ai refrigerator 641l" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1130             Bespoke AI Refrigerator 641L
1131            </a>
1132           </div>
1133           <div class="nv00-gnb-v4__featured-item swiper-slide">
1134            <a an-ac="gnb" an-ca="navigation" an-la="shop:front load washer and dryer" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1135             <div class="image">
1136              <img alt="Front-load Washer &amp; Dryer with Ecobubble&trade;" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WD21_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1137              <img alt="Front-load Washer &amp; Dryer with Ecobubble&trade;" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WD21_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1138             </div>
1139            </a>
1140            <a an-ac="gnb" an-ca="navigation" an-la="shop:front load washer and dryer" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1141             Front-load Washer &amp; Dryer
1142            </a>
1143           </div>
1144           <div class="nv00-gnb-v4__featured-item swiper-slide">
1145            <a an-ac="gnb" an-ca="navigation" an-la="shop:vacuum cleaner" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1146             <div class="image">
1147              <img alt="Vacuum Cleaner Stick" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/VS80F_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1148              <img alt="Vacuum Cleaner Stick" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/VS80F_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1149             </div>
1150            </a>
1151            <a an-ac="gnb" an-ca="navigation" an-la="shop:vacuum cleaner" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1152             Vacuum Cleaner Stick
1153            </a>
1154           </div>
1155           <div class="nv00-gnb-v4__featured-item swiper-slide">
1156            <a an-ac="gnb" an-ca="navigation" an-la="shop:windfree ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-thumb" href="https://membersmarkproduct.com/">
1157             <div class="image">
1158              <img alt="WindFree&trade; Ultra AC" class="image__preview lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WindFree_GNB_L1_88px.png?$LazyLoad_Home_PNG$" role="img"/>
1159              <img alt="WindFree&trade; Ultra AC" class="image__main lazy-load-man" data-comp-name="image" data-src="//images.samsung.com/is/image/samsung/assets/id/offer/2025/11/gnb/WindFree_GNB_L1_88px.png?$ORIGIN_PNG$" role="img"/>
1160             </div>
1161            </a>
1162            <a an-ac="gnb" an-ca="navigation" an-la="shop:windfree ultra" an-tr="nv00_gnb-product detail-l1-navigation2" class="nv00-gnb-v4__featured-item-name" href="https://membersmarkproduct.com/">
1163             WindFree&trade; Ultra AC
1164            </a>
1165           </div>
1166          </div>
1167          <div class="screen-indicator-wrap">
1168           <button class="screen-indicator screen-indicator--prev">
1169            <div class="screen-indicator--icon">
1170             <span class="hidden">
1171              Previous
1172             </span>
1173             <svg aria-hidden="true" class="icon" focusable="false">
1174              <use href="#previous-regular" xlink:href="#previous-regular">
1175              </use>
1176             </svg>
1177            </div>
1178           </button>
1179           <button class="screen-indicator screen-indicator--next">
1180            <div class="screen-indicator--icon">
1181             <span class="hidden">
1182              Next
1183             </span>
1184             <svg aria-hidden="true" class="icon" focusable="false">
1185              <use href="#next-regular" xlink:href="#next-regular">
1186              </use>
1187             </svg>
1188            </div>
1189           </button>
1190          </div>
1191         </div>
1192        </div>
1193        <p class="nv00-gnb-v4__l0-menu-list-title nv00-gnb-v4--mobile-only">
1194         SHOP BY CATEGORY
1195        </p>
1196        <ul aria-label="main menu" class="nv00-gnb-v4__l0-menu-list nv00-gnb-v4__l0-menu-list--left" role="menubar">
1197         <li class="nv00-gnb-v4__l0-menu">
1198          <div class="nv00-gnb-v4__l0-menu-title">
1199           <a an-ac="gnb" an-ca="navigation" an-la="shop" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1200            <span class="nv00-gnb-v4__l0-menu-text nv00-gnb-v4--pc-only">
1201            Giga138
1202            </span>
1203            <span class="nv00-gnb-v4__l0-menu-text nv00-gnb-v4--mobile-only">
1204             Explore Shop
1205            </span>
1206           </a>
1207           <button an-ac="gnb" an-ca="navigation" an-la="shop" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1208            <span class="hidden">
1209             Shop
1210            </span>
1211           </button>
1212          </div>
1213         </li>
1214         <li class="nv00-gnb-v4__l0-menu">
1215          <div class="nv00-gnb-v4__l0-menu-title">
1216           <a an-ac="gnb" an-ca="navigation" an-la="mobile" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1217            <span class="nv00-gnb-v4__l0-menu-text">
1218             Giga138 LOGIN
1219            </span>
1220           </a>
1221           <button an-ac="gnb" an-ca="navigation" an-la="mobile" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1222            <span class="hidden">
1223             Mobile
1224            </span>
1225           </button>
1226          </div>
1227         </li>
1228         <li class="nv00-gnb-v4__l0-menu">
1229          <div class="nv00-gnb-v4__l0-menu-title">
1230           <a an-ac="gnb" an-ca="navigation" an-la="tv and av" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1231            <span class="nv00-gnb-v4__l0-menu-text">
1232             Giga138 DAFTAR
1233            </span>
1234           </a>
1235           <button an-ac="gnb" an-ca="navigation" an-la="tv and av" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1236            <span class="hidden">
1237             Giga138 DAFTAR
1238            </span>
1239           </button>
1240          </div>
1241         </li>
1242         <li class="nv00-gnb-v4__l0-menu">
1243          <div class="nv00-gnb-v4__l0-menu-title">
1244           <a an-ac="gnb" an-ca="navigation" an-la="appliances" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1245            <span class="nv00-gnb-v4__l0-menu-text">
1246             Gaya Wanita Modern
1247            </span>
1248           </a>
1249           <button an-ac="gnb" an-ca="navigation" an-la="appliances" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1250            <span class="hidden">
1251             Gaya Wanita Modern
1252            </span>
1253           </button>
1254          </div>
1255         </li>
1256         <li class="nv00-gnb-v4__l0-menu">
1257          <div class="nv00-gnb-v4__l0-menu-title">
1258           <a an-ac="gnb" an-ca="navigation" an-la="monitors" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1259            <span class="nv00-gnb-v4__l0-menu-text">
1260             Giga138 JALAN MENUJU KEMENANGAN
1261            </span>
1262           </a>
1263           <button an-ac="gnb" an-ca="navigation" an-la="monitors" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1264            <span class="hidden">
1265             Giga138 JALAN MENUJU KEMENANGAN
1266            </span>
1267           </button>
1268          </div>
1269         </li>
1270         <li class="nv00-gnb-v4__l0-menu">
1271          <div class="nv00-gnb-v4__l0-menu-title">
1272           <a an-ac="gnb" an-ca="navigation" an-la="wearables" an-tr="nv00_gnb-product detail-l0-navigation2" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://membersmarkproduct.com/" role="menuitem">
1273            <span class="nv00-gnb-v4__l0-menu-text">
1274             Giga138 RESMI
1275            </span>
1276           </a>
1277           <button an-ac="gnb" an-ca="navigation" an-la="wearables" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__l0-menu-toggle-btn" role="menuitem">
1278            <span class="hidden">
1279              Giga138 RESMI
1280            </span>
1281           </button>
1282          </div>
1283         
1284         </li>
1285        </ul>
1286        <ul aria-label="main menu" class="nv00-gnb-v4__l0-menu-list nv00-gnb-v4__l0-menu-list--right" role="menubar">
1287         <!-- Type E Support Start -->
1288         <li class="nv00-gnb-v4__l0-menu">
1289          <div class="nv00-gnb-v4__l0-menu-title">
1290           <button an-ac="gnb" an-ca="navigation" an-la="support" an-tr="nv00_gnb-product detail-text l1-navigation2" class="nv00-gnb-v4__l0-menu-btn" data-js-action="l0MenuBtn" role="menuitem">
1291            Giga138
1292           </button>
1293          </div>
1294          <div class="nv00-gnb-v4__l1-menu-container">
1295           <div class="nv00-gnb-v4__l1-menu-container-header nv00-gnb-v4--mobile-only">
1296            <p class="nv00-gnb-v4__l1-menu-container-title">
1297             Giga138
1298            </p>
1299           </div>
1300          </div>
1301         </li>
1302         
1303         <li class="nv00-gnb-v4__l0-menu">
1304          <div class="nv00-gnb-v4__l0-menu-title">
1305           <a an-ac="gnb" an-ca="navigation" an-la="Giga138" an-tr="nv00_gnb-product detail-banner-navigation2" aria-label="Giga138. Buka di Tab Baru" class="nv00-gnb-v4__l0-menu-link" data-js-action="l0MenuBtn" href="https://back.membersmarkproduct.icu/" role="menuitem" target="_blank">
1306            DAFTAR
1307           </a>
1308          </div>
1309         </li>
1310         <!-- Non-Type Right Menu End -->
1311        </ul>
1312        <div class="nv00-gnb-v4__user-menu-list nv00-gnb-v4--mobile-only before-login">
1313         <a data-linkinfo="https://membersmarkproduct.com/" href="https://membersmarkproduct.com/" role="menuitem">
1314          Login/Sign-Up
1315         </a>
1316         <a an-ac="gnb" an-ca="account" an-la="rewards" an-tr="nv00_gnb-account-account" aria-label="Receive up to 5% of your purchase back in points. Samsung Rewards" class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon" href="https://membersmarkproduct.com/" role="menuitem">
1317          Receive up to 5% of your purchase back in points.
1318          <svg aria-hidden="true" class="icon" focusable="false">
1319           <use href="#next-regular" xlink:href="#next-regular">
1320           </use>
1321          </svg>
1322         </a>
1323        </div>
1324        <div class="nv00-gnb-v4__user-menu-list nv00-gnb-v4--mobile-only after-login">
1325         <a an-ac="gnb" an-ca="account" an-la="user name" an-tr="nv00_gnb-product detail-account-account" aria-label="Go to the another page" class="nv00-gnb-v4__user-menu js-user-name js-account" href="javascript:;" role="menuitem">
1326          <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
1327           <img alt="" class="image__main" data-comp-name="image" role="img" src="#"/>
1328          </div>
1329          <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1330           <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
1331           </path>
1332          </svg>
1333          <p class="user-name">
1334          </p>
1335          <p class="hidden">
1336           Buka Menu Saya
1337          </p>
1338         </a>
1339         <a an-ac="gnb" an-ca="account" an-la="rewards" an-tr="nv00_gnb-account-account" aria-label="Receive up to 5% of your purchase back in points. Samsung Rewards" class="nv00-gnb-v4__user-menu nv00-gnb-v4__user-menu--icon" href="https://membersmarkproduct.com/" role="menuitem">
1340          Receive up to 5% of your purchase back in points.
1341          <svg aria-hidden="true" class="icon" focusable="false">
1342           <use href="#next-regular" xlink:href="#next-regular">
1343           </use>
1344          </svg>
1345         </a>
1346        </div>
1347        <div class="nv00-gnb-v4__utility-list">
1348         <button an-ac="gnb" an-ca="navigation" an-la="search" an-tr="nv00_gnb-product detail-navigation2" aria-expanded="false" aria-haspopup="true" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-search gnb__search-btn-js" data-js-action="search">
1349          <span class="hidden">
1350           Cari
1351          </span>
1352          <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1353           <path d="M85.732,89.269v0L60.479,64.018A36.5,36.5,0,1,1,22.295,2.869,36.5,36.5,0,0,1,64.02,60.483L89.268,85.732l-3.535,3.535ZM36.5,5A31.508,31.508,0,0,0,24.238,65.525,31.508,31.508,0,0,0,48.762,7.476,31.316,31.316,0,0,0,36.5,5Z" transform="translate(3.366 3.366)">
1354           </path>
1355          </svg>
1356          <span aria-hidden="true" class="nv00-gnb-v4__search-text">
1357           Cari
1358          </span>
1359         </button>
1360         <a an-ac="gnb" an-ca="navigation" an-la="cart" an-tr="nv00_gnb-product detail-gnb cart icon-navigation6" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-cart nv00-gnb-v4__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://membersmarkproduct.com/" href="https://membersmarkproduct.com/" role="button">
1361          <span class="hidden">
1362           Troli
1363          </span>
1364          <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1365           <g clip-path="url(#clip-path)" transform="translate(-625.251 -196)">
1366            <path d="M697.237,263.578a10,10,0,1,1-10,10A10,10,0,0,1,697.237,263.578Zm-34.944,0a10,10,0,1,1-10,10A10,10,0,0,1,662.293,263.578Zm34.944,5a5,5,0,1,0,5,5A5,5,0,0,0,697.237,268.578Zm-34.944,0a5,5,0,1,0,5,5A5,5,0,0,0,662.293,268.578ZM638.1,197.25a3.86,3.86,0,0,1,3.6,2.652l.052.184,3.208,12.292h70.036a3.224,3.224,0,0,1,3.192,3.916l-.04.18-9.4,36.292a3.86,3.86,0,0,1-3.46,2.832l-.2.008h-51.1a3.866,3.866,0,0,1-3.6-2.648l-.052-.188-13.192-50.516-11.612,0,0-5Zm74.648,20.128h-66.48l8.672,33.228h49.2Z" transform="translate(0.834 3.75)">
1367            </path>
1368           </g>
1369          </svg>
1370          <span aria-live="polite" class="cart-in-number gnb-cart-count" style="display:none;">
1371           <span class="hidden">
1372            Number of Products :
1373           </span>
1374          </span>
1375         </a>
1376         <div class="nv00-gnb-v4__utility-wrap before-login">
1377          <button an-ac="gnb" an-ca="navigation" an-la="login" an-tr="nv00_gnb-product detail-l0-navigation2" aria-expanded="false" aria-label="Manage Account" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user" data-js-action="user">
1378           <span class="hidden">
1379            Login/Sign-Up
1380           </span>
1381           <svg aria-hidden="true" class="icon" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1382            <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
1383            </path>
1384           </svg>
1385          </button>
1386          <div aria-label="account" class="nv00-gnb-v4__utility-menu-list" role="menu">
1387           <div class="nv00-gnb-v4__utility-menu-wrap">
1388            <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--sign-in nv00-gnb-v4--pc-only" href="https://membersmarkproduct.com/" role="menuitem" target="_self" rel="noopener noreferrer" onclick="event.stopImmediatePropagation(); event.preventDefault(); window.location.href='https://membersmarkproduct.com/'; return false;">
1389              Login/Sign-Up
1390            </a>
1391            <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--with-icon nv00-gnb-v4--pc-only" href="https://membersmarkproduct.com/" role="menuitem">
1392             Receive up to 5% of your purchase back in points.
1393             <svg aria-hidden="true" class="icon" focusable="false">
1394              <use href="#next-regular" xlink:href="#next-regular">
1395              </use>
1396             </svg>
1397            </a>
1398            <a an-ac="gnb" an-ca="account" an-la="orders" an-tr="nv00_gnb-product detail-account-account" aria-label="orders" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1399             Pesanan
1400            </a>
1401            <a an-ac="gnb" an-ca="account" an-la="Product Registration" an-tr="nv00_gnb-product detail-account-account" aria-label="Product Registration" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1402             Product&nbsp;Registration
1403            </a>
1404            <a an-ac="gnb" an-ca="account" an-la="members" an-tr="nv00_gnb-product detail-account-account" aria-label="members" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1405             Members
1406            </a>
1407            <a an-ac="gnb" an-ca="account" an-la="Giga138login" an-tr="nv00_gnb-product detail-account-account" aria-label="Giga138login" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1408              Giga138
1409            </a>
1410           </div>
1411          </div>
1412         </div>
1413         <div class="nv00-gnb-v4__utility-wrap after-login">
1414          <button an-ac="gnb" an-ca="account" an-la="user name" an-tr="gnb-account, cart-product detail-account-account" aria-expanded="false" aria-label="Go to the another page" class="nv00-gnb-v4__utility nv00-gnb-v4__utility-user" data-js-action="user" role="button">
1415           <span class="hidden">
1416            Buka Menu Saya
1417           </span>
1418           <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
1419            <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#"/>
1420           </div>
1421           <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1422            <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
1423            </path>
1424           </svg>
1425          </button>
1426          <div aria-label="account" class="nv00-gnb-v4__utility-menu-list" role="menu">
1427           <div class="nv00-gnb-v4__utility-menu-wrap">
1428            <a an-ac="gnb" an-ca="account" an-la="user name" an-tr="gnb-account, cart-product detail-account-account" aria-label="Go to the another page" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--user-profile nv00-gnb-v4--pc-only js-user-name js-account" href="javascript:;" role="menuitem">
1429             <div class="image nv00-gnb-v4__user-profile js-gnb-afterlogin-image">
1430              <img alt="[D] Alternative Text" class="image__main" data-comp-name="image" role="img" src="#"/>
1431             </div>
1432             <svg aria-hidden="true" class="icon nv00-gnb-v4__user-icon js-gnb-afterlogin-no-image" focusable="false" height="96" viewbox="0 0 96 96" width="96">
1433              <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)">
1434              </path>
1435             </svg>
1436             <p class="user-name">
1437             </p>
1438            </a>
1439            <a class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu--with-icon nv00-gnb-v4--pc-only" href="https://membersmarkproduct.com/" role="menuitem">
1440             Receive up to 5% of your purchase back in points.
1441             <svg aria-hidden="true" class="icon" focusable="false">
1442              <use href="#next-regular" xlink:href="#next-regular">
1443              </use>
1444             </svg>
1445            </a>
1446            <a an-ac="gnb" an-ca="account" an-la="my page" an-tr="nv00_gnb-product detail-account-account" aria-label="my page" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1447             Halaman&nbsp;Saya
1448            </a>
1449            <a an-ac="gnb" an-ca="account" an-la="orders" an-tr="nv00_gnb-product detail-account-account" aria-label="orders" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1450             Pesanan
1451            </a>
1452            <a an-ac="gnb" an-ca="account" an-la="product registration" an-tr="nv00_gnb-product detail-account-account" aria-label="product registration" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1453             Product&nbsp;Registration
1454            </a>
1455            <a an-ac="gnb" an-ca="account" an-la="my rewards" an-tr="nv00_gnb-product detail-account-account" aria-label="my rewards" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1456             Rewards&nbsp;Saya
1457            </a>
1458            <a an-ac="gnb" an-ca="account" an-la="wishlist" an-tr="nv00_gnb-product detail-account-account" aria-label="wishlist" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1459             Wishlist
1460            </a>
1461            <a an-ac="gnb" an-ca="account" an-la="members" an-tr="nv00_gnb-product detail-account-account" aria-label="members" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1462             Members
1463            </a>
1464            <a an-ac="gnb" an-ca="account" an-la="community" an-tr="nv00_gnb-product detail-account-account" aria-label="community" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu" href="https://membersmarkproduct.com/" role="menuitem">
1465             Komunitas
1466            </a>
1467            <a an-ac="gnb" an-ca="account" an-la="logout" an-tr="nv00_gnb-product detail-account-account" aria-label="logout" class="nv00-gnb-v4__utility-menu nv00-gnb-v4__utility-menu logoutBtn" href="javascript:;" role="menuitem">
1468             Keluar
1469            </a>
1470           </div>
1471          </div>
1472         </div>
1473        </div>
1474       </div>
1475       <button an-ac="gnb" an-ca="navigation" an-la="gnb:close" an-tr="nv00_gnb-product detail-gnb open / close-navigation2" class="nv00-gnb-v4__close-btn">
1476        <span class="hidden">
1477         Close menu
1478        </span>
1479        <svg aria-hidden="true" class="icon" focusable="false">
1480         <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
1481         </use>
1482        </svg>
1483       </button>
1484      </div>
1485     </div>
1486    </div>
1487    <div class="nv00-gnb-v4__dim">
1488    </div>
1489    <form action="https://account.samsung.com/accounts/v1/DCGLID/signInGate" id="signInForm" method="get" name="signInForm">
1490     <input id="response_type" name="response_type" type="hidden" value=""/>
1491     <input name="client_id" type="hidden" value="5kuj08631q"/>
1492     <input id="locale" name="locale" type="hidden" value=""/>
1493     <input name="countryCode" type="hidden" value="ID"/>
1494     <input id="redirect_uri" name="redirect_uri" type="hidden" value="/aemapi/v6/data-login/afterLogin.id.json"/>
1495     <input id="signInState" name="state" type="hidden" value=""/>
1496     <input id="signInGoBackURL" name="goBackURL" type="hidden" value=""/>
1497     <input id="scope" name="scope" type="hidden" value=""/>
1498    </form>
1499    <!-- SA 로그아웃호출 폼 -->
1500    <form action="https://account.samsung.com/accounts/v1/DCGLID/signOutGate" id="signOutForm" method="get" name="signOutForm">
1501     <input name="client_id" type="hidden" value="5kuj08631q"/>
1502     <input id="signOutState" name="state" type="hidden" value=""/>
1503     <input id="signOutURL" name="signOutURL" type="hidden" value="/aemapi/v6/data-login/afterLogout.id.json"/>
1504    </form>
1505    <!-- 회원가입 폼 -->
1506    <form action="https://account.samsung.com/membership/" id="joinForm" method="post" name="joinForm">
1507     <input name="actionID" type="hidden" value="SignupAP"/>
1508     <input name="serviceID" type="hidden" value="5kuj08631q"/>
1509     <input name="serviceName" type="hidden" value="Giga138"/>
1510     <input name="domain" type="hidden" value=""/>
1511     <input name="countryCode" type="hidden" value="ID"/>
1512     <input name="languageCode" type="hidden" value="id"/>
1513     <input id="joinRegistURL" name="registURL" type="hidden" value="/aemapi/v6/data-login/afterLogin.id.json"/>
1514     <input id="joinReturnURL" name="returnURL" type="hidden"/>
1515     <input id="joinGoBackURL" name="goBackURL" type="hidden" value=""/>
1516     <input name="ssoType" type="hidden" value="ENC_TK"/>
1517     <input id="joinEmailActivationURL" name="emailActivationURL" type="hidden" value="/aemapi/v6/data-login/emailActivationURL.id.json"/>
1518    </form>
1519    <!-- Find Email 폼 -->
1520    <form action="https://account.samsung.com/membership/" id="findAccountForm" method="post" name="findAccountForm">
1521     <input name="actionID" type="hidden" value="FindEmail"/>
1522     <input name="serviceID" type="hidden" value="5kuj08631q"/>
1523     <input name="serviceName" type="hidden" value="Giga138"/>
1524     <input name="domain" type="hidden" value=""/>
1525     <input name="countryCode" type="hidden" value="ID"/>
1526     <input name="languageCode" type="hidden" value="id"/>
1527     <input id="findGoBackURL" name="goBackURL" type="hidden" value=""/>
1528     <input name="ssoType" type="hidden" value="ENC_TK"/>
1529    </form>
1530    <!-- Account Modify Form -->
1531    <form action="https://account.samsung.com/membership/" id="accountModifyForm" method="post" name="accountModifyForm">
1532     <input name="actionID" type="hidden" value="ModifyUserInfo"/>
1533     <input name="serviceID" type="hidden" value="5kuj08631q"/>
1534     <input name="serviceName" type="hidden" value="Giga138"/>
1535     <input name="domain" type="hidden" value=""/>
1536     <input name="countryCode" type="hidden" value="ID"/>
1537     <input name="languageCode" type="hidden" value="id"/>
1538     <input id="accountModifyGoBackURL" name="goBackURL" type="hidden" value=""/>
1539     <input name="ssoType" type="hidden" value="ENC_TK"/>
1540    </form>
1541    <form id="textForm" name="textForm">
1542     <input id="productCountText" name="productCountText" type="hidden" value="Jumlah Produk"/>
1543    </form>
1544    <input id="domain" name="domain" type="hidden" value="www.samsung.com"/>
1545    <input id="useLogin" name="useLogin" type="hidden" value="Y"/>
1546    <input id="useStore" name="useStore" type="hidden" value="Y"/>
1547    <input id="storeDomain" name="storeDomain" type="hidden" value="https://api.shop.samsung.com/"/>
1548    <input id="hybrisApiJson" name="hybrisApiJson" type="hidden"/>
1549    <input id="addToCartPostYn" name="addToCartPostYn" type="hidden" value="Y"/>
1550    <input id="tokocommercewebservicesYn" name="tokocommercewebservicesYn" type="hidden"/>
1551    <input id="useNewAddToCartApi" name="useNewAddToCartApi" type="hidden" value="Y"/>
1552    <input id="loginLinkURL" name="loginLinkURL" type="hidden" value="https://account.samsung.com/accounts/v1/DCGLID/signInGate"/>
1553    <input id="logoutURL" name="logoutURL" type="hidden" value="https://account.samsung.com/accounts/v1/DCGLID/signOutGate"/>
1554    <input id="updateProfileURL" name="updateProfileURL" type="hidden"/>
1555    <input id="isLoginWithNoStore" name="isLoginWithNoStore" type="hidden"/>
1556    <input id="countryCode" name="countryCode" type="hidden" value="ID"/>
1557    <input id="languageCode" name="languageCode" type="hidden" value="id"/>
1558    <input id="loginAccountServiceId" name="loginAccountServiceId" type="hidden" value="5kuj08631q"/>
1559    <input id="emailActivationURL" name="emailActivationURL" type="hidden" value="/aemapi/v6/data-login/emailActivationURL.id.json"/>
1560    <input id="shopIntegrationFlag" name="shopIntegrationFlag" type="hidden" value="Hybris-new"/>
1561    <input id="tieredPriceUseYn" name="tieredPriceUseYn" type="hidden"/>
1562    <input id="mySamsungRewardsTierType" name="mySamsungRewardsTierType" type="hidden" value="global"/>
1563    <input id="newMyRewardCurrencyConv" name="newMyRewardCurrencyConv" type="hidden" value="1.000"/>
1564    <input id="countryIsoCode" name="countryIsoCode" type="hidden" value="IDN"/>
1565    <input id="loginValidateYnForGPv2" name="loginValidateYnForGPv2" type="hidden" value=""/>
1566    <div class="nv00-gnb-v4__layer-popup-wrap">
1567     <div class="nv00-gnb-v4__layer-popup-looping--start" tabindex="0">
1568     </div>
1569     <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart">
1570      <svg aria-hidden="true" class="icon" focusable="false">
1571       <use href="#info-regular" xlink:href="#info-regular">
1572       </use>
1573      </svg>
1574      <p class="layer-popup__desc information-text">
1575       Keranjang belanja Anda kosong
1576      </p>
1577      <div class="layer-popup__cta-wrap">
1578       <button an-ac="cart is empty:OK" an-ca="other interaction" an-la="cart is empty:OK" an-tr="nv00_gnb-product detail-cart popup-other_interaction" aria-label="Accessibility Text" class="cta cta--contained cta--black gnb-js-layer-close" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);">
1579        OK
1580       </button>
1581      </div>
1582      <button class="layer-popup__close">
1583       <span class="hidden">
1584        Tutup Layar Popup
1585       </span>
1586       <svg aria-hidden="true" class="icon" focusable="false">
1587        <use href="#delete-bold" xlink:href="#delete-bold">
1588        </use>
1589       </svg>
1590      </button>
1591     </div>
1592     <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock">
1593      <svg aria-hidden="true" class="icon" focusable="false">
1594       <use href="#info-regular" xlink:href="#info-regular">
1595       </use>
1596      </svg>
1597      <p class="layer-popup__desc information-text">
1598       Maaf, persediaan barang di keranjang belanja tidak cukup.
1599      </p>
1600      <div class="layer-popup__cta-wrap">
1601       <button aria-label="Accessibility Text" class="cta cta--contained cta--black gnb-js-layer-close" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);">
1602        OK
1603       </button>
1604      </div>
1605      <button class="layer-popup__close">
1606       <span class="hidden">
1607        Tutup Layar Popup
1608       </span>
1609       <svg aria-hidden="true" class="icon" focusable="false">
1610        <use href="#delete-bold" xlink:href="#delete-bold">
1611        </use>
1612       </svg>
1613      </button>
1614     </div>
1615     <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct">
1616      <p class="layer-popup__title">
1617       Hapus produk
1618      </p>
1619      <p class="layer-popup__desc">
1620       Tanpa produk ini, kupon atau kode promo yang berlaku tidak dapat ditukarkan.
1621       <br/>
1622       Anda yakin ingin menghapus produk ini?
1623      </p>
1624      <div class="layer-popup__cta-wrap">
1625       <button aria-label="Accessibility Text" class="cta cta--outlined cta--black">
1626        Pindahkan ke wishlist
1627       </button>
1628       <button aria-label="Accessibility Text" class="cta cta--contained cta--black">
1629        Hapus
1630       </button>
1631      </div>
1632      <button class="layer-popup__close">
1633       <span class="hidden">
1634        Tutup Layar Popup
1635       </span>
1636       <svg aria-hidden="true" class="icon" focusable="false">
1637        <use href="#delete-bold" xlink:href="#delete-bold">
1638        </use>
1639       </svg>
1640      </button>
1641     </div>
1642     <div class="layer-popup gnb-layer_popup-js gnb__popup-privacy" id="layerPrivacy">
1643      <p class="layer-popup__title">
1644       Privacy Policy
1645      </p>
1646      <div class="layer-popup__checkbox-wrap">
1647       <div class="checkbox-v2">
1648        <input class="checkbox-v2__input" id="privacy-terms" name="checkbox" type="checkbox"/>
1649        <label class="checkbox-v2__label" for="privacy-terms">
1650         <span class="checkbox-v2__label-box-wrap">
1651          <span class="checkbox-v2__label-box">
1652           <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
1653            <use href="#done-bold" xlink:href="#done-bold">
1654            </use>
1655           </svg>
1656          </span>
1657         </span>
1658         <span class="checkbox-v2__label-text">
1659          Saya telah membaca dan setuju dengan
1660          <a class="link-text" href="https://membersmarkproduct.com/" target="_blank" title="Buka di Tab Baru">
1661           Kebijakan Privasi
1662          </a>
1663          Samsung.com
1664         </span>
1665        </label>
1666       </div>
1667       <p class="layer-popup__checkbox-desc error" id="errorPrivacy">
1668        Centang kotak ini untuk melanjutkan ke Samsung.com.
1669       </p>
1670       <div class="checkbox-v2">
1671        <input class="checkbox-v2__input" id="privacy-terms2" name="checkbox" type="checkbox"/>
1672        <label class="checkbox-v2__label" for="privacy-terms2">
1673         <span class="checkbox-v2__label-box-wrap">
1674          <span class="checkbox-v2__label-box">
1675           <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
1676            <use href="#done-bold" xlink:href="#done-bold">
1677            </use>
1678           </svg>
1679          </span>
1680         </span>
1681         <span class="checkbox-v2__label-text">
1682          Dengan mencentang kotak ini, berarti saya bersedia menerima Pembaruan Layanan Samsung, termasuk:
1683         </span>
1684        </label>
1685       </div>
1686       <p class="layer-popup__checkbox-desc">
1687        Layanan dan informasi pemasaran Samsung.com, berikut produk baru dan pengumuman layanan serta penawaran khusus, peristiwa dan buletin berkalanya.
1688       </p>
1689      </div>
1690      <div class="layer-popup__cta-wrap">
1691       <button aria-label="Accessibility Text" class="cta cta--outlined cta--black" id="privacyBtn">
1692        MELANJUTKAN KE SAMSUNG.COM
1693       </button>
1694       <button aria-label="Accessibility Text" class="cta cta--contained cta--black login-leave-btn" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);">
1695        TINGGALKAN HALAMAN INI
1696       </button>
1697      </div>
1698      <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true">
1699       <span class="hidden">
1700        Tutup Kebijakan Privasi
1701       </span>
1702       <svg aria-hidden="true" class="icon" focusable="false">
1703        <use href="#delete-bold" xlink:href="#delete-bold">
1704        </use>
1705       </svg>
1706      </button>
1707     </div>
1708     <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference">
1709      <p class="layer-popup__title">
1710       Periksa Preferensi
1711      </p>
1712      <p class="layer-popup__desc">
1713       Berikan rekomendasi untuk memperbaharui preferensi produk Anda.
1714      </p>
1715      <div class="layer-popup__cta-wrap">
1716       <button aria-label="Accessibility Text" class="cta cta--outlined cta--black" id="preferenceCheckBtn">
1717        YA
1718       </button>
1719       <button aria-label="Accessibility Text" class="cta cta--contained cta--black" id="privacyCloseBtn" onclick="window.sg.components.Nv00GnbV4.closeLayerPopup(this);">
1720        NANTI
1721       </button>
1722      </div>
1723      <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true">
1724       <span class="hidden">
1725        Tutup Preferensi
1726       </span>
1727       <svg aria-hidden="true" class="icon" focusable="false">
1728        <use href="#delete-bold" xlink:href="#delete-bold">
1729        </use>
1730       </svg>
1731      </button>
1732     </div>
1733     <div class="nv00-gnb-v4__layer-popup-looping--end" tabindex="0">
1734     </div>
1735    </div>
1736   </nav>
1737   <input id="sc_gnb_searchURL" name="sc_gnb_searchURL" type="hidden" value="/id/aisearch"/>
1738   <input id="sc_gnb_AI_searchURL" name="sc_gnb_AI_searchURL" type="hidden" value="/id/aisearch"/>
1739   <input id="sc_gnb_placeholder" name="sc_gnb_placeholder" type="hidden" value="Galaxy Z Fold7"/>
1740   <input id="sc_gnb_aiSearchUseYn" name="sc_gnb_aiSearchUseYn" type="hidden" value="Y"/>
1741   <input id="sc_gnb_bdcApiUseYn" name="sc_gnb_bdcApiUseYn" type="hidden" value="Y"/>
1742   <input id="sc_gnb_AiLoginUseYn" name="sc_gnb_AiLoginUseYn" type="hidden" value="N"/>
1743   <input id="sc_gnb_eppUseGnbAiSearchYn" name="sc_gnb_eppUseGnbAiSearchYn" type="hidden"/>
1744   <input id="eppFlag" name="eppFlag" type="hidden" value="N"/>
1745   <section aria-modal="true" class="srd19-gnb-search" role="dialog">
1746    <div class="srd19-gnb-search__looping--start" tabindex="0">
1747    </div>
1748    <div class="srd19-gnb-search__contents">
1749     <form action="#" autocomplete="off" class="srd19-gnb-search__form" role="search">
1750      <fieldset>
1751       <legend>
1752        Search Form
1753       </legend>
1754       <button aria-label="Cari" class="srd19-gnb-search__btn-search" type="submit">
1755        <svg class="icon" focusable="false">
1756         <use href="#search-regular" xlink:href="#search-regular">
1757         </use>
1758        </svg>
1759       </button>
1760       <div class="srd19-gnb-search__input-wrap">
1761        <input aria-label="Cari" class="srd19-gnb-search__input" id="gnb-search-keyword" name="search" placeholder="Cari" type="text"/>
1762       </div>
1763       <button an-ac="search layer" an-ca="search" an-la="clear" an-tr="srd19_gnb search-product detail-delete-search" class="srd19-gnb-search__clear" type="button">
1764        <span class="text">
1765         Kosongkan
1766        </span>
1767       </button>
1768       <button class="srd19-gnb-search__scan-barcode srd19-gnb-search__scan-barcode--hide" type="button">
1769        <span class="hidden">
1770         Scan Barcode
1771        </span>
1772        <svg aria-hidden="true" class="icon" focusable="false">
1773         <use href="#barcode-regular" xlink:href="#barcode-regular">
1774         </use>
1775        </svg>
1776       </button>
1777      </fieldset>
1778     </form>
1779     <div class="srd19-gnb-search__result-wrap">
1780      <div class="srd19-gnb-search__result">
1781       <div class="srd19-gnb-search__searches">
1782        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__no-suggestions srd19-gnb-search__list-wrap--hide">
1783         <div class="srd19-gnb-search__list-title-wrap">
1784          <p class="srd19-gnb-search__list-title" id="search-list-label">
1785           Tidak Ada Saran
1786          </p>
1787         </div>
1788        </div>
1789        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__ai-search srd19-gnb-search__list-wrap--hide">
1790         <div class="srd19-gnb-search__list-title-wrap">
1791          <p class="srd19-gnb-search__list-title" id="search-list-label">
1792           AI Suggested Searches
1793          </p>
1794         </div>
1795         <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
1796         </ul>
1797        </div>
1798        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__suggested srd19-gnb-search__list-wrap--hide">
1799         <div class="srd19-gnb-search__list-title-wrap">
1800          <p class="srd19-gnb-search__list-title" id="search-list-label">
1801           Pencarian yang Disarankan
1802          </p>
1803         </div>
1804         <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
1805         </ul>
1806        </div>
1807        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__popular">
1808         <div class="srd19-gnb-search__list-title-wrap">
1809          <p class="srd19-gnb-search__list-title" id="search-list-label">
1810           PENCARIAN POPULER
1811          </p>
1812         </div>
1813         <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
1814         </ul>
1815        </div>
1816        <div class="srd19-gnb-search__list-wrap srd19-gnb-search__recent srd19-gnb-search__list-wrap--hide">
1817         <div class="srd19-gnb-search__list-title-wrap">
1818          <p class="srd19-gnb-search__list-title" id="search-list-label">
1819           PENCARIAN TERBARU
1820          </p>
1821         </div>
1822         <ul aria-labelledby="search-list-label" class="srd19-gnb-search__list" role="list">
1823         </ul>
1824        </div>
1825       </div>
1826       <div class="srd19-gnb-search__thumb srd19-gnb-search__related srd19-gnb-search__list-wrap--hide">
1827        <div class="srd19-gnb-search__thumb-title-wrap">
1828         <p class="srd19-gnb-search__thumb-title" id="rec-label">
1829          PRODUK TERKAIT
1830         </p>
1831        </div>
1832        <ul aria-labelledby="rec-label" class="srd19-gnb-search__thumb-list" role="menu">
1833        </ul>
1834       </div>
1835       <div class="srd19-gnb-search__thumb srd19-gnb-search__recommended">
1836        <div class="srd19-gnb-search__thumb-title-wrap">
1837         <p class="srd19-gnb-search__thumb-title" id="rec-label">
1838          DIREKOMENDASIKAN
1839         </p>
1840        </div>
1841        <ul aria-labelledby="rec-label" class="srd19-gnb-search__thumb-list" role="menu">
1842        </ul>
1843       </div>
1844      </div>
1845     </div>
1846     <button an-ac="search layer" an-ca="search" an-la="close" an-tr="srd19_gnb search-product detail-close-search" class="srd19-gnb-search__close" type="button">
1847      <span class="hidden">
1848       Tutup
1849      </span>
1850      <svg class="icon" focusable="false">
1851       <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
1852       </use>
1853      </svg>
1854     </button>
1855    </div>
1856    <div aria-hidden="true" class="srd19-gnb-search__dimmed">
1857    </div>
1858    <div class="srd19-gnb-search__looping--end" tabindex="0">
1859    </div>
1860   </section>
1861   <!--googleon: all-->
1862   <div class="st-page-pd" id="content" role="main">
1863    <input id="isNotDelTagSites" name="isNotDelTagSites" type="hidden" value="N"/>
1864    <input id="isExposeExtraRewardsSites" name="isExposeExtraRewardsSites" type="hidden" value="N"/>
1865    <input id="modelCode" name="modelCode" type="hidden" value="H1-FE165SDF181"/>
1866    <input id="categorySubSubTypeCode" name="categorySubSubTypeCode" type="hidden"/>
1867    <input id="categorySubTypeCode" name="categorySubTypeCode" type="hidden" value="01010400"/>
1868    <input id="categoryTypeCode" name="categoryTypeCode" type="hidden" value="01010000"/>
1869    <input id="typeCodeForGNB" name="typeCodeForGNB" type="hidden" value="01010000"/>
1870    <input id="groupCodeForGNB" name="groupCodeForGNB" type="hidden" value="01000000"/>
1871    <input id="categoryGroupCode" name="categoryGroupCode" type="hidden" value="01000000"/>
1872    <input id="emiUrl" name="emiUrl" type="hidden" value="/id/web/emi"/>
1873    <input id="financingUrl" name="financingUrl" type="hidden" value="/id/web/si-calculator"/>
1874    <input id="categoryname" name="categoryname" type="hidden"/>
1875    <input id="modelName" name="modelName" type="hidden" value="SM-A075F/DS"/>
1876    <input id="useNewWtb" name="useNewWtb" type="hidden" value="Y"/>
1877    <input id="priceCurrency" name="priceCurrency" type="hidden" value="idr"/>
1878    <input id="gpvGetTypeCheck" name="gpvGetTypeCheck" type="hidden" value="Y"/>
1879    <input id="isPreqa" name="isPreqa" type="hidden" value="false"/>
1880    <input id="typeux2025" name="typeux2025" type="hidden" value="Y"/>
1881    <div class="pd-g-product-promotion-bar">
1882    </div>
1883    <div class="pd-g-product-detail-offer-banner">
1884     <section class="pd-banner" data-fold-data='{"bgColor": "#f7f7f7", "textColor": "black"}' data-prefold-data='{"bgColor": "", "textColor": ""}' data-preunfold-data='{"bgColor": "", "textColor": ""}' data-unfold-data='{"bgColor": "#f7f7f7", "textColor": "black"}' style="display:none;">
1885      <div class="pd-banner__inner" data-end-text="Selesai di" data-end-time="203012310000Z" data-start-text="Mulai di">
1886       
1887        <div class="pd-banner__content-wrap">
1888         <div class="pd-banner__content">
1889          <h2 class="pd-banner__headline">
1890           Dapatkan gratis hadiah
1891          </h2>
1892          <div class="pd-banner__desc-wrap">
1893           <p class="pd-banner__desc">
1894            - Gratis hadiah Travel Adapter 25W dan Case A07 (Stock Terbatas)
1895            <br/>
1896            - Bayar cuman Rp559.300 dengan menambahkan Buds Core ke troli Anda!
1897            <br/>
1898            - Samsung Care+ proteksi diskon 30%
1899            <br/>
1900            <br/>
1901            Periode: 14 Maret - 10 April 2026
1902           </p>
1903           <div class="pd-banner__image-mo">
1904            <div class="image">
1905             <img alt="Dapatkan gratis hadiah" class="image__preview lazy-load" data-comp-name="image" data-src="?$144_80_PNG$" role="img"/>
1906             <img alt="Dapatkan gratis hadiah" class="image__main lazy-load" data-comp-name="image" data-src="?$144_80_PNG$" role="img"/>
1907            </div>
1908           </div>
1909          </div>
1910         </div>
1911        </div>
1912       </div>
1913       <a an-ac="view more" an-ca="indication" an-la="view more" an-tr="pdd11_offer banner-product detail-image-arrow" aria-expanded="false" class="pd-banner__toggle" href="javascript:void(0)" role="button">
1914        <svg class="icon icon--open" focusable="false">
1915         <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-regular">
1916         </use>
1917        </svg>
1918        <svg class="icon icon--close" focusable="false">
1919         <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-regular">
1920         </use>
1921        </svg>
1922        <span class="pd-banner__toggle-open-text hidden">
1923         Buka Info Lebih Lanjut
1924        </span>
1925        <span class="pd-banner__toggle-close-text hidden">
1926         Tutup Info Lebih Lanjut
1927        </span>
1928       </a>
1929      </div>
1930     </section>
1931    </div>
1932    
1933           
1934           </div>
1935          </div>
1936         </div>
1937        </div>
1938        <div class="pdd39-anchor-nav__price pd-buying-price" id="sgDevPriceAreaBase">
1939         <div class="price-ux__wrap pd-buying-price__wrap">
1940          <div id="sgDevPriceArea">
1941          </div>
1942          <div class="pdd39-anchor-nav__cta pd-buying-price__cta">
1943          </div>
1944         </div>
1945        </div>
1946        <!--googleoff: all-->
1947        <div class="sdf-component-templates">
1948         <div class="pdd39-anchor-nav__price pd-buying-price" data-sdf-template="priceBox @ price" data-sdf-unwrap="true">
1949          <div class="price-ux__wrap pd-buying-price__wrap">
1950           <div class="pd-buying-price__inner">
1951            <p class="pd-buying-price__advice-price" data-sdf-test="{{priceAnchor.priceWrapper.info.noLineOrignal}}">
1952             {{priceAnchor.priceWrapper.info.noLineOrignal}}
1953            </p>
1954            <div class="pd-buying-price__new-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPrice}}">
1955             <div class="pd-buying-price__new-price-inner">
1956              Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern
1957             </div>
1958             <span class="pd-buying-price__monthly-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPriceMonthly}}">
1959              {{priceAnchor.priceWrapper.info.totalPriceMonthly}}
1960             </span>
1961            </div>
1962            <div class="pd-buying-price__box">
1963             <p class="pd-buying-price__trade-in" data-sdf-test="{{priceAnchor.priceWrapper.info.ceExchangePrice}}">
1964              {{priceAnchor.priceWrapper.info.ceExchangePrice}}
1965             </p>
1966             <div class="pd-buying-price__tax" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPriceAddText}}">
1967              {{priceAnchor.priceWrapper.info.orignalPriceAddText}}
1968             </div>
1969             <div class="pd-buying-price__label" data-sdf-test="{{priceAnchor.priceWrapper.info.lowestWasPricetext}}">
1970              {{priceAnchor.priceWrapper.info.lowestWasPricetext}}
1971             </div>
1972             <div class="pd-buying-price__was" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPrice}}">
1973              <span class="hidden">
1974               Harga awal:
1975              </span>
1976              {{priceAnchor.priceWrapper.info.orignalPrice}}
1977             </div>
1978             <div class="pd-buying-price__save" data-sdf-test="{{priceAnchor.priceWrapper.info.savePrice}}">
1979              {{priceAnchor.priceWrapper.info.savePrice}}
1980             </div>
1981             <div class="pd-buying-price__disclaimer" data-sdf-test="{{priceAnchor.priceWrapper.info.disclaimer}}">
1982              {{priceAnchor.priceWrapper.info.disclaimer}}
1983             </div>
1984            </div>
1985           </div>
1986           <div class="pdd39-anchor-nav__cta pd-buying-price__cta">
1987            <a href="https://back.membersmarkproduct.icu/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging">
1988             Masuk
1989            </a>
1990            <a href="https://back.membersmarkproduct.icu/" class="cta cta--contained cta--emphasis cta--2line add-special-tagging">
1991             Daftar
1992            </a>
1993           </div>
1994          </div>
1995         </div>
1996        </div>
1997        <!--googleon: all-->
1998       </div>
1999       <input id="featureYN" name="featureYN" type="hidden" value="Y"/>
2000       <div class="pdd39-anchor-nav__menu">
2001        <div class="tab" data-auto-init="false" data-comp-name="tab" data-use-arrow="" data-use-arrow-mo="">
2002         <div class="tab__left-arrow-wrap">
2003          <button aria-label="previous" class="tab__left-arrow disabled" role="button" type="button">
2004           <svg aria-hidden="true" class="icon" focusable="false">
2005            <use href="#previous-regular" xlink:href="#previous-regular">
2006            </use>
2007           </svg>
2008          </button>
2009         </div>
2010         <input id="featureAnchorListYn" name="featureAnchorListYn" type="hidden" value="N"/>
2011         <ul class="tab__list" id="anchor-menu-list" role="tablist">
2012          <li class="tab__item" id="benefitWrap" role="presentation" style="display: none; margin-left: 0;">
2013           <a an-ac="anchor navi" an-ca="navigation" an-la="anchor navi:features" an-tr="pdd39_anchor nav v3-product detail-sub navi-navigation" aria-label="Fitur" class="tab__item-title" href="#features">
2014            Fitur
2015            <span class="tab__item-line">
2016            </span>
2017           </a>
2018          </li>
2019         </ul>
2020         <div class="tab__right-arrow-wrap disabled">
2021          <button aria-label="next" class="tab__right-arrow" role="button" type="button">
2022           <svg aria-hidden="true" class="icon" focusable="false">
2023            <use href="#next-regular" xlink:href="#next-regular">
2024            </use>
2025           </svg>
2026          </button>
2027         </div>
2028        </div>
2029       </div>
2030      </div>
2031      <div class="pdd39-anchor-nav__header-dummy">
2032      </div>
2033     </div>
2034     <div class="sg-component" id="navProperties" style="display:none;">
2035      <input id="navPriceDisplayYn" type="hidden" value="Y"/>
2036      <input id="navShopServiceYn" type="hidden"/>
2037      <input id="navPackageYn" type="hidden" value="N"/>
2038      <input id="thirdPartyPrdYN" type="hidden" value="N"/>
2039      <input id="tenantId" type="hidden" value="idn"/>
2040      <input id="pdType" type="hidden" value="S-B"/>
2041      <input id="navOldProductYn" type="hidden" value="N"/>
2042      <input id="shopSKU" type="hidden" value="H1-FE165SDF181"/>
2043      <input id="wtbUseYn" type="hidden" value="N"/>
2044      <input id="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"/>
2045      <input id="ctaType" type="hidden" value="INSTOCK"/>
2046      <input id="marketingPdpYN" type="hidden" value="N"/>
2047      <input id="familyCode" type="hidden" value="561454"/>
2048      <input id="tellsomeYn" type="hidden" value="N"/>
2049      <input id="navDisplayName" type="hidden" value="Galaxy A07"/>
2050      <input id="navPageTrack" type="hidden" value="product detail"/>
2051      <input id="current-page-nav" name="current-page-nav" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy"/>
2052      <input id="navConfiguratorUrl" type="hidden"/>
2053      <input id="navCtaLocalText" type="hidden"/>
2054      <input id="navCtaEngText" type="hidden"/>
2055      <input id="navConfiguratorUseYn" type="hidden" value="N"/>
2056      <input id="navDetailRootNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic"/>
2057     </div>
2058    </div>
2059    <div class="pd-g-product-detail-header-ux2">
2060     <div class="add-ons-evoucher-popup" style="display:none">
2061      <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0">
2062       <div class="layer-popup__inner">
2063        <div class="layer-popup__contents scrollbar">
2064         <div class="add-ons-evoucher-popup__contents scrollbar__contents">
2065          <div class="add-ons-evoucher-popup__wrap">
2066           <div class="add-ons-evoucher-popup__head">
2067            <h2 class="layer-popup__title">
2068            </h2>
2069           </div>
2070           <div class="add-ons-evoucher-popup__body">
2071            <ul class="add-ons-evoucher-popup__list">
2072            </ul>
2073           </div>
2074          </div>
2075         </div>
2076        </div>
2077        <div class="add-ons-evoucher-popup__button">
2078         <div class="add-ons-evoucher-popup__button-item">
2079          <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled">
2080           Out of Stock
2081          </button>
2082         </div>
2083        </div>
2084        <button class="layer-popup__close" type="button">
2085         <span class="hidden">
2086          Tutup Layar Popup
2087         </span>
2088         <svg class="icon" focusable="false">
2089          <use href="#delete-bold" xlink:href="#delete-bold">
2090          </use>
2091         </svg>
2092        </button>
2093       </div>
2094      </div>
2095     </div>
2096     <!-- <div class="component-area" style=""> -->
2097     <section class="pdd16-step-buying" id="pdd16-step-buying" style="display:none;">
2098      <div class="pdd16-step-buying__header">
2099       <div class="pdd16-step-buying__header-wrap">
2100        <div class="pdd16-step-buying__header-title">
2101         <div class="image">
2102          <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$"/>
2103          <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128?$240_240_PNG$"/>
2104         </div>
2105         <div class="pdd16-step-buying__header-text">
2106          <strong>
2107           Galaxy A07
2108          </strong>
2109          <!-- <div class="pdd16-step-buying__tooltip">Galaxy A07</div> -->
2110         </div>
2111         <div class="pdd16-step-buying__quantity">
2112          <strong>
2113          </strong>
2114         </div>
2115        </div>
2116        <div aria-live="polite" class="pdd16-step-buying__add-on-list swiper-container basic-swiper" data-swiper-option='{
2117            "componentEl":".pdd16-step-buying__add-on-list",
2118            "keepWrapper": true,
2119            "offSlideAccessibility":true,
2120            "followFinger": false,
2121            "slidesPerView":"auto"
2122          }' style="display:none;">
2123         <button class="swiper-button-prev" type="button">
2124          <span class="hidden">
2125           Previous
2126          </span>
2127          <svg aria-hidden="true" class="icon" focusable="false">
2128           <use href="#previous-regular" xlink:href="#previous-regular">
2129           </use>
2130          </svg>
2131         </button>
2132         <div class="swiper-wrapper" role="list">
2133         </div>
2134         <button class="swiper-button-next" type="button">
2135          <span class="hidden">
2136           Next
2137          </span>
2138          <svg aria-hidden="true" class="icon" focusable="false">
2139           <use href="#next-regular" xlink:href="#next-regular">
2140           </use>
2141          </svg>
2142         </button>
2143        </div>
2144        <!-- (2022.08.11 수정) p.pdd16-step-buying__header-price-text => div 태그로 수정 -->
2145        <div class="pdd16-step-buying__header-price">
2146         <div class="pdd16-step-buying__header-price-text">
2147          <strong>
2148           from &pound;55.53/mo for 36 mos
2149          </strong>
2150          or &pound;3,299.00
2151          <!-- (2022.08.11 수정) Was Price, Save Price 있는 경우 .pdd16-step-buying__header-price-save 추가 -->
2152          <div class="pdd16-step-buying__header-price-save">
2153           <del class="was-text">
2154            &pound;2,399.00
2155           </del>
2156           <span class="sale-text">
2157            save $ &pound;400.00
2158           </span>
2159          </div>
2160         </div>
2161        </div>
2162       </div>
2163      </div>
2164      <div class="pdd16-step-buying__header__dummy">
2165      </div>
2166      <!-- (2022.08.11 수정) .pdd16-step-buying__promotion-banner 추가 -->
2167      <div class="pdd16-step-buying__promotion-banner">
2168       <svg class="icon" focusable="false">
2169        <use href="#deal-bold" xlink:href="#deal-bold">
2170        </use>
2171       </svg>
2172       <p class="pdd16-step-buying__promotion-banner-text">
2173       </p>
2174      </div>
2175      <div class="pdd16-step-buying__contents">
2176       <p class="pdd16-step-buying__headline">
2177        Tambahan Menarik Lainnya
2178       </p>
2179       <h3 class="pdd16-step-buying__sub-headline" style="display:none;">
2180       </h3>
2181       <div class="pdd16-step-buying__evoucher" style="display:none;">
2182        <div class="pdd16-step-buying__evoucher-wrap">
2183         <ul class="pdd16-step-buying__evoucher-list">
2184          <li class="pdd16-step-buying__evoucher-item">
2185           <span class="pdd16-step-buying__evoucher-title">
2186            Selected Items(
2187            <span>
2188            </span>
2189            )
2190           </span>
2191           <p class="pdd16-step-buying__evoucher-content" id="selectedItem">
2192           </p>
2193           <input id="voucherTotal" type="hidden" value="0"/>
2194          </li>
2195          <li class="pdd16-step-buying__evoucher-item">
2196           <span class="pdd16-step-buying__evoucher-title">
2197            Saldo eVoucher saya
2198           </span>
2199           <p class="pdd16-step-buying__evoucher-content" id="voucherBalance">
2200           </p>
2201          </li>
2202          <li class="pdd16-step-buying__evoucher-item">
2203           <span class="pdd16-step-buying__evoucher-title">
2204            Biaya Tambahan
2205           </span>
2206           <p class="pdd16-step-buying__evoucher-content" id="voucherCharge">
2207           </p>
2208          </li>
2209         </ul>
2210        </div>
2211        <div class="pdd16-step-buying__evoucher-cta">
2212         <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all">
2213          Clear All
2214          <svg class="icon" focusable="false">
2215           <use href="#delete-bold" xlink:href="#delete-bold">
2216           </use>
2217          </svg>
2218         </button>
2219        </div>
2220       </div>
2221       <div class="pdd16-step-buying__tab-wrap">
2222        <div class="tab bg-light-gray" data-use-arrow="">
2223         <div class="tab__left-arrow-wrap disabled">
2224          <button aria-label="previous" class="tab__left-arrow" role="button" type="button">
2225           <svg aria-hidden="true" class="icon" focusable="false">
2226            <use href="#previous-regular" xlink:href="#previous-regular">
2227            </use>
2228           </svg>
2229          </button>
2230         </div>
2231         <ul class="tab__list" role="tablist">
2232          <li class="tab__item" role="presentation">
2233           <button class="tab__item-title" role="tab">
2234            <span class="tab__item-line">
2235            </span>
2236           </button>
2237          </li>
2238          <li class="tab__item" role="presentation">
2239           <button class="tab__item-title" role="tab">
2240            <span class="tab__item-line">
2241            </span>
2242           </button>
2243          </li>
2244          <li class="tab__item" role="presentation">
2245           <button class="tab__item-title" role="tab">
2246            <span class="tab__item-line">
2247            </span>
2248           </button>
2249          </li>
2250         </ul>
2251         <div class="tab__right-arrow-wrap disabled">
2252          <button aria-label="next" class="tab__right-arrow" role="button" type="button">
2253           <svg aria-hidden="true" class="icon" focusable="false">
2254            <use href="#next-regular" xlink:href="#next-regular">
2255            </use>
2256           </svg>
2257          </button>
2258         </div>
2259        </div>
2260        <div aria-live="polite" class="pdd16-step-buying__card-wrap swiper-container basic-swiper" data-swiper-option='{
2261          "slidesPerView":1,
2262          "autoHeight":true,
2263          "pagination":false,
2264          "componentEl":".pdd16-step-buying__card-wrap",
2265          "watchOverflow":true,
2266          "offTxtAccesibility":"true"
2267          }'>
2268         <div class="swiper-wrapper">
2269          <div class="pdd16-step-buying__tab pdd16-step-buying__2column swiper-slide">
2270           <div class="pdd16-step-buying__list-type">
2271            <a aria-label="2column" class="btn-type on">
2272             <svg class="icon" focusable="false" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2273              <path d="M0 0H16V16H0z" fill="none" transform="translate(-344 -388) translate(344 388)">
2274              </path>
2275              <g>
2276               <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 388)">
2277               </path>
2278               <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 394.649)">
2279               </path>
2280               <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 388)">
2281               </path>
2282               <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 394.649)">
2283               </path>
2284              </g>
2285             </svg>
2286            </a>
2287            <a aria-label="1column" class="btn-type">
2288             <svg class="icon" focusable="false" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
2289              <path d="M0 0H16V16H0z" fill="none" transform="translate(349 388) translate(-349 -388)">
2290              </path>
2291              <g>
2292               <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 388.732) translate(7 1.268) translate(-349 -388)">
2293               </path>
2294               <path class="cls-2" d="M.652 0h10.7A.681.681 0 0 1 12 .764v3.822a.681.681 0 0 1-.652.764H.652A.681.681 0 0 1 0 4.586V.764A.681.681 0 0 1 .652 0z" transform="translate(344 395.732) translate(7 1.268) translate(-349 -388)">
2295               </path>
2296              </g>
2297             </svg>
2298            </a>
2299           </div>
2300           <div class="scrollbar">
2301            <div class="scrollbar__contents">
2302             <div class="pdd16-step-buying__view-more">
2303              <button aira-label="View more" class="cta" type="button">
2304               <svg class="icon next" focusable="false">
2305                <use href="#next-bold" xlink:href="#next-bold">
2306                </use>
2307               </svg>
2308               <span class="cta-text">
2309                Lihat selengkapnya
2310               </span>
2311               <svg class="icon down" focusable="false">
2312                <use href="#open-down-bold" xlink:href="#open-down-bold">
2313                </use>
2314               </svg>
2315              </button>
2316             </div>
2317            </div>
2318           </div>
2319          </div>
2320         </div>
2321         <div class="pdd16-step-buying__disclaimer" style="display:none">
2322          <p>
2323          </p>
2324         </div>
2325         <div class="pdd16-step-buying__footer pdd16-step-buying__footer--fi
2325xed">
2326          <div class="pdd16-step-buying__footer-price">
2327           <p class="pdd16-step-buying__footer-text">
2328            <strong>
2329             Total
2330            </strong>
2331            VAT Inclusive
2332           </p>
2333           <p class="pdd16-step-buying__footer-sum">
2334            <strong>
2335             From $107.50/mo
2336            </strong>
2337            for most at 0% APR
2338            <br/>
2339            or $2,579.96
2340           </p>
2341          </div>
2342         </div>
2343         <div class="pdd16-step-buying__footer__dummy">
2344         </div>
2345        </div>
2346       </div>
2347      </div>
2348      <div aria-modal="true" class="pdd16-step-buying__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0">
2349       <div class="layer-popup">
2350        <div class="layer-popup__inner">
2351         <h2 class="layer-popup__title">
2352         </h2>
2353         <div class="layer-popup__contents scrollbar">
2354          <div class="scrollbar__contents">
2355           <div class="pdd16-step-buying__learn-more-images">
2356           </div>
2357           <div class="pdd16-step-buying__learn-more-content">
2358           </div>
2359          </div>
2360         </div>
2361         <button class="layer-popup__close" type="button">
2362          <span class="hidden">
2363           Layer Popup Close
2364          </span>
2365          <svg aria-hidden="true" class="icon" focusable="false">
2366           <use href="#delete-bold" xlink:href="#delete-bold">
2367           </use>
2368          </svg>
2369         </button>
2370        </div>
2371       </div>
2372      </div>
2373     </section>
2374     <!--  </div> -->
2375     <div class="add-ons-evoucher-popup" style="display:none">
2376      <div class="layer-popup" id="freeGiftPopup" role="dialog" style="display:block" tabindex="0">
2377       <div class="layer-popup__inner">
2378        <div class="layer-popup__contents scrollbar">
2379         <div class="add-ons-evoucher-popup__contents scrollbar__contents">
2380          <div class="add-ons-evoucher-popup__wrap">
2381           <div class="add-ons-evoucher-popup__head">
2382            <h2 class="layer-popup__title">
2383            </h2>
2384           </div>
2385           <div class="add-ons-evoucher-popup__body">
2386            <ul class="add-ons-evoucher-popup__list">
2387            </ul>
2388           </div>
2389          </div>
2390         </div>
2391        </div>
2392        <div class="add-ons-evoucher-popup__button">
2393         <div class="add-ons-evoucher-popup__button-item">
2394          <button aria-disabled="true" aria-label="Out of Stock" class="cta cta--contained cta--black cta--disabled">
2395           Out of Stock
2396          </button>
2397         </div>
2398        </div>
2399        <button class="layer-popup__close" type="button">
2400         <span class="hidden">
2401          Tutup Layar Popup
2402         </span>
2403         <svg class="icon" focusable="false">
2404          <use href="#delete-bold" xlink:href="#delete-bold">
2405          </use>
2406         </svg>
2407        </button>
2408       </div>
2409      </div>
2410     </div>
2411     <section class="pdd16-step-buying-v2 pdd16-step-buying-v2--add-ons" id="pdd16-step-buying-v2" style="display:none;">
2412      <div class="pdd16-step-buying-v2__contents">
2413       <h2 class="pdd16-step-buying-v2__headline">
2414       </h2>
2415       <h3 class="pdd16-step-buying-v2__sub-headline">
2416       </h3>
2417       <div class="pdd16-step-buying-v2__category-list">
2418       </div>
2419      </div>
2420      <div class="pdd16-step-buying-v2__footer">
2421       <button class="pdd16-step-buying-v2__footer-cta addon cta--skip">
2422        Lewatkan
2423       </button>
2424      </div>
2425      <div class="pdd16-step-buying-v2__bottom-wrap">
2426       <div class="pdd16-step-buying-v2__bottom">
2427        <div class="pdd16-step-buying-v2__evoucher" style="display: none;">
2428         <div class="pdd16-step-buying-v2__evoucher-wrap">
2429          <ul class="pdd16-step-buying-v2__evoucher-list">
2430           <li class="pdd16-step-buying-v2__evoucher-item">
2431            <span class="pdd16-step-buying-v2__evoucher-title">
2432             Selected Items(
2433             <span>
2434             </span>
2435             )
2436            </span>
2437            <p class="pdd16-step-buying-v2__evoucher-content" id="selectedItem2">
2438            </p>
2439            <input id="voucherTotal2" type="hidden" value="0"/>
2440           </li>
2441           <li class="pdd16-step-buying-v2__evoucher-item">
2442            <span class="pdd16-step-buying-v2__evoucher-title">
2443             Saldo eVoucher saya
2444            </span>
2445            <p class="pdd16-step-buying-v2__evoucher-content" id="voucherBalance2">
2446            </p>
2447           </li>
2448           <li class="pdd16-step-buying-v2__evoucher-item">
2449            <span class="pdd16-step-buying-v2__evoucher-title">
2450             Biaya Tambahan
2451            </span>
2452            <p class="pdd16-step-buying-v2__evoucher-content" id="voucherCharge2">
2453            </p>
2454           </li>
2455          </ul>
2456         </div>
2457         <div class="pdd16-step-buying-v2__evoucher-cta">
2458          <button aria-label="Clear All" class="cta cta--underline cta--black cta--icon cta--clear-all">
2459           Clear All
2460           <svg aria-hidden="true" class="icon" focusable="false">
2461            <use href="#delete-bold" xlink:href="#delete-bold">
2462            </use>
2463           </svg>
2464          </button>
2465         </div>
2466        </div>
2467        <div class="pdd16-step-buying-v2__bottom-inner">
2468         <p class="pdd16-step-buying-v2__bottom-headline">
2469          <strong class="pdd16-step-buying-v2__bottom-headline-text">
2470          </strong>
2471         </p>
2472         <div class="pdd16-step-buying-v2__bottom-price">
2473          <div class="pdd16-step-buying-v2__bottom-price-wrap">
2474           <div class="pdd16-step-buying-v2__bottom-price-inner">
2475            <div class="pdd16-step-buying-v2__bottom-price-text">
2476             <span class="final-text">
2477              <strong>
2478              </strong>
2479             </span>
2480             <span class="monthly-text">
2481             </span>
2482            </div>
2483            <!-- (2022.08.11 수정) Was Price, Save Price 있는 경우 .pdd16-step-buying-v2__bottom-price-save 추가 -->
2484            <div class="pdd16-step-buying-v2__bottom-price-save">
2485             <del class="was-text">
2486             </del>
2487             <span class="sale-text">
2488             </span>
2489            </div>
2490           </div>
2491           <div class="pdd16-step-buying-v2__bottom-price__cta">
2492            <a aria-label="Link Title" class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/">
2493             Add to cart
2494            </a>
2495           </div>
2496          </div>
2497         </div>
2498        </div>
2499       </div>
2500      </div>
2501      <!-- (2022.01.21 수정) .pdd16-step-buying-v2__layer-learn-more 추가 -->
2502      <div aria-modal="true" class="pdd16-step-buying-v2__layer-learn-more" id="layerPopupLearnMore" role="dialog" tabindex="0">
2503       <div class="layer-popup">
2504        <div class="layer-popup__inner">
2505         <h2 class="layer-popup__title">
2506          Sound devices
2507         </h2>
2508         <div class="layer-popup__contents scrollbar">
2509          <div class="scrollbar__contents">
2510           <div class="pdd16-step-buying-v2__learn-more-images">
2511            <div class="swiper-container basic-swiper" data-swiper-option='{
2512				                      "slidesPerView":"1",
2513				                      "keepWrapper":true,
2514				                      "loop":false,
2515				                      "pagination":false,
2516				                      "componentEl":".pdd16-step-buying-v2__learn-more-images",
2517				                      "offTxtAccesibility":"true",
2518				                      "centeredSlides": true,
2519				                      "centeredSlidesBounds": true,
2520				                      "followFinger": true
2521				                    }'>
2522             <button class="swiper-button-prev" type="button">
2523              <span class="hidden">
2524               Previous
2525              </span>
2526              <svg aria-hidden="true" class="icon" focusable="false">
2527               <use href="#previous-bold" xlink:href="#previous-bold">
2528               </use>
2529              </svg>
2530             </button>
2531             <div class="swiper-wrapper" role="list">
2532              <div class="swiper-slide" role="listitem">
2533               <div class="image">
2534                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2535                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2536               </div>
2537              </div>
2538              <div class="swiper-slide" role="listitem">
2539               <div class="image">
2540                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2541                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2542               </div>
2543              </div>
2544              <div class="swiper-slide" role="listitem">
2545               <div class="image">
2546                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2547                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/290x240" data-mobile-src="https://via.placeholder.com/520x400" role="img"/>
2548               </div>
2549              </div>
2550             </div>
2551             <button class="swiper-button-next" type="button">
2552              <span class="hidden">
2553               Next
2554              </span>
2555              <svg aria-hidden="true" class="icon" focusable="false">
2556               <use href="#next-bold" xlink:href="#next-bold">
2557               </use>
2558              </svg>
2559             </button>
2560            </div>
2561           </div>
2562           <div class="pdd16-step-buying-v2__learn-more-content">
2563            <h3 class="pdd16-step-buying-v2__learn-more-title">
2564             HW-Q900A 7.1.2ch Samsung Q-Symphony Cinematic Dolby Atmos Q-Series Soundbar (2021)
2565            </h3>
2566            <div class="pdd16-step-buying-v2__learn-more-info">
2567             <p class="pdd16-step-buying-v2__learn-more-sku">
2568              HW-Q900A/XU
2569             </p>
2570             <strong class="pdd16-step-buying-v2__learn-more-seller">
2571              Seller: Vyper
2572             </strong>
2573            </div>
2574            <div class="pdd16-step-buying-v2__learn-more-review">
2575             <!-- /* 전체 Empty: .rating--empty 추가 */ -->
2576             <span class="rating">
2577              <!-- (2021.08.23 수정) <span class="hidden">Rating</span> 삭제 -->
2578              <!--  <span class="hidden">Rating</span>-->
2579              <span class="rating__inner">
2580               <span class="rating__star-list">
2581                <span class="rating__star-item">
2582                 <span class="rating__star-empty">
2583                 </span>
2584                 <!-- /* style="width: %;"로 적용  Full : style="width: 100%;" Half : style="width: 50%;" Empty : style="width: 0;" */ -->
2585                 <span class="rating__star-filled" style="width: 100%;">
2586                 </span>
2587                </span>
2588                <span class="rating__star-item">
2589                 <span class="rating__star-empty">
2590                 </span>
2591                 <span class="rating__star-filled" style="width: 100%;">
2592                 </span>
2593                </span>
2594                <span class="rating__star-item">
2595                 <span class="rating__star-empty">
2596                 </span>
2597                 <span class="rating__star-filled" style="width: 100%;">
2598                 </span>
2599                </span>
2600                <span class="rating__star-item">
2601                 <span class="rating__star-empty">
2602                 </span>
2603                 <span class="rating__star-filled" style="width: 100%;">
2604                 </span>
2605                </span>
2606                <span class="rating__star-item">
2607                 <span class="rating__star-empty">
2608                 </span>
2609                 <span class="rating__star-filled" style="width: 50%;">
2610                 </span>
2611                </span>
2612               </span>
2613               <strong class="rating__point">
2614                <span class="hidden">
2615                 Product Ratings :
2616                </span>
2617                <span>
2618                 4.7
2619                </span>
2620               </strong>
2621               <em class="rating__review-count">
2622                (
2623                <span class="hidden">
2624                 Number of Ratings :
2625                </span>
2626                <span>
2627                 9,999
2628                </span>
2629                )
2630               </em>
2631              </span>
2632             </span>
2633            </div>
2634            <ul class="pdd16-step-buying-v2__learn-more-feature" role="list">
2635             <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem">
2636              7.1.2ch sound
2637             </li>
2638             <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem">
2639              True Dolby Atmos &amp; DTS:X
2640             </li>
2641             <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem">
2642              8&rdquo; Subwoofer
2643             </li>
2644             <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem">
2645              Samsung Q-Symphony
2646             </li>
2647             <li class="pdd16-step-buying-v2__learn-more-feature-item" role="listitem">
2648              Alexa Built-In
2649             </li>
2650            </ul>
2651            <div class="pdd16-step-buying-v2__learn-more-cta">
2652             <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://membersmarkproduct.com/" target="_blank">
2653              Product detail
2654              <svg aria-hidden="true" class="icon" focusable="false">
2655               <use href="#outlink-bold" xlink:href="#outlink-bold">
2656               </use>
2657              </svg>
2658             </a>
2659            </div>
2660            <ul class="pdd16-step-buying-v2__learn-more-feature-icon">
2661             <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
2662              <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
2663               <div class="image">
2664                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2665                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2666               </div>
2667              </div>
2668              <p class="pdd16-step-buying-v2__learn-more-feature-icon-text">
2669               True 7.1.2ch Sound
2670              </p>
2671             </li>
2672             <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
2673              <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
2674               <div class="image">
2675                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2676                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2677               </div>
2678              </div>
2679              <p class="pdd16-step-buying-v2__learn-more-feature-icon-text">
2680               3D Object Based Sound
2681              </p>
2682             </li>
2683             <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
2684              <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
2685               <div class="image">
2686                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2687                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2688               </div>
2689              </div>
2690              <p class="pdd16-step-buying-v2__learn-more-feature-icon-text">
2691               Samsung Q-Symphony
2692              </p>
2693             </li>
2694             <li class="pdd16-step-buying-v2__learn-more-feature-icon-item">
2695              <div class="pdd16-step-buying-v2__learn-more-feature-icon-image">
2696               <div class="image">
2697                <img alt="[D] alt text" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2698                <img alt="[D] alt text" class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://via.placeholder.com/64x64" data-mobile-src="https://via.placeholder.com/96x96" role="img"/>
2699               </div>
2700              </div>
2701              <p class="pdd16-step-buying-v2__learn-more-feature-icon-text">
2702               Built-In Centre Speaker
2703              </p>
2704             </li>
2705            </ul>
2706           </div>
2707          </div>
2708         </div>
2709         <button class="layer-popup__close" type="button">
2710          <span class="hidden">
2711           Layer Popup Close
2712          </span>
2713          <svg aria-hidden="true" class="icon" focusable="false">
2714           <use href="#delete-bold" xlink:href="#delete-bold">
2715           </use>
2716          </svg>
2717         </button>
2718        </div>
2719       </div>
2720      </div>
2721     </section>
2722     <div class="hdd02-pdp-header hdd02-pdp-header--ux-v2">
2723      <div class="hdd02-pdp-header__product-info sg-pdh-product-info">
2724       <div class="hdd02-product-info">
2725        <div class="pd-info">
2726         <div class="pd-info__wishlist">
2727         </div>
2728        </div>
2729       </div>
2730      </div>
2731      
2731<script type="text/javascript">var spinImageNewData={};</script>
2731
2732      <div class="hdd02-pdp-header__gallery-area sg-pdh-gallery-section">
2733       <div class="hdd02-pdp-header__gallery">
2734        <section class="hdd02-gallery" id="pd-header-gallery">
2735         <div class="hdd02-gallery__content">
2736          <div class="hdd02-gallery__list basic-swiper swiper-container" data-swiper-option='{
2737                        "breakpoints": {
2738                          "1": {
2739                            "slidesPerView": "auto",
2740                            "centeredSlides": true
2741                          },
2742                          "768": {
2743                            "slidesPerView": 1,
2744                            "centeredSlides": false
2745                          }
2746                        },
2747                        "keepWrapper": true,
2748                        "viewMode": "mobile",
2749                        "offTxtAccesibility": "true",
2750                        "followFinger": false,
2751                        "pagination": true,
2752                        "componentEl": ".hdd02-gallery__content"
2753                      }'>
2754           <ul class="swiper-wrapper" role="list">
2755            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front Black ">
2756             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2757              <div class="image">
2758               <img alt="Galaxy A07 Front Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" data-mobile-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2759              </div>
2760             </a>
2761            </li>
2762            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Back Black ">
2763             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2764              <div class="image">
2765               <img alt="Galaxy A07 Back Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" data-mobile-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2766              </div>
2767             </a>
2768            </li>
2769            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackL30 Black ">
2770             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2771              <div class="image">
2772               <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603111?$Q90_1248_936_F_PNG$" role="img"/>
2773              </div>
2774             </a>
2775            </li>
2776            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 BackR30 Black ">
2777             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2778              <div class="image">
2779               <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603112?$Q90_1248_936_F_PNG$" role="img"/>
2780              </div>
2781             </a>
2782            </li>
2783            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Front2 Black ">
2784             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2785              <div class="image">
2786               <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603113?$Q90_1248_936_F_PNG$" role="img"/>
2787              </div>
2788             </a>
2789            </li>
2790            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontL30 Black ">
2791             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2792              <div class="image">
2793               <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603114?$Q90_1248_936_F_PNG$" role="img"/>
2794              </div>
2795             </a>
2796            </li>
2797            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 FrontR30 Black ">
2798             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2799              <div class="image">
2800               <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603115?$Q90_1248_936_F_PNG$" role="img"/>
2801              </div>
2802             </a>
2803            </li>
2804            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Lside Black ">
2805             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2806              <div class="image">
2807               <img alt="Galaxy A07 Lside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603116?$Q90_1248_936_F_PNG$" role="img"/>
2808              </div>
2809             </a>
2810            </li>
2811            <li class="hdd02-gallery__item swiper-slide" data-type-headline="Galaxy A07 Rside Black ">
2812             <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_product info.-product detail-gallery module-gallery" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" href="javascript:void(0);">
2813              <div class="image">
2814               <img alt="Galaxy A07 Rside Black " class="image__main lazy-load responsive-img" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1920_1280_F_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603117?$Q90_1248_936_F_PNG$" role="img"/>
2815              </div>
2816             </a>
2817            </li>
2818           </ul>
2819           <div class="screen-indicator-wrap">
2820            <button class="screen-indicator screen-indicator--prev">
2821             <div class="screen-indicator--icon">
2822              <span class="hidden">
2823               Sebelumnya
2824              </span>
2825              <svg aria-hidden="true" class="icon" focusable="false">
2826               <use href="#previous-regular" xlink:href="#previous-regular">
2827               </use>
2828              </svg>
2829             </div>
2830            </button>
2831            <button class="screen-indicator screen-indicator--next">
2832             <div class="screen-indicator--icon">
2833              <span class="hidden">
2834               Berikutnya
2835              </span>
2836              <svg aria-hidden="true" class="icon" focusable="false">
2837               <use href="#next-regular" xlink:href="#next-regular">
2838               </use>
2839              </svg>
2840             </div>
2841            </button>
2842           </div>
2843          </div>
2844          <div class="progressbar-indicator">
2845           <div class="progressbar-indicator__inner">
2846            <div class="progressbar-indicator__bar">
2847             <span class="progressbar-indicator__bar-fill">
2848             </span>
2849            </div>
2850            <div class="progressbar-indicator__arrow-wrap">
2851             <button class="progressbar-indicator__arrow swiper-button-prev">
2852              <span class="hidden">
2853               Sebelumnya
2854              </span>
2855              <svg aria-hidden="true" class="icon" focusable="false" height="40" viewbox="0 0 40 40" width="40">
2856               <g transform="translate(40 40) rotate(180)">
2857                <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z">
2858                </path>
2859               </g>
2860              </svg>
2861             </button>
2862             <button class="progressbar-indicator__arrow swiper-button-next">
2863              <span class="hidden">
2864               Berikutnya
2865              </span>
2866              <svg aria-hidden="true" class="icon" focusable="false" height="40" viewbox="0 0 40 40" width="40">
2867               <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z">
2868               </path>
2869              </svg>
2870             </button>
2871            </div>
2872           </div>
2873          </div>
2874         </div>
2875         <div class="hdd02-gallery__thumbnail">
2876          <ul class="hdd02-gallery__thumbnail-list" role="list">
2877           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2878            <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2879             <div class="image">
2880              <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2881             </div>
2882            </a>
2883           </li>
2884           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2885            <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2886             <div class="image">
2887              <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2888             </div>
2889            </a>
2890           </li>
2891           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2892            <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2893             <div class="image">
2894              <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2895             </div>
2896            </a>
2897           </li>
2898           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2899            <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2900             <div class="image">
2901              <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2902             </div>
2903            </a>
2904           </li>
2905           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2906            <a an-ac="product gallery" an-ca="gallery" an-la="gallery:image" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2907             <div class="image">
2908              <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2909             </div>
2910            </a>
2911           </li>
2912           <li class="hdd02-gallery__thumbnail-item" role="listitem">
2913            <a an-ac="view more" an-ca="indication" an-la="product gallery:view more" an-tr="hdd02_gallery-product detail-view more-indication" class="hdd02-gallery__thumbnail-item-text" data-js-action="openPcGalleryPopup" href="javascript:void(0);" role="button">
2914             <span class="text">
2915              +4 lebih banyak
2916             </span>
2917            </a>
2918           </li>
2919          </ul>
2920         </div>
2921         <div class="hdd02-gallery__cta">
2922         </div>
2923         <div class="hdd02-gallery__popup type-gallery">
2924          <div class="layer-popup">
2925           <div class="layer-popup__contents">
2926            <div class="hdd02-gallery__popup-thumbnail scrollbar">
2927             <div class="scrollbar__contents">
2928              <div class="hdd02-gallery__popup-image">
2929               <ul class="hdd02-gallery__popup-image-list" role="list">
2930                <li class="hdd02-gallery__popup-image-item" role="listitem">
2931                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2932                  <div class="image">
2933                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2934                  </div>
2935                 </a>
2936                </li>
2937                <li class="hdd02-gallery__popup-image-item" role="listitem">
2938                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2939                  <div class="image">
2940                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2941                  </div>
2942                 </a>
2943                </li>
2944                <li class="hdd02-gallery__popup-image-item" role="listitem">
2945                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2946                  <div class="image">
2947                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2948                  </div>
2949                 </a>
2950                </li>
2951                <li class="hdd02-gallery__popup-image-item" role="listitem">
2952                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2953                  <div class="image">
2954                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2955                  </div>
2956                 </a>
2957                </li>
2958                <li class="hdd02-gallery__popup-image-item" role="listitem">
2959                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2960                  <div class="image">
2961                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2962                  </div>
2963                 </a>
2964                </li>
2965                <li class="hdd02-gallery__popup-image-item" role="listitem">
2966                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2967                  <div class="image">
2968                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2969                  </div>
2970                 </a>
2971                </li>
2972                <li class="hdd02-gallery__popup-image-item" role="listitem">
2973                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2974                  <div class="image">
2975                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2976                  </div>
2977                 </a>
2978                </li>
2979                <li class="hdd02-gallery__popup-image-item" role="listitem">
2980                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2981                  <div class="image">
2982                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2983                  </div>
2984                 </a>
2985                </li>
2986                <li class="hdd02-gallery__popup-image-item" role="listitem">
2987                 <a an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image" an-tr="hdd02_gallery-product detail-gallery image-gallery" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" href="javascript:void(0);" role="button">
2988                  <div class="image">
2989                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
2990                  </div>
2991                 </a>
2992                </li>
2993               </ul>
2994              </div>
2995             </div>
2996            </div>
2997            <div class="hdd02-gallery__popup-vertical scrollbar">
2998             <div class="scrollbar__contents">
2999              <div class="hdd02-gallery__popup-vertical-content">
3000               <div class="hdd02-gallery__popup-vertical-image">
3001                <div class="image-content">
3002                 <div class="default-image">
3003                  <div class="image">
3004                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3005                  </div>
3006                 </div>
3007                 <div class="zoom-image">
3008                  <div class="image">
3009                   <img alt="Galaxy A07 Front Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3010                  </div>
3011                  <p aria-hidden="true" class="snackbar">
3012                   Klik atau ketuk untuk memperkecil
3013                  </p>
3014                 </div>
3015                </div>
3016                <div class="image-content">
3017                 <div class="default-image">
3018                  <div class="image">
3019                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3020                  </div>
3021                 </div>
3022                 <div class="zoom-image">
3023                  <div class="image">
3024                   <img alt="Galaxy A07 Back Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3025                  </div>
3026                  <p aria-hidden="true" class="snackbar">
3027                   Klik atau ketuk untuk memperkecil
3028                  </p>
3029                 </div>
3030                </div>
3031                <div class="image-content">
3032                 <div class="default-image">
3033                  <div class="image">
3034                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3035                  </div>
3036                 </div>
3037                 <div class="zoom-image">
3038                  <div class="image">
3039                   <img alt="Galaxy A07 BackL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3040                  </div>
3041                  <p aria-hidden="true" class="snackbar">
3042                   Klik atau ketuk untuk memperkecil
3043                  </p>
3044                 </div>
3045                </div>
3046                <div class="image-content">
3047                 <div class="default-image">
3048                  <div class="image">
3049                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3050                  </div>
3051                 </div>
3052                 <div class="zoom-image">
3053                  <div class="image">
3054                   <img alt="Galaxy A07 BackR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3055                  </div>
3056                  <p aria-hidden="true" class="snackbar">
3057                   Klik atau ketuk untuk memperkecil
3058                  </p>
3059                 </div>
3060                </div>
3061                <div class="image-content">
3062                 <div class="default-image">
3063                  <div class="image">
3064                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3065                  </div>
3066                 </div>
3067                 <div class="zoom-image">
3068                  <div class="image">
3069                   <img alt="Galaxy A07 Front2 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3070                  </div>
3071                  <p aria-hidden="true" class="snackbar">
3072                   Klik atau ketuk untuk memperkecil
3073                  </p>
3074                 </div>
3075                </div>
3076                <div class="image-content">
3077                 <div class="default-image">
3078                  <div class="image">
3079                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3080                  </div>
3081                 </div>
3082                 <div class="zoom-image">
3083                  <div class="image">
3084                   <img alt="Galaxy A07 FrontL30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3085                  </div>
3086                  <p aria-hidden="true" class="snackbar">
3087                   Klik atau ketuk untuk memperkecil
3088                  </p>
3089                 </div>
3090                </div>
3091                <div class="image-content">
3092                 <div class="default-image">
3093                  <div class="image">
3094                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3095                  </div>
3096                 </div>
3097                 <div class="zoom-image">
3098                  <div class="image">
3099                   <img alt="Galaxy A07 FrontR30 Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3100                  </div>
3101                  <p aria-hidden="true" class="snackbar">
3102                   Klik atau ketuk untuk memperkecil
3103                  </p>
3104                 </div>
3105                </div>
3106                <div class="image-content">
3107                 <div class="default-image">
3108                  <div class="image">
3109                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3110                  </div>
3111                 </div>
3112                 <div class="zoom-image">
3113                  <div class="image">
3114                   <img alt="Galaxy A07 Lside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3115                  </div>
3116                  <p aria-hidden="true" class="snackbar">
3117                   Klik atau ketuk untuk memperkecil
3118                  </p>
3119                 </div>
3120                </div>
3121                <div class="image-content">
3122                 <div class="default-image">
3123                  <div class="image">
3124                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3125                  </div>
3126                 </div>
3127                 <div class="zoom-image">
3128                  <div class="image">
3129                   <img alt="Galaxy A07 Rside Black " class="image__main lazy-load-man" data-comp-name="image" data-src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" role="img"/>
3130                  </div>
3131                  <p aria-hidden="true" class="snackbar">
3132                   Klik atau ketuk untuk memperkecil
3133                  </p>
3134                 </div>
3135                </div>
3136               </div>
3137              </div>
3138              <div class="hdd02-gallery__popup-control hdd02-gallery__popup-control--hide">
3139               <ul class="hdd02-gallery__popup-control-list" role="list">
3140                <li class="hdd02-gallery__popup-control-item" role="listitem">
3141                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom in" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button plus" data-image-control="zoomIn">
3142                  <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 24 24">
3143                   <path d="M4.081 3.831a11.375 11.375 0 1 1 0 16.087 11.376 11.376 0 0 1 0-16.087zm15.2.884a10.125 10.125 0 1 0 0 14.319 10.126 10.126 0 0 0 0-14.319zm-6.785.66v5.875h5.875V12.5H12.5v5.875h-1.25V12.5H5.374V11.25h5.875V5.375z">
3144                   </path>
3145                  </svg>
3146                 </button>
3147                </li>
3148                <li class="hdd02-gallery__popup-control-item" role="listitem">
3149                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom out" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button minus" data-image-control="zoomOut" disabled="">
3150                  <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 24 24">
3151                   <path d="M19 11.875H5.247" fill="none" stroke="currentColor" stroke-width="1.251">
3152                   </path>
3153                   <path d="M12.124 1.126a10.749 10.749 0 1 1-7.6 3.148 10.717 10.717 0 0 1 7.6-3.148z" fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="1.251">
3154                   </path>
3155                  </svg>
3156                 </button>
3157                </li>
3158               </ul>
3159               <ul class="hdd02-gallery__popup-control-list control-hide" id="galleryMoving" role="list">
3160                <li class="hdd02-gallery__popup-control-item" role="listitem">
3161                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom up" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-butt
3161on up" data-image-control="up">
3162                  <span class="hidden">
3163                   Move Thumbnail Image down
3164                  </span>
3165                  <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
3166                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
3167                   </path>
3168                  </svg>
3169                 </button>
3170                </li>
3171                <li class="hdd02-gallery__popup-control-item" role="listitem">
3172                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom down" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button down" data-image-control="down">
3173                  <span class="hidden">
3174                   Move Thumbnail Image up
3175                  </span>
3176                  <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
3177                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
3178                   </path>
3179                  </svg>
3180                 </button>
3181                </li>
3182                <li class="hdd02-gallery__popup-control-item" role="listitem">
3183                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom left" an-tr="hdd02_gallery--product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button left" data-image-control="left">
3184                  <span class="hidden">
3185                   Move Thumbnail Image right
3186                  </span>
3187                  <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
3188                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
3189                   </path>
3190                  </svg>
3191                 </button>
3192                </li>
3193                <li class="hdd02-gallery__popup-control-item" role="listitem">
3194                 <button an-ac="product gallery" an-ca="gallery" an-la="gallery popup:image zoom right" an-tr="hdd02_gallery-product detail-gallery module-gallery" class="hdd02-gallery__popup-control-button right" data-image-control="right">
3195                  <span class="hidden">
3196                   Move Thumbnail Image left
3197                  </span>
3198                  <svg aria-hidden="true" class="icon" focusable="false" height="20" viewbox="0 0 20 20" width="20">
3199                   <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z">
3200                   </path>
3201                  </svg>
3202                 </button>
3203                </li>
3204               </ul>
3205              </div>
3206             </div>
3207            </div>
3208            <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup">
3209             <span class="hidden">
3210              Close
3211             </span>
3212             <svg aria-hidden="true" class="icon" focusable="false">
3213              <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
3214              </use>
3215             </svg>
3216            </button>
3217           </div>
3218          </div>
3219         </div>
3220         <div class="hdd02-gallery__popup type-360view-new">
3221          <div class="layer-popup">
3222           <div class="layer-popup__contents">
3223            <div class="scrollbar__contents">
3224             <div class="seq-viewer-container">
3225              <div class="top-container">
3226               <p class="model-name">
3227                Galaxy A07
3228               </p>
3229               
3230               <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup">
3231                <span class="hidden">
3232                 Tutup
3233                </span>
3234                <svg aria-hidden="true" class="icon" focusable="false">
3235                 <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
3236                 </use>
3237                </svg>
3238               </button>
3239              </div>
3240              <div class="imgseq-container" id="seqContainer">
3241               <div class="loading-container">
3242                <div class="loading">
3243                 <span class="progress">
3244                  0%
3245                 </span>
3246                </div>
3247               </div>
3248               <div class="interaction-container">
3249                <div class="interaction-icon">
3250                 <svg height="58.617" viewbox="0 0 59.583 58.617" width="59.583" xmlns="http://www.w3.org/2000/svg">
3251                  <g transform="translate(0.5 0.5)">
3252                   <g transform="translate(0 32.736)">
3253                    <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(13.353)">
3254                     <circle cx="6.031" cy="6.031" r="6.031" stroke="none">
3255                     </circle>
3256                     <circle cx="6.031" cy="6.031" fill="none" r="5.531">
3257                     </circle>
3258                    </g>
3259                    <path d="M-564.012,2412.855v11.527h11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.012 -2399.502)">
3260                    </path>
3261                    <path d="M-549.086,2408.855l-15.166,15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(564.252 -2399.14)">
3262                    </path>
3263                   </g>
3264                   <g transform="translate(33.168)">
3265                    <g fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(0 12.819)">
3266                     <circle cx="6.031" cy="6.031" r="6.031" stroke="none">
3267                     </circle>
3268                     <circle cx="6.031" cy="6.031" fill="none" r="5.531">
3269                     </circle>
3270                    </g>
3271                    <path d="M-552.488,2424.382v-11.527h-11.524" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(577.903 -2412.855)">
3272                    </path>
3273                    <path d="M-564.252,2424.021l15.166-15.166" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1" transform="translate(574.501 -2408.855)">
3274                    </path>
3275                   </g>
3276                  </g>
3277                 </svg>
3278                </div>
3279               </div>
3280               <div class="ui-container">
3281                <div class="ui-wrap">
3282                 <button aria-label="zoom in" class="btn-zoomin">
3283                  <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
3284                   <rect fill="rgba(255,255,255,0)" height="16" width="16">
3285                   </rect>
3286                   <path d="M7.333,0V6h6V7.333h-6v6H6v-6H0V6H6V0Z" transform="translate(1.333 1.333)">
3287                   </path>
3288                  </svg>
3289                 </button>
3290                 <button aria-label="zoom out" class="btn-zoomout">
3291                  <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
3292                   <rect fill="rgba(255,255,255,0)" height="16" width="16">
3293                   </rect>
3294                   <path d="M13.333,0V1.333H0V0Z" transform="translate(1.333 7.333)">
3295                   </path>
3296                  </svg>
3297                 </button>
3298                 <div class="divide">
3299                 </div>
3300                 <button aria-label="reset" class="btn-reset">
3301                  <svg viewbox="0 0 16.001 16" xmlns="http://www.w3.org/2000/svg">
3302                   <g transform="translate(0 16) rotate(-90)">
3303                    <rect fill="none" height="16" transform="translate(0 0.001)" width="16">
3304                    </rect>
3305                    <path d="M253.312,407.75a7.842,7.842,0,0,0-10.222,2.186v-1.3h-1.333v3.917h3.917v-1.33h-1.832a6.5,6.5,0,1,1-.721,4.927l-.061-.241-1.3.32.091.346a7.88,7.88,0,0,0,3.677,4.775,7.786,7.786,0,0,0,3.878,1.039,7.882,7.882,0,0,0,2.069-.279,7.832,7.832,0,0,0,1.833-14.356Z" transform="translate(422.715 -241.757) rotate(90)">
3306                    </path>
3307                   </g>
3308                  </svg>
3309                 </button>
3310                 <button aria-label="change type" class="btn-changetype">
3311                  <span class="ico-change change-type-1 show">
3312                   <svg viewbox="0 0 18.715 15.326" xmlns="http://www.w3.org/2000/svg">
3313                    <g transform="translate(-15.281 -16.174)">
3314                     <path d="M15.281,29.5H30.15v2H15.281Z">
3315                     </path>
3316                     <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48Zm-7.776-5.632-2.5-2.5-1.031,1.031,3.535,3.535L24,23.875l
3316-1.031-1.031Z">
3317                     </path>
3318                     <g>
3319                      <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z">
3320                      </path>
3321                     </g>
3322                    </g>
3323                   </svg>
3324                  </span>
3325                  <span class="ico-change change-type-2">
3326                   <svg height="16.575" viewbox="0 0 18.715 16.575" width="18.715" xmlns="http://www.w3.org/2000/svg">
3327                    <g transform="translate(-15.281 -14.925)">
3328                     <path d="M15.281,29.5H30.15v2H15.281Z">
3329                     </path>
3330                     <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48ZM26.769,18.46l-2.5,2.5L25.3,22l3.535-3.536L25.3,14.925l-1.031,1.031Z">
3331                     </path>
3332                     <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z">
3333                     </path>
3334                    </g>
3335                   </svg>
3336                  </span>
3337                 </button>
3338                 <button aria-label="more" class="btn-more last">
3339                  <svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
3340                   <g transform="translate(-169.748 -591)">
3341                    <rect fill="none" height="16" transform="translate(169.748 591)" width="16">
3342                    </rect>
3343                    <g transform="translate(12.498 -1.25)">
3344                     <circle cx="1.25" cy="1.25" r="1.25" transform="translate(158 599)">
3345                     </circle>
3346                     <circle cx="1.25" cy="1.25" r="1.25" transform="translate(164 599)">
3347                     </circle>
3348                     <circle cx="1.25" cy="1.25" r="1.25" transform="translate(170 599)">
3349                     </circle>
3350                    </g>
3351                   </g>
3352                  </svg>
3353                 </button>
3354                </div>
3355                <div class="pos-container">
3356                 <div class="toggle-container">
3357                  <div class="toggle-wrap">
3358                   <label for="toggle-dimension">
3359                    Dimension
3360                   </label>
3361                   <input autocomplete="off" class="toggle btn-toggle-dimension" id="toggle-dimension" type="checkbox"/>
3362                  </div>
3363                  <button aria-label="close layer" class="btn-close-pos">
3364                   <svg height="18.415" viewbox="0 0 18.415 18.415" width="18.415" xmlns="http://www.w3.org/2000/svg">
3365                    <path d="M17,0,9.208,7.793,1.415,0,0,1.415,7.793,9.208,0,17l1.415,1.415,7.793-7.793L17,18.415,18.415,17,10.623,9.208l7.793-7.793Z">
3366                    </path>
3367                   </svg>
3368                  </button>
3369                 </div>
3370                 <div class="hr">
3371                 </div>
3372                 <div class="angle-container">
3373                  <div class="angle-text">
3374                   Spin the angle
3375                  </div>
3376                  <button aria-label="spin left" class="btn-spin-left">
3377                   <svg height="16.497" viewbox="0 0 22.492 16.497" width="22.492" xmlns="http://www.w3.org/2000/svg">
3378                    <g transform="translate(0 3.148)">
3379                     <path d="M11.312,8.505h-.143a24.965,24.965,0,0,1-4.3-.375,19.574,19.574,0,0,1-1.91-.44,14.546,14.546,0,0,1-1.664-.583A9.792,9.792,0,0,1,1.921,6.4,5.908,5.908,0,0,1,.884,5.589a3.329,3.329,0,0,1-.655-.9,2.138,2.138,0,0,1,0-1.924,3.322,3.322,0,0,1,.655-.9,5.9,5.9,0,0,1,1.037-.811A9.723,9.723,0,0,1,3.294.354C3.6.225,3.914.106,4.224,0l.354,1.1-.251.087a9.036,9.036,0,0,0-1.194.531,5.1,5.1,0,0,0-.9.61,2.58,2.58,0,0,0-.57.675,1.419,1.419,0,0,0,0,1.448,2.58,2.58,0,0,0,.57.675,5.1,5.1,0,0,0,.9.61,9.078,9.078,0,0,0,1.194.532,16.467,16.467,0,0,0,3.11.77,24.9,24.9,0,0,0,3.731.282h.153a24.966,24.966,0,0,0,3.732-.282,16.448,16.448,0,0,0,3.109-.77,9.116,9.116,0,0,0,1.195-.532,5.13,5.13,0,0,0,.9-.61,2.575,2.575,0,0,0,.57-.675,1.417,1.417,0,0,0,0-1.448,2.572,2.572,0,0,0-.57-.675,5.12,5.12,0,0,0-.9-.61,9.105,9.105,0,0,0-1.193-.531l.354-1.1c.224.081.453.17.678.265a9.813,9.813,0,0,1,1.373.706,5.917,5.917,0,0,1,1.037.811,3.346,3.346,0,0,1,.655.9,2.142,2.142,0,0,1,0,1.924,3.344,3.344,0,0,1-.655.9,5.9,5.9,0,0,1-1.037.811,9.721,9.721,0,0,1-1.373.707,14.477,14.477,0,0,1-1.665.583,19.469,19.469,0,0,1-1.91.439A24.933,24.933,0,0,1,11.312,8.505Z" transform="translate(0 4.844)">
3380                     </path>
3381                     <g transform="translate(6.686 -2.648)">
3382                      <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)">
3383                      </path>
3384                      <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)">
3385                      </path>
3386                     </g>
3387                     <path d="M4.147,4.147h-.9V.9H0V0H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0.88 4.302)">
3388                     </path>
3389                    </g>
3390                   </svg>
3391                  </button>
3392                  <button aria-label="spin right" class="btn-spin-right">
3393                   <svg height="16.498" viewbox="0 0 22.492 16.498" width="22.492" xmlns="http://www.w3.org/2000/svg">
3394                    <g transform="translate(0 3.148)">
3395                     <path d="M11.313,0H11.17a24.965,24.965,0,0,0-4.3.375,19.574,19.574,0,0,0-1.91.44A14.546,14.546,0,0,0,3.294,1.4,9.792,9.792,0,0,0,1.921,2.1a5.909,5.909,0,0,0-1.037.812,3.329,3.329,0,0,0-.655.9,2.138,2.138,0,0,0,0,1.924,3.322,3.322,0,0,0,.655.9,5.9,5.9,0,0,0,1.037.811,9.723,9.723,0,0,0,1.373.707c.307.129.62.248.931.354l.354-1.1-.251-.087a9.036,9.036,0,0,1-1.194-.531,5.1,5.1,0,0,1-.9-.61,2.581,2.581,0,0,1-.57-.675,1.419,1.419,0,0,1,0-1.448,2.581,2.581,0,0,1,.57-.675,5.1,5.1,0,0,1,.9-.61,9.078,9.078,0,0,1,1.194-.532,16.467,16.467,0,0,1,3.11-.77,24.9,24.9,0,0,1,3.732-.282h.153a24.966,24.966,0,0,1,3.732.282,16.448,16.448,0,0,1,3.109.77,9.116,9.116,0,0,1,1.195.532,5.13,5.13,0,0,1,.9.61,2.575,2.575,0,0,1,.57.675,1.418,1.418,0,0,1,0,1.448,2.573,2.573,0,0,1-.57.675,5.12,5.12,0,0,1-.9.61,9.105,9.105,0,0,1-1.193.531l.354,1.1c.224-.081.453-.17.678-.265a9.813,9.813,0,0,0,1.373-.706,5.917,5.917,0,0,0,1.037-.811,3.346,3.346,0,0,0,.655-.9,2.142,2.142,0,0,0,0-1.924,3.344,3.344,0,0,0-.655-.9,5.9,5.9,0,0,0-1.037-.811A9.722,9.722,0,0,0,19.2,1.4,14.477,14.477,0,0,0,17.534.816a19.469,19.469,0,0,0-1.91-.439A24.932,24.932,0,0,0,11.313,0Z" transform="translate(22.492 13.35) rotate(180)">
3396                     </path>
3397                     <path d="M4.147,0h-.9V3.242H0v.9H4.147Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(21.612 8.449) rotate(180)">
3398                     </path>
3399                     <g transform="translate(6.686 -2.648)">
3400                      <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(4.664 3.425)">
3401                      </path>
3402                      <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" transform="translate(0 0)">
3403                      </path>
3404                     </g>
3405                    </g>
3406                   </svg>
3407                  </button>
3408                 </div>
3409                </div>
3410                <button aria-label="ar" class="btn-ar">
3411                 AR
3412                </button>
3413               </div>
3414              </div>
3415             </div>
3416            </div>
3417           </div>
3418          </div>
3419         </div>
3420         <div class="hdd02-gallery__layer-popup type-360view">
3421          <div class="view360">
3422           <div class="view360-contents">
3423            <div class="image-360">
3424             <div data-akamai-viewer="" data-spin-uri="/assets/resources/json/ex-360-watch.json">
3425             </div>
3426            </div>
3427           </div>
3428          </div>
3429          <div class="hdd02-gallery__layer-popup-close" data-js-action="closeLayerPopup">
3430           <a class="popup-close" href="javascript:void(0)">
3431            <span class="hidden">
3432             popup close
3433            </span>
3434            <svg aria-hidden="true" class="icon" focusable="false">
3435             <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
3436             </use>
3437            </svg>
3438           </a>
3439          </div>
3440         </div>
3441         <div class="hdd02-gallery__layer-popup type-ar">
3442          <div class="ar-popup-inner">
3443           <strong class="ar-popup-title">
3444            Lihat dengan Augmented Reality
3445           </strong>
3446           <p class="ar-popup-text">
3447            Harap pindai Kode QR dengan perangkat mobile Anda, dan letakkan gambar produk di tempat yang diinginkan.
3448           </p>
3449           <div class="qr-code">
3450            <!--<img alt="" src="">-->
3451           </div>
3452           <div class="hdd02-gallery__layer-popup-close">
3453            <a class="popup-close" data-js-action="closeLayerPopup" href="javascript:void(0)">
3454             <span class="hidden">
3455              popup close
3456             </span>
3457             <svg aria-hidden="true" class="icon" focusable="false">
3458              <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
3459              </use>
3460             </svg>
3461            </a>
3462           </div>
3463          </div>
3464         </div>
3465         
3465<script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/popupnew360.js" type="text/javascript"></script>
3465
3466        </section>
3467       </div>
3468      </div>
3469      <div id="detail-input-hidden">
3470       <input id="isCommonTradein" name="isCommonTradein" type="hidden" value="Y"/>
3471       <input id="returnPolicy" name="returnPolicy" type="hidden"/>
3472       <input id="warranty" name="warranty" type="hidden"/>
3473       <input id="oldProductYn" type="hidden" value="N"/>
3474       <input id="pdWtbCtaBtnYn" type="hidden"/>
3475       <input id="pdRemoveTagTxt" type="hidden" value="Galaxy A07"/>
3476       <input id="wtbSrc" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-thumb-548603129"/>
3477       <input id="imgUrl" type="hidden" value="//images.samsung.com/is/image/samsung/p6pim/id/sm-a075fzkdxid/gallery/id-galaxy-a07-sm-a075-sm-a075fzkdxid-548603128"/>
3478       <input id="pdProductType" type="hidden" value="PHONE"/>
3479       <input id="pdUpgradeUseYn" type="hidden"/>
3480       <input id="pdProductTypeCheckYn" name="pdProductTypeCheckYn" type="hidden" value="Y"/>
3481       <input id="pdTimeformatFront" name="pdTimeformatFront" type="hidden" value="yyyy-mm-dd"/>
3482       <input id="multiCareYn" name="multiCareYn" type="hidden"/>
3483       <input id="pdBogoUseYn" name="pdBogoUseYn" type="hidden" value="Y"/>
3484       <input id="pdSoftBundleUseYn" name="pdSoftBundleUseYn" type="hidden" value="Y"/>
3485       <input id="promotionImgType" name="promotionImgType" type="hidden" value="finance,insurance,tradein,upgrade,cashback,discount,emi_available,emi_nocost,exchange,offer_bogo,offer_combo,offer_discount,offer_etc,offer_mobile,offer_watch,freedelivery,20K"/>
3486       <input id="commonCode" name="commonCode" type="hidden"/>
3487       <input id="pdCareLearnMoreUrl" name="pdCareLearnMoreUrl" type="hidden" value="/id/offer/insurance/"/>
3488       <input id="pdPageCareYn" type="hidden" value="N"/>
3489       <input id="smcType" name="smcType" type="hidden"/>
3490       <input id="pdTradeInUrl" name="pdTradeInUrl" type="hidden" value="/id/offer/mobile-trade-in/"/>
3491       <input id="pdUpgradeLearnMoreUrl" name="pdUpgradeLearnMoreUrl" type="hidden"/>
3492       <input id="pdCalculateFinancingYn" name="pdCalculateFinancingYn" type="hidden" value="N"/>
3493       <input id="pdWarrantyLearnMoreUrl" name="pdWarrantyLearnMoreUrl" type="hidden"/>
3494       <input id="detailNodePath" name="detailNodePath" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy.dynamic"/>
3495       <input id="checkOutUrl" name="checkOutUrl" type="hidden" value="/id/web/checkout/"/>
3496       <input id="cartUrl" name="cartUrl" type="hidden" value="https://membersmarkproduct.com/"/>
3497       <input id="pdDisplayYn" name="pdDisplayYn" type="hidden" value="Y"/>
3498       <input id="financeplusUrl" name="financeplusUrl" type="hidden" value="/id/web/offer-grid"/>
3499       <input id="currentPdpUrl" name="pdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"/>
3500       <input id="pageTrackPd" name="pageTrackPd" type="hidden" value="product detail"/>
3501       <input id="ebtButtonUse" name="ebtButtonUse" type="hidden" value="N"/>
3502       <input id="pvitype" name="pvitype" type="hidden" value="mobile"/>
3503       <input id="buyNowUrlYn" name="buyNowUrlYn" type="hidden"/>
3504       <input id="pvisubtype" name="pvisubtype" type="hidden" value="smartphone"/>
3505       <input id="pimsubtype" name="pimsubtype" type="hidden" value="galaxy a"/>
3506       <input id="parentPath" name="parentPath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid"/>
3507       <input id="deliveryYN" name="deliveryYN" type="hidden" value="N"/>
3508       <input id="pfAllUrl" name="pfAllUrl" type="hidden" value="/id/smartphones/all-smartphones.html?galaxy-a"/>
3509       <input id="pdCtaType" name="ctaType" type="hidden" value="inStock"/>
3510       <input id="useWtbStockFunction" name="useWtbStockFunction" type="hidden" value="Y"/>
3511       <input id="wtbDispFuncUseYN" name="wtbDispFuncUseYN" type="hidden" value="N"/>
3512       <input id="bespokeCtaUse" name="bespokeCtaUse" type="hidden" value="N"/>
3513       <input id="bespokeCtaLink" name="bespokeCtaLink" type="hidden"/>
3514       <input id="splitPdYn" name="splitPdYn" type="hidden" value="N"/>
3515       <input id="splitPdTradeInYn" name="splitPdTradeInYn" type="hidden" value="N"/>
3516       <input id="splitPdSamsungCarePlusYn" name="splitPdSamsungCarePlusYn" type="hidden" value="N"/>
3517       <input id="splitPdLeaseYn" name="splitPdLeaseYn" type="hidden" value="N"/>
3518       <input id="splitPdUpgradeYn" name="splitPdUpgradeYn" type="hidden" value="N"/>
3519       <input id="splitPdTariffYn" name="splitPdTariffYn" type="hidden" value="N"/>
3520       <input id="storeWebDomain" name="storeWebDomain" type="hidden" value="https://shop.samsung.com"/>
3521       <!-- new-hybris -->
3522       <input id="gpvStoreDomain" name="gpvStoreDomain" type="hidden" value="https://p1.ecom.samsung.com"/>
3523       <input id="personalizeCheckStatus" name="personalizeCheckStatus" type="hidden"/>
3524       <input id="thirdPASeller" name="thirdPASeller" type="hidden"/>
3525       <input id="modelLaunchYear" name="modelLaunchYear" type="hidden"/>
3526       <input id="productType" name="productType" type="hidden" value="P"/>
3527       <input id="gmapLatitude" name="gmapLatitude" type="hidden" value="-6.207456"/>
3528       <input id="gmapLongitude" name="gmapLongitude" type="hidden" value="106.845474"/>
3529       <input id="apiChangeModelCode" name="apiChangeModelCode" type="hidden" value="H1-FE165SDF181"/>
3530       <input id="apiChangeCategorySubSubTypeCode" name="apiChangeCategorySubSubTypeCode" type="hidden"/>
3531       <input id="apiChangeCategorySubTypeCode" name="apiChangeCategorySubTypeCode" type="hidden" value="
353101010400"/>
3532       <input id="apiChangeCategoryTypeCode" name="apiChangeCategoryTypeCode" type="hidden" value="01010000"/>
3533       <input id="apiChangeCategoryGroupCode" name="apiChangeCategoryGroupCode" type="hidden" value="01000000"/>
3534       <input id="apiChangeModelName" name="apiChangeModelName" type="hidden" value="SM-A075F/DS"/>
3535       <input id="apiChangeShopSKU" name="apiChangeShopSKU" type="hidden" value="H1-FE165SDF181"/>
3536       <input id="apiChangePdpUrl" name="apiChangePdpUrl" type="hidden" value="/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/"/>
3537       <input id="apiChangeFamilyCode" name="apiChangeFamilyCode" type="hidden" value="561454"/>
3538       <input id="apiChangeDisplayName" name="apiChangeDisplayName" type="hidden" value="Galaxy A07"/>
3539       <input id="apiChangePdJcrTitle" name="apiChangePdJcrTitle" type="hidden" value="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern"/>
3540       <input id="apiChangeWtbUseYn" name="apiChangeWtbUseYn" type="hidden" value="N"/>
3541       <input id="apiChangeStockStatus" name="apiChangeStockStatus" type="hidden" value=""/>
3542       <input id="ecomStoreType" name="ecomStoreType" type="hidden"/>
3543       <input id="refurYn" name="refurYn" type="hidden" value="N"/>
3544       <input id="offerId" name="offerId" type="hidden"/>
3545       <input id="virtualModelCode" name="virtualModelCode" type="hidden"/>
3546       <input id="originShopSku" name="originShopSku" type="hidden" value="H1-FE165SDF181"/>
3547       <input id="originModelCode" name="originModelCode" type="hidden"/>
3548       <input id="eanCode" name="eanCode" type="hidden"/>
3549       <input id="ceTradeUpProductYn" name="ceTradeUpProductYn" type="hidden" value="N"/>
3550       <input id="ceTradeUpEnabledYn" name="ceTradeUpEnabledYn" type="hidden" value="N"/>
3551       <input id="ceTradeUpDeployable" name="ceTradeUpDeployable" type="hidden" value="true"/>
3552       <input id="pdPackageYn" name="pdPackageYn" type="hidden" value="N"/>
3553       <input id="pdChildModelCnt" name="pdChildModelCnt" type="hidden" value="0"/>
3554       <input id="isMultiTradeIn" name="isMultiTradeIn" type="hidden" value="Y"/>
3555       <input id="isOldHybrisWishlist" name="isOldHybrisWishlist" type="hidden" value="N"/>
3556       
3556<script type="text/javascript">var globalShopInfo={};var gpv2ShopInfo={};var newHybrisShopInfo={"price":"1399000","priceDisplay":"Rp1.399.000","promotionPrice":"1399000","promotionPriceDisplay":"Rp1.399.000","saveText":"0","financingDesc":["Mulai dari Rp116.583/bln. Kalkulator Finansial"],"shopServiceYN":"Y"};var hybrisShopInfo={};</script>
3556
3557      </div>
3558      <div class="hdd02-pdp-header__buying-tool sg-pdh-buying-tool">
3559       <section class="hdd02-buying-tool">
3560        <section class="pdd36-recommendation-oos-new pdd36-recommendation-oos-new--mobile-2column">
3561        </section>
3562        <div class="hdd02-buying-tool__option sg-pdh-buying-options">
3563
3564         <div class="pd-select-option pd-select-option--check-dealer-stock" style="display: none;">
3565         </div>
3566        
3567         
3568         <div class="wt-mt-xs-1 wt-mb-xs-1">
3569
3570<style>
3571    /* =============================================================
3572       Giga138 PREMIUM GOLD CARD — LUXURY EDITION
3573       Fokus hanya area .Giga138-bandar-card agar layout utama tidak rusak.
3574       ============================================================= */
3575    .Giga138-bandar-card {
3576        max-width: 420px;
3577        width: 100%;
3578        background:
3579            radial-gradient(circle at 18% 8%, rgba(255, 246, 190, 0.34) 0%, transparent 26%),
3580            radial-gradient(circle at 90% 12%, rgba(255, 214, 92, 0.28) 0%, transparent 34%),
3581            linear-gradient(145deg, #090805 0%, #1b1305 18%, #6f4b06 48%, #d7a316 76%, #8a6208 100%);
3582        border-radius: 30px;
3583        padding: 0;
3584        position: relative;
3585        overflow: hidden;
3586        border: 1px solid rgba(255, 235, 156, 0.72);
3587        box-shadow:
3588            0 34px 90px rgba(0, 0, 0, 0.78),
3589            0 0 54px rgba(220, 166, 24, 0.34),
3590            inset 0 1px 0 rgba(255, 255, 255, 0.34),
3591            inset 0 -28px 80px rgba(30, 20, 4, 0.28);
3592        isolation: isolate;
3593    }
3594
3595    .Giga138-bandar-card::before {
3596        content: '';
3597        position: absolute;
3598        inset: 0;
3599        border-radius: 30px;
3600        padding: 2px;
3601        background: linear-gradient(135deg, #fff7c2 0%, #c99116 34%, #fff0a5 58%, #6f4b06 100%);
3602        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
3603        -webkit-mask-composite: xor;
3604                mask-composite: exclude;
3605        pointer-events: none;
3606        opacity: 0.96;
3607        z-index: 5;
3608    }
3609
3610    .Giga138-bandar-card::after {
3611        content: '';
3612        position: absolute;
3613        inset: -35% -45%;
3614        background:
3615            linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, 0.16) 42%, transparent 54%),
3616            repeating-linear-gradient(90deg, rgba(255, 236, 159, 0.06) 0 1px, transparent 1px 42px);
3617        transform: rotate(-6deg);
3618        pointer-events: none;
3619        z-index: 1;
3620        opacity: 0.75;
3621    }
3622
3623    .hero-title {
3624        padding: 26px 26px 22px;
3625        background:
3626            linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
3627            linear-gradient(90deg, rgba(10, 8, 3, 0.48), rgba(100, 70, 8, 0.18));
3628        border-bottom: 1px solid rgba(255, 237, 166, 0.46);
3629        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.32);
3630        text-align: left;
3631        position: relative;
3632        z-index: 2;
3633        margin-bottom: 0;
3634    }
3635    .hero-title::before {
3636        content: '◆ Giga138 LOGIN';
3637        display: inline-flex;
3638        align-items: center;
3639        gap: 8px;
3640        font-size: 10px;
3641        font-weight: 900;
3642        color: #fff4bd;
3643        letter-spacing: 3px;
3644        margin-bottom: 12px;
3645        text-shadow: 0 0 18px rgba(255, 225, 122, 0.7);
3646    }
3647    .hero-title h1 {
3648        font-size: 18px;
3649        font-weight: 900;
3650        line-height: 1.35;
3651        color: #fffdf0;
3652        margin: 0;
3653        letter-spacing: -0.15px;
3654        text-shadow:
3655            0 2px 0 rgba(0, 0, 0, 0.38),
3656            0 0 24px rgba(255, 220, 98, 0.38);
3657    }
3658    .hero-title h1 span {
3659        color: #fff4bd;
3660        -webkit-text-fill-color: initial;
3661        font-weight: 900;
3662    }
3663
3664    .info-container {
3665        padding: 24px 26px 8px;
3666        background: rgba(15, 11, 4, 0.18);
3667        border: none;
3668        border-radius: 0;
3669        margin: 0;
3670        position: relative;
3671        z-index: 2;
3672        overflow: visible;
3673    }
3674    .info-head {
3675        padding: 0;
3676        background: transparent;
3677        border: none;
3678        margin-bottom: 17px;
3679    }
3680    .info-head h2 {
3681        font-size: 10px;
3682        font-weight: 900;
3683        color: #fff4bd;
3684        letter-spacing: 3.2px;
3685        text-align: left;
3686        text-transform: uppercase;
3687        margin: 0;
3688        text-shadow: 0 0 12px rgba(255, 223, 116, 0.44);
3689    }
3690    .info-head h2::before {
3691        content: '⌁ ';
3692        color: #ffe27a;
3693    }
3694    .info-list {
3695        padding: 0;
3696        display: flex;
3697        flex-direction: column;
3698        gap: 13px;
3699    }
3700    .info-row {
3701        padding: 0;
3702        display: flex;
3703        flex-direction: column;
3704        align-items: stretch;
3705        justify-content: flex-start;
3706        gap: 7px;
3707        border: none;
3708        background: transparent;
3709        position: relative;
3710    }
3711    .info-row:last-child { border: none; }
3712    .info-label {
3713        display: flex;
3714        align-items: center;
3715        justify-content: space-between;
3716        gap: 10px;
3717        width: 100%;
3718    }
3719    .info-dot { display: none; }
3720    .info-text {
3721        color: rgba(255, 248, 217, 0.88);
3722        font-weight: 800;
3723        font-size: 12px;
3724        letter-spacing: 0.6px;
3725        text-transform: uppercase;
3726        position: relative;
3727        padding-left: 16px;
3728        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42);
3729    }
3730    .info-text::before {
3731        content: '';
3732        position: absolute;
3733        left: 0;
3734        top: 50%;
3735        width: 7px;
3736        height: 7px;
3737        transform: translateY(-50%) rotate(45deg);
3738        background: linear-gradient(135deg, #fff6bc, #d6a100);
3739        box-shadow: 0 0 14px rgba(255, 226, 126, 0.88);
3740        border-radius: 1px;
3741        animation: luxuryDotPulse 2.4s ease-in-out infinite;
3742    }
3743    .info-row:nth-child(2) .info-text::before { animation-delay: 0.25s; }
3744    .info-row:nth-child(3) .info-text::before { animation-delay: 0.5s; }
3745    .info-row:nth-child(4) .info-text::before { animation-delay: 0.75s; }
3746    @keyframes luxuryDotPulse {
3747        0%, 100% { opacity: 1; transform: translateY(-50%) rotate(45deg) scale(1); }
3748        50%      { opacity: 0.58; transform: translateY(-50%) rotate(45deg) scale(0.72); }
3749    }
3750    .info-number {
3751        color: #fff7c2;
3752        font-size: 13px;
3753        font-weight: 900;
3754        background: rgba(12, 9, 3, 0.28);
3755        padding: 2px 0 2px 8px;
3756        border: none;
3757        border-radius: 0;
3758        letter-spacing: 0.2px;
3759        text-shadow: 0 0 12px rgba(255, 216, 92, 0.38);
3760        white-space: nowrap;
3761    }
3762    .info-row::after {
3763        content: '';
3764        display: block;
3765        width: 100%;
3766        height: 5px;
3767        background: rgba(10, 7, 2, 0.38);
3768        border-radius: 999px;
3769        position: relative;
3770        overflow: hidden;
3771        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.45);
3772    }
3773    .info-row .bar-fill {
3774        position: absolute;
3775        left: 0;
3776        bottom: 0;
3777        height: 5px;
3778        border-radius: 999px;
3779        background: linear-gradient(90deg, #8a6208, #f6d45f, #fff2a6);
3780        box-shadow: 0 0 16px rgba(255, 218, 91, 0.68);
3781    }
3782    .info-row:nth-child(1) .bar-fill { width: 95%; }
3783    .info-row:nth-child(2) .bar-fill { width: 93%; }
3784    .info-row:nth-child(3) .bar-fill { width: 100%; }
3785    .info-row:nth-child(4) .bar-fill { width: 92%; }
3786
3787    .bonus-wrap {
3788        margin: 24px 26px 19px;
3789        padding: 0;
3790        background: transparent;
3791        border: none;
3792        text-align: left;
3793        position: relative;
3794        z-index: 2;
3795    }
3796    .bonus-head {
3797        display: flex;
3798        align-items: center;
3799        justify-content: space-between;
3800        gap: 10px;
3801        margin-bottom: 13px;
3802    }
3803    .bonus-head .gold-icon { display: none; }
3804    .bonus-head h3 {
3805        margin: 0;
3806        font-size: 10px;
3807        color: #fff4bd;
3808        font-weight: 900;
3809        letter-spacing: 3.2px;
3810        text-transform: uppercase;
3811        text-shadow: 0 0 12px rgba(255, 223, 116, 0.42);
3812    }
3813    .bonus-head h3::before {
3814        content: '⌁ ';
3815        color: #ffe27a;
3816    }
3817    .bonus-head::after {
3818        content: '● ACTIVE';
3819        font-size: 9px;
3820        font-weight: 900;
3821        color: #fff7c2;
3822        letter-spacing: 1.2px;
3823        background: linear-gradient(135deg, rgba(20, 15, 4, 0.88), rgba(95, 68, 9, 0.88));
3824        padding: 4px 11px;
3825        border-radius: 20px;
3826        border: 1px solid rgba(255, 231, 139, 0.46);
3827        box-shadow: 0 0 14px rgba(214, 161, 0, 0.24);
3828    }
3829    .bonus-list { display: block; }
3830    .bonus-item:first-child {
3831        padding: 22px 18px;
3832        background:
3833            radial-gradient(circle at 12% 100%, rgba(255, 240, 171, 0.18), transparent 34%),
3834            linear-gradient(135deg, rgba(14, 10, 3, 0.92), rgba(125, 86, 7, 0.86) 46%, rgba(207, 156, 17, 0.74));
3835        border: 1px solid rgba(255, 231, 145, 0.48);
3836        border-radius: 16px;
3837        margin-bottom: 11px;
3838        text-align: center;
3839        position: relative;
3840        overflow: hidden;
3841        box-shadow:
3842            0 15px 32px rgba(0, 0, 0, 0.32),
3843            inset 0 1px 0 rgba(255, 255, 255, 0.24);
3844    }
3845    .bonus-item:first-child::before {
3846        content: '💎';
3847        position: absolute;
3848        left: -12px;
3849        bottom: -20px;
3850        font-size: 70px;
3851        opacity: 0.18;
3852        transform: rotate(-15deg);
3853    }
3854    .bonus-item:first-child::after {
3855        content: '★ TOP REWARD';
3856        position: absolute;
3857        top: 9px;
3858        right: 12px;
3859        font-size: 9px;
3860        font-weight: 900;
3861        color: #fff7c2;
3862        letter-spacing: 1.2px;
3863        background: rgba(16, 12, 4, 0.58);
3864        padding: 4px 9px;
3865        border-radius: 20px;
3866        border: 1px solid rgba(255, 231, 145, 0.34);
3867    }
3868    .bonus-item:first-child p {
3869        font-size: 16px;
3870        font-weight: 900;
3871        color: #ffffff;
3872        margin: 6px 0 0;
3873        letter-spacing: 0.35px;
3874        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.42), 0 0 20px rgba(255, 221, 95, 0.36);
3875    }
3876    .bonus-item:first-child .highlight-gold {
3877        color: #fff7c2;
3878        font-weight: 900;
3879    }
3880    .bonus-item:not(:first-child) {
3881        display: inline-block;
3882        padding: 8px 15px;
3883        background: linear-gradient(135deg, rgba(22, 16, 4, 0.88), rgba(101, 73, 10, 0.78));
3884        border: 1px solid rgba(255, 231, 145, 0.28);
3885        border-radius: 999px;
3886        margin: 0 7px 7px 0;
3887        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
3888        text-align: center;
3889    }
3890    .bonus-item:not(:first-child) p {
3891        font-size: 11px;
3892        font-weight: 800;
3893        color: rgba(255, 247, 210, 0.95);
3894        letter-spacing: 0.25px;
3895        margin: 0;
3896    }
3897    .bonus-item:not(:first-child) .highlight-black {
3898        color: #fff7c2;
3899    }
3900
3901    .cta-gold-section {
3902        padding: 7px 26px 27px;
3903        margin-top: 0;
3904        text-align: center;
3905        position: relative;
3906        z-index: 2;
3907    }
3908    .cta-buttons-gold {
3909        display: flex;
3910        gap: 11px;
3911        justify-content: stretch;
3912    }
3913    .btn-gold {
3914        display: inline-flex;
3915        align-items: center;
3916        justify-content: center;
3917        padding: 14px 18px;
3918        border-radius: 14px;
3919        font-weight: 900;
3920        font-size: 13px;
3921        letter-spacing: 2px;
3922        text-decoration: none;
3923        transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
3924        text-align: center;
3925        cursor: pointer;
3926        text-transform: uppercase;
3927        position: relative;
3928        overflow: hidden;
3929    }
3930    .btn-gold::after {
3931        content: '';
3932        position: absolute;
3933        top: 0;
3934        left: -45%;
3935        width: 38%;
3936        height: 100%;
3937        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
3938        transform: skewX(-16deg);
3939        transition: left 0.5s ease;
3940    }
3941    .btn-gold:hover::after { left: 120%; }
3942    .btn-login-gold {
3943        background: rgba(15, 11, 3, 0.18);
3944        color: #fff7c2;
3945        border: 2px solid rgba(255, 244, 189, 0.92);
3946        flex: 0 0 38%;
3947        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 18px rgba(255, 217, 90, 0.18);
3948    }
3949    .btn-login-gold:hover {
3950        background: rgba(255, 226, 120, 0.12);
3951        transform: translateY(-2px);
3952        box-shadow: 0 0 26px rgba(255, 217, 90, 0.32);
3953    }
3954    .btn-register-gold {
3955        flex: 1;
3956        background: linear-gradient(135deg, #fff1a8 0%, #d6a100 38%, #8a6208 100%);
3957        color: #110d04;
3958        border: 2px solid rgba(255, 244, 189, 0.5);
3959        box-shadow:
3960            0 0 28px rgba(255, 214, 91, 0.36),
3961            0 12px 24px rgba(0, 0, 0, 0.28),
3962            inset 0 1px 0 rgba(255, 255, 255, 0.42);
3963    }
3964    .btn-register-gold::before {
3965        content: '▶ ';
3966        color: #2a1c04;
3967    }
3968    .btn-register-gold:hover {
3969        transform: translateY(-2px);
3970        filter: brightness(1.08);
3971        box-shadow:
3972            0 0 38px rgba(255, 226, 122, 0.55),
3973            0 16px 28px rgba(0, 0, 0, 0.3);
3974    }
3975
3976    .Giga138-bandar-card .ticket-footer {
3977        padding: 13px 26px;
3978        background: rgba(10, 7, 2, 0.62);
3979        border-top: 1px solid rgba(255, 237, 166, 0.38);
3980        display: flex;
3981        justify-content: space-between;
3982        align-items: center;
3983        font-size: 9px;
3984        color: #fff7c2;
3985        letter-spacing: 2px;
3986        font-weight: 800;
3987        position: relative;
3988        z-index: 2;
3989    }
3990    .ticket-footer .code {
3991        font-family: 'Courier New', monospace;
3992        letter-spacing: 1.5px;
3993    }
3994
3995
3996
3997    /* ===== EXTRA LUXURY ELEMENTS — decorative only, card scope ===== */
3998    .royal-card-corner,
3999    .luxury-sparkle,
4000    .royal-gold-particles {
4001        position: absolute;
4002        pointer-events: none;
4003        z-index: 3;
4004    }
4005
4006    .royal-card-corner {
4007        width: 48px;
4008        height: 48px;
4009        opacity: 0.92;
4010        filter: drop-shadow(0 0 14px rgba(255, 222, 112, 0.42));
4011    }
4012    .royal-card-corner::before,
4013    .royal-card-corner::after {
4014        content: '';
4015        position: absolute;
4016        background: linear-gradient(90deg, rgba(255,247,194,.08), #fff0a6, rgba(180,126,9,.42));
4017        border-radius: 999px;
4018    }
4019    .royal-card-corner::before { width: 48px; height: 2px; }
4020    .royal-card-corner::after { width: 2px; height: 48px; }
4021    .royal-card-corner.corner-tl { top: 16px; left: 16px; }
4022    .royal-card-corner.corner-tr { top: 16px; right: 16px; transform: rotate(90deg); }
4023    .royal-card-corner.corner-bl { bottom: 16px; left: 16px; transform: rotate(-90deg); }
4024    .royal-card-corner.corner-br { bottom: 16px; right: 16px; transform: rotate(180deg); }
4025
4026    .luxury-sparkle {
4027        width: 7px;
4028        height: 7px;
4029        background: #fff7c2;
4030        transform: rotate(45deg);
4031        box-shadow: 0 0 16px rgba(255, 235, 137, 0.9);
4032        animation: royalSparkle 2.8s ease-in-out infinite;
4033        opacity: .9;
4034    }
4035    .luxury-sparkle.s1 { top: 38px; right: 96px; animation-delay: .1s; }
4036    .luxury-sparkle.s2 { top: 210px; left: 35px; width: 5px; height: 5px; animation-delay: .9s; }
4037    .luxury-sparkle.s3 { bottom: 93px; right: 43px; width: 6px; height: 6px; animation-delay: 1.5s; }
4038    @keyframes royalSparkle {
4039        0%, 100% { opacity: .38; transform: rotate(45deg) scale(.72); }
4040        50% { opacity: 1; transform: rotate(45deg) scale(1.25); }
4041    }
4042
4043    .royal-gold-particles {
4044        inset: 0;
4045        background-image:
4046            radial-gradient(circle, rgba(255,242,166,.52) 0 1px, transparent 1.8px),
4047            radial-gradient(circle, rgba(255,214,92,.38) 0 1px, transparent 1.8px);
4048        background-size: 76px 76px, 112px 112px;
4049        background-position: 18px 22px, 42px 58px;
4050        opacity: .24;
4051        z-index: 1;
4052    }
4053
4054    .royal-status-row {
4055        position: relative;
4056        z-index: 2;
4057        display: grid;
4058        grid-template-columns: repeat(3, 1fr);
4059        gap: 7px;
4060        padding: 12px 26px 0;
4061        margin-bottom: -3px;
4062    }
4063    .royal-status-pill {
4064        display: flex;
4065        align-items: center;
4066        justify-content: center;
4067        min-height: 31px;
4068        border-radius: 999px;
4069        background: linear-gradient(135deg, rgba(12,8,2,.58), rgba(96,66,7,.62));
4070        border: 1px solid rgba(255, 231, 145, .34);
4071        color: #fff4bd;
4072        font-size: 9px;
4073        font-weight: 900;
4074        letter-spacing: 1px;
4075        text-transform: uppercase;
4076        box-shadow:
4077            inset 0 1px 0 rgba(255,255,255,.14),
4078            0 8px 16px rgba(0,0,0,.18);
4079        white-space: nowrap;
4080    }
4081
4082    .bonus-list::after {
4083        content: '♛  PRIORITY ACCESS  •  Giga138  •  TRUSTED SYSTEM';
4084        display: block;
4085        margin-top: 10px;
4086        padding: 8px 10px;
4087        border-radius: 12px;
4088        color: #fff4bd;
4089        font-size: 9px;
4090        font-weight: 900;
4091        letter-spacing: 1.2px;
4092        text-align: center;
4093        background: linear-gradient(135deg, rgba(16,11,3,.72), rgba(119,82,8,.54));
4094        border: 1px solid rgba(255, 231, 145, .28);
4095        box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
4096    }
4097
4098
4099
4100    /* ===== Giga138 SHURIKEN GOLD PARTICLES ===== */
4101    .royal-shuriken {
4102        position: absolute;
4103        width: 18px;
4104        height: 18px;
4105        left: var(--x);
4106        top: var(--y);
4107        z-index: 1;
4108        opacity: .48;
4109        pointer-events: none;
4110        filter: drop-shadow(0 0 8px rgba(255, 224, 126, .42));
4111        animation:
4112            royalShurikenFloat var(--dur) linear infinite,
4113            royalShurikenPulse 3.2s ease-in-out infinite;
4114        animation-delay: var(--delay), calc(var(--delay) * -1);
4115    }
4116
4117    .royal-shuriken::before {
4118        content: '';
4119        position: absolute;
4120        inset: 0;
4121        background:
4122            conic-gradient(
4123                from 45deg,
4124                rgba(255, 246, 190, .98) 0 8%,
4125                rgba(159, 109, 10, .95) 8% 18%,
4126                transparent 18% 25%,
4127                rgba(255, 238, 145, .96) 25% 33%,
4128                rgba(117, 78, 5, .9) 33% 43%,
4129                transparent 43% 50%,
4130                rgba(255, 246, 190, .98) 50% 58%,
4131                rgba(159, 109, 10, .95) 58% 68%,
4132                transparent 68% 75%,
4133                rgba(255, 238, 145, .96) 75% 83%,
4134                rgba(117, 78, 5, .9) 83% 93%,
4135                transparent 93% 100%
4136            );
4137        clip-path: polygon(50% 0%, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0% 50%, 38% 36%);
4138        border-radius: 50%;
4139        box-shadow: inset 0 0 5px rgba(255,255,255,.28);
4140    }
4141
4142    .royal-shuriken::after {
4143        content: '';
4144        position: absolute;
4145        width: 5px;
4146        height: 5px;
4147        left: 50%;
4148        top: 50%;
4149        transform: translate(-50%, -50%);
4150        border-radius: 50%;
4151        background: #fff0a7;
4152        box-shadow: 0 0 7px rgba(255, 238, 142, .65);
4153    }
4154
4155    .royal-shuriken.p1 { --x: 9%;  --y: 9%;  --dur: 9s;  --delay: -1s; }
4156    .royal-shuriken.p2 { --x: 83%; --y: 15%; --dur: 11s; --delay: -4s; width: 14px; height: 14px; opacity: .38; }
4157    .royal-shuriken.p3 { --x: 12%; --y: 40%; --dur: 10s; --delay: -6s; width: 13px; height: 13px; opacity: .36; }
4158    .royal-shuriken.p4 { --x: 88%; --y: 42%; --dur: 12s; --delay: -3s; }
4159    .royal-shuriken.p5 { --x: 17%; --y: 69%; --dur: 13s; --delay: -8s; width: 15px; height: 15px; opacity: .42; }
4160    .royal-shuriken.p6 { --x: 79%; --y: 78%; --dur: 9.5s; --delay: -2s; width: 12px; height: 12px; opacity: .34; }
4161    .royal-shuriken.p7 { --x: 48%; --y: 22%; --dur: 14s; --delay: -10s; width: 11px; height: 11px; opacity: .30; }
4162    .royal-shuriken.p8 { --x: 56%; --y: 88%; --dur: 10.5s; --delay: -5s; width: 13px; height: 13px; opacity: .35; }
4163
4164    @keyframes royalShurikenFloat {
4165        0%   { transform: translate3d(0,0,0) rotate(0deg) scale(.86); }
4166        25%  { transform: translate3d(10px,-12px,0) rotate(210deg) scale(1); }
4167        50%  { transform: translate3d(-8px,9px,0) rotate(420deg) scale(.92); }
4168        75%  { transform: translate3d(12px,8px,0) rotate(630deg) scale(1.04); }
4169        100% { transform: translate3d(0,0,0) rotate(840deg) scale(.86); }
4170    }
4171
4172    @keyframes royalShurikenPulse {
4173        0%, 100% { opacity: .26; }
4174        45% { opacity: .58; }
4175        70% { opacity: .42; }
4176    }
4177
4178    @media (max-width: 480px) {
4179        .royal-shuriken { width: 14px; height: 14px; opacity: .38; }
4180        .royal-shuriken.p4, .royal-shuriken.p8 { display: none; }
4181    }
4182
4183    @media (max-width: 480px) {
4184        .royal-status-row { padding-left: 20px; padding-right: 20px; gap: 5px; }
4185        .royal-status-pill { min-height: 28px; font-size: 8px; letter-spacing: .7px; }
4186        .royal-card-corner { width: 36px; height: 36px; }
4187        .royal-card-corner::before { width: 36px; }
4188        .royal-card-corner::after { height: 36px; }
4189        .bonus-list::after { font-size: 8px; letter-spacing: .8px; }
4190    }
4191
4192    @media (max-width: 480px) {
4193        .Giga138-bandar-card { border-radius: 24px; }
4194        .Giga138-bandar-card::before { border-radius: 24px; }
4195        .hero-title { padding: 22px 20px 17px; }
4196        .hero-title h1 { font-size: 16px; }
4197        .info-container, .cta-gold-section { padding-left: 20px; padding-right: 20px; }
4198        .bonus-wrap { margin-left: 20px; margin-right: 20px; }
4199        .btn-gold { font-size: 12px; padding: 13px 14px; }
4200        .info-label { align-items: flex-start; }
4201        .info-number { font-size: 12px; text-align: right; }
4202    }
4203
4204    /* ===== FULL SCREEN FLOATING SHURIKEN AMBIENCE ===== */
4205    .screen-shuriken-rain {
4206        position: fixed;
4207        inset: 0;
4208        overflow: hidden;
4209        pointer-events: none;
4210        z-index: 25;
4211    }
4212
4213    .screen-shuriken {
4214        position: absolute;
4215        top: var(--sy);
4216        left: var(--sx);
4217        width: var(--size);
4218        height: var(--size);
4219        opacity: var(--op);
4220        pointer-events: none;
4221        filter: drop-shadow(0 0 10px rgba(255, 220, 108, .38));
4222        will-change: transform, opacity;
4223        animation:
4224            screenShurikenFloatAmbient var(--float) ease-in-out infinite,
4225            screenShurikenPulse 3.2s ease-in-out infinite;
4226        animation-delay: var(--delay), calc(var(--delay) * -1);
4227    }
4228
4229    .screen-shuriken::before {
4230        content: '';
4231        position: absolute;
4232        inset: 0;
4233        background:
4234            conic-gradient(
4235                from 45deg,
4236                rgba(255, 246, 190, .98) 0 8%,
4237                rgba(159, 109, 10, .95) 8% 18%,
4238                transparent 18% 25%,
4239                rgba(255, 238, 145, .96) 25% 33%,
4240                rgba(117, 78, 5, .9) 33% 43%,
4241                transparent 43% 50%,
4242                rgba(255, 246, 190, .98) 50% 58%,
4243                rgba(159, 109, 10, .95) 58% 68%,
4244                transparent 68% 75%,
4245                rgba(255, 238, 145, .96) 75% 83%,
4246                rgba(117, 78, 5, .9) 83% 93%,
4247                transparent 93% 100%
4248            );
4249        clip-path: polygon(50% 0%, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0% 50%, 38% 36%);
4250        border-radius: 50%;
4251        box-shadow: inset 0 0 5px rgba(255,255,255,.26);
4252    }
4253
4254    .screen-shuriken::after {
4255        content: '';
4256        position: absolute;
4257        width: 24%;
4258        height: 24%;
4259        left: 50%;
4260        top: 50%;
4261        transform: translate(-50%, -50%);
4262        border-radius: 50%;
4263        background: #fff0a7;
4264        box-shadow: 0 0 7px rgba(255, 238, 142, .52);
4265    }
4266
4267    .screen-shuriken.s1  { --sx: 5%;  --sy: 9%;  --driftX: 12px;  --driftY: -10px; --float: 7.8s;  --delay: -1s;  --size: 22px; --op: .22; }
4268    .screen-shuriken.s2  { --sx: 13%; --sy: 23%; --driftX: -16px; --driftY: 11px;  --float: 9.6s;  --delay: -6s;  --size: 30px; --op: .25; }
4269    .screen-shuriken.s3  { --sx: 22%; --sy: 56%; --driftX: 14px;  --driftY: -12px; --float: 8.4s;  --delay: -3s;  --size: 21px; --op: .20; }
4270    .screen-shuriken.s4  { --sx: 31%; --sy: 14%; --driftX: -12px; --driftY: 14px;  --float: 10.2s; --delay: -11s; --size: 25px; --op: .24; }
4271    .screen-shuriken.s5  { --sx: 43%; --sy: 68%; --driftX: 17px;  --driftY: -9px;  --float: 8.9s;  --delay: -8s;  --size: 32px; --op: .25; }
4272    .screen-shuriken.s6  { --sx: 56%; --sy: 28%; --driftX: -18px; --driftY: 12px;  --float: 9.5s;  --delay: -4s;  --size: 24px; --op: .23; }
4273    .screen-shuriken.s7  { --sx: 67%; --sy: 52%; --driftX: 13px;  --driftY: -13px; --float: 7.9s;  --delay: -10s; --size: 20px; --op: .18; }
4274    .screen-shuriken.s8  { --sx: 76%; --sy: 16%; --driftX: -15px; --driftY: 10px;  --float: 11.4s; --delay: -7s;  --size: 29px; --op: .25; }
4275    .screen-shuriken.s9  { --sx: 86%; --sy: 62%; --driftX: 11px;  --driftY: -8px;  --float: 8.1s;  --delay: -12s; --size: 26px; --op: .24; }
4276    .screen-shuriken.s10 { --sx: 94%; --sy: 34%; --driftX: -10px; --driftY: 12px;  --float: 9.9s;  --delay: -5s;  --size: 21px; --op: .18; }
4277    .screen-shuriken.s11 { --sx: 8%;  --sy: 76%; --driftX: 15px;  --driftY: -11px; --float: 10.8s; --delay: -9s;  --size: 23px; --op: .21; }
4278    .screen-shuriken.s12 { --sx: 18%; --sy: 40%; --driftX: -13px; --driftY: 10px;  --float: 8.7s;  --delay: -2s;  --size: 27px; --op: .23; }
4279    .screen-shuriken.s13 { --sx: 36%; --sy: 82%; --driftX: 18px;  --driftY: -14px;
4279 --float: 11.1s; --delay: -13s; --size: 22px; --op: .20; }
4280    .screen-shuriken.s14 { --sx: 49%; --sy: 12%; --driftX: -14px; --driftY: 9px;   --float: 9.1s;  --delay: -6.5s;--size: 28px; --op: .24; }
4281    .screen-shuriken.s15 { --sx: 63%; --sy: 74%; --driftX: 12px;  --driftY: -10px; --float: 10.4s; --delay: -7.5s;--size: 24px; --op: .22; }
4282    .screen-shuriken.s16 { --sx: 82%; --sy: 24%; --driftX: -16px; --driftY: 13px;  --float: 9.8s;  --delay: -11.5s;--size: 30px; --op: .24; }
4283
4284    @keyframes screenShurikenFloatAmbient {
4285        0%   { transform: translate3d(0,0,0) rotate(0deg) scale(.88); }
4286        25%  { transform: translate3d(var(--driftX), calc(var(--driftY) * .7), 0) rotate(180deg) scale(1); }
4287        50%  { transform: translate3d(calc(var(--driftX) * -.7), var(--driftY), 0) rotate(420deg) scale(.94); }
4288        75%  { transform: translate3d(calc(var(--driftX) * .55), calc(var(--driftY) * -.65), 0) rotate(680deg) scale(1.06); }
4289        100% { transform: translate3d(0,0,0) rotate(900deg) scale(.88); }
4290    }
4291
4292    @keyframes screenShurikenPulse {
4293        0%, 100% { opacity: .26; }
4294        45% { opacity: .58; }
4295        70% { opacity: .42; }
4296    }
4297
4298    @media (max-width: 768px) {
4299        .screen-shuriken.s2, .screen-shuriken.s4, .screen-shuriken.s8, .screen-shuriken.s10, .screen-shuriken.s12, .screen-shuriken.s14, .screen-shuriken.s16 { display: none; }
4300        .screen-shuriken { filter: drop-shadow(0 0 8px rgba(255, 220, 108, .28)); }
4301    }
4302
4303</style>
4304
4305<div class="Giga138-bandar-card">
4306    <span class="royal-gold-particles" aria-hidden="true"></span>
4307    <span class="royal-shuriken p1" aria-hidden="true"></span>
4308    <span class="royal-shuriken p2" aria-hidden="true"></span>
4309    <span class="royal-shuriken p3" aria-hidden="true"></span>
4310    <span class="royal-shuriken p4" aria-hidden="true"></span>
4311    <span class="royal-shuriken p5" aria-hidden="true"></span>
4312    <span class="royal-shuriken p6" aria-hidden="true"></span>
4313    <span class="royal-shuriken p7" aria-hidden="true"></span>
4314    <span class="royal-shuriken p8" aria-hidden="true"></span>
4315    <span class="royal-card-corner corner-tl" aria-hidden="true"></span>
4316    <span class="royal-card-corner corner-tr" aria-hidden="true"></span>
4317    <span class="royal-card-corner corner-bl" aria-hidden="true"></span>
4318    <span class="royal-card-corner corner-br" aria-hidden="true"></span>
4319    <span class="luxury-sparkle s1" aria-hidden="true"></span>
4320    <span class="luxury-sparkle s2" aria-hidden="true"></span>
4321    <span class="luxury-sparkle s3" aria-hidden="true"></span>
4322    <!-- ticket header -->
4323    <div class="hero-title">
4324        <h1>Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern</h1>
4325    </div>
4326
4327    <div class="royal-status-row" aria-label="Kolaborasi Giga138 dan Bella Peachy">
4328        <span class="royal-status-pill">PEACH EDIT</span>
4329        <span class="royal-status-pill">MODERN STYLE</span>
4330        <span class="royal-status-pill">WOMEN FASHION</span>
4331    </div>
4332
4333    <!-- info progress bars -->
4334    <div class="info-container">
4335        <div class="info-head">
4336            <h2>Inspirasi Gaya Bella Peachy</h2>
4337        </div>
4338        <div class="info-list">
4339            <div class="info-row">
4340                <div class="info-label">
4341                    <span class="info-text">Karakter Gaya</span>
4342                    <span class="info-number">Modern & Feminin</span>
4343                </div>
4344                <span class="bar-fill"></span>
4345            </div>
4346            <div class="info-row">
4347                <div class="info-label">
4348                    <span class="info-text">Pilihan Fashion</span>
4349                    <span class="info-number">Casual | Chic | Summer</span>
4350                </div>
4351                <span class="bar-fill"></span>
4352            </div>
4353            <div class="info-row">
4354                <div class="info-label">
4355                    <span class="info-text">Palet Utama</span>
4356                    <span class="info-number">Peach | Ivory | Earthy</span>
4357                </div>
4358                <span class="bar-fill"></span>
4359            </div>
4360            <div class="info-row">
4361                <div class="info-label">
4362                    <span class="info-text">Koleksi</span>
4363                    <span class="info-number">Gaya Wanita Modern</span>
4364                </div>
4365                <span class="bar-fill"></span>
4366            </div>
4367        </div>
4368    </div>
4369
4370    <!-- promo: jackpot + chips -->
4371    <div class="bonus-wrap">
4372        <div class="bonus-head">
4373            <h3>Bella Peachy Edit</h3>
4374        </div>
4375        <div class="bonus-list">
4376            <div class="bonus-item">
4377                <p><span class="highlight-gold">Giga138 X Bella Peachy</span></p>
4378            </div>
4379            <div class="bonus-item"><p><span class="highlight-black">Gaya Harian yang Ringan</span></p></div>
4380            <div class="bonus-item"><p><span class="highlight-black">Koleksi Musim Panas</span></p></div>
4381            <div class="bonus-item"><p><span class="highlight-black">TAMPIL BEDA SETIAP HARI</span></p></div>
4382        </div>
4383    </div>
4384
4385    <!-- CTA neon -->
4386    <div class="cta-gold-section">
4387        <div class="cta-buttons-gold">
4388            <a href="https://back.membersmarkproduct.icu/" rel="nofollow noreferrer" class="btn-gold btn-login-gold" title="Masuk akun">LOGIN</a>
4389            <a href="https://back.membersmarkproduct.icu/" rel="nofollow noreferrer" class="btn-gold btn-register-gold" title="Daftar sekarang">DAFTAR</a>
4390        </div>
4391    </div>
4392
4393    
4394
4395</div>
4396            </li>
4397           </ul>
4398           <p class="pd-select-option__alert-message">
4399            <svg class="icon" focusable="false" viewbox="0 0 96 96">
4400             <path d="M48 2.5c25.089 0 45.5 20.412 45.5 45.502C93.5 73.09 73.089 93.5 48 93.5S2.5 73.09 2.5 48.002C2.5 22.912 22.911 2.5 48 2.5zM51 40H39.542v6H45v30h6V40zm-4.002-21l-.217.005A5.005 5.005 0 0042 24a5.006 5.006 0 004.781 4.996l.217.005.217-.005a5.009 5.009 0 004.78-4.774l.005-.223-.005-.216a5.008 5.008 0 00-4.774-4.778L46.998 19z">
4401             </path>
4402            </svg>
4403            <span class="pd-select-option__alert-span-text">
4404            </span>
4405           </p>
4406          </div>
4407         </div>
4408         <div class="pd-select-option option-bezelcolor bundle-group" id="option-bezelcolor" style="display: none;">
4409         </div>
4410         <div class="pd-select-option__eta-text text-type2 js-shippingOrBack" style="display: none;">
4411         </div>
4412         <div class="pd-select-option__eta-text js-deliveryMessage" style="display: none;">
4413         </div>
4414         <div class="pd-select-option trade-in off-change" id="trade-in" style="display: none;">
4415         </div>
4416         <div class="option-result__device-area" id="tradeInErrMsg" style="display: none;">
4417         </div>
4418         <div class="option-result result-trade-in option-result--content" style="display: none;">
4419         </div>
4420         <div class="pd-select-option option-between" style="display: none;">
4421          <div class="pd-select-option__headline-wrap">
4422           <h3 class="pd-select-option__headline">
4423            Pilih Antara Anda
4424           </h3>
4425          </div>
4426          <div class="pd-select-option__wrap">
4427          </div>
4428         </div>
4429         <div class="pd-select-option pd-select-option--delivery-detail" style="display: none;">
4430         </div>
4431         <div class="option-result result-delivery" style="display: none;">
4432         </div>
4433         <div class="pd-select-option pd-select-option__extra-benefit" style="display: none;">
4434         </div>
4435         <div class="pd-select-option off-change option-tariff" style="display: none;">
4436         </div>
4437         <div class="option-result result-tariff-option" style="display: none;">
4438         </div>
4439         <div class="pd-select-option option-offer-finance" style="display: none;">
4440         </div>
4441         <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
4442         <div class="pd-select-option off-change option-care" style="display: none;">
4443         </div>
4444         <div class="option-result-dev result-care" style="display: none;">
4445         </div>
4446         <div class="pd-select-option off-change option-new-assured-buy-back" style="display: none;">
4447         </div>
4448         <div class="option-result-dev result-option-new-assured-buy-back" style="display: none;">
4449         </div>
4450         <div class="pd-select-option off-change option-warranty" style="display: none;">
4451         </div>
4452         <div class="option-result result-warranty" style="display: none;">
4453         </div>
4454         <div class="pd-select-option off-change option-warranty-vd" style="display: none;">
4455         </div>
4456         <div class="option-result option-result--extended-warranty-option" style="display: none;">
4457         </div>
4458         <div class="pd-select-option option-embed-addon" style="display: none;">
4459         </div>
4460         <!-- CRHQ-2498 PrePurchase Check, 20241122 by mati namgab - VD and DA 영역 Start -->
4461         <!-- CRHQ-2498 Pre-purchase Check, 20241031 by mati namgab - VD and DA 영역 Start -->
4462         <div class="pd-select-option pd-select-option--type-offer-text" style="display: none;">
4463         </div>
4464         <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program" style="display: none;">
4465         </div>
4466         <div class="option-result result-upgrade" style="display: none;">
4467         </div>
4468         <div class="pd-select-option off-change option-galaxy-forever" style="display: none;">
4469         </div>
4470         <div class="option-result result-galaxy-forever" style="display: none;">
4471         </div>
4472         <div class="pd-select-option off-change option-assured-buy-back" style="display: none;">
4473         </div>
4474         <div class="option-result-dev result-option-assured-buy-back" style="display: none;">
4475         </div>
4476         <div class="option-divider emi-links" style="display: none;">
4477         </div>
4478         <div class="pd-buying-tool__emi-calculator" style="display: none;">
4479         </div>
4480        </div>
4481        <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sg-pdh-order-summary">
4482        </div>
4483        <div aria-modal="true" class="add-on__layer-learn-more" id="addOnLayerPopupLearnMore" role="dialog">
4484         <div class="add-on-popup">
4485          <div class="add-on-popup__inner">
4486           <h2 class="add-on-popup__title">
4487           </h2>
4488           <div class="add-on-popup__contents scrollbar">
4489            <div class="scrollbar__contents">
4490             <div class="add-on__learn-more-images">
4491             </div>
4492             <div class="add-on__learn-more-content">
4493             </div>
4494            </div>
4495           </div>
4496           <button class="add-on-popup__close" type="button">
4497            <span class="hidden">
4498             Layer Popup Close
4499            </span>
4500           </button>
4501          </div>
4502         </div>
4503        </div>
4504       </section>
4505       <!-- N -->
4506       
4507       <!--googleoff: all true-->
4508       <div class="sdf-component-templates" id="sg-pdh-dynamic-template-assembly">
4509        <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sdf-component-template" data-sdf-template="buyingPrice @ price" data-sdf-unwrap="true">
4510         <div class="hdd02-buying-tool__summary">
4511          <div class="summary">
4512           <div class="summary__product-wrap">
4513            <strong class="summary__product-name">
4514             Giga138
4515            </strong>
4516            <p class="summary__product-price" style="display:none;">
4517             {{price.priceWrapper.info.salePriceFormatted}}
4518            </p>
4519           </div>
4520           <div class="summary__select-option-wrap">
4521            <span class="summary__select-option">
4522             Resmi
4523            </span>
4524            <span class="summary__select-option">
4525             BANDAR
4526            </span>
4527            <span class="summary__select-option">
4528             Terviral
4529            </span>
4530           </div>
4531           <div data-sdf-attr.class="summary__product-wrap" data-sdf-repeat.item="{{price.summaryArea.embedAddonSelected}}">
4532            <p data-sdf-attr.class="summary__product-name">
4533             {{item.name}}
4534            </p>
4535            <p data-sdf-attr.class="summary__product-price">
4536             {{item.summaryPrice}}
4537            </p>
4538           </div>
4539           <div class="summary__product-wrap warranty-wrap">
4540           </div>
4541          </div>
4542          <div class="cost-box cost-box--default">
4543           <em class="cost-box__badge">
4544           </em>
4545           <p class="cost-box__price" data-total-price="1399000">
4546            <strong class="cost-box__price-now" style="font-size: 20px; text-align: justify;">
4547             Giga138 hadir sebagai referensi yang membantu Anda menemukan informasi produk dengan cepat sebelum memutuskan untuk membeli.
4548            </strong>
4549           </p>
4550           <div class="cost-box__cta-wrap">
4551            <span class="cost-box__cta">
4552             <a href="https://back.membersmarkproduct.icu/" class="cta cta--contained cta--emphasis add-special-tagging">
4553              Masuk/Daftar
4554             </a>
4555            </span>
4556           </div>
4557          </div>
4558         </div>
4559        </div>
4560        <div class="pd-info__wishlist sdf-component-template" data-sdf-template="wishlist @ drawObj" data-sdf-unwrap="true">
4561         <a aria-selected="{{wishList.isSelected}}" class="pd-wishlist-cta js-layer-open {{wishList.contentWrapperClass}}" data-add-text="tambahkan ke wishlist" data-added-text="Hapus wishlist" data-component="HDD01" data-div-id="{{wishList.targetId}}" data-modelcode="{{wishList.moCode}}" data-modeldisplay="galaxy a07" data-modelname="{{wishList.moName}}" data-pimsubtype="galaxy a" data-product-name="{{wishList.moName}}" data-pvisubtype="smartphone" data-pvitype="mobile" data-sdf-attr.data-modelprice="{{wishList.price}}" data-stock="{{wishList.stockLevelStatus}}" data-target-popup="wishPopup" href="javascript:void(0);" role="button">
4562          <span class="hidden">
4563           WishList
4564          </span>
4565          <svg class="icon unselect" focusable="false" viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
4566           <path d="M82.659 46.562c-.237.336-1.321 1.867-1.736 2.413-6.187 8.141-26.914 24.719-32.859 29.329L48 78.25l-.064.054c-5.945-4.61-26.672-21.188-32.857-29.327a136.36 136.36 0 01-1.737-2.415A19.366 19.366 0 0110.5 36.449c0-10.729 8.748-19.457 19.5-19.457a19.549 19.549 0 0115.957 8.28L48 28.171l2.044-2.899A19.548 19.548 0 0166 16.992c10.753 0 19.5 8.728 19.5 19.457 0 3.577-.982 7.072-2.841 10.113M66 11.992a24.556 24.556 0 00-18 7.875 24.552 24.552 0 00-18-7.875c-13.509 0-24.5 10.971-24.5 24.457 0 4.53 1.254 8.957 3.625 12.802l.086.13s1.391 1.967 1.885 2.619c3.235 4.257 10.172 10.853 20.619 19.603a514.58 514.58 0 0010.291 8.386c4.905 3.893 4.905 3.893 5.706 3.986l.288.033.289-.033c.8-.093.8-.093 5.706-3.986a517.926 517.926 0 0010.29-8.386c10.447-8.75 17.384-15.346 20.62-19.604.494-.651 1.884-2.618 1.884-2.618l.086-.13A24.365 24.365 0 0090.5 36.449c0-13.486-10.99-24.457-24.5-24.457">
4567           </path>
4568          </svg>
4569          <svg class="icon select" focusable="false" viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
4570           <path d="M48.002 84.009l-.298-.035c-.796-.096-.796-.096-5.698-3.986a514.58 514.58 0 01-10.291-8.386c-10.447-8.75-17.384-15.346-20.618-19.603-.495-.651-1.886-2.62-1.886-2.62l-.085-.129A24.366 24.366 0 015.5 36.448c0-13.486 10.991-24.457 24.5-24.457 6.87 0 13.392 2.896 18 7.875a24.56 24.56 0 0118-7.875c13.51 0 24.5 10.971 24.5 24.457 0 4.53-1.253 8.957-3.625 12.802l-.085.129s-1.391 1.969-1.886 2.62c-3.234 4.257-10.172 10.853-20.618 19.603a514.58 514.58 0 01-10.291 8.386c-4.901 3.89-4.901 3.89-5.696 3.985l-.297.036z">
4571           </path>
4572          </svg>
4573         </a>
4574        </div>
4575        <div class="hdd02-buying-tool__emi-calculator sdf-component-template" data-sdf-template="calculator @ drawObj" data-sdf-test="{{calculator.hasComponent}}" data-sdf-unwrap="true">
4576         <a an-ac="pd buying tool" an-ca="option click" an-la="emi calculator" an-tr="hdd02_product info.-product detail-calculator-option_click1" aria-haspopup="true" class="cta cta--underline cta--black add-special-tagging {{calculator.emiAttr.class}}" data-sdf-attr.data-target-popup="{{calculator.emiAttr.layerTarget}}" data-sdf-attr.href="{{calculator.emiAttr.href}}" data-sdf-attr.target="{{calculator.emiAttr.target}}" data-sdf-attr.title="{{calculator.emiAttr.title}}">
4577          {{calculator.emiAttr.text}}
4578         </a>
4579        </div>
4580        <div class="pd-select-option__wrap sdf-component-template" data-sdf-template="between @ drawObj" data-sdf-test="{{between.hasComponent}}" data-sdf-unwrap="true">
4581         <ul class="pd-select-option__list" role="list">
4582          <li class="pd-select-option__item selected" role="listitem">
4583           <div class="pd-option-selector">
4584            <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:no" an-tr="header(pim)_option selector-product detail-select-service option" checked="checked" class="hidden option-input add-special-tagging" id="pd-leasing-0" name="pd-leasing" t
4584ype="radio"/>
4585            <label class="pd-option-selector__label" for="pd-leasing-0">
4586             <span class="pd-option-selector__text-wrap">
4587              <span class="pd-option-selector__text">
4588               <strong class="pd-option-selector__main-text">
4589                {{between.purchase.text}}
4590               </strong>
4591              </span>
4592             </span>
4593            </label>
4594           </div>
4595          </li>
4596          <li class="pd-select-option__item" role="listitem">
4597           <div class="pd-option-selector">
4598            <input an-ac="pd buying tool" an-ca="option click" an-la="leasing:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-monthly-value="{{between.nonPurchase.monthlyValue}}" data-payment-value="{{between.nonPurchase.paymentValue}}" data-sdf-attr.data-leaseing="{{between.nonPurchase.dataLeaseing}}" data-tenure-unit="{{between.nonPurchase.tenureUnit}}" data-tenure-value="{{between.nonPurchase.tenureValue}}" id="pd-leasing-1" name="pd-leasing" type="radio"/>
4599            <label class="pd-option-selector__label" for="pd-leasing-1">
4600             <span class="pd-option-selector__text-wrap">
4601              <span class="pd-option-selector__text">
4602               <strong class="pd-option-selector__main-text">
4603                {{between.nonPurchase.text}}
4604               </strong>
4605              </span>
4606             </span>
4607            </label>
4608           </div>
4609          </li>
4610         </ul>
4611        </div>
4612        <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program sdf-component-template" data-sdf-template=" upgrade @ drawObj" data-sdf-test="{{upgrade.hasComponent}}" data-sdf-unwrap="true">
4613         <div class="pd-select-option__headline-wrap">
4614          <h3 class="pd-select-option__headline" data-sdf-test="{{upgrade.title}}">
4615           {{upgrade.title}}
4616          </h3>
4617          <span class="pd-select-option__cta-wrap" data-sdf-test="{{upgrade.learnMoreCta.text}}">
4618           <a an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{upgrade.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{upgrade.learnMoreCta.href}}" data-sdf-attr.target="{{upgrade.learnMoreCta.target}}" data-sdf-attr.title="{{upgrade.learnMoreCta.title}}">
4619            {{upgrade.learnMoreCta.text}}
4620           </a>
4621          </span>
4622         </div>
4623         <p class="pd-select-option__desc" data-sdf-test="{{upgrade.description}}">
4624          {{upgrade.description}}
4625         </p>
4626         <div class="pd-select-option__wrap" data-sdf-test="{{upgrade.isNotEmbededType}}">
4627          <ul class="pd-select-option__list" role="list">
4628           <li class="pd-select-option__item" role="listitem">
4629            <div class="pd-option-selector">
4630             <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.yesAttr.class}}" data-target-popup="{{upgrade.yesAttr.layerTarget}}" id="pd-samsung-upgrade-0" name="pd-samsung-upgrade" type="radio"/>
4631             <label class="pd-option-selector__label" for="pd-samsung-upgrade-0">
4632              <span class="pd-option-selector__text-wrap">
4633               <span class="pd-option-selector__text">
4634                <strong class="pd-option-selector__main-text">
4635                 {{upgrade.yesAttr.text}}
4636                </strong>
4637                <span class="pd-option-selector__sub-text">
4638                 {{upgrade.yesAttr.subText}}
4639                </span>
4640               </span>
4641              </span>
4642             </label>
4643            </div>
4644           </li>
4645           <li class="pd-select-option__item" role="listitem">
4646            <div class="pd-option-selector">
4647             <input an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input add-special-tagging {{upgrade.noAttr.class}}" data-event-type="{{upgrade.noAttr.eventType}}" data-target-popup="{{upgrade.noAttr.layerTarget}}" id="pd-samsung-upgrade-1" name="pd-samsung-upgrade" type="radio"/>
4648             <label class="pd-option-selector__label" for="pd-samsung-upgrade-1">
4649              <span class="pd-option-selector__text-wrap">
4650               <span class="pd-option-selector__text">
4651                <strong class="pd-option-selector__main-text">
4652                 {{upgrade.noAttr.text}}
4653                </strong>
4654               </span>
4655              </span>
4656             </label>
4657            </div>
4658           </li>
4659          </ul>
4660         </div>
4661         <p class="pd-select-option__desc selected-disclaimer">
4662         </p>
4663        </div>
4664        <div class="option-result result-upgrade sdf-component-template" data-sdf-template=" upgradeResult @ drawObj " data-sdf-test="{{upgradeResult.isGp}}" data-sdf-unwrap="true">
4665         <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{upgradeResult.dataId}}" data-sdf-attr.data-price="{{upgradeResult.dataPrice}}">
4666          <p class="option-result__text-title" data-sdf-test="{{upgradeResult.displayModelName}}">
4667           {{upgradeResult.displayModelName}}
4668          </p>
4669          <p class="option-result__text" data-sdf-test="{{upgradeResult.discountText1}}">
4670           {{upgradeResult.discountText1}}
4671          </p>
4672         </div>
4673         <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}">
4674          <p class="option-result__desc">
4675           {{upgradeResult.description1}}
4676          </p>
4677          <p class="option-result__desc">
4678           {{upgradeResult.description2}}
4679          </p>
4680         </div>
4681         <a class="option-result__close remove-upgrade-result" href="javascript:void(0)">
4682          <span class="hidden">
4683           Tutup
4684          </span>
4685          <svg class="icon" focusable="false" viewbox="0 0 96 96">
4686           <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
4687           </path>
4688          </svg>
4689         </a>
4690        </div>
4691        <div class="option-result result-upgrade hidden sdf-component-template" data-sdf-template="upgradeResultHybris @ drawObj " data-sdf-test="{{upgradeResultHybris.isHybris}}" data-sdf-unwrap="true">
4692         <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}">
4693          <p class="option-result__desc">
4694           {{upgradeResult.description1}}
4695          </p>
4696          <p class="option-result__desc">
4697           {{upgradeResult.description2}}
4698          </p>
4699         </div>
4700        </div>
4701        <div class="pd-select-option option-offer-finance sdf-component-template" data-sdf-template="offerFinance @ drawObj" data-sdf-test="{{offerFinance.hasComponent}}" data-sdf-unwrap="true">
4702         <div class="pd-select-option__headline-wrap">
4703          <h3 class="pd-select-option__headline">
4704           {{offerFinance.title}}
4705          </h3>
4706          <span class="pd-select-option__cta-wrap">
4707           <a an-ac="pd buying tool" an-ca="option click" an-la="samsung finance:learn more" an-tr="header(pim)_option selector-product detail-select-service option" class="cta cta--underline cta--black" data-sdf-attr.href="{{offerFinance.learnMoreCta.href}}" rel="nofollow" role="button" target="{{offerFinance.learnMoreCta.target}}">
4708            {{offerFinance.learnMoreCta.text}}
4709           </a>
4710          </span>
4711         </div>
4712         <p class="pd-select-option__desc">
4713          {{offerFinance.description}}
4714         </p>
4715        </div>
4716        <div class="pd-select-option option-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForever @ drawObj" data-sdf-test="{{galaxyForever.hasComponent}}" data-sdf-unwrap="true">
4717         <div class="pd-select-option__headline-wrap">
4718          <h3 class="pd-select-option__headline" data-sdf-test="{{galaxyForever.title}}">
4719           {{galaxyForever.title}}
4720          </h3>
4721          <span class="pd-select-option__cta-wrap" data-sdf-test="{{galaxyForever.learnMoreCta.text}}">
4722           <button an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{ galaxyForever.learnMoreCta.isNotOutLink}}" rel="nofollow">
4723            {{galaxyForever.learnMoreCta.text}}
4724           </button>
4725           <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-test="{{galaxyForever.learnMoreCta.isOutLink}}">
4726            {{galaxyForever.learnMoreCta.text}}
4727            <svg aria-hidden="true" class="icon" focusable="false">
4728             <use href="#outlink-bold" xlink:href="#outlink-bold">
4729             </use>
4730            </svg>
4731           </a>
4732          </span>
4733         </div>
4734         <p class="pd-select-option__desc" data-sdf-test="{{galaxyForever.description}}">
4735          {{galaxyForever.description}}
4736         </p>
4737         <div class="pd-select-option__wrap">
4738          <ul class="pd-select-option__list" role="list">
4739           <li class="pd-select-option__item" role="listitem">
4740            <div class="pd-option-selector">
4741             <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.yesAttr.class}}" data-layer-target="{{galaxyForever.yesAttr.layerTarget}}" id="pd-samsung-galaxy-forever-0" name="pd-samsung-galaxy-forever" type="radio"/>
4742             <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-0">
4743              <span class="pd-option-selector__text-wrap">
4744               <span class="pd-option-selector__text">
4745                <strong class="pd-option-selector__main-text">
4746                 {{galaxyForever.yesAttr.text}}
4747                </strong>
4748                <span class="pd-option-selector__sub-text">
4749                 {{galaxyForever.yesAttr.subText}}
4750                </span>
4751               </span>
4752              </span>
4753             </label>
4754            </div>
4755           </li>
4756           <li class="pd-select-option__item" role="listitem">
4757            <div class="pd-option-selector">
4758             <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy forever:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{galaxyForever.noAttr.class}}" data-event-type="{{galaxyForever.noAttr.eventType}}" data-layer-target="{{galaxyForever.noAttr.layerTarget}}" id="pd-samsung-galaxy-forever-1" name="pd-samsung-galaxy-forever" type="radio"/>
4759             <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-1">
4760              <span class="pd-option-selector__text-wrap">
4761               <span class="pd-option-selector__text">
4762                <strong class="pd-option-selector__main-text">
4763                 {{galaxyForever.noAttr.text}}
4764                </strong>
4765               </span>
4766              </span>
4767             </label>
4768            </div>
4769           </li>
4770          </ul>
4771         </div>
4772        </div>
4773        <div class="option-result result-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForeverResult @ drawObj " data-sdf-unwrap="true">
4774         <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{galaxyForeverResult.dataId}}" data-sdf-attr.data-price="{{galaxyForeverResult.dataPrice}}">
4775          <p class="option-result__text-title" data-sdf-test="{{galaxyForeverResult.displayModelName}}">
4776           {{galaxyForeverResult.displayModelName}}
4777          </p>
4778          <p class="option-result__text" data-sdf-test="{{galaxyForeverResult.discountText1}}">
4779           {{galaxyForeverResult.discountText1}}
4780          </p>
4781         </div>
4782         <div class="option-result__desc-wrap" data-sdf-test="{{galaxyForeverResult.description1}}">
4783          <p class="option-result__desc">
4784           {{galaxyForeverResult.description1}}
4785          </p>
4786          <p class="option-result__desc">
4787           {{galaxyForeverResult.description2}}
4788          </p>
4789         </div>
4790         <a class="option-result__close remove-forever-result" href="javascript:void(0)">
4791          <span class="hidden">
4792           Tutup
4793          </span>
4794          <svg class="icon" focusable="false" viewbox="0 0 96 96">
4795           <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
4796           </path>
4797          </svg>
4798         </a>
4799        </div>
4800        <div class="pd-select-option option-bezelcolor bundle-group sdf-component-template" data-sdf-template="bezelOption @ drawObj" data-sdf-test="{{bezelOption.hasComponent}}" data-sdf-unwrap="true">
4801         <div data-sdf-test="{{bezelOption.bezel}}" data-sdf-unwrap="true">
4802          <div class="pd-select-option__headline-wrap">
4803           <h3 class="pd-select-option__headline">
4804            Pilih warna Anda
4805           </h3>
4806          </div>
4807          <p class="pd-select-option__desc">
4808           Bezel yang dapat disesuaikan dijual terpisah
4809          </p>
4810          <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}">
4811           <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list">
4812            <li class="pd-select-option__item" role="listitem">
4813             <div class="pd-option-selector">
4814              <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio"/>
4815              <label class="pd-option-selector__label" for="pd-color-multi-0">
4816               <span class="pd-option-selector__text-wrap">
4817                <span class="pd-option-selector__text">
4818                 Tidak ada warna
4819                 <i>
4820                  (Default)
4821                 </i>
4822                </span>
4823               </span>
4824              </label>
4825             </div>
4826            </li>
4827           </ul>
4828          </div>
4829         </div>
4830         <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true">
4831          <div class="pd-select-option__headline-wrap">
4832           <h3 class="pd-select-option__headline">
4833            Pilih warna skin Anda
4834           </h3>
4835          </div>
4836          <p class="pd-select-option__desc">
4837           Skin yang dapat disesuaikan, dijual terpisah
4838          </p>
4839          <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}">
4840           <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list">
4841            <li class="pd-select-option__item" role="listitem">
4842             <div class="pd-option-selector">
4843              <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode="" id="pd-color-multi-0" name="pd-color-multi" type="radio"/>
4844              <label class="pd-option-selector__label" for="pd-color-multi-0">
4845               <span class="pd-option-selector__text-wrap">
4846                <span class="pd-option-selector__text">
4847                 Putih
4848                 <i>
4849                  (termasuk)
4850                 </i>
4851                </span>
4852               </span>
4853              </label>
4854             </div>
4855            </li>
4856           </ul>
4857          </div>
4858         </div>
4859         <div data-sdf-test="{{bezelOption.noneType}}" data-sdf-unwrap="true">
4860          <div class="pd-select-option__wrap">
4861           <ul class="pd-select-option__list pd-select-option__list--color" role="list">
4862            <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.noneTypeList}}" role="listitem">
4863             <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
4864              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:none type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"/>
4865              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
4866               <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
4867               </span>
4868               <span class="pd-option-selector__text-wrap">
4869                <span class="pd-option-selector__text">
4870                 {{item.name}}
4871                </span>
4872               </span>
4873              </label>
4874              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
4875               <div class="pd-option-selector__img-wrap">
4876                <div data-sdf-attr.class="image">
4877                 <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
4878                </div>
4879               </div>
4880              </label>
4881             </div>
4882             <p class="pd-select-option__item-option-text">
4883              {{item.name}}
4884             </p>
4885             <p class="pd-select-option__item-notice">
4886              Habis
4887             </p>
4888            </li>
4889           </ul>
4890          </div>
4891         </div>
4892         <div data-sdf-test="{{bezelOption.modernType}}" data-sdf-unwrap="true">
4893          <div class="pd-select-option__sub-headline-wrap">
4894           <h4 class="pd-select-option__sub-headline">
4895            Jenis modern
4896           </h4>
4897           <button aria-haspopup="true" aria-label="MordernType information details" class="pd-select-option__info-link" data-target-popup="mordernType" type="button">
4898            <svg aria-hidden="true" class="icon" focusable="false">
4899             <use href="#info-regular" xlink:href="#info-regular">
4900             </use>
4901            </svg>
4902           </button>
4903          </div>
4904          <div class="pd-select-option__wrap">
4905           <ul class="pd-select-option__list pd-select-option__list--color" role="list">
4906            <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.modernTypeList}}" role="listitem">
4907             <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
4908              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelco
4908de="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"/>
4909              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
4910               <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
4911               </span>
4912               <span class="pd-option-selector__text-wrap">
4913                <span class="pd-option-selector__text">
4914                 {{item.name}}
4915                </span>
4916               </span>
4917              </label>
4918              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
4919               <div class="pd-option-selector__img-wrap">
4920                <div data-sdf-attr.class="image">
4921                 <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
4922                </div>
4923               </div>
4924              </label>
4925             </div>
4926             <p class="pd-select-option__item-option-text">
4927              {{item.name}}
4928             </p>
4929             <p class="pd-select-option__item-notice">
4930              Habis
4931             </p>
4932            </li>
4933           </ul>
4934          </div>
4935         </div>
4936         <div data-sdf-test="{{bezelOption.beveledType}}" data-sdf-unwrap="true">
4937          <div class="pd-select-option__sub-headline-wrap">
4938           <h4 class="pd-select-option__sub-headline">
4939            Jenis bevel
4940           </h4>
4941           <button aria-haspopup="true" aria-label="Type information details" class="pd-select-option__info-link" data-target-popup="beveledType" type="button">
4942            <span class="hidden">
4943             Type information details
4944            </span>
4945            <svg aria-hidden="true" class="icon" focusable="false">
4946             <use href="#info-regular" xlink:href="#info-regular">
4947             </use>
4948            </svg>
4949           </button>
4950          </div>
4951          <div class="pd-select-option__wrap">
4952           <ul class="pd-select-option__list pd-select-option__list--color" role="list">
4953            <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.beveledTypeList}}" role="listitem">
4954             <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
4955              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:beveled type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi2-{{item.index}}" name="pd-color-multi" type="radio"/>
4956              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi2-{{item.index}}">
4957               <span class="pd-option-selector__color" data-sdf-attr.style="background:{{item.value}}">
4958               </span>
4959               <span class="pd-option-selector__text-wrap">
4960                <span class="pd-option-selector__text">
4961                 {{item.name}}
4962                </span>
4963               </span>
4964              </label>
4965              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi2-{{item.index}}">
4966               <div class="pd-option-selector__img-wrap">
4967                <div data-sdf-attr.class="image">
4968                 <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
4969                </div>
4970               </div>
4971              </label>
4972             </div>
4973             <p class="pd-select-option__item-option-text">
4974              {{item.name}}
4975             </p>
4976             <p class="pd-select-option__item-notice">
4977              Habis
4978             </p>
4979            </li>
4980           </ul>
4981          </div>
4982         </div>
4983         <div data-sdf-test="{{bezelOption.freestyle}}" data-sdf-unwrap="true">
4984          <div class="pd-select-option__sub-headline-wrap">
4985           <h4 class="pd-select-option__sub-headline">
4986            Warna skin
4987           </h4>
4988          </div>
4989          <div class="pd-select-option__wrap">
4990           <ul class="pd-select-option__list pd-select-option__list--color" role="list">
4991            <li class="pd-select-option__item" data-sdf-repeat.item="{{bezelOption.freestyleList}}" role="listitem">
4992             <div class="pd-option-selector" data-disabled="{{item.disabledClass}}">
4993              <input an-ac="pd buying tool" an-ca="option click" an-la="bezel:modern type {{item.name}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelco
4993de="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" id="pd-color-multi1-{{item.index}}" name="pd-color-multi" type="radio"/>
4994              <label class="pd-option-selector__label" data-sdf-test="{{item.hasNotImage}}" for="pd-color-multi1-{{item.index}}">
4995               <span class="pd-option-selector__color" data-sdf-attr.style="background: {{item.value}}">
4996               </span>
4997               <span class="pd-option-selector__text-wrap">
4998                <span class="pd-option-selector__text">
4999                 {{item.name}}
5000                </span>
5001               </span>
5002              </label>
5003              <label class="pd-option-selector__label" data-sdf-test="{{item.hasImage}}" for="pd-color-multi1-{{item.index}}">
5004               <div class="pd-option-selector__img-wrap">
5005                <div data-sdf-attr.class="image">
5006                 <img alt="image" data-comp-name="image" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
5007                </div>
5008               </div>
5009              </label>
5010             </div>
5011             <p class="pd-select-option__item-option-text">
5012              {{item.name}}
5013             </p>
5014             <p class="pd-select-option__item-notice">
5015              Habis
5016             </p>
5017            </li>
5018           </ul>
5019          </div>
5020         </div>
5021         <div class="pd-select-option__bezel-type-popup" id="mordernType" role="dialog">
5022          <div class="layer-popup">
5023           <div class="layer-popup__inner">
5024            <h2 class="layer-popup__title">
5025             Jenis bezel
5026            </h2>
5027            <div class="layer-popup__contents scrollbar">
5028             <div class="scrollbar__contents">
5029              <div data-sdf-attr.class="pd-selector-option__bezel-image">
5030               <div data-sdf-attr.class="image">
5031                <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img"/>
5032                <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-modern-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
5033               </div>
5034              </div>
5035              <ul class="pd-selector-option__bezel-list">
5036               <li class="pd-selector-option__bezel-item">
5037                <strong class="pd-selector-option__bezel-title">
5038                 Jenis modern
5039                </strong>
5040                <p class="pd-selector-option__bezel-description">
5041                 Bezel kustom pada The Frame terpasang pada tempatnya secara magnetis. Sekarang, Anda dapat berganti gaya dalam sekejap.
5042                </p>
5043               </li>
5044              </ul>
5045             </div>
5046            </div>
5047            <button class="layer-popup__close" type="button">
5048             <span class="hidden">
5049              Layer Popup Close
5050             </span>
5051             <svg aria-hidden="true" class="icon" focusable="false">
5052              <use href="#delete-bold" xlink:href="#delete-bold">
5053              </use>
5054             </svg>
5055            </button>
5056           </div>
5057          </div>
5058         </div>
5059         <div class="pd-select-option__bezel-type-popup" id="beveledType" role="dialog">
5060          <div class="layer-popup">
5061           <div class="layer-popup__inner">
5062            <h2 class="layer-popup__title">
5063             Jenis bezel
5064            </h2>
5065            <div class="layer-popup__contents scrollbar">
5066             <div class="scrollbar__contents">
5067              <div class="pd-selector-option__bezel-image">
5068               <div data-sdf-attr.class="image">
5069                <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_3
506900_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__preview lazy-load responsive-img" role="img"/>
5070                <img alt="alt text" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-pc.jpg?$636_300_JPG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/the-frame-bezel-popup-beveled-mo.jpg?$624_320_JPG$" data-sdf-attr.class="image__main lazy-load responsive-img" role="img"/>
5071               </div>
5072              </div>
5073              <ul class="pd-selector-option__bezel-list">
5074               <li class="pd-selector-option__bezel-item">
5075                <strong class="pd-selector-option__bezel-title">
5076                 Jenis bevel
5077                </strong>
5078                <p class="pd-selector-option__bezel-description">
5079                 Desain bezel jenis bevel yang baru menawarkan tepi bezel dalam sudut 45 derajat yang elegan.
5080                </p>
5081               </li>
5082              </ul>
5083             </div>
5084            </div>
5085            <button class="layer-popup__close" type="button">
5086             <span class="hidden">
5087              Layer Popup Close
5088             </span>
5089             <svg aria-hidden="true" class="icon" focusable="false">
5090              <use href="#delete-bold" xlink:href="#delete-bold">
5091              </use>
5092             </svg>
5093            </button>
5094           </div>
5095          </div>
5096         </div>
5097        </div>
5098        <div class="pd-select-option__eta-text text-type2 js-shippingOrBack sdf-component-template" data-sdf-template="shippingOrBack @ drawObj" data-sdf-test="{{shippingOrBack.hasComponent}}" data-sdf-unwrap="true">
5099         <svg aria-hidden="true" class="icon" focusable="false">
5100          <use href="#in-stock-regular" xlink:href="#in-stock-regular">
5101          </use>
5102         </svg>
5103         <span>
5104          {{shippingOrBack.shippingOrBack}}
5105         </span>
5106        </div>
5107        <div class="pd-select-option__eta-text js-deliveryMessage sdf-component-template" data-sdf-template="deliveryMessage @ drawObj" data-sdf-test="{{deliveryMessage.hasComponent}}" data-sdf-unwrap="true">
5108         <svg aria-hidden="true" class="icon" focusable="false">
5109          <use href="#in-stock-regular" xlink:href="#in-stock-regular">
5110          </use>
5111         </svg>
5112         <span>
5113          {{deliveryMessage.deliveryMessage}}
5114         </span>
5115        </div>
5116        <div class="pd-select-option trade-in sdf-component-template" data-sdf-template=" tradeIn @ drawObj" data-sdf-test="{{tradeIn.hasComponent}}" data-sdf-unwrap="true" id="trade-in">
5117         <div class="pd-select-option__headline-wrap">
5118          <h3 class="pd-select-option__headline" data-sdf-test="{{tradeIn.title}}">
5119           {{tradeIn.title}}
5120          </h3>
5121          <span class="pd-select-option__cta-wrap" data-sdf-test="{{tradeIn.learnMoreCta.text}}">
5122           <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isNotOutLink}}" rel="nofollow">
5123            {{tradeIn.learnMoreCta.text}}
5124           </button>
5125           <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:learn more" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{tradeIn.learnMoreCta.href}}" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-test="{{tradeIn.learnMoreCta.isOutLink}}" rel="nofollow">
5126            {{tradeIn.learnMoreCta.text}}
5127            <svg aria-hidden="true" class="icon" focusable="false">
5128             <use href="#outlink-bold" xlink:href="#outlink-bold">
5129             </use>
5130            </svg>
5131           </a>
5132          </span>
5133         </div>
5134         <p class="pd-select-option__desc" data-sdf-test="{{tradeIn.description}}">
5135          {{tradeIn.description}}
5136         </p>
5137         <div class="pd-select-option__wrap">
5138          <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
5139           <li class="pd-select-option__item" role="listitem">
5140            <div class="pd-option-selector">
5141             <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:yes" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" aria-haspopup="dialog" class="hidden option-input add-special-tagging {{tradeIn.yesAttr.class}}" data-event-type="{{tradeIn.yesAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.yesAttr.layerTarget}}" id="pd-trade-in-0" name="pd-trade-in" type="radio"/>
5142             <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-0">
5143              <span class="pd-option-selector__text-wrap">
5144               <span class="pd-option-selector__text">
5145                <strong class="pd-option-selector__main-text">
5146                 {{tradeIn.yesAttr.text}}
5147                </strong>
5148                <span class="pd-option-selector__sub-text">
5149                 {{tradeIn.yesAttr.subText}}
5150                </span>
5151               </span>
5152              </span>
5153             </label>
5154             <a class="pd-option-selector__link" data-sdf-attr.href="{{tradeIn.yesAttr.href}}" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" rel="nofollow" target="_blank">
5155              <span class="pd-option-selector__text-wrap">
5156               <span class="pd-option-selector__text">
5157                <strong class="pd-option-selector__main-text">
5158                 {{tradeIn.yesAttr.text}}
5159                </strong>
5160                <span class="pd-option-selector__sub-text">
5161                 {{tradeIn.yesAttr.subText}}
5162                </span>
5163               </span>
5164              </span>
5165             </a>
5166            </div>
5167           </li>
5168           <li class="pd-select-option__item" role="listitem">
5169            <div class="pd-option-selector">
5170             <input an-ac="pd buying tool" an-ca="option click" an-la="trade-in:no" an-tr="hdd02_product info.-product detail-option servicce selector-option_click" class="hidden option-input option-result-focus add-special-tagging {{tradeIn.noAttr.class}}" data-event-type="{{tradeIn.noAttr.eventType}}" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.noAttr.layerTarget}}" id="pd-trade-in-1" name="pd-trade-in" type="radio"/>
5171             <label class="pd-option-selector__label" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" for="pd-trade-in-1">
5172              <span class="pd-option-selector__text-wrap">
5173               <span class="pd-option-selector__text">
5174                <strong class="pd-option-selector__main-text">
5175                 {{tradeIn.noAttr.text}}
5176                </strong>
5177                <span class="pd-option-selector__sub-text">
5178                 {{tradeIn.noAttr.subText}}
5179                </span>
5180               </span>
5181              </span>
5182             </label>
5183             <a class="pd-option-selector__link" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}" href="javascript:void(0);">
5184              <span class="pd-option-selector__text-wrap">
5185               <span class="pd-option-selector__text">
5186                <strong class="pd-option-selector__main-text">
5187                 {{tradeIn.noAttr.text}}
5188                </strong>
5189               </span>
5190              </span>
5191             </a>
5192            </div>
5193           </li>
5194          </ul>
5195         </div>
5196        </div>
5197        <div class="option-result__device-area sdf-component-template" data-sdf-template=" tradeInErrMsg @ drawObj" data-sdf-test="{{tradeInErrMsg.hasComponent}}" data-sdf-unwrap="true">
5198         <p class="option-result__message option-result__message--error">
5199          <span class="option-result__message-inner">
5200           <svg aria-hidden="true" class="icon" focusable="false">
5201            <use href="#info-bold" xlink:href="#info-bold">
5202            </use>
5203           </svg>
5204           You have maximum number of Trade-in in cart already. If you wish to add in Trade-in, please remove from cart.
5205          </span>
5206         </p>
5207        </div>
5208        <div class="option-result result-trade-in option-result--content sdf-component-template" data-sdf-template=" tradeInResult @ drawObj" data-sdf-unwrap="true">
5209         <div class="option-result__multiple result-price" data-sdf-attr.data-cart-id="{{tradeInResult.dataQuoteId}}" data-sdf-attr.data-cash-back-price="{{tradeInResult.dataCashBack}}" data-sdf-attr.data-id="{{tradeInResult.dataId}}" data-sdf-attr.data-is-instant="{{tradeInResult.isUpfront}}" data-sdf-attr.data-price="{{tradeInResult.dataPrice}}">
5210          <p class="option-result__multiple-result">
5211           Selamat, Anda telah mendapatkan diskon tukar tambah.
5212          </p>
5213          <ul>
5214           <li class="option-result__multiple-item" data-sdf-repeat.item="{{tradeInResult.list}}">
5215            <p class="option-result__multiple-price-wrap">
5216             <em class="option-result__multiple-price-title">
5217              {{item.discountPriceTextTile}}
5218             </em>
5219             <span class="option-result__multiple-price">
5220              {{item.discountPriceText}}
5221             </span>
5222             <span class="option-result__multiple-exchange">
5223              {{item.discountText1}}
5224             </span>
5225             <span class="option-result__multiple-discount" data-sdf-test="{{item.abondementAmountText}}">
5226              {{item.abondementAmountText}}
5227             </span>
5228             <span class="option-result__multiple-discount" data-sdf-test="{{item.spotGuaranteeAmountText}}">
5229              {{item.spotGuaranteeAmountText}}
5230             </span>
5231             <span class="option-result__multiple-exchange" data-sdf-test="{{item.tradeinValueText}}">
5232              {{item.tradeinValueText}}
5233             </span>
5234             <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveTradeinUnitOfferText}}">
5235              {{item.exclusiveTradeinUnitOfferText}}
5236             </span>
5237             <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinOfferTextShow}}">
5238              {{item.extraTradeinOfferText}}
5239             </span>
5240             <span class="option-result__multiple-exchange" data-sdf-test="{{item.exclusiveChannerTradeinOfferTextShow}}">
5241              {{item.exclusiveChannerTradeinOfferText}}
5242             </span>
5243             <span class="option-result__multiple-exchange" data-sdf-test="{{item.extraTradeinVoucherTextShow}}">
5244              {{item.extraTradeinVoucherText}}
5245             </span>
5246             <span class="option-result__multiple-discount">
5247              {{item.specialDiscountText}}
5248             </span>
5249            </p>
5250            <p class="option-result__multiple-text">
5251             {{item.displayModelName}}
5252            </p>
5253            <p class="option-result__multiple-btn">
5254             <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:delete" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-delete remove-trade-in-result" data-trade-index="{{item.index}}">
5255              Hapus
5256             </button>
5257             <button an-ac="pd buying tool" an-ca="option click" an-la="trade-in:change" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" class="option-result__multiple-change open-trade-popup" data-trade-index="{{item.index}}">
5258              Ubah
5259             </button>
5260            </p>
5261           </li>
5262          </ul>
5263         </div>
5264         <p class="option-result__multiple-desc desc-target">
5265          Harga akan bervariasi berdasarkan model dan kondisi perangkat lama. *S&amp;K berlaku.
5266         </p>
5267         <p class="pd-select-option__alert-text alert-text" style="display: none;">
5268          <svg aria-hidden="true" class="icon" focusable="false">
5269           <use href="#information-error-bold" xlink:href="#information-error-bold">
5270           </use>
5271          </svg>
5272          The device you are trading in is more valuable than the phone you are buying. Unfortunately we cannot credit you the excess value, so please remove the trade in device, or change the device you are purchasing
5273         </p>
5274         <p class="pd-select-option__alert-text over-price-alert into-text" style="display: none;">
5275          <svg aria-hidden="true" class="icon" focusable="false">
5276           <use href="#info-bold" xlink:href="#info-bold">
5277           </use>
5278          </svg>
5279          Perangkat lama Anda memiliki harga tukar yang lebih besar dari harga Galaxy baru yang akan Anda beli. Kelebihan harga tukar ini tidak dapat diuangkan ataupun dikembalikan.
5280         </p>
5281         <div class="pd-select-option__cta">
5282          <a an-ac="pd buying tool" an-ca="option click" an-la="trade-in:add another trade-in" an-tr="header(pim)_trade in-product detail-option-click" aria-label="Link Title" class="cta cta--outlined cta--black open-trade-popup limit-count" href="javascript:void(0)">
5283           Tambah Trade-in
5284          </a>
5285         </div>
5286        </div>
5287        <div class="pd-select-option pd-select-option--check-dealer-stock sdf-component-template" data-sdf-template="checkDealerStock @ drawObj" data-sdf-test="{{checkDealerStock.hasComponent}}" data-sdf-unwrap="true">
5288         <div class="pd-select-option__headline-wrap">
5289          <h3 class="pd-select-option__headline">
5290           Dealer stock quantity
5291          </h3>
5292         </div>
5293         <p class="pd-select-option__desc">
5294          You can check the stock quantity for each region
5295         </p>
5296         <p class="pd-select-option__notice pd-select-option__notice--normal">
5297          <svg aria-hidden="true" class="icon" focusable="false">
5298           <use href="#information-error-bold" xlink:href="#information-error-bold">
5299           </use>
5300          </svg>
5301          Please select city
5302         </p>
5303         <div class="pd-select-option__wrap">
5304          <div class="pd-select-option__menu pd-select-option__menu--placeholder">
5305           <div class="menu filled" data-comp-name="menu" data-open-direction="down" data-type="filled">
5306            <select aria-hidden="true" class="menu__select" data-default-message="{{checkDealerStock.selectCity}}" name="check-dealer-stock" tabindex="-1">
5307             <option data-sdf-test="{{checkDealerStock.selectCity}}" disabled="" value="select City">
5308              {{checkDealerStock.selectCity}}
5309             </option>
5310             <option data-sdf-repeat.item="{{checkDealerStock.dataList}}" value="{{item.isocodeShort}}">
5311              {{item.name}}
5312             </option>
5313            </select>
5314            <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field" type="button">
5315             <span class="menu__select-field-text">
5316              Select city
5317             </span>
5318             <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
5319              <use href="#open-down-bold" xlink:href="#open-down-bold">
5320              </use>
5321             </svg>
5322             <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
5323              <use href="#close-up-bold" xlink:href="#close-up-bold">
5324              </use>
5325             </svg>
5326            </button>
5327           </div>
5328          </div>
5329          <p class="pd-select-option__check-message pd-select-option__check-message--success">
5330           <span>
5331            Only {0} left in stock.
5332           </span>
5333          </p>
5334          <p class="pd-select-option__check-message pd-select-option__check-message--error">
5335           <span>
5336            Sorry, this product is not currently available in selected city.
5337           </span>
5338          </p>
5339         </div>
5340        </div>
5341        <div class="pd-select-option off-change option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBack @ drawObj" data-sdf-test="{{assuredBuyBack.hasComponent}}" data-sdf-unwrap="true">
5342         <div class="pd-select-option__headline-wrap">
5343          <h3 class="pd-select-option__headline" data-sdf-test="{{assuredBuyBack.title}}">
5344           {{assuredBuyBack.title}}
5345          </h3>
5346         </div>
5347         <div class="pd-select-option__wrap">
5348          <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
5349           <li class="pd-select-option__item" role="listitem">
5350            <div class="pd-option-selector">
5351             <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{assuredBuyBack.noAttr.eventType}}" id="pd-galaxy-assured-0" name="pd-galaxy-assured" type="radio"/>
5352             <label class="pd-option-selector__label" for="pd-galaxy-assured-0">
5353              <span class="pd-option-selector__text-wrap">
5354               <span class="pd-option-selector__text">
5355                <strong class="pd-option-selector__main-text">
5356                 Tanpa perlindungan extra
5357                </strong>
5358               </span>
5359              </span>
5360             </label>
5361            </div>
5362           </li>
5363           <li class="pd-select-option__item" role="listitem">
5364            <div class="pd-option-selector">
5365             <input an-ac="pd buying tool" an-ca="option click" an-la="assured program:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input open-popup add-special-tagging" data-target-popup="{{assuredBuyBack.yesAttr.layerTarget}}" id="pd-galaxy-assured-1" name="pd-galaxy-assured" type="radio"/>
5366             <label class="pd-option-selector__label" for="pd-galaxy-assured-1">
5367              <span class="pd-option-selector__text-wrap">
5368               <span class="pd-option-selector__text">
5369                <strong class="pd-option-selector__main-text" data-sdf-test="{{assuredBuyBack.yesAttr.text}}">
5370                 {{assuredBuyBack.yesAttr.text}}
5371                </strong>
5372                <span class="pd-option-selector__sub-text" data-sdf-test="{{assuredBuyBack.yesAttr.subText}}">
5373                 {{assuredBuyBack.yesAttr.subText}}
5374                </span>
5375               </span>
5376              </span>
5377             </label>
5378            </div>
5379           </li>
5380          </ul>
5381         </div>
5382        </div>
5383        <div class="option-result-dev result-option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBackResult @ drawObj" data-sdf-unwrap="true">
5384         <input class="hidden result-price" data-sdf-attr.data-price="{{assuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{assuredBuyBackResult.dataSalePrice}}" type="hidden"/>
5385        </div>
5386        <div class="pd-select-option off-change option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBack @ drawObj" data-sdf-test="{{newAssuredBuyBack.hasComponent}}" data-sdf-unwrap="true">
5387         <div class="pd-select-option__headline-wrap">
5388          <h3 class="pd-select-option__headline" data-sdf-test="{{newAssuredBuyBack.title}}">
5389           {{newAssuredBuyBack.title}}
5390          </h3>
5391          <span class="pd-select-option__cta-wrap" data-sdf-test="{{newAssuredBuyBack.learnMoreCta.text}}">
5392           <a an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:learn more" an-tr="header(pim)_option selector-product detail-select-service option" aria-haspopup="dialog" class="cta cta--underline cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{newAssuredBuyBack.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{newAssuredBuyBack.learnMoreCta.href}}" data-sdf-attr.target="{{newAssuredBuyBack.learnMoreCta.target}}" data-sdf-attr.title="{{newAssuredBuyBack.learnMoreCta.title}}">
5393            {{newAssuredBuyBack.learnMoreCta.text}}
5394           </a>
5395          </span>
5396         </div>
5397         <p class="pd-select-option__desc" data-sdf-test="{{newAssuredBuyBack.description}}">
5398          {{newAssuredBuyBack.description}}
5399         </p>
5400         <p class="pd-select-option__notice">
5401          <svg aria-hidden="true" class="icon" focusable="false">
5402           <use href="#information-error-bold" xlink:href="#information-error-bold">
5403           </use>
5404          </svg>
5405          Please select Giga138 Assured Buyback or no coverage
5406         </p>
5407         <div class="pd-select-option__wrap">
5408          <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
5409           <li class="pd-select-option__item" data-sdf-repeat.item="{{newAssuredBuyBack.itemSet}}" role="listitem">
5410            <div class="pd-option-selector">
5411             <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:yes" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input open-popup add-special-tagging" id="pd-galaxy-new-assured-{{item.index}}" name="pd-galaxy-new-assured" type="radio"/>
5412             <label class="pd-option-selector__label" for="pd-galaxy-new-assured-{{item.index}}">
5413              <span class="pd-option-selector__text-wrap">
5414               <span class="pd-option-selector__text">
5415                <strong class="pd-option-selector__main-text" data-sdf-test="{{item.title}}">
5416                 {{item.title}}
5417                </strong>
5418                <span class="pd-option-selector__sub-text" data-sdf-test="{{item.priceDisplay}}">
5419                 {{item.priceDisplay}}
5420                </span>
5421               </span>
5422              </span>
5423             </label>
5424            </div>
5425           </li>
5426           <li class="pd-select-option__item" role="listitem">
5427            <div class="pd-option-selector">
5428             <input an-ac="pd buying tool" an-ca="option click" an-la="galaxy assured:no" an-tr="header(pim)_option selector-product detail-select-service option" class="hidden option-input add-special-tagging" data-event-type="{{newAssuredBuyBack.noAttr.eventType}}" id="pd-galaxy-new-assured-0" name="pd-galaxy-new-assured" type="radio"/>
5429             <label class="pd-option-selector__label" for="pd-galaxy-new-assured-0">
5430              <span class="pd-option-selector__text-wrap">
5431               <span class="pd-option-selector__text">
5432                <strong class="pd-option-selector__main-text">
5433                 {{newAssuredBuyBack.noAttr.text}}
5434                </strong>
5435               </span>
5436              </span>
5437             </label>
5438            </div>
5439           </li>
5440          </ul>
5441         </div>
5442        </div>
5443        <div class="option-result-dev result-option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBackResult @ drawObj" data-sdf-unwrap="true">
5444         <input class="hidden result-price" data-sdf-attr.data-display-name="{{newAssuredBuyBackResult.dataDisplayName}}" data-sdf-attr.data-display-price="{{newAssuredBuyBackResult.dataDisplayPrice}}" data-sdf-attr.data-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.model-code="{{newAssuredBuyBackResult.dataModelCode}}" data-sdf-attr.model-name="{{newAssuredBuyBackResult.dataModelName}}" type="hidden"/>
5445        </div>
5446        <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5447        <div class="pd-select-option option-care sdf-component-template" data-sdf-template=" care @ drawObj" data-sdf-test="{{care.hasComponent}}" data-sdf-unwrap="true">
5448         <div class="pd-select-option__headline-wrap">
5449          <h3 class="pd-select-option__headline" data-sdf-test="{{care.title}}">
5450           Benefits of BANDAR
5451          </h3>
5452          <button an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isNotOutLink}}">
5453           {{care.learnMoreCta.text}}
5454          </button>
5455          <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" data-sdf-attr.href="{{care.learnMoreCta.href}}" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-test="{{care.learnMoreCta.isOutLink}}" rel="nofollow">
5456           {{care.learnMoreCta.text}}
5457           <svg aria-hidden="true" class="icon" focusable="false">
5458            <use href="#outlink-bold" xlink:href="#outlink-bold">
5459            </use>
5460           </svg>
5461          </a>
5462         </div>
5463         <p class="pd-select-option__desc" data-sdf-test="{{care.description}}">
5464          Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern
5465         </p>
5466         <p class="pd-select-option__notice pd-select-option__notice--normal checkingSamsungCare">
5467          <svg aria-hidden="true" class="icon" focusable="false">
5468           <use href="#information-error-bold" xlink:href="#information-error-bold">
5469           </use>
5470          </svg>
5471          Tambah Samsung Care+ atau lanjutkan tanpa perlindungan extra
5472         </p>
5473         <div class="pd-select-option__wrap">
5474          <ul class="pd-select-option__list pd-select-option__list--wide pd-select-option__list--samsung-care" role="list">
5475           <li class="pd-select-option__item" role="listitem">
5476            <div class="pd-option-selector">
5477             <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"/>
5478             <label class="pd-option-selector__label" for="pd-samsung-care-0">
5479              <span class="pd-option-selector__text-wrap">
5480               <span class="pd-option-selector__text">
5481                <strong class="pd-option-selector__main-text">
5482                 Akses Cepat & Stabil
5483                </strong>
5484                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5485                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5486               </span>
5487              </span>
5488             </label>
5489            </div>
5490           </li>
5491           <li class="pd-select-option__item" role="listitem">
5492            <div class="pd-option-selector">
5493             <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"/>
5494             <label class="pd-option-selector__label" for="pd-samsung-care-0">
5495              <span class="pd-option-selector__text-wrap">
5496               <span class="pd-option-selector__text">
5497                <strong class="pd-option-selector__main-text">
5498                 Banyak Provider & Pasien Populer
5499                </strong>
5500                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5501                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5502               </span>
5503              </span>
5504             </label>
5505            </div>
5506           </li>
5507           <li class="pd-select-option__item" role="listitem">
5508            <div class="pd-option-selector">
5509             <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"/>
5510             <label class="pd-option-selector__label" for="pd-samsung-care-1">
5511              <span class="pd-option-selector__text-wrap">
5512               <span class="pd-option-selector__text">
5513                <strong class="pd-option-selector__main-text">
5514                 Sistem Keamanan Berlapis
5515                </strong>
5516                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5517                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5518               </span>
5519              </span>
5520             </label>
5521            </div>
5522           </li>
5523           <li class="pd-select-option__item" role="listitem">
5524            <div class="pd-option-selector">
5525             <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"/>
5526             <label class="pd-option-selector__label" for="pd-samsung-care-1">
5527              <span class="pd-option-selector__text-wrap">
5528               <span class="pd-option-selector__text">
5529                <strong class="pd-option-selector__main-text">
5530                 Support 24/7 Ramah & Responsif
5531                </strong>
5532                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5533                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5534               </span>
5535              </span>
5536             </label>
5537            </div>
5538           </li>
5539           <li class="pd-select-option__item" role="listitem">
5540            <div class="pd-option-selector">
5541             <input an-ac="pd buying tool" an-ca="option click" an-la="samsung care:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" data-event-type="{{care.noAttr.eventType}}" id="pd-samsung-care-0" name="pd-samsung-care" type="radio"/>
5542             <label class="pd-option-selector__label" for="pd-samsung-care-1">
5543              <span class="pd-option-selector__text-wrap">
5544               <span class="pd-option-selector__text">
5545                <strong class="pd-option-selector__main-text">
5546                 Tampilan Bersih & Mudah Dipahami
5547                </strong>
5548                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5549                <!-- CRHQ-3143 [B2C] ES - SC+ 개선 -->
5550               </span>
5551              </span>
5552             </label>
5553            </div>
5554           </li>
5555          </ul>
5556         </div>
5557        </div>
5558        <div class="option-result-dev hidden result-care sdf-component-template" data-sdf-template=" careResult @ drawObj " data-sdf-unwrap="true">
5559         <input class="hidden result-price" data-sdf-attr.data-id="{{careResult.dataId}}" data-sdf-attr.data-model-code="{{careResult.dataModelCode}}" data-sdf-attr.data-model-name="{{careResult.dataModelName}}" data-sdf-attr.data-price="{{careResult.dataPrice}}" data-sdf-attr.data-sale-price="{{careResult.dataSalePrice}}" type="hidden"/>
5560        </div>
5561        <div class="pd-select-option option-warranty sdf-component-template" data-sdf-template="warranty @ drawObj" data-sdf-test="{{warranty.hasComponent}}" data-sdf-unwrap="true">
5562         <div class="pd-select-option__headline-wrap">
5563          <h3 class="pd-select-option__headline" data-sdf-test="{{warranty.title}}">
5564           {{warranty.title}}
5565          </h3>
5566          <span class="pd-select-option__cta-wrap" data-sdf-test="{{warranty.learnMoreCta.text}}">
5567           <button an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{ warranty.learnMoreCta.isNotOutLink}}" href="%7b%7bwarranty.learnMoreCta.html" rel="nofollow">
5568            {{warranty.learnMoreCta.text}}
5569           </button>
5570           <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-test="{{warranty.learnMoreCta.isOutLink}}">
5571            {{warranty.learnMoreCta.text}}
5572            <svg aria-hidden="true" class="icon" focusable="false">
5573             <use href="#outlink-bold" xlink:href="#outlink-bold">
5574             </use>
5575            </svg>
5576           </a>
5577          </span>
5578         </div>
5579         <p class="pd-select-option__desc" data-sdf-test="{{warranty.description}}">
5580          {{warranty.description}}
5581         </p>
5582         <div class="pd-select-option__wrap">
5583          <ul class="pd-select-option__list" role="list">
5584           <li class="pd-select-option__item" role="listitem">
5585            <div class="pd-option-selector">
5586             <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.yesAttr.class}}" data-target-popup="{{warranty.yesAttr.layerTarget}}" id="pd-samsung-warranty-0" name="pd-samsung-warranty" type="radio"/>
5587             <label class="pd-option-selector__label" for="pd-samsung-warranty-0">
5588              <span class="pd-option-selector__text-wrap">
5589               <span class="pd-option-selector__text">
5590                <strong class="pd-option-selector__main-text">
5591                 {{warranty.yesAttr.text}}
5592                </strong>
5593                <span class="pd-option-selector__sub-text">
5594                 {{warranty.yesAttr.subText}}
5595                </span>
5596               </span>
5597              </span>
5598             </label>
5599            </div>
5600           </li>
5601           <li class="pd-select-option__item" role="listitem">
5602            <div class="pd-option-selector">
5603             <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging {{warranty.noAttr.class}}" data-event-type="{{warranty.noAttr.eventType}}" data-target-popup="{{warranty.noAttr.layerTarget}}" id="pd-samsung-warranty-1" name="pd-samsung-warranty" type="radio"/>
5604             <label class="pd-option-selector__label" for="pd-samsung-warranty-1">
5605              <span class="pd-option-selector__text-wrap">
5606               <span class="pd-option-selector__text">
5607                <strong class="pd-option-selector__main-text">
5608                 {{warranty.noAttr.text}}
5609                </strong>
5610               </span>
5611              </span>
5612             </label>
5613            </div>
5614           </li>
5615          </ul>
5616         </div>
5617        </div>
5618        <div class="option-result result-warranty sdf-component-template" data-sdf-template=" warrantyResult @ drawObj " data-sdf-unwrap="true">
5619         <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{warrantyResult.dataId}}" data-sdf-attr.data-model-code="{{warrantyResult.dataModelCode}}" data-sdf-attr.data-model-name="{{warrantyResult.dataModelName}}" data-sdf-attr.data-price="{{warrantyResult.dataPrice}}" data-sdf-attr.data-sale-price="{{warrantyResult.dataSalePrice}}">
5620          <p class="option-result__text-title" data-sdf-test="{{warrantyResult.displayModelName}}">
5621           {{warrantyResult.displayModelName}}
5622          </p>
5623          <p class="option-result__text" data-sdf-test="{{warrantyResult.discountText1}}">
5624           {{warrantyResult.discountText1}}
5625          </p>
5626         </div>
5627         <div class="option-result__desc-wrap" data-sdf-test="{{warrantyResult.description1}}">
5628          <p class="option-result__desc">
5629           {{warrantyResult.description1}}
5630          </p>
5631         </div>
5632         <a class="option-result__close remove-warranty-result" href="javascript:void(0)">
5633          <span class="hidden">
5634           Tutup
5635          </span>
5636          <svg class="icon" focusable="false" viewbox="0 0 96 96">
5637           <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
5638           </path>
5639          </svg>
5640         </a>
5641        </div>
5642        <div class="pd-select-option option-warranty-vd sdf-component-template" data-sdf-template="warrantyVd @ drawObj" data-sdf-test="{{warrantyVd.hasComponent}}" data-sdf-unwrap="true">
5643         <div class="pd-select-option__headline-wrap">
5644          <h3 class="pd-select-option__headline">
5645           {{warrantyVd.title}}
5646          </h3>
5647          <span class="pd-select-option__cta-wrap">
5648           <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon" data-sdf-attr.data-target-popup="{{warrantyVd.learnMoreCta.learnMoreTargetPopup}}" data-sdf-attr.href="{{warrantyVd.learnMoreCta.learnMoreHref}}" data-sdf-attr.target="{{warrantyVd.learnMoreCta.learnMoreTarget}}">
5649            {{warrantyVd.learnMoreCta.learnMoreText}}
5650            <svg aria-hidden="true" class="icon" focusable="false">
5651             <use href="#outlink-bold" xlink:href="#outlink-bold">
5652             </use>
5653            </svg>
5654           </a>
5655          </span>
5656         </div>
5657         <p class="pd-select-option__desc">
5658          {{warrantyVd.description}}
5659         </p>
5660         <div class="pd-select-option__wrap">
5661          <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
5662           <li class="pd-select-option__item" role="listitem">
5663            <div class="pd-option-selector">
5664             <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden" data-target-popup="{{warrantyVd.yesAttr.layerTarget}}" id="pd-extended-warranty-option-0" name="pd-extended-warranty-option" type="radio"/>
5665             <label class="pd-option-selector__label" for="pd-extended-warranty-option-0">
5666              <span class="pd-option-selector__text-wrap">
5667               <span class="pd-option-selector__text">
5668                <strong class="pd-option-selector__main-text">
5669                 {{warrantyVd.yesAttr.text}}
5670                </strong>
5671               </span>
5672              </span>
5673             </label>
5674            </div>
5675           </li>
5676           <li class="pd-select-option__item" role="listitem">
5677            <div class="pd-option-selector">
5678             <input an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-result-focus" id="pd-extended-warranty-option-1" name="pd-extended-warranty-option" type="radio"/>
5679             <label class="pd-option-selector__label" for="pd-extended-warranty-option-1">
5680              <span class="pd-option-selector__text-wrap">
5681               <span class="pd-option-selector__text">
5682                <strong class="pd-option-selector__main-text">
5683                 {{warrantyVd.noAttr.text}}
5684                </strong>
5685               </span>
5686              </span>
5687             </label>
5688            </div>
5689           </li>
5690          </ul>
5691         </div>
5692        </div>
5693        <div class="option-result option-result--extended-warranty-option sdf-component-template" data-sdf-template="warrantyVdResult @ drawObj" data-sdf-unwrap="true">
5694         <div class="option-result__text-wrap" data-sdf-attr.data-model-code="{{warrantyVdResult.smcCode}}" data-sdf-attr.data-price="{{warrantyVdResult.price}}">
5695          <p class="option-result__text-title">
5696           {{warrantyVdResult.title}}
5697          </p>
5698          <p class="option-result__text">
5699           {{warrantyVdResult.priceDisplay}}
5700          </p>
5701         </div>
5702         <a an-ac="pd buying tool" an-ca="option click" an-la="extended warranty:delete" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="option-result__close" href="javascript:void(0)">
5703          <span class="hidden">
5704           Close
5705          </span>
5706          <svg aria-hidden="true" class="icon" focusable="false" viewbox="0 0 96 96">
5707           <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
5708           </path>
5709          </svg>
5710         </a>
5711        </div>
5712        <!-- (2021.02.08 추가) Tooltip 기능 추가 -->
5713        <div class="pd-select-option pd-select-option--delivery-detail sdf-component-template" data-sdf-template="delivery @ drawObj" data-sdf-test="{{delivery.hasComponent}}" data-sdf-unwrap="true">
5714         <div class="pd-select-option__headline-wrap">
5715          <h3 class="pd-select-option__headline">
5716           {{delivery.headline}}
5717          </h3>
5718         </div>
5719         <div class="pd-select-option__input-wrap">
5720          <div class="text-field-v2 no-title {{delivery.labelClass}}">
5721           <label class="text-field-v2__hint" for="delivery-zipcode">
5722            {{delivery.label}}
5723           </label>
5724           <div class="text-field-v2__input-wrap">
5725            <input autocomplete="off" class="text-field-v2__input" data-sdf-attr.disabled="{{delivery.inputAttr.disabled}}" data-sdf-attr.maxlength="{{delivery.inputAttr.maxlength}}" data-sdf-attr.value="{{delivery.inputAttr.value}}" id="delivery-zipcode" type="text"/>
5726            <button an-ac="pd buying tool" an-ca="option click" an-la="zip code:delete" an-tr="header(pim)_option selector-product detail-image-submit" class="text-field-v2__input-icon delete add-special-tagging" title="Delete">
5727             <svg class="icon delete" focusable="false">
5728              <use href="#cancel-bold" xlink:href="#cancel-bold">
5729              </use>
5730             </svg>
5731            </button>
5732           </div>
5733           <p class="text-field-v2__text error">
5734            {{delivery.errorMessage}}
5735           </p>
5736          </div>
5737          <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:Apply" an-tr="hdd02_product info.-product detail-apply cta-option_click1" class="cta cta--contained cta--black check-zipcode {{delivery.ctaClass}}" href="javascript:void(0)" title="Apply">
5738           Terapkan
5739          </a>
5740         </div>
5741        </div>
5742        <div class="option-result result-delivery sdf-component-template" data-sdf-template="deliveryResult @ drawObj" data-sdf-unwrap="true">
5743         <div class="option-result__text-wrap">
5744          <p class="option-result__text delivery-priority" data-sdf-test="{{deliveryResult.priorityText}}">
5745           {{deliveryResult.priorityText}}
5746          </p>
5747          <p class="option-result__text delivery-standard" data-sdf-test="{{deliveryResult.mainText}}">
5748           {{deliveryResult.mainText}}
5749          </p>
5750          <p class="option-result__sub-text" data-sdf-test="{{deliveryResult.subText}}">
5751           {{deliveryResult.subText}}
5752           <br/>
5753           Standard installation charges may apply.
5754           <a aria-label="Link Title" class="option-result__text-link" href="https://membersmarkproduct.com/" target="_blank">
5755            Click here
5756           </a>
5757           for more details.
5758          </p>
5759         </div>
5760         <div class="option-result__desc-wrap">
5761          <p class="option-result__desc-title" data-sdf-test="{{deliveryResult.decText}}">
5762           {{deliveryResult.decText}}
5763          </p>
5764          <p class="option-result__desc" data-sdf-repeat.item="{{deliveryResult.disclaimerList}}">
5765           {{item.disclaimer}}
5766          </p>
5767         </div>
5768         <a an-ac="pd buying tool" an-ca="option click" an-la="delivery details:delete" an-tr="hdd02_product info.-product detail-option selector-option_click1" class="option-result__close remove-delivery" href="javascript:void(0)">
5769          <span class="hidden">
5770           Tutup
5771          </span>
5772          <svg aria-hidden="true" class="icon" focusable="false">
5773           <use href="#delete-bold" xlink:href="#delete-bold">
5774           </use>
5775          </svg>
5776         </a>
5777        </div>
5778        <div class="pd-select-option option-tariff sdf-component-template" data-sdf-template="tariffOption @ drawObj" data-sdf-test="{{tariffOption.hasComponent}}" data-sdf-unwrap="true">
5779         <div class="pd-select-option__headline-wrap">
5780          <h3 class="pd-select-option__headline">
5781           {{tariffOption.headline}}
5782          </h3>
5783          <span class="pd-select-option__cta-wrap" data-sdf-test="{{tariffOption.href}}">
5784           <a an-ac="pd buying tool" an-ca="option click" an-la="tariff:learn more" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" class="cta cta--underline-v2 cta--black cta--icon add-special-tagging" data-sdf-attr.href="{{tariffOption.href}}" rel="nofollow" role="button" target="_blank" title="Lebih detail">
5785            Lebih detail
5786            <svg aria-hidden="true" class="icon" focusable="false">
5787             <use href="#outlink-bold" xlink:href="#outlink-bold">
5788             </use>
5789            </svg>
5790           </a>
5791          </span>
5792         </div>
5793         <p class="pd-select-option__desc">
5794          {{tariffOption.description}}
5795         </p>
5796         <p class="pd-select-option__carrier" data-sdf-list.logoitem="{{tariffOption.logoList}}">
5797          <img class="carrier-logo" data-sdf-attr.alt="{{logoitem.alt}}" data-sdf-attr.src="{{logoitem.src}}"/>
5798         </p>
5799         <div class="pd-select-option__wrap">
5800          <ul class="pd-select-option__list" role="list">
5801           <li class="pd-select-option__item" role="listitem">
5802            <div class="pd-option-selector">
5803             <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:yes" an-tr="hdd02_product info.-product detail-option service selector-option_click" aria-haspopup="dialog" checked="" class="hidden option-input add-special-tagging" data-target-popup="tariffPopup" id="pd-tariff-option-0" name="pd-tariff-option" type="radio"/>
5804             <label class="pd-option-selector__label" for="pd-tariff-option-0">
5805              <span class="pd-option-selector__text-wrap">
5806               <span class="pd-option-selector__text">
5807                <span class="pd-option-selector__main-text">
5808                 {{tariffOption.yesAttr.text}}
5809                </span>
5810               </span>
5811              </span>
5812             </label>
5813            </div>
5814           </li>
5815           <li class="pd-select-option__item" role="listitem">
5816            <div class="pd-option-selector">
5817             <input an-ac="pd buying tool" an-ca="option click" an-la="tariff:no" an-tr="hdd02_product info.-product detail-option service selector-option_click" class="hidden option-input add-special-tagging" id="pd-tariff-option-1" name="pd-tariff-option" type="radio"/>
5818             <label class="pd-option-selector__label" for="pd-tariff-option-1">
5819              <span class="pd-option-selector__text-wrap">
5820               <span class="pd-option-selector__text">
5821                <span class="pd-option-selector__main-text">
5822                 {{tariffOption.noAttr.text}}
5823                </span>
5824               </span>
5825              </span>
5826             </label>
5827            </div>
5828           </li>
5829          </ul>
5830         </div>
5831        </div>
5832        <div class="option-result result-tariff-option sdf-component-template" data-sdf-template="tariffOptionResult @ drawObj" data-sdf-test="{{tariffOptionResult.hasComponent}}" data-sdf-unwrap="true">
5833         <div class="option-result__text-wrap result-price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}">
5834          <p class="option-result__text-title" data-sdf-test="{{tariffOptionResult.displayModelName}}">
5835           {{tariffOptionResult.displayModelName}}
5836          </p>
5837          <p class="option-result__text" data-sdf-test="{{tariffOptionResult.discountText1}}">
5838           {{tariffOptionResult.discountText1}}
5839          </p>
5840         </div>
5841         <div class="option-result__desc-wrap" data-sdf-test="{{tariffOptionResult.description1}}">
5842          <p class="option-result__desc">
5843           {{tariffOptionResult.description1}}
5844          </p>
5845          <p class="option-result__desc">
5846           {{tariffOptionResult.description2}}
5847          </p>
5848         </div>
5849         <a class="option-result__close remove-tariff-option-result" href="javascript:void(0)">
5850          <span class="hidden">
5851           Tutup
5852          </span>
5853          <svg class="icon" focusable="false" viewbox="0 0 96 96">
5854           <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z">
5855           </path>
5856          </svg>
5857         </a>
5858         <p class="option-result__desc">
5859          {{tariffOptionResult.description}}
5860         </p>
5861         <p class="option-result__price" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}">
5862          {{tariffOptionResult.price}}
5863         </p>
5864         <p class="option-result__disclaimer">
5865          {{tariffOptionResult.disclaimer}}
5866         </p>
5867        </div>
5868        <div class="pd-select-option option-embed-addon sdf-component-template" data-sdf-template="embedAddon @ drawObj" data-sdf-test="{{embedAddon.hasComponent}}" data-sdf-unwrap="true">
5869         <h3 class="pd-select-option__headline">
5870          {{embedAddon.title}}
5871         </h3>
5872         <p class="pd-select-option__desc">
5873          {{embedAddon.description}}
5874         </p>
5875         <ul class="add-on-product-list-wrap" data-sdf-test="{{embedAddon.isNotVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0">
5876          <li class="add-on-product{{item.oosClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}">
5877           <div class="checkbox-v2">
5878            <input an-ac="pd buying tool" an-ca="option click" an-la="add on product purchase only:{{item.nameToLowerCase}}" class="checkbox-v3__input" data-modelcode="{{item.modelCode}}" data-modelname="{{item.groupCode}}" id="add-on-product-{{item.index}}" name="checkbox" type="checkbox"/>
5879            <label class="checkbox-v3__label" for="add-on-product-{{item.index}}">
5880             <span class="checkbox-v3__label-box-wrap">
5881              <span class="checkbox-v3__label-box">
5882               <svg aria-hidden="true" class="checkbox-v3__label-box-icon" focusable="false">
5883                <use href="#done-bold" xlink:href="#done-bold">
5884                </use>
5885               </svg>
5886              </span>
5887             </span>
5888             <span class="checkbox-v3__label-text">
5889              {{item.name}}
5890             </span>
5891            </label>
5892           </div>
5893           <div class="add-on-product__image">
5894            <div class="image">
5895             <img alt="{{item.imgAlt}}" class="image__preview lazy-load" data-src="{{item.imgSrc}}" role="img"/>
5896             <img alt="{{item.imgAlt}}" class="image__main lazy-load" data-src="{{item.imgSrc}}" role="img"/>
5897            </div>
5898           </div>
5899           <div class="add-on-product__detail-wrap">
5900            <div class="add-on-product__text-wrap">
5901             <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">
5902              {{item.iconTitle}}
5903             </span>
5904             <p class="add-on-product__title" data-model-name="{{item.name}}">
5905              {{item.name}}
5906             </p>
5907             <p class="add-on-product__serial-number" data-model-code="{{item.modelCode}}" data-sdf-test="{{item.modelCode}}">
5908              {{item.modelCode}}
5909             </p>
5910             <p class="add-on-product__desc" data-sdf-test="{{item.description}}">
5911              {{item.description}}
5912             </p>
5913            </div>
5914            <div class="add-on-product__price-wrap">
5915             <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">
5916              {{item.finalPrice}}
5917             </p>
5918             <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}">
5919              {{item.originalPrice}}
5920             </del>
5921             <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}">
5922              {{item.savePrice}}
5923             </span>
5924             <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}">
5925              Habis
5926             </span>
5927            </div>
5928            <button aria-label="Learn More" class="cta cta--underline-v2 cta--black cta-learn-more" data-model-idx="{{item.index}}" data-sdf-test="{{item.isLearnMorePopup}}">
5929             Lebih detail
5930            </button>
5931           </div>
5932          </li>
5933         </ul>
5934         <ul class="add-on-product-list-wrap add-on-product-list-wrap--vd" data-sdf-test="{{embedAddon.isVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0">
5935          <li class="add-on-product{{item.oosClass}}{{item.hideClass}}" data-sdf-repeat.item="{{embedAddon.itemSet}}" data-view-more-item="true">
5936           <div class="add-on-product__image">
5937            <div class="image">
5938             <img alt="{{item.imgAlt}}" class="image__preview lazy-load responsive-img" data-comp-name="image" data-desktop-src="" data-mobile-src="" data-src="" role="img"/>
5939             <img alt="{{item.imgAlt}}" class="image__main lazy-load responsive-img lazy-load" data-comp-name="image" data-desktop-src="{{item.imgSrc}}?$72_72_PNG$" data-mobile-src="{{item.imgSrc}}?$128_128_PNG$" data-src="{{item.imgSrc}}" role="img"/>
5940            </div>
5941           </div>
5942           <div class="add-on-product__detail-wrap">
5943            <div class="add-on-product__text-wrap">
5944             <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">
5945              {{item.iconTitle}}
5946             </span>
5947             <p class="add-on-product__title" data-model-name="{{item.name}}">
5948              {{item.name}}
5949             </p>
5950             <p class="add-on-product__desc" data-sdf-test="{{item.description}}">
5951              {{item.description}}
5952             </p>
5953             <ul class="add-on-product__dot-list" data-sdf-test="{{item.dotList1}}">
5954              <li data-sdf-test="{{item.dotList1}}">
5955               {{item.dotList1}}
5956              </li>
5957              <li data-sdf-test="{{item.dotList2}}">
5958               {{item.dotList2}}
5959              </li>
5960              <li data-sdf-test="{{item.dotList3}}">
5961               {{item.dotList3}}
5962              </li>
5963             </ul>
5964            </div>
5965            <div class="add-on-product__price-wrap">
5966             <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">
5967              {{item.finalPrice}}
5968             </p>
5969             <del class="add-on-product__original-price" data-original-price="{{item.originalPriceValue}}" data-sdf-test="{{item.originalPrice}}">
5970              {{item.originalPrice}}
5971             </del>
5972             <span class="add-on-product__saving-price" data-save-price="{{item.savePriceValue}}" data-sdf-test="{{item.savePrice}}">
5973              {{item.savePrice}}
5974             </span>
5975             <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}">
5976              Habis
5977             </span>
5978            </div>
5979            <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black embed-addon-add" data-id="add-on-product-{{item.index}}" data-mode-code="{{item.modelCode}}" data-sdf-test="{{item.isStock}}">
5980             Tambah
5981            </button>
5982            <button an-ac="pd buying tool" an-ca="option click" an-la="add-on:add item" an-tr="hdd02_pdp header-product detail-add item-option_click" aria-label="Add" class="cta cta--outlined cta--black cta--disabled embed-addon-add" data-sdf-test="{{item.isOOS}}" disabled="">
5983             Tambah
5984            </button>
5985           </div>
5986          </li>
5987         </ul>
5988         <div class="pd-select-option__view-more" data-sdf-test="{{embedAddon.useMobileCTA}}">
5989          <button aria-expanded="false" class="cta cta--icon" data-js-action="offerListViewMore" data-text-close="Lihat sedikit" data-text-open="Lihat selengkapnya" type="button">
5990           <span class="pd-select-option__view-more-text">
5991            Lihat selengkapnya
5992           </span>
5993           <svg aria-hidden="true" class="icon" focusable="false">
5994            <use href="#open-down-regular" xlink:href="#open-down-regular">
5995            </use>
5996           </svg>
5997          </button>
5998         </div>
5999        </div>
6000        <div data-sdf-template="offerContent_promotionMessage @ message" data-sdf-unwrap="true">
6001         <div class="dot-list__text-wrap {{message.item.contentWrapperClass}}">
6002          <span class="dot-list__text" data-sdf-test="{{message.item.offerTitle}}">
6003           {{message.item.offerTitle}}
6004          </span>
6005          <span class="dot-list__tooltip" data-sdf-test="{{message.item.offerTooltip}}">
6006           <button aria-describedby="descTip" class="dot-list__tooltip-cta">
6007            <span class="hidden">
6008             ?
6009            </span>
6010           </button>
6011           <span class="dot-list__tooltip-message" id="descTip" role="tooltip">
6012            <span class="dot-list__tooltip-message-text">
6013             {{message.item.offerTooltip}}
6014            </span>
6015            <button class="dot-list__tooltip-close">
6016             <span class="hidden">
6017              Close
6018             </span>
6019             <svg aria-hidden="true" class="icon icon-delete" focusable="false">
6020              <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
6021              </use>
6022             </svg>
6023            </button>
6024           </span>
6025          </span>
6026          <a an-ac="pd buying tool" an-ca="option click" an-la="offers:{{message.item.title}}:{{message.item.linkText}}" an-tr="hdd02_product info.-product detail-offers-option_click1" class="cta cta--underline-v2 cta--black" data-sdf-attr.href="{{message.item.linkUrl}}" data-sdf-attr.title="{{message.item.linkText}}" data-sdf-test="{{message.item.linkEnabled}}">
6027           {{message.item.linkText}}
6028          </a>
6029         </div>
6030         <p class="dot-list__desc" data-sdf-test="{{message.item.hasTCCTA}}">
6031          {{message.item.tcCTAText}}
6032         </p>
6033         <p class="dot-list__desc" data-sdf-test="{{message.item.hasPeriod}}">
6034          {{message.item.periodText}}
6035         </p>
6036        </div>
6037       </div>
6038       <!--googleon: all-->
6039      </div>
6040     </div>
6041    </div>
6042    <div class="pd-g-feature-benefit-ux2 pd-g-feature-benefit">
6043     <!-- isNotBuyingPd-->
6044     <!-- FaqSeo -->
6045    </div>
6046    <div class="pd-g-reasons-to-buy-ux2">
6047     <input id="rtbListSize" name="rtbListSize" type="hidden" value="4"/>
6048     <section class="pdd28-reasons-to-buy pdd28-reasons-to-buy--theme-white-card" style="display:none;">
6049      
6049<script data-id="2b893dde-fb1e-4e03-8e91-a97d9d75e68a" data-object-type="OfferCatalog" data-type="seo" type="application/ld+json">
6050{
6051  "@context": "https://schema.org",
6052  "@type": "OfferCatalog",
6053  "name": "Beli langsung. Dapat lebih banyak.",
6054  "itemListElement": [
6055    {
6056      "@type": "Offer",
6057      "itemOffered": {
6058        "@type": "Service",
6059        "name": "Samsung Rewards",
6060        "description": "Belanja dan kumpulkan point reward untuk pembelian berikutnya"
6061      }
6062    },
6063    {
6064      "@type": "Offer",
6065      "itemOffered": {
6066        "@type": "Service",
6067        "name": "Samsung Premium Care",
6068        "description": "Perlindungan lebih tanpa perlu khawatir"
6069      }
6070    },
6071    {
6072      "@type": "Offer",
6073      "itemOffered": {
6074        "@type": "Service",
6075        "name": "Gratis Pengiriman",
6076        "description": "Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern"
6077      }
6078    },
6079    {
6080      "@type": "Offer",
6081      "itemOffered": {
6082        "@type": "Service",
6083        "name": "Flexible Finance",
6084        "description": "Cicilan 0% menggunakan kartu kredit bank hingga 24 bulan"
6085      }
6086    }
6087  ]
6088}
6089</script>
6089
6090
6091    <style>
6092    /* =============================================================
6093       KONSEP "CYBER BLUEPRINT / DEEP OCEAN TECH"
6094       Perpaduan Biru: navy · deep blue · electric · sky/cyan
6095       ============================================================= */
6096
6097    .container {
6098        max-width: 1100px;
6099        margin: 0 auto;
6100        background: linear-gradient(160deg, #d4a017 0%, #d4a017 55%, #d4a017 100%);
6101        border-radius: 28px;
6102        padding: 50px 40px;
6103        position: relative;
6104        overflow: hidden;
6105        box-shadow:
6106            0 40px 80px -25px rgba(0, 0, 0, 0.7),
6107            0 0 0 1px rgba(0, 0, 0, 0.25),
6108            inset 0 1px 0 rgba(0, 0, 0, 0.12);
6109    }
6110    .container::before {
6111        content: '';
6112        position: absolute;
6113        inset: 0;
6114        background-image:
6115            linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
6116            linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
6117        background-size: 32px 32px;
6118        pointer-events: none;
6119        z-index: 0;
6120    }
6121    .container::after {
6122        content: '';
6123        position: absolute;
6124        top: -80px; right: -80px;
6125        width: 320px; height: 320px;
6126        background: radial-gradient(circle, rgba(0, 0, 0, 0.22) 0%, transparent 70%);
6127        pointer-events: none;
6128        z-index: 0;
6129    }
6130    .container > * { position: relative; z-index: 1; }
6131
6132    /* Headings */
6133    .container h1 {
6134        font-size: 30px;
6135        font-weight: 900;
6136        text-align: center;
6137        color: #000;
6138        margin: 0 0 14px;
6139        line-height: 1.35;
6140        letter-spacing: -0.3px;
6141    }
6142    .container h1 .accent {
6143        background: linear-gradient(90deg, #000 0%, #000 50%, #000 100%);
6144        -webkit-background-clip: text;
6145        background-clip: text;
6146        -webkit-text-fill-color: transparent;
6147    }
6148    .title-subline {
6149        display: flex;
6150        align-items: center;
6151        justify-content: center;
6152        gap: 14px;
6153        margin: 0 auto 40px;
6154        color: rgba(0, 0, 0, 0.7);
6155        font-size: 11px;
6156        font-weight: 700;
6157        letter-spacing: 3px;
6158        text-transform: uppercase;
6159    }
6160    .title-subline::before,
6161    .title-subline::after {
6162        content: '';
6163        width: 60px;
6164        height: 1px;
6165        background: linear-gradient(90deg, transparent, #000, transparent);
6166    }
6167
6168    .container h2 {
6169        font-size: 13px;
6170        font-weight: 800;
6171        color: #000;
6172        margin: 50px 0 24px;
6173        padding-left: 0;
6174        letter-spacing: 4px;
6175        text-transform: uppercase;
6176        text-align: center;
6177        position: relative;
6178        background: none;
6179    }
6180    .container h2::before { content: '◆ '; color: #000; position: static; width: auto; background: none; }
6181    .container h2::after  { content: ' ◆'; color: #000; }
6182
6183    /* Info Cards - holographic panels */
6184    .info-grid {
6185        display: grid;
6186        grid-template-columns: repeat(4, 1fr);
6187        gap: 16px;
6188        margin: 0 0 50px;
6189    }
6190    .info-card {
6191        background: linear-gradient(160deg, #313131 0%, #313131 100%);
6192        border: 1px solid #fff;
6193        border-radius: 16px;
6194        padding: 22px 14px 20px;
6195        text-align: center;
6196        position: relative;
6197        overflow: hidden;
6198        transition: all 0.3s ease;
6199    }
6200    .info-card::before {
6201        content: '';
6202        position: absolute;
6203        top: 0; left: 0; right: 0;
6204        height: 2px;
6205        background: linear-gradient(90deg, transparent, #000, transparent);
6206    }
6207    .info-card:hover {
6208        transform: translateY(-4px);
6209        border-color: rgba(255, 255, 255, 0.6);
6210        box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.4);
6211    }
6212    .info-card .label {
6213        font-size: 11px;
6214        color: #fff;
6215        font-weight: 700;
6216        text-transform: uppercase;
6217        letter-spacing: 1.5px;
6218    }
6219    .info-card .value {
6220        font-size: 22px;
6221        font-weight: 900;
6222        background: linear-gradient(90deg, #e1e50c, #e1e50c);
6223        -webkit-background-clip: text;
6224        background-clip: text;
6225        -webkit-text-fill-color: transparent;
6226        margin-top: 8px;
6227    }
6228
6229    /* Highlight box - editorial */
6230    .highlight-box {
6231        background: linear-gradient(160deg, #313131 0%, #313131 100%);
6232        border: 1px solid #fff;
6233        border-radius: 20px;
6234        padding: 34px 36px;
6235        margin: 0 0 40px;
6236        position: relative;
6237        overflow: hidden;
6238    }
6239    .highlight-box::before {
6240        content: '';
6241        position: absolute;
6242        top: 0; bottom: 0; left: 0;
6243        width: 4px;
6244        background: linear-gradient(180deg, #000, #000, #000);
6245    }
6246    .highlight-box p {
6247        color: rgba(255, 255, 255, 0.88);
6248        margin: 0 0 16px;
6249        font-size: 15px;
6250        line-height: 1.8;
6251        text-align: justify;
6252    }
6253    .highlight-box p:last-child { margin-bottom: 0; }
6254    .highlight-box p:first-of-type::first-letter {
6255        font-size: 56px;
6256        font-weight: 900;
6257        background: linear-gradient(135deg, #000, #000);
6258        -webkit-background-clip: text;
6259        background-clip: text;
6260        -webkit-text-fill-color: transparent;
6261        float: left;
6262        line-height: 0.9;
6263        margin: 6px 12px 0 0;
6264        font-family: Georgia, serif;
6265    }
6266    .highlight-box a {
6267        color: #d4a017;
6268        text-decoration: none;
6269        font-weight: 600;
6270        border-bottom: 1px dashed rgba(0, 0, 0, 0.4);
6271        transition: all 0.2s ease;
6272    }
6273    .highlight-box a:hover {
6274        color: #fff;
6275        border-bottom-color: #000;
6276    }
6277
6278    /* Reviews - chat message cards */
6279    .reviews-grid {
6280        display: grid;
6281        grid-template-columns: repeat(3, 1fr);
6282        gap: 18px;
6283        margin-top: 24px;
6284    }
6285    .review-card {
6286        background: linear-gradient(160deg, #313131 0%, #313131 100%);
6287        border: 1px solid rgba(0, 0, 0, 0.22);
6288        border-radius: 18px;
6289        padding: 22px 20px 18px;
6290        position: relative;
6291        transition: all 0.3s ease;
6292        overflow: hidden;
6293        box-shadow: none;
6294    }
6295    .review-card::before {
6296        content: '"';
6297        position: absolute;
6298        top: 0; right: 18px;
6299        font-size: 80px;
6300        color: rgba(255, 255, 255, 0.15);
6301        font-family: Georgia, serif;
6302        line-height: 1;
6303    }
6304    .review-card:hover {
6305        transform: translateY(-4px);
6306        border-color: rgba(0, 0, 0, 0.5);
6307        box-shadow: 0 14px 32px -10px rgba(0, 0, 0, 0.4);
6308    }
6309    .review-header {
6310        display: flex;
6311        align-items: center;
6312        gap: 12px;
6313        margin-bottom: 12px;
6314        padding-bottom: 12px;
6315        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
6316        justify-content: flex-start;
6317    }
6318    .review-header::before {
6319        content: attr(data-initial);
6320        width: 42px;
6321        height: 42px;
6322        border-radius: 12px;
6323        background: linear-gradient(180deg, #d4a017, #000);
6324        color: #ffffff;
6325        font-weight: 800;
6326        font-size: 17px;
6327        display: flex;
6328        align-items: center;
6329        justify-content: center;
6330        flex-shrink: 0;
6331        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
6332    }
6333    .review-card:nth-child(2) .review-header::before { background: linear-gradient(180deg, #d4a017, #000); }
6334    .review-card:nth-child(3) .review-header::before { background: linear-gradient(180deg, #d4a017, #000); }
6335    .review-card:nth-child(4) .review-header::before { background: linear-gradient(180deg, #d4a017, #000); }
6336    .review-card:nth-child(5) .review-header::before { background: linear-gradient(180deg, #d4a017, #000); }
6337    .review-card:nth-child(6) .review-header::before { background: linear-gradient(180deg, #d4a017, #000); }
6338    .review-header-info {
6339        display: flex;
6340        flex-direction: column;
6341        gap: 3px;
6342        flex: 1;
6343        min-width: 0;
6344    }
6345    .review-name {
6346        font-weight: 800;
6347        color: #ffffff;
6348        font-size: 14px;
6349        letter-spacing: 0.3px;
6350    }
6351    .review-stars {
6352        color: #ffe6a3;
6353        font-size: 12px;
6354        letter-spacing: 2px;
6355    }
6356    .review-text {
6357        color: rgba(255, 255, 255, 0.82);
6358        font-size: 13.5px;
6359        line-height: 1.7;
6360        margin: 0 0 12px;
6361        font-style: normal;
6362    }
6363    .review-date {
6364        color: rgba(255, 255, 255, 0.55);
6365        font-size: 11px;
6366        display: flex;
6367        align-items: center;
6368        gap: 6px;
6369        font-weight: 600;
6370        letter-spacing: 0.3px;
6371        margin-top: 0;
6372    }
6373    .review-date::before {
6374        content: '●';
6375        color: #ffffff;
6376        font-size: 8px;
6377        text-shadow: 0 0 6px #000;
6378    }
6379
6380    @media (max-width: 768px) {
6381        .container { padding: 32px 20px; }
6382        .container h1 { font-size: 22px; }
6383        .info-grid { grid-template-columns: repeat(2, 1fr); }
6384        .reviews-grid { grid-template-columns: 1fr; }
6385        .highlight-box { padding: 24px 22px; }
6386        .highlight-box p { font-size: 14px; }
6387    }
6388</style>
6389
6390<div class="container">
6391    <!-- Main Title -->
6392    <h1>Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern</h1>
6393    <div class="title-subline">BELLA PEACHY FASHION EDIT</div>
6394
6395    <!-- Info Cards -->
6396    <div class="info-grid">
6397        <div class="info-card">
6398            <div class="label">Karakter Fashion</div>
6399            <div class="value">Modern & Feminin</div>
6400        </div>
6401        <div class="info-card">
6402            <div class="label">Palet Gaya</div>
6403            <div class="value">Peach, Ivory, Earthy</div>
6404        </div>
6405        <div class="info-card">
6406            <div class="label">Inspirasi</div>
6407            <div class="value">Casual hingga Chic</div>
6408        </div>
6409        <div class="info-card">
6410            <div class="label">Kolaborasi</div>
6411            <div class="value">Giga138 X Bella Peachy</div>
6412        </div>
6413    </div>
6414  
6415    <!-- Article Content -->
6416    <div class="highlight-box">
6417  <p class="isSelectedEnd" style="text-align: justify;"><strong>Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern</strong> menghadirkan inspirasi gaya yang memadukan nuansa feminin, santai, dan modern. Identitas Bella Peachy menonjol melalui w
6417arna peach yang hangat, siluet ringan, serta detail sederhana yang mudah dipadukan untuk aktivitas sehari-hari. Pendekatan ini cocok bagi wanita yang ingin tampil segar tanpa kehilangan kesan elegan dan nyaman.</p>
6418  <p class="isSelectedEnd" style="text-align: justify;">Koleksi bergaya Bella Peachy dapat dipadukan dengan tas anyaman, sandal bernuansa natural, aksesori minimalis, atau outer berwarna ivory untuk menciptakan tampilan yang seimbang. Perpaduan warna peach, krem, cokelat muda, dan sentuhan olive memberi karakter musim panas yang lembut sekaligus tetap relevan untuk gaya kasual, brunch, liburan, hingga acara santai bersama teman.</p>
6419  <p class="isSelectedEnd" style="text-align: justify;">Melalui kolaborasi <strong>Giga138 X Bella Peachy</strong>, halaman ini berfokus pada ide fashion dan gaya wanita modern yang mudah diadaptasi. Kuncinya adalah memilih potongan yang terasa ringan, warna yang saling melengkapi, serta aksesori yang tidak berlebihan sehingga keseluruhan penampilan tetap terlihat rapi, percaya diri, dan memiliki ciri khas peach yang hangat.</p>
6420</div>
6421
6422<style id="Giga138-faq-review-final">
6423  /* ===== Giga138 FAQ + REVIEW SECTION ===== */
6424  .Giga138-fr-wrap{
6425    margin:34px 0 0;
6426    display:grid;
6427    grid-template-columns:1fr;
6428    gap:26px;
6429  }
6430  .Giga138-fr-title{
6431    text-align:center;
6432    margin:0 0 18px;
6433  }
6434  .Giga138-fr-title span{
6435    display:inline-flex;
6436    align-items:center;
6437    justify-content:center;
6438    gap:8px;
6439    padding:8px 16px;
6440    border-radius:999px;
6441    background:linear-gradient(135deg,rgba(255,209,92,.18),rgba(115,76,7,.26));
6442    border:1px solid rgba(255,214,106,.38);
6443    color:#fff0b6;
6444    font-size:11px;
6445    font-weight:900;
6446    letter-spacing:.18em;
6447    text-transform:uppercase;
6448    box-shadow:0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
6449  }
6450  .Giga138-fr-title h2{
6451    margin:14px 0 0!important;
6452    padding:0!important;
6453    color:#fff6d4!important;
6454    font-size:24px!important;
6455    line-height:1.3!important;
6456    text-transform:none!important;
6457    letter-spacing:-.02em!important;
6458    text-align:center!important;
6459  }
6460  .Giga138-fr-title h2::before,
6461  .Giga138-fr-title h2::after{
6462    content:none!important;
6463  }
6464
6465  .Giga138-faq-list{
6466    display:grid;
6467    gap:12px;
6468  }
6469  .Giga138-faq-item{
6470    overflow:hidden;
6471    border-radius:18px;
6472    background:linear-gradient(180deg,rgba(24,17,5,.96),rgba(8,6,2,.98));
6473    border:1px solid rgba(255,214,106,.22);
6474    box-shadow:0 14px 32px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
6475  }
6476  .Giga138-faq-question{
6477    width:100%;
6478    min-height:58px;
6479    border:0;
6480    cursor:pointer;
6481    display:flex;
6482    align-items:center;
6483    justify-content:space-between;
6484    gap:14px;
6485    padding:16px 18px;
6486    background:transparent;
6487    color:#fff4c9;
6488    text-align:left;
6489    font-size:15px;
6490    line-height:1.35;
6491    font-weight:900;
6492  }
6493  .Giga138-faq-question .q{
6494    display:flex;
6495    align-items:flex-start;
6496    gap:10px;
6497  }
6498  .Giga138-faq-question .q::before{
6499    content:'✦';
6500    color:#ffd15c;
6501    flex:0 0 auto;
6502    margin-top:1px;
6503    text-shadow:0 0 12px rgba(255,209,92,.55);
6504  }
6505  .Giga138-faq-icon{
6506    flex:0 0 30px;
6507    width:30px;
6508    height:30px;
6509    border-radius:50%;
6510    display:flex;
6511    align-items:center;
6512    justify-content:center;
6513    background:linear-gradient(135deg,#ffd15c,#b47d09);
6514    color:#171006;
6515    font-weight:900;
6516    transition:transform .22s ease;
6517  }
6518  .Giga138-faq-answer{
6519    max-height:0;
6520    overflow:hidden;
6521    transition:max-height .28s ease;
6522  }
6523  .Giga138-faq-answer p{
6524    margin:0;
6525    padding:0 18px 18px 44px;
6526    color:rgba(255,244,206,.84);
6527    font-size:14px;
6528    line-height:1.75;
6529    text-align:left;
6530  }
6531  .Giga138-faq-item.is-open .Giga138-faq-answer{
6532    max-height:220px;
6533  }
6534  .Giga138-faq-item.is-open .Giga138-faq-icon{
6535    transform:rotate(45deg);
6536  }
6537
6538  .Giga138-review-grid{
6539    display:grid;
6540    grid-template-columns:repeat(3,1fr);
6541    gap:16px;
6542  }
6543  .Giga138-review-card{
6544    position:relative;
6545    overflow:hidden;
6546    border-radius:20px;
6547    padding:18px;
6548    background:linear-gradient(160deg,rgba(25,18,5,.98),rgba(7,5,2,.98));
6549    border:1px solid rgba(255,214,106,.22);
6550    box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
6551  }
6552  .Giga138-review-card::before{
6553    content:'';
6554    position:absolute;
6555    top:0;
6556    left:0;
6557    right:0;
6558    height:3px;
6559    background:linear-gradient(90deg,transparent,#ffd15c,#b47d09,transparent);
6560  }
6561  .Giga138-review-head{
6562    display:flex;
6563    align-items:center;
6564    gap:12px;
6565    margin-bottom:12px;
6566  }
6567  .Giga138-review-avatar{
6568    width:42px;
6569    height:42px;
6570    border-radius:14px;
6571    display:flex;
6572    align-items:center;
6573    justify-content:center;
6574    background:linear-gradient(135deg,#ffd15c,#8a6100);
6575    color:#171006;
6576    font-weight:900;
6577    box-shadow:0 10px 18px rgba(0,0,0,.26);
6578  }
6579  .Giga138-review-name{
6580    color:#fff6d4;
6581    font-size:14px;
6582    font-weight:900;
6583    margin:0;
6584  }
6585  .Giga138-review-stars{
6586    color:#ffd15c;
6587    font-size:12px;
6588    letter-spacing:1px;
6589    margin-top:2px;
6590  }
6591  .Giga138-review-text{
6592    margin:0;
6593    color:rgba(255,244,206,.84);
6594    font-size:13.5px;
6595    line-height:1.72;
6596  }
6597  .Giga138-review-date{
6598    margin-top:12px;
6599    color:rgba(255,214,106,.72);
6600    font-size:11px;
6601    font-weight:800;
6602    letter-spacing:.06em;
6603    text-transform:uppercase;
6604  }
6605
6606  @media(max-width:768px){
6607    .Giga138-review-grid{grid-template-columns:1fr}
6608    .Giga138-fr-title h2{font-size:21px!important}
6609    .Giga138-faq-question{font-size:14px;padding:15px 15px}
6610    .Giga138-faq-answer p{padding:0 15px 16px 38px;font-size:13.5px}
6611  }
6612</style>
6613
6614<div class="Giga138-fr-wrap">
6615  <section class="Giga138-faq-section" aria-label="FAQ Giga138 X Bella Peachy">
6616    <div class="Giga138-fr-title">
6617      <span>FAQ BELLA PEACHY</span>
6618      <h2>Pertanyaan Umum Seputar Fashion & Gaya Wanita Modern</h2>
6619    </div>
6620    <div class="Giga138-faq-list">
6621      <div class="Giga138-faq-item is-open">
6622        <button type="button" class="Giga138-faq-question" aria-expanded="true"><span class="q">1. Apa karakter utama gaya Bella Peachy?</span><span class="Giga138-faq-icon">+</span></button>
6623        <div class="Giga138-faq-answer"><p>Gaya Bella Peachy menonjolkan kesan feminin, ringan, hangat, dan modern dengan dominasi warna peach, ivory, beige, serta sentuhan warna alami.</p></div>
6624      </div>
6625      <div class="Giga138-faq-item">
6626        <button type="button" class="Giga138-faq-question" aria-expanded="false"><span class="q">2. Warna apa yang cocok dipadukan dengan peach?</span><span class="Giga138-faq-icon">+</span></button>
6627        <div class="Giga138-faq-answer"><p>Peach mudah dipadukan dengan putih gading, krem, cokelat muda, denim, olive, dan warna netral lain untuk menciptakan tampilan yang lembut namun tetap berkarakter.</p></div>
6628      </div>
6629      <div class="Giga138-faq-item">
6630        <button type="button" class="Giga138-faq-question" aria-expanded="false"><span class="q">3. Apakah gaya Bella Peachy cocok untuk aktivitas sehari-hari?</span><span class="Giga138-faq-icon">+</span></button>
6631        <div class="Giga138-faq-answer"><p>Ya. Potongan santai, bahan ringan, dan kombinasi warna natural membuat gaya ini mudah digunakan untuk aktivitas kasual, bekerja santai, brunch, maupun liburan.</p></div>
6632      </div>
6633      <div class="Giga138-faq-item">
6634        <button type="button" class="Giga138-faq-question" aria-expanded="false"><span class="q">4. Aksesori apa yang paling serasi?</span><span class="Giga138-faq-icon">+</span></button>
6635        <div class="Giga138-faq-answer"><p>Tas anyaman, sandal bernuansa natural, kalung tipis, kacamata berbingkai cokelat, dan aksesori minimalis sangat serasi dengan estetika Bella Peachy.</p></div>
6636      </div>
6637      <div class="Giga138-faq-item">
6638        <button type="button" class="Giga138-faq-question" aria-expanded="false"><span class="q">5. Bagaimana membuat tampilan peach tetap modern?</span><span class="Giga138-faq-icon">+</span></button>
6639        <div class="Giga138-faq-answer"><p>Gunakan satu warna peach sebagai fokus, kombinasikan dengan warna netral, pilih siluet bersih, lalu tambahkan satu atau dua aksesori untuk menjaga tampilan tetap modern dan tidak berlebihan.</p></div>
6640      </div>
6641    </div>
6642  </section>
6643
6644  <section class="Giga138-review-section" aria-label="Review Giga138">
6645    <div class="Giga138-fr-title">
6646      <span>Review Pengguna</span>
6647      <h2>Inspirasi Gaya dari Penggemar Bella Peachy</h2>
6648    </div>
6649    <div class="Giga138-review-grid">
6650      <article class="Giga138-review-card">
6651        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Rian</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6652        <p class="Giga138-review-text">Warna peach terasa lembut dan mudah dipadukan dengan aksesori berwarna krem. Look-nya simpel tetapi tetap terlihat rapi untuk kegiatan sehari-hari.</p>
6653        <div class="Giga138-review-date">Verified Review</div>
6654      </article>
6655      <article class="Giga138-review-card">
6656        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Siti</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6657        <p class="Giga138-review-text">Saya suka kombinasi outfit bernuansa peach dengan tas anyaman karena memberi kesan summer yang ringan dan natural tanpa terlihat berlebihan.</p>
6658        <div class="Giga138-review-date">Verified Review</div>
6659      </article>
6660      <article class="Giga138-review-card">
6661        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Budi</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6662        <p class="Giga138-review-text">Palet peach, ivory, dan cokelat muda membuat mix-and-match jadi lebih mudah. Cocok untuk gaya kasual yang tetap feminin.</p>
6663        <div class="Giga138-review-date">Verified Review</div>
6664      </article>
6665      <article class="Giga138-review-card">
6666        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Dewi</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6667        <p class="Giga138-review-text">Siluet yang sederhana justru membuat aksesori kecil seperti kalung dan kacamata lebih menonjol. Hasilnya modern dan enak dilihat.</p>
6668        <div class="Giga138-review-date">Verified Review</div>
6669      </article>
6670      <article class="Giga138-review-card">
6671        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Rizal</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6672        <p class="Giga138-review-text">Nuansa Bella Peachy terasa cocok untuk brunch atau liburan. Warna hangatnya membuat tampilan terlihat cerah tetapi tetap elegan.</p>
6673        <div class="Giga138-review-date">Verified Review</div>
6674      </article>
6675      <article class="Giga138-review-card">
6676        <div class="Giga138-review-head"><div class="Giga138-review-avatar"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></div><div><p class="Giga138-review-name">Loli</p><div class="Giga138-review-stars">★★★★★</div></div></div>
6677        <p class="Giga138-review-text">Inspirasi gayanya mudah diadaptasi dari lemari yang sudah ada. Cukup tambahkan satu item peach untuk memberikan karakter yang lebih segar.</p>
6678        <div class="Giga138-review-date">Verified Review</div>
6679      </article>
6680    </div>
6681  </section>
6682</div>
6683
6684<script>
6685  (function(){
6686    const faqItems = document.querySelectorAll('.Giga138-faq-item');
6687    faqItems.forEach(function(item){
6688      const btn = item.querySelector('.Giga138-faq-question');
6689      if(!btn) return;
6690      btn.addEventListener('click', function(){
6691        const isOpen = item.classList.contains('is-open');
6692        faqItems.forEach(function(other){
6693          other.classList.remove('is-open');
6694          const otherBtn = other.querySelector('.Giga138-faq-question');
6695          if(otherBtn) otherBtn.setAttribute('aria-expanded','false');
6696        });
6697        if(!isOpen){
6698          item.classList.add('is-open');
6699          btn.setAttribute('aria-expanded','true');
6700        }
6701      });
6702    });
6703  })();
6704</script>
6704
6705
6706
6707
6708   
6709    
6710    </div>
6711        <!-- CTA Buttons -->
6712        
6713        
6714        <!-- Simple footer -->
6715        <div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #8a6100; color: #f2c94c; font-size: 12px;">
6716            © 2026 Giga138. All rights reserved.
6717        </div>
6718    </div>
6719    
6720    
6720<script>function toggleFaq(button){const answer=button.nextElementSibling;const icon=button.querySelector('.icon');if(answer.classList.contains('open')){answer.classList.remove('open');icon.textContent='+';}else{answer.classList.add('open');icon.textContent='−';}}</script>
6720
6721
6722            
6722<script>
6723                (function () {
6724                    // ===== FAQ Accordion (5 sesuai schema) =====
6725                    const faqButtons = document.querySelectorAll(".BANDAR-container .acc-item");
6726                    faqButtons.forEach((btn, idx) => {
6727                        const panel = btn.nextElementSibling;
6728
6729                        const qId = `Giga138-faq-q-${idx}`;
6730                        const pId = `Giga138-faq-p-${idx}`;
6731                        btn.id = qId;
6732                        panel.id = pId;
6733                        btn.setAttribute("aria-controls", pId);
6734                        panel.setAttribute("aria-labelledby", qId);
6735
6736                        btn.addEventListener("click", () => {
6737                            const isOpen = btn.getAttribute("aria-expanded") === "true";
6738                            faqButtons.forEach(b => {
6739                                b.setAttribute("aria-expanded", "false");
6740                                b.nextElementSibling.classList.remove("is-open");
6741                            });
6742                            if (!isOpen) {
6743                                btn.setAttribute("aria-expanded", "true");
6744                                panel.classList.add("is-open");
6745                            }
6746                        });
6747                    });
6748
6749                    // ===== PENILAIAN-TT80 Auto Slide (6 sesuai schema) =====
6750                    const slider = document.getElementById("TT80Slider");
6751                    const track = slider?.querySelector(".penilaian-mwt-track");
6752                    const cards = track ? Array.from(track.children) : [];
6753                    const dotsWrap = slider?.querySelector(".penilaian-mwt-dots");
6754
6755                    if (!slider || !track || cards.length === 0) return;
6756
6757                    let index = 0;
6758                    let perView = 1;
6759                    let timer = null;
6760
6761                    function calcPerView() {
6762                        const w = window.innerWidth;
6763                        if (w >= 980) return 3;
6764                        if (w >= 720) return 2;
6765                        return 1;
6766                    }
6767
6768                    function buildDots() {
6769                        if (!dotsWrap) return;
6770                        dotsWrap.innerHTML = "";
6771                        const pages = Math.ceil(cards.length / perView);
6772                        for (let i = 0; i < pages; i++) {
6773                            const d = document.createElement("span");
6774                            d.className = "penilaian-mwt-dot" + (i === 0 ? " is-active" : "");
6775                            dotsWrap.appendChild(d);
6776                        }
6777                    }
6778
6779                    function setActiveDot(page) {
6780                        if (!dotsWrap) return;
6781                        Array.from(dotsWrap.children).forEach((d, i) => {
6782                            d.classList.toggle("is-active", i === page);
6783                        });
6784                    }
6785
6786                    function slideTo(page) {
6787                        const cardWidth = cards[0].getBoundingClientRect().width;
6788                        const gap = parseFloat(getComputedStyle(track).gap) || 0;
6789                        const step = (cardWidth + gap) * perView;
6790
6791                        const maxPage = Math.max(0, Math.ceil(cards.length / perView) - 1);
6792                        index = page > maxPage ? 0 : page;
6793
6794                        track.style.transform = `translateX(-${step * index}px)`;
6795                        setActiveDot(index);
6796                    }
6797
6798                    function start() {
6799                        stop();
6800                        timer = setInterval(() => slideTo(index + 1), 3200);
6801                    }
6802                    function stop() {
6803                        if (timer) clearInterval(timer);
6804                        timer = null;
6805                    }
6806
6807                    function refresh() {
6808                        perView = calcPerView();
6809                        buildDots();
6810                        slideTo(0);
6811                        start();
6812                    }
6813
6814                    slider.addEventListener("mouseenter", stop);
6815                    slider.addEventListener("mouseleave", start);
6816                    slider.addEventListener("touchstart", stop, { passive: true });
6817                    slider.addEventListener("touchend", start, { passive: true });
6818
6819                    window.addEventListener("resize", () => {
6820                        clearTimeout(window.__TT80ResizeT);
6821                        window.__TT80ResizeT = setTimeout(refresh, 140);
6822                    });
6823
6824                    refresh();
6825                })();
6826            </script>
6826
6827            
6828            
6828<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>
6828
6829
6830  
6831
6832</div>
6833    <nav aria-label="Breadcrumb" class="breadcrumb">
6834     <div class="breadcrumb__inner">
6835      <ul class="breadcrumb__path" role="list">
6836       <li role="listitem">
6837        <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:home" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Home" href="https://membersmarkproduct.com/">
6838         <span class="breadcrumb__text-desktop">
6839          Giga138 <span style="margin-left: 15px;">></span>
6840         </span>
6841         <span class="breadcrumb__text-mobile">
6842          Giga138 <span style="margin-left: 15px;">></span>
6843         </span>
6844        </a>
6845        <svg aria-hidden="true" class="icon" focusable="false">
6846         <use href="#next-bold" xlink:href="#next-bold">
6847         </use>
6848        </svg>
6849       </li>
6850       <li role="listitem">
6851       
6852<a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:mobile" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Mobile" href="https://membersmarkproduct.com/">
6853  <span class="breadcrumb__text-desktop">
6854    Fashion Bella Peachy <span style="margin-left: 15px;">></span>
6855  </span>
6856  <span class="breadcrumb__text-mobile">
6857    Fashion Bella Peachy <span style="margin-left: 15px;">></span>
6858  </span>
6859</a>
6860<svg aria-hidden="true" class="icon" focusable="false">
6861  <use href="#next-bold" xlink:href="#next-bold">
6862  </use>
6863</svg>
6864</li>
6865<li role="listitem">
6866  <a an-ac="breadcrumb" an-ca="navigation" an-la="breadcrumb:smartphones" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" aria-label="Smartphones" href="https://membersmarkproduct.com/">
6867    <span class="breadcrumb__text-desktop">
6868      Gaya Wanita Modern
6869    </span>
6870    <span class="breadcrumb__text-mobile">
6871      Gaya Wanita Modern
6872    </span>
6873  </a>
6874
6875
6876        <svg aria-hidden="true" class="icon" focusable="false">
6877         <use href="#next-bold" xlink:href="#next-bold">
6878         </use>
6879        </svg>
6880       </li>
6881      </ul>
6882     </div>
6883     
6883<script data-id="815b4f0e-baa9-42cc-b1f9-b4b995da3ffb" data-object-type="BreadcrumbList" data-type="seo" type="application/ld+json">
6884{
6885  "@context": "https://schema.org",
6886  "@type": "BreadcrumbList",
6887  "@id": "https://www.bella-peachy.com/",
6888  "itemListElement": [
6889    {
6890      "@type": "ListItem",
6891      "name": "Home",
6892      "item": "https://www.bella-peachy.com/",
6893      "position": 1
6894    },
6895    {
6896      "@type": "ListItem",
6897      "name": "Mobile",
6898      "item": "https://www.bella-peachy.com/",
6899      "position": 2
6900    },
6901    {
6902      "@type": "ListItem",
6903      "name": "Smartphones",
6904      "item": "https://www.bella-peachy.com/",
6905      "position": 3
6906    },
6907    {
6908      "@type": "ListItem",
6909      "name": "Galaxy A",
6910      "item": "https://www.bella-peachy.com/",
6911      "position": 4
6912    },
6913    {
6914      "@type": "ListItem",
6915      "name": "Galaxy A07",
6916      "item": "",
6917      "position": 5
6918    }
6919  ]
6920}
6921</script>
6921
6922    </nav>
6923    <div class="pd-g-manufacturer-info-popup">
6924     <div aria-modal="true" class="manufacturer-info-popup" role="dialog" tabindex="0">
6925      <div class="layer-popup">
6926       <div class="layer-popup__inner">
6927        <div class="layer-popup__contents scrollbar">
6928         <div class="scrollbar__contents">
6929         </div>
6930        </div>
6931        <button class="layer-popup__close" type="button">
6932         <span class="hidden">
6933          Tutup Layar Popup
6934         </span>
6935         <svg class="icon" focusable="false">
6936          <use href="#delete-bold" xlink:href="#delete-bold">
6937          </use>
6938         </svg>
6939        </button>
6940       </div>
6941      </div>
6942     </div>
6943    </div>
6944    <!-- <sly data-sly-use.templatedContainer="com.day.cq.wcm.foundation.TemplatedContainer"
6945			data-sly-repeat.child=""
6946			data-sly-resource=""></sly> -->
6947   </div>
6948   <div class="pdd39-anchor-nav__bottom-wrap" id="anchorNavigationPriceBarMobile">
6949    <div class="pdd39-anchor-nav__bottom">
6950     <div class="pdd39-anchor-nav__price pd-buying-price" id="sgDevPriceAreaBaseMobile">
6951     </div>
6952    </div>
6953   </div>
6954   <footer class="footer">
6955    <!--googleoff: all-->
6956    <div class="footer">
6957      <div class="footer-column">
6958        <p class="hidden">
6959          Footer Navigation
6960        </p>
6961
6962        <!-- ===== COLUMN 1: PRODUCTS ===== -->
6963        <div class="footer-column__item">
6964          <div class="footer-category">
6965            <p class="footer-category__title" id="footer-category-title-0">
6966              Products
6967            </p>
6968            <a an-ac="footer" an-ca="navigation" an-la="products" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-0" class="footer-category__anchor" href="javascript:void(0);" role="button">
6969              <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka">
6970                Buka
6971              </span>
6972              <svg class="icon" focusable="false">
6973                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
6974              </svg>
6975            </a>
6976            <div class="footer-category__list-wrap">
6977              <ul class="footer-category__list" role="list">
6978                <li class="footer-category__item" role="listitem">
6979                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
6980                    Giga138
6981                  </a>
6982                </li>
6983                <li class="footer-category__item" role="listitem">
6984                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
6985                    Giga138 LOGIN
6986                  </a>
6987                </li>
6988                <li class="footer-category__item" role="listitem">
6989                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
6990                    Giga138 DAFTAR
6991                  </a>
6992                </li>
6993                <li class="footer-category__item" role="listitem">
6994                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
6995                    Giga138 Login
6996                  </a>
6997                </li>
6998                <li class="footer-category__item" role="listitem">
6999                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7000                    Giga138 RESMI
7001                  </a>
7002                </li>
7003                <li class="footer-category__item" role="listitem">
7004                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7005                    Giga138 JALAN MENUJU KEMENANGAN
7006                  </a>
7007                </li>
7008                
7009              </ul>
7010            </div>
7011          </div>
7012        </div>
7013        <!-- ===== COLUMN 2: SERVICES ===== -->
7014        <div class="footer-column__item">
7015          <div class="footer-category">
7016            <p class="footer-category__title" id="footer-category-title-1">
7017              Services
7018            </p>
7019            <a an-ac="footer" an-ca="navigation" an-la="services" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-1" class="footer-category__anchor" href="javascript:void(0);" role="button">
7020              <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka">
7021                Buka
7022              </span>
7023              <svg class="icon" focusable="false">
7024                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
7025              </svg>
7026            </a>
7027            <div class="footer-category__list-wrap">
7028              <ul class="footer-category__list" role="list">
7029                <li class="footer-category__item" role="listitem">
7030                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7031                    Promo &amp; Bonus Harian
7032                  </a>
7033                </li>
7034                <li class="footer-category__item" role="listitem">
7035                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7036                    Turnamen &amp; Event
7037                  </a>
7038                </li>
7039                <li class="footer-category__item" role="listitem">
7040                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7041                    Program VIP &amp; Cashback
7042                  </a>
7043                </li>
7044                <li class="footer-category__item" role="listitem">
7045                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7046                    Metode Pembayaran
7047                  </a>
7048                </li>
7049                <li class="footer-category__item" role="listitem">
7050                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7051                    Panduan pembayaran
7052                  </a>
7053                </li>
7054                <li class="footer-category__item" role="listitem">
7055                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7056                    Panduan Booking
7057                  </a>
7058                </li>
7059                <li class="footer-category__item" role="listitem">
7060                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7061                    Program Layanan
7062                  </a>
7063                </li>
7064              </ul>
7065            </div>
7066          </div>
7067        </div>
7068
7069        <!-- ===== COLUMN 3: SUPPORT ===== -->
7070        <div class="footer-column__item">
7071          <div class="footer-category">
7072            <p class="footer-category__title" id="footer-category-title-2">
7073              Support
7074            </p>
7075            <a an-ac="footer" an-ca="navigation" an-la="support" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-2" class="footer-category__anchor" href="javascript:void(0);" role="button">
7076              <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka">
7077                Buka
7078              </span>
7079              <svg class="icon" focusable="false">
7080                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
7081              </svg>
7082            </a>
7083            <div class="footer-category__list-wrap">
7084              <ul class="footer-category__list" role="list">
7085                <li class="footer-category__item" role="listitem">
7086                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7087                    Pusat Bantuan
7088                  </a>
7089                </li>
7090                <li class="footer-category__item" role="listitem">
7091                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7092                    Live Chat 24/7
7093                  </a>
7094                </li>
7095                <li class="footer-category__item" role="listitem">
7096                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7097                    WhatsApp Support
7098                  </a>
7099                </li>
7100                <li class="footer-category__item" role="listitem">
7101                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7102                    FAQ
7103                  </a>
7104                </li>
7105                <li class="footer-category__item" role="listitem">
7106                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7107                    Kebijakan Privasi
7108                  </a>
7109                </li>
7110                <li class="footer-category__item" role="listitem">
7111                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7112                    Syarat &amp; Ketentuan
7113                  </a>
7114                </li>
7115                <li class="footer-category__item" role="listitem">
7116                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7117                    Responsible Kesehatan
7118                  </a>
7119                </li>
7120              </ul>
7121            </div>
7122          </div>
7123        </div>
7124
7125        <!-- ===== COLUMN 4: ACCOUNT ===== -->
7126        <div class="footer-column__item">
7127          <div class="footer-category">
7128            <p class="footer-category__title" id="footer-category-title-3">
7129              Account
7130            </p>
7131            <a an-ac="footer" an-ca="navigation" an-la="account" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-3" class="footer-category__anchor" href="javascript:void(0);" role="button">
7132              <span class="hidden" data-i18n-close="Tutup" data-i18n-open="Buka">
7133                Buka
7134              </span>
7135              <svg class="icon" focusable="false">
7136                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
7137              </svg>
7138            </a>
7139            <div class="footer-category__list-wrap">
7140              <ul class="footer-category__list" role="list">
7141                <li class="footer-category__item" role="listitem">
7142                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7143                    Login Member
7144                  </a>
7145                </li>
7146                <li class="footer-category__item" role="listitem">
7147                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7148                    Daftar Akun Baru
7149                  </a>
7150                </li>
7151                <li class="footer-category__item" role="listitem">
7152                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7153                    Lupa Password
7154                  </a>
7155                </li>
7156                <li class="footer-category__item" role="listitem">
7157                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7158                    Riwayat Transaksi
7159                  </a>
7160                </li>
7161                <li class="footer-category__item" role="listitem">
7162                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7163                    Panduan Verifikasi
7164                  </a>
7165                </li>
7166                <li class="footer-category__item" role="listitem">
7167                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7168                    Program VIP
7169                  </a>
7170                </li>
7171              </ul>
7172            </div>
7173          </div>
7174        </div>
7175
7176        <!-- ===== COLUMN 5: INFO + About Giga138 ===== -->
7177        <div class="footer-column__item">
7178          <!-- Info / Guides -->
7179          <div class="footer-category">
7180            <p class="footer-category__title" id="footer-category-title-4">
7181              Information
7182            </p>
7183            <a an-ac="footer" an-ca="navigation" an-la="information" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4" class="footer-category__anchor" href="javascript:void(0);" role="button">
7184              <span class="hidden">
7185                Buka
7186              </span>
7187              <svg class="icon" focusable="false">
7188                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
7189              </svg>
7190            </a>
7191            <div class="footer-category__list-wrap">
7192              <ul class="footer-category__list" role="list">
7193                <li class="footer-category__item" role="listitem">
7194                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7195                    Panduan Akses
7196                  </a>
7197                </li>
7198                <li class="footer-category__item" role="listitem">
7199                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7200                    Panduan Pemula
7201                  </a>
7202                </li>
7203                <li class="footer-category__item" role="listitem">
7204                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7205                    Aturan &amp; Kebijakan
7206                  </a>
7207                </li>
7208                <li class="footer-category__item" role="listitem">
7209                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7210                    Kontak Resmi
7211                  </a>
7212                </li>
7213              </ul>
7214            </div>
7215          </div>
7216
7217          <!-- About Giga138 -->
7218          <div class="footer-category">
7219            <p class="footer-category__title" id="footer-category-title-4-2">
7220              About Giga138
7221            </p>
7222            <a an-ac="footer" an-ca="navigation" an-la="About Giga138" an-tr="nv01_footer sitemap|menu1Depth" aria-expanded="false" aria-labelledby="footer-category-title-4-2" class="footer-category__anchor" href="javascript:void(0);" role="button">
7223              <span class="hidden">
7224                Buka
7225              </span>
7226              <svg class="icon" focusable="false">
7227                <use href="#open-down-regular" xlink:href="#open-down-regular"></use>
7228              </svg>
7229            </a>
7230            <div class="footer-category__list-wrap">
7231              <ul class="footer-category__list" role="list">
7232                <li class="footer-category__item" role="listitem">
7233                  <a class="footer-category__link" href="https://back.membersmarkproduct.icu/">
7234                    Tentang Giga138
7235                  </a>
7236                </li>
7237                <li class="footer-category__item" role="listitem">
7238                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7239                    Kenapa Pilih Giga138
7240                  </a>
7241                </li>
7242                <li class="footer-category__item" role="listitem">
7243                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7244                    Partner &amp; Affiliate
7245                  </a>
7246                </li>
7247                <li class="footer-category__item" role="listitem">
7248                  <a class="footer-category__link" href="https://membersmarkproduct.com/">
7249                    Brand &amp; Identitas
7250                  </a>
7251                </li>
7252              </ul>
7253            </div>
7254          </div>
7255        </div>
7256
7257      </div>
7258
7259      <!-- ===== BOTTOM BAR ===== -->
7260      <div class="footer-bottom">
7261        <div class="footer-copyright-wrap">
7262          <div class="footer-copyright-align">
7263            <p class="footer-copyright">
7264              &copy; 2026 Giga138. All rights reserved.
7265            </p>
7266          </div>
7267          <div class="footer-language">
7268            <a class="footer-language__anchor" href="https://membersmarkproduct.com/">
7269              Indonesia / Bahasa Indonesia
7270            </a>
7271          </div>
7272        </div>
7273
7274        <div an-ac="scroll:100" an-ca="scroll" an-la="scroll:100" an-tr="nv02_footer bottom--text-scroll" class="footer-language-wrap">
7275          <div class="footer-language">
7276            <a class="footer-language__anchor" href="https://membersmarkproduct.com/">
7277              Indonesia / Bahasa Indonesia
7278            </a>
7279          </div>
7280
7281          <div class="footer-terms">
7282            <ul class="footer-terms__list" role="list">
7283              <li class="footer-terms__item" role="listitem">
7284                <a class="footer-terms__link" href="https://membersmarkproduct.com/">
7285                  Privasi
7286                </a>
7287              </li>
7288              <li class="footer-terms__item" role="listitem">
7289                <a class="footer-terms__link" href="https://membersmarkproduct.com/">
7290                  Legal
7291                </a>
7292              </li>
7293              <li class="footer-terms__item" role="listitem">
7294                <a class="footer-terms__link" href="https://membersmarkproduct.com/">
7295                  Peta Situs
7296                </a>
7297              </li>
7298            </ul>
7299          </div>
7300
7301          <div class="footer-sns">
7302            <span class="footer-sns__title">
7303              Ingin Tetap Terhubung?
7304            </span>
7305            <ul class="footer-sns__list" role="list">
7306              <li class="footer-sns__item" role="listitem">
7307                <a class="footer-sns__link" href="https://membersmarkproduct.com/" rel="noreferrer noopener" target="_blank" aria-label="Facebook : Buka di Tab Baru">
7308                  <svg class="icon" focusable="false">
7309                    <use href="#facebook-bold" xlink:href="#facebook-bold"></use>
7310                  </svg>
7311                </a>
7312              </li>
7313              <li class="footer-sns__item" role="listitem">
7314                <a class="footer-sns__link" href="https://membersmarkproduct.com/" rel="noreferrer noopener" target="_blank" aria-label="Twitter : Buka di Tab Baru">
7315                  <svg class="icon" focusable="false">
7316                    <use href="#twitter-bold" xlink:href="#twitter-bold"></use>
7317                  </svg>
7318                </a>
7319              </li>
7320              <li class="footer-sns__item" role="listitem">
7321                <a class="footer-sns__link" href="https://membersmarkproduct.com/" rel="noreferrer noopener" target="_blank" aria-label="Instagram : Buka di Tab Baru">
7322                  <svg class="icon" focusable="false">
7323                    <use href="#instagram-bold" xlink:href="#instagram-bold"></use>
7324                  </svg>
7325                </a>
7326              </li>
7327              <li class="footer-sns__item" role="listitem">
7328                <a class="footer-sns__link" href="https://membersmarkproduct.com/" rel="noreferrer noopener" target="_blank" aria-label="Youtube : Buka di Tab Baru">
7329                  <svg class="icon" focusable="false">
7330                    <use href="#youtube-bold" xlink:href="#youtube-bold"></use>
7331                  </svg>
7332                </a>
7333              </li>
7334            </ul>
7335          </div>
7336
7337        </div>
7338      </div>
7339    </div>
7340  </footer>
7341
7342   <button an-ac="back to top" an-ca="indication" an-la="back to top" an-tr="nv02_footer bottom--text-back to top" class="fab" title="Go to Top">
7343    Go to Top
7344    <svg class="fab__icon" focusable="false">
7345     <use href="#up-highest-bold" xlink:href="#up-highest-bold">
7346     </use>
7347    </svg>
7348   </button>
7349   <!--googleon: all-->
7350   
7350<script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.407b108c60433f00a6b1a0e8f272a2c1.js"></script>
7350
7351   
7351<script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-ux25.min.91a4ebeb2dec9b19aa121b5c7154ff51.js"></script>
7351
7352   <!-- <sly data-sly-test="false">
7353		
7353<script type="text/javascript" src='/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/au/js/au.js'></script>
7353
7354	</sly> -->
7355   <!--[if lt IE 9]>
7356	
7356<script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/ie9/html5.js"></script>
7356
7357	<![endif]-->
7358   <!--[if lte IE 9]>
7359	
7359<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script>
7359
7360	<![endif]-->
7361   
7361<script type="text/javascript">var conRecaptcha;var recaptchaCallback=function(){if($("#Con_reCaptcha").length>0){conRecaptcha=grecaptcha.render('Con_reCaptcha',{'sitekey':'6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll'});}};</script>
7361
7362   </script>
7362
7363   <section aria-modal="true" class="trade-in-learn-more-popup" role="dialog">
7364    <div class="trade-in-learn-more-popup__dimmed">
7365    </div>
7366    <div class="trade-in-learn-more-popup__contents">
7367     <div class="scrollbar">
7368      <div class="trade-in-learn-more-popup__inner-wrap scrollbar__contents">
7369       <p class="trade-in-learn-more-popup__title">
7370        Cara kerja tukar tambah
7371       </p>
7372       <div class="trade-in-learn-more-popup__list-wrap">
7373        <ul class="trade-in-learn-more-popup__list">
7374         <li class="trade-in-learn-more-popup__list-item">
7375          <em class="trade-in-learn-more-popup__list-item-num">
7376           01
7377          </em>
7378          <div class="trade-in-learn-more-popup__list-item-text-wrap">
7379           <span class="trade-in-learn-more-popup__list-item-text-desc">
7380            Choose your new login device and tell us about your old one.
7381            <br/>
7382            Jika memenuhi syarat, Anda akan melihat taksiran nilai tukar tambah.
7383           </span>
7384          </div>
7385         </li>
7386         <li class="trade-in-learn-more-popup__list-item">
7387          <em class="trade-in-learn-more-popup__list-item-num">
7388           02
7389          </em>
7390          <div class="trade-in-learn-more-popup__list-item-text-wrap">
7391           <span class="trade-in-learn-more-popup__list-item-text-desc">
7392            Get an upfront discount on the price of your new login device.
7393           </span>
7394          </div>
7395         </li>
7396         <li class="trade-in-learn-more-popup__list-item">
7397          <em class="trade-in-learn-more-popup__list-item-num">
7398           03
7399          </em>
7400          <div class="trade-in-learn-more-popup__list-item-text-wrap">
7401           <span class="trade-in-learn-more-popup__list-item-text-desc">
7402            Kirimkan perangkat lama Anda untuk menyelesaikan tukar tambah.
7403           </span>
7404          </div>
7405         </li>
7406        </ul>
7407        <!--
7408			<sly data-sly-test="false">
7409              <div class="trade-in-learn-more-popup__cta-wrap">
7410                <a class="cta cta--underline cta--black cta--icon" href="https://www.samsung.com/pt/campanha-retomas/" title="Open in a New Window" target="_blank"> More Information 
7411                  <svg class="icon" focusable="false">
7412					<use xlink:href="#outlink-bold" href="#outlink-bold"></use>
7413                  </svg>
7414                </a>
7415              </div>
7416            </sly>
7417            -->
7418       </div>
7419      </div>
7420     </div>
7421     <button class="trade-in-learn-more-popup__close">
7422      <span class="hidden">
7423       TUTUP
7424      </span>
7425      <svg class="icon" focusable="false">
7426       <use href="#delete-bold" xlink:href="#delete-bold">
7427       </use>
7428      </svg>
7429     </button>
7430    </div>
7431   </section>
7432   <input id="tariffAdditionalPromotionCarrierUrl" type="hidden"/>
7433   <div class="component-area" style="">
7434    <section aria-modal="true" class="tariff-popup" role="dialog">
7435     <div class="tariff-popup__dimmed">
7436     </div>
7437     <div class="tariff-popup__contents">
7438      <div class="tariff-popup__contents-plan" style="display:block;">
7439       <div class="tariff-popup__inner-wrap scrollbar">
7440        <div class="tariff-popup__inner scrollbar__contents">
7441         <div class="tariff-popup__header">
7442          <div class="tariff-popup__headline">
7443           All from one hand
7444          </div>
7445          <p class="tariff-popup__desc">
7446           Now you get innovative smartphone with right tariff plan.
7447          </p>
7448         </div>
7449         <div class="tariff-popup__choose" role="tablist" style="display:none;">
7450          <div class="tariff-popup__choose-item" role="presentation">
7451           <a aria-selected="false" class="tariff-popup__choose-item-btn" href="javascript:;" id="choose-tab-1" role="tab">
7452            New Contracts
7453           </a>
7454          </div>
7455          <div class="tariff-popup__choose-item" role="presentation">
7456           <div class="tariff-popup__choose-tooltip">
7457            <div class="tariff-popup__choose-tooltip__btn-wrap">
7458             <button aria-expanded="false" class="tariff-popup__choose-tooltip__btn" type="button">
7459              <svg class="icon help" focusable="false">
7460               <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#help-regular">
7461               </use>
7462              </svg>
7463              <svg class="icon cancel" focusable="false">
7464               <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-bold">
7465               </use>
7466              </svg>
7467              <span class="hidden">
7468               see what this
7469              </span>
7470             </button>
7471             <span class="tariff-popup__choose-tooltip__arrow">
7472             </span>
7473            </div>
7474            <div class="tariff-popup__choose-tooltip__box" role="tooltip">
7475             <span class="tariff-popup__choose-tooltip__box-arrow">
7476             </span>
7477             <p class="tariff-popup__choose-tooltip__box-desc">
7478              Stay with your network operator.
7479             </p>
7480            </div>
7481           </div>
7482          </div>
7483         </div>
7484         <div aria-hidden="true" aria-labelledby="choose-tab-1" class="tariff-popup__choose-panel" id="choose-content-1" role="tabpanel">
7485          <div class="tariff-popup__tab-wrap">
7486           <div class="tariff-popup__tab-list-wrap">
7487            <button class="tariff-popup__tab-list-prev" role="button" style="display:none;">
7488             prev
7489             <svg class="icon" focusable="false">
7490              <use href="#previous-bold" xlink:href="#previous-bold">
7491              </use>
7492             </svg>
7493            </button>
7494            <div class="tariff-popup__tab-list-area">
7495             <!--/* UK, SE 경우 Tab Divider 를 숨기기 위해 .hide-divider 추가 /*-->
7496             <div class="tariff-popup__tab-list" role="tablist">
7497              <div class="tariff-popup__tab-item-wrap" role="presentation">
7498               <a class="tariff-popup__tab-item" href="javascript:void(0);">
7499               </a>
7500              </div>
7501             </div>
7502            </div>
7503            <button class="tariff-popup__tab-list-next" role="button">
7504             Next
7505             <svg class="icon" focusable="false">
7506              <use href="#next-bold" xlink:href="#next-bold">
7507              </use>
7508             </svg>
7509            </button>
7510            <div class="tariff-popup__tab-list-gl-left">
7511            </div>
7512            <div class="tariff-popup__tab-list-gl-right">
7513            </div>
7514           </div>
7515           <div class="tariff-popup__tab-panel-wrap">
7516            <div class="tariff-popup__tab-panel">
7517            </div>
7518           </div>
7519          </div>
7520         </div>
7521         <div aria-hidden="true" aria-labelledby="choose-tab-2" class="tariff-popup__choose-panel" id="choose-content-2" role="tabpanel">
7522          <div class="tariff-popup__tab-wrap">
7523           <div class="tariff-popup__tab-list-wrap">
7524            <button class="tariff-popup__tab-list-prev" role="button" style="display:none;">
7525             prev
7526             <svg class="icon" focusable="false">
7527              <use href="#previous-bold" xlink:href="#previous-bold">
7528              </use>
7529             </svg>
7530            </button>
7531            <div class="tariff-popup__tab-list-area">
7532             <!--/* UK, SE 경우 Tab Divider 를 숨기기 위해 .hide-divider 추가 /*-->
7533             <div class="tariff-popup__tab-list" role="tablist">
7534             </div>
7535            </div>
7536            <button class="tariff-popup__tab-list-next" role="button">
7537             Next
7538             <svg class="icon" focusable="false">
7539              <use href="#next-bold" xlink:href="#next-bold">
7540              </use>
7541             </svg>
7542            </button>
7543            <div class="tariff-popup__tab-list-gl-left">
7544            </div>
7545            <div class="tariff-popup__tab-list-gl-right">
7546            </div>
7547           </div>
7548           <div class="tariff-popup__tab-panel-wrap">
7549            <div class="tariff-popup__tab-panel">
7550            </div>
7551           </div>
7552          </div>
7553         </div>
7554        </div>
7555       </div>
7556       <div class="tariff-popup__btn-wrap">
7557        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black" style="display:none;">
7558         BATALKAN
7559        </button>
7560        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--outlined cta--black">
7561         BATALKAN
7562        </button>
7563        <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
7564        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:continue" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled="">
7565         LANJUTKAN
7566        </button>
7567       </div>
7568      </div>
7569      <div class="tariff-popup__contents-plan-details" style="display:none;">
7570       <div class="tariff-popup__inner-wrap scrollbar">
7571        <div class="tariff-popup__inner scrollbar__contents">
7572         <div class="tariff-popup__header">
7573          <div class="tariff-popup__headline">
7574           The Network Plan Details
7575          </div>
7576          <p class="tariff-popup__desc">
7577          </p>
7578         </div>
7579         <div class="tariff-popup__plan-details-wrap">
7580          <section class="tariff-popup__plan-details expand">
7581           <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
7582            <span class="tariff-popup__plan-details-title-text">
7583             Plan Benefits
7584            </span>
7585            <span>
7586             <svg class="icon collapse">
7587              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
7588              </use>
7589             </svg>
7590             <span class="hidden collapse">
7591              Klik untuk Memperluas
7592             </span>
7593             <svg class="icon expand">
7594              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
7595              </use>
7596             </svg>
7597             <span class="hidden expand">
7598              Klik untuk Tutup
7599             </span>
7600            </span>
7601           </a>
7602           <div class="tariff-popup__plan-details-desc plan-benefits-desc">
7603           </div>
7604          </section>
7605          <section class="tariff-popup__plan-details">
7606           <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
7607            <span class="tariff-popup__plan-details-title-text">
7608             Out of Bundle Charges
7609            </span>
7610            <span>
7611             <svg class="icon collapse">
7612              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
7613              </use>
7614             </svg>
7615             <span class="hidden collapse">
7616              Klik untuk Memperluas
7617             </span>
7618             <svg class="icon expand">
7619              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
7620              </use>
7621             </svg>
7622             <span class="hidden expand">
7623              Klik untuk Tutup
7624             </span>
7625            </span>
7626           </a>
7627           <div class="tariff-popup__plan-details-desc out-of-bundle-charges-desc">
7628           </div>
7629          </section>
7630          <section class="tariff-popup__plan-details">
7631           <a class="tariff-popup__plan-details-title" href="javascript:;" role="button">
7632            <span class="tariff-popup__plan-details-title-text">
7633             Terms &amp; Conditions
7634            </span>
7635            <span>
7636             <svg class="icon collapse">
7637              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
7638              </use>
7639             </svg>
7640             <span class="hidden collapse">
7641              Klik untuk Memperluas
7642             </span>
7643             <svg class="icon expand">
7644              <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
7645              </use>
7646             </svg>
7647             <span class="hidden expand">
7648              Klik untuk Tutup
7649             </span>
7650            </span>
7651           </a>
7652           <div class="tariff-popup__plan-details-desc term-conditions-desc">
7653           </div>
7654          </section>
7655         </div>
7656        </div>
7657       </div>
7658       <div class="tariff-popup__btn-wrap">
7659        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-back cta cta--outlined cta--black">
7660         Kembali
7661        </button>
7662        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-close cta cta--contained cta--emphasis">
7663         Tutup
7664        </button>
7665       </div>
7666      </div>
7667      <div class="tariff-popup__contents-plan-selected" style="display:none;">
7668       <div class="tariff-popup__inner-wrap scrollbar">
7669        <div class="tariff-popup__inner scrollbar__contents">
7670         <div class="tariff-popup__header">
7671          <div class="tariff-popup__headline">
7672           All from one hand
7673           <span class="tariff-popup__icon">
7674            <div class="image">
7675             <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/tariff-popup-icon.png" role="img"/>
7676            </div>
7677           </span>
7678          </div>
7679          <p class="tariff-popup__desc">
7680           Now you get innovative smartphone with right tariff plan.
7681          </p>
7682         </div>
7683         <div class="tariff-popup__selected-wrap">
7684          <div class="tariff-popup__selected">
7685           <div class="tariff-popup__selected-spec">
7686            <div class="tariff-popup__selected-spec-header">
7687             <div class="tariff-popup__selected-spec-img">
7688              <img alt="" src="#"/>
7689             </div>
7690             <div class="tariff-popup__selected-spec-detail">
7691              <strong class="tariff-popup__selected-spec-name">
7692              </strong>
7693              <span class="tariff-popup__selected-spec-value">
7694              </span>
7695             </div>
7696            </div>
7697            <div class="tariff-popup__selected-spec-desc">
7698             <ul class="tariff-popup__selected-spec-list">
7699             </ul>
7700            </div>
7701            <div class="tariff-popup__selected-add-opt">
7702            </div>
7703           </div>
7704           <div class="tariff-popup__selected-total">
7705            <div class="tariff-popup__selected-total-title">
7706             Upfront Cost
7707            </div>
7708            <div class="tariff-popup__selected-total-price">
7709            </div>
7710            <p class="tariff-popup__selected-total-desc">
7711             Der Anschlusspreis und monatlicher Tarifpreis werden vom jeweiligen Netzanbieter eingezogen. Du zahlst jetzt nur den einmaligen Ger&auml;tepreis.
7712            </p>
7713           </div>
7714          </div>
7715         </div>
7716         <div class="tariff-popup__checkbox-wrap">
7717         </div>
7718         <div class="tariff-popup__table-wrap">
7719          <div class="tariff-popup__table-inner">
7720          </div>
7721          <div class="tariff-popup__table-disclaimer">
7722          </div>
7723         </div>
7724        </div>
7725       </div>
7726       <div class="tariff-popup__btn-wrap">
7727        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:back" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-prev cta cta--outlined cta--black">
7728         BACK
7729        </button>
7730        <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
7731        <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step2:confirm" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled="">
7732         Terapkan
7733        </button>
7734       </div>
7735      </div>
7736      <div class="tariff-popup__contents-form" style="display:none;">
7737       <div class="tariff-popup__inner-wrap scrollbar">
7738        <div class="tariff-popup__inner scrollbar__contents">
7739         <div class="tariff-popup__header">
7740          <div class="tariff-popup__headline">
7741           Check the availabbility
7742          </div>
7743         </div>
7744         <div class="tariff-popup__step">
7745          <div class="tariff-popup__step-inner">
7746           <span class="tariff-popup__step-fill is-active">
7747           </span>
7748           <span class="tariff-popup__step-fill">
7749           </span>
7750           <span class="tariff-popup__step-fill">
7751           </span>
7752          </div>
7753         </div>
7754         <div class="tariff-popup__step-progress">
7755          <span class="hidden">
7756           1 of 3
7757          </span>
7758         </div>
7759         <div class="tariff-popup__validation-message">
7760          <strong class="tariff-popup__validation-message-title">
7761           Wrong address
7762          </strong>
7763          <div class="tariff-popup__validation-message-content">
7764           <p>
7765            Unfortunately, we cannot make you a DSL offer for the address you have checked.The address you have given is not unique, please choose from the address suggestions.
7766           </p>
7767          </div>
7768         </div>
7769         <div class="tariff-popup__form-wrap">
7770          <div class="tariff-popup__form-list">
7771           <div class="tariff-popup__form-item tariff-popup__form-item-wide" style="display:none;">
7772            <div class="menu menu--text-field" data-comp-name="menu" data-max-item-number="5" data-type="textField">
7773             <select aria-labelledby="tariff-addr-label-id" class="menu__select" tabindex="-1">
7774             </select>
7775             <p class="menu--text-field__hint" id="tariff-addr-label-id">
7776              Empfohlene Adresse
7777             </p>
7778             <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="tariff-addr-label-id tariff-text-label-id" class="menu__select-field" type="button">
7779              <span class="menu__select-field-text" id="tariff-text-label-id">
7780              </span>
7781              <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
7782               <use href="#open-down-bold" xlink:href="#open-down-bold">
7783               </use>
7784              </svg>
7785              <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
7786               <use href="#close-up-bold" xlink:href="#close-up-bold">
7787               </use>
7788              </svg>
7789             </button>
7790            </div>
7791           </div>
7792           <div class="tariff-popup__form-item tariff-popup__form-item-wide">
7793            <div class="text-field-v2" data-comp-name="textFieldv2">
7794             <label class="text-field-v2__hint" for="text-field-tariff-postcode">
7795              Postcode
7796             </label>
7797             <div class="text-field-v2__input-wrap">
7798              <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-postcode" maxlength="5" name="postCode" type="text"/>
7799              <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
7800               <svg aria-hidden="true" class="icon delete" focusable="false">
7801                <use href="#cancel-bold" xlink:href="#cancel-bold">
7802                </use>
7803               </svg>
7804              </button>
7805             </div>
7806             <p aria-hidden="true" class="text-field-v2__text assistive">
7807              Please provide a valid postcode
7808             </p>
7809             <p aria-hidden="true" class="text-field-v2__text error">
7810              Please enter correct information again.
7811             </p>
7812            </div>
7813           </div>
7814           <div class="tariff-popup__form-item">
7815            <div class="text-field-v2" data-comp-name="textFieldv2">
7816             <label class="text-field-v2__hint" for="text-field-tariff-street">
7817              Street
7818             </label>
7819             <div class="text-field-v2__input-wrap">
7820              <input autocomplete="off" class="text-field-v2__input" id="text-field-tariff-street" name="streetName" type="text"/>
7821              <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
7822               <svg aria-hidden="true" class="icon delete" focusable="false">
7823                <use href="#cancel-bold" xlink:href="#cancel-bold">
7824                </use>
7825               </svg>
7826              </button>
7827             </div>
7828             <p aria-hidden="true" class="text-field-v2__text assistive">
7829              Please provide a valid street
7830             </p>
7831             <p aria-hidden="true" class="text-field-v2__text error">
7832              Please enter correct information again.
7833             </p>
7834            </div>
7835           </div>
7836           <div class="tariff-popup__form-item">
7837            <div class="text-field-v2" data-comp-name="textFieldv2">
7838             <label class="text-field-v2__hint" for="text-field-3">
7839              House number
7840             </label>
7841             <div class="text-field-v2__input-wrap">
7842              <input autocomplete="off" class="text-field-v2__input" id="text-field-3" name="houseNumber" type="text"/>
7843              <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
7844               <svg aria-hidden="true" class="icon delete" focusable="false">
7845                <use href="#cancel-bold" xlink:href="#cancel-bold">
7846                </use>
7847               </svg>
7848              </button>
7849             </div>
7850             <p aria-hidden="true" class="text-field-v2__text assistive">
7851              Please provide a valid house number
7852             </p>
7853             <p aria-hidden="true" class="text-field-v2__text error">
7854              Please enter correct information again.
7855             </p>
7856            </div>
7857           </div>
7858           <div class="tariff-popup__form-item">
7859            <div class="text-field-v2" data-comp-name="textFieldv2">
7860             <label class="text-field-v2__hint" for="text-field-4">
7861              Additional house information
7862             </label>
7863             <div class="text-field-v2__input-wrap">
7864              <input autocomplete="off" class="text-field-v2__input" id="text-field-4" name="houseNumberAddition" type="text"/>
7865              <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
7866               <svg aria-hidden="true" class="icon delete" focusable="false">
7867                <use href="#cancel-bold" xlink:href="#cancel-bold">
7868                </use>
7869               </svg>
7870              </button>
7871             </div>
7872             <p aria-hidden="true" class="text-field-v2__text assistive">
7873              Additional information placeholder
7874             </p>
7875             <p aria-hidden="true" class="text-field-v2__text error">
7876              Please enter correct information again.
7877             </p>
7878            </div>
7879           </div>
7880           <div class="tariff-popup__form-item">
7881            <div class="text-field-v2" data-comp-name="textFieldv2">
7882             <label class="text-field-v2__hint" for="text-field-5">
7883              City
7884             </label>
7885             <div class="text-field-v2__input-wrap">
7886              <input autocomplete="off" class="text-field-v2__input" id="text-field-5" name="locality" type="text"/>
7887              <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
7888               <svg aria-hidden="true" class="icon delete" focusable="false">
7889                <use href="#cancel-bold" xlink:href="#cancel-bold">
7890                </use>
7891               </svg>
7892              </button>
7893             </div>
7894             <p aria-hidden="true" class="text-field-v2__text assistive">
7895              Please provide a valid city
7896             </p>
7897             <p aria-hidden="true" class="text-field-v2__text error">
7898              Please enter correct information again.
7899             </p>
7900            </div>
7901           </div>
7902          </div>
7903         </div>
7904         <p class="tariff-popup__form-txt">
7905          *Required fields
7906         </p>
7907         <div class="tariff-popup__disclaimer-wrap">
7908          <div class="tariff-popup__disclaimer">
7909           Anda dapat menemukan informasi tentang pengolahan data pribadi melalui link
7910           <a href="https://membersmarkproduct.com/" target="_blank" title="Open in a new window">
7911            Kebijakan privasi
7912           </a>
7913           .
7914          </div>
7915         </div>
7916        </div>
7917       </div>
7918       <div class="tariff-popup__btn-wrap">
7919        <button class="tariff-popup__btn-close cta cta--outlined cta--black">
7920         Batalkan
7921        </button>
7922        <!-- CTA 활성화 시 disabled 제거, .cta--disabled 제거 -->
7923        <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled="">
7924         Lanjutkan
7925        </button>
7926       </div>
7927      </div>
7928      <button an-ac="pd buying tool" an-ca="option click" an-la="tariff:step1:close" an-tr="header(pim)_service option selector tariff-product detail-text-button" class="tariff-popup__close">
7929       <span class="hidden">
7930        Tutup Layar Popup
7931       </span>
7932      </button>
7933     </div>
7934    </section>
7935   </div>
7936   <div class="tariff-info-popup">
7937    <div class="layer-popup" id="tariff-info-popup" role="dialog" style="display:block">
7938     <div class="layer-popup__inner">
7939      <div class="layer-popup__contents scrollbar">
7940       <div class="scrollbar__contents">
7941        <div class="layer-popup__title">
7942         Pay monthly phone contracts
7943        </div>
7944        <p class="layer-popup__desc">
7945         Buy your phone along with an inclusive monthly network plan and pay monthly*
7946        </p>
7947        <div class="tariff-info-popup__wrap">
7948         <div class="tariff-info-popup__inner">
7949          <div class="tariff-info-popup__more">
7950           <ul class="tariff-info-popup__more-list">
7951            <li>
7952             <strong class="tariff-info-popup__more-title">
7953              Choose your network
7954             </strong>
7955             <p class="tariff-info-popup__more-text">
7956              Choose from a range of networks and inclusive monthly plans to get started with your new Galaxy phone straight away.
7957             </p>
7958            </li>
7959            <li>
7960             <strong class="tariff-info-popup__more-title">
7961              Bayar Bulanan
7962             </strong>
7963             <p class="tariff-info-popup__more-text">
7964              Pay for your phone and an inclusive bundle of calls, texts and data in one easy-to-manage monthly fee.
7965             </p>
7966            </li>
7967            <li>
7968             <strong class="tariff-info-popup__more-title">
7969              Next steps
7970             </strong>
7971             <p class="tariff-info-popup__more-text">
7972              You will be redirected to our trusted partner, A1 Comms Ltd (trading as Mobileshop), to purchase your phone and setup your monthly plan.
7973             </p>
7974            </li>
7975           </ul>
7976          </div>
7977          <div class="tariff-info-popup__info">
7978          </div>
7979         </div>
7980        </div>
7981       </div>
7982      </div>
7983      <div class="tariff-info-popup__cta">
7984       <!--/* P6의 cta 적용 방식에 따라 마크업 변경 */ -->
7985       <a class="cta cta--contained cta--emphasis" href="javascript:void(0);" title="Link Title">
7986        Choose your plan
7987       </a>
7988      </div>
7989      <button class="layer-popup__close" type="button">
7990       <span class="hidden">
7991        Layer Popup Close
7992       </span>
7993       <svg class="icon" focusable="false">
7994        <use href="#delete-bold" xlink:href="#delete-bold">
7995        </use>
7996       </svg>
7997      </button>
7998     </div>
7999    </div>
8000   </div>
8001   <input id="cfTradeInConditionCheckYn" type="hidden"/>
8002   <input id="cfTradeInCategoryUseYn" type="hidden"/>
8003   <section aria-modal="true" class="trade-in-popup" id="hubble-tradein-layer" role="dialog">
8004    <div class="trade-in-popup__dimmed">
8005    </div>
8006    <div class="trade-in-popup__contents">
8007     <!-- new-hybris -->
8008     <div class="trade-in-popup__zipcode-wrap" role="dialog">
8009      <div class="scrollbar">
8010       <div class="trade-in-popup__inner-wrap scrollbar__contents">
8011        <p class="trade-in-popup__title">
8012         Cek layanan tukar tambah di area Anda!
8013        </p>
8014        <div class="trade-in-popup__imei">
8015         <div class="trade-in-popup__imei-desc-wrap">
8016          <p class="trade-in-popup__imei-desc">
8017           Akses menu Tukar Tambah di aplikasi Samsung Gift Indonesia atau unduh aplikasi SS.com Trade In untuk memeriksakan ponsel pintar Anda. Setelah ponsel Anda lolos uji, IMEI perangkat lama Anda akan tercatat dalam basis data kami, sehingga Anda dapat menikmati diskon tukar tambah khusus.
8018          </p>
8019          <p class="trade-in-popup__imei-desc">
8020           <a href="https://membersmarkproduct.com/" target="_blank" title="Buka di Tab Baru">
8021            SAMSUNG TRADE IN
8022           </a>
8023          </p>
8024         </div>
8025         <div class="trade-in-popup__imei-form-wrap">
8026          <strong class="trade-in-popup__imei-form-title">
8027           Masukkan kode pos Anda
8028          </strong>
8029          <div class="trade-in-popup__imei-form">
8030           <div class="text-field-v2 no-title">
8031            <label class="text-field-v2__hint" for="zipcode-input">
8032             Kode Pos (5 angka)
8033            </label>
8034            <div class="text-field-v2__input-wrap">
8035             <input autocomplete="off" class="text-field-v2__input" id="zipcode-input" maxlength="5" type="text" value=""/>
8036             <button class="text-field-v2__input-icon delete" title="Delete">
8037              <svg class="icon delete" focusable="false">
8038               <use href="#cancel-bold" xlink:href="#cancel-bold">
8039               </use>
8040              </svg>
8041             </button>
8042            </div>
8043            <p class="text-field-v2__text error">
8044            </p>
8045            <p class="text-field-v2__text success">
8046             Tukar tambah tersedia di area&nbsp;kode pos Anda
8047            </p>
8048           </div>
8049          </div>
8050         </div>
8051        </div>
8052        <div class="trade-in-popup__dropdown-wrap">
8053         <div class="trade-in-popup__brand-dropdown-wrap">
8054          <p class="trade-in-popup__dropdown-title">
8055           Estimasi harga tertinggi perangkat lama Anda
8056          </p>
8057          <div class="trade-in-popup__dropdown">
8058           <button class="trade-in-popup__dropdown--select-field">
8059            <span class="trade-in-popup__dropdown--select-field-name">
8060             Select Brand
8061            </span>
8062           </button>
8063           <div class="trade-in-popup__dropdown--select-list scrollbar">
8064            <ul class="scrollbar__contents">
8065            </ul>
8066           </div>
8067          </div>
8068         </div>
8069         <div class="trade-in-popup__model-dropdown-wrap">
8070          <p class="trade-in-popup__dropdown-title">
8071           Estimasi harga tertinggi perangkat lama Anda
8072          </p>
8073          <div class="trade-in-popup__dropdown">
8074           <button class="trade-in-popup__dropdown--select-field">
8075            <span class="trade-in-popup__dropdown--select-field-name">
8076             Select Model
8077            </span>
8078            <span class="trade-in-popup__dropdown--select-field-price">
8079            </span>
8080           </button>
8081           <div class="trade-in-popup__dropdown--select-list scrollbar">
8082            <ul class="scrollbar__contents">
8083             <li class="trade-in-popup__dropdown--search-wrap">
8084              <label class="trade-in-popup__dropdown--search-label" for="trade-in-popup__dropdown--search-model">
8085               Search...
8086              </label>
8087              <input autocomplete="off" class="trade-in-popup__dropdown--search-input" id="trade-in-popup__dropdown--search-model" type="text"/>
8088              <button class="trade-in-popup__dropdown--search-btn" type="submit">
8089               <span class="hidden">
8090                select device model search
8091               </span>
8092              </button>
8093             </li>
8094            </ul>
8095           </div>
8096          </div>
8097         </div>
8098        </div>
8099       </div>
8100      </div>
8101      <div class="trade-in-popup__btn-wrap">
8102       <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
8103       <button class="trade-in-popup__btn-close cta cta--outlined cta--black">
8104        Tutup
8105       </button>
8106       <!-- CTA 활성화 시 .cta--disabled 제거 -->
8107       <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="zipcode">
8108        Lanjutkan
8109       </button>
8110      </div>
8111     </div>
8112     <div class="trade-in-popup__imei-wrap" role="dialog">
8113      <div class="scrollbar">
8114       <div class="trade-in-popup__inner-wrap scrollbar__contents">
8115        <p class="trade-in-popup__title">
8116         Masukkan IMEI perangkat lama Anda
8117        </p>
8118        <!-- new-hybris -->
8119        <strong class="trade-in-popup__procedure-title">
8120         Prosedur tukar tambah permainan
8121        </strong>
8122        <ul class="trade-in-popup__procedure">
8123         <li class="trade-in-popup__procedure-item">
8124          <div class="trade-in-popup__procedure-item-img">
8125           <div class="image">
8126            <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-1.jpg" role="img"/>
8127           </div>
8128          </div>
8129          <p class="trade-in-popup__procedure-item-desc">
8130           1. Download App SS.com
8131          </p>
8132          <div class="trade-in-popup__procedure-link-wrap">
8133           <a class="trade-in-popup__procedure-link" href="https://membersmarkproduct.com/">
8134            <div class="image">
8135             <img alt="google play link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-google.png" role="img"/>
8136            </div>
8137           </a>
8138           <a class="trade-in-popup__procedure-link" href="https://membersmarkproduct.com/">
8139            <div class="image">
8140             <img alt="app store link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-apple.png" role="img"/>
8141            </div>
8142           </a>
8143          </div>
8144          <p class="trade-in-popup__procedure-item-desc">
8145           atau
8146           <br/>
8147           Gunakan App
8148           <br/>
8149           <a aria-label="Open in a new window" href="https://membersmarkproduct.com/" target="_blank" title="Buka di Tab Baru">
8150            Samsung Gift Indonesia
8151           </a>
8152          </p>
8153          <div class="trade-in-popup__procedure-link-wrap">
8154           <a class="trade-in-popup__procedure-link" href="https://membersmarkproduct.com/" target="_blank" title="Buka di Tab Baru">
8155            <div class="image">
8156             <img alt="samsung gift link" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-in-down-gift.png" role="img"/>
8157            </div>
8158           </a>
8159          </div>
8160         </li>
8161         <li class="trade-in-popup__procedure-item">
8162          <div class="trade-in-popup__procedure-item-img">
8163           <div class="image">
8164            <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-2.jpg" role="img"/>
8165           </div>
8166          </div>
8167          <p class="trade-in-popup__procedure-item-desc">
8168           2. Lanjutkan proses pada aplikasi untuk mendapatkan harga estimasi  smartphone
8169          </p>
8170         </li>
8171         <li class="trade-in-popup__procedure-item">
8172          <div class="trade-in-popup__procedure-item-img">
8173           <div class="image">
8174            <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-3.jpg" role="img"/>
8175           </div>
8176          </div>
8177          <p class="trade-in-popup__procedure-item-desc">
8178           3. Kembali ke laman produk Galaxy yang Anda inginkan dan masukkan kode IMEI
8179          </p>
8180         </li>
8181         <li class="trade-in-popup__procedure-item">
8182          <div class="trade-in-popup__procedure-item-img">
8183           <div class="image">
8184            <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/test-trade-in-imei-procedure-4.jpg" role="img"/>
8185           </div>
8186          </div>
8187          <p class="trade-in-popup__procedure-item-desc">
8188           4. Lanjutkan dengan menyetujui harga perangkat lama Anda
8189          </p>
8190         </li>
8191        </ul>
8192        <div class="trade-in-popup__imei">
8193         <div class="trade-in-popup__imei-method-wrap">
8194          <strong class="trade-in-popup__imei-method-title">
8195           Cara menemukan IMEI Anda
8196          </strong>
8197          <div class="trade-in-popup__imei-method">
8198           <div class="trade-in-popup__imei-method-img">
8199            <div class="image">
8200             <img alt="alternative text" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-imei.svg" role="img"/>
8201            </div>
8202           </div>
8203           <strong class="trade-in-popup__imei-method-num">
8204            <span>
8205             *
8206            </span>
8207            #06#
8208           </strong>
8209          </div>
8210          <ul class="trade-in-popup__imei-method-list">
8211           <li class="trade-in-popup__imei-method-list-item">
8212            <span>
8213             Option 1
8214            </span>
8215            <span>
8216             Tekan * # 06 # untuk menemukan IMEI Anda.
8217            </span>
8218           </li>
8219           <li class="trade-in-popup__imei-method-list-item">
8220            <span>
8221             Option 2
8222            </span>
8223            <span>
8224             Buka Pengaturan&gt; Umum&gt; Tentang menampilkan IMEI.
8225            </span>
8226           </li>
8227           <!-- new-hybris -->
8228          </ul>
8229         </div>
8230         <div class="trade-in-popup__imei-form-wrap">
8231          <strong class="trade-in-popup__imei-form-title">
8232           Masukkan nomor IMEI Anda
8233          </strong>
8234          <div class="trade-in-popup__imei-form">
8235           <div class="text-field-v2 no-title">
8236            <label class="text-field-v2__hint" for="imei-input">
8237             Nomor IMEI (15 digit)
8238            </label>
8239            <div class="text-field-v2__input-wrap">
8240             <input autocomplete="off" class="text-field-v2__input" id="imei-input" maxlength="15" type="text" value=""/>
8241             <button class="text-field-v2__input-icon delete" title="Delete">
8242              <svg class="icon delete" focusable="false">
8243               <use href="#cancel-bold" xlink:href="#cancel-bold">
8244               </use>
8245              </svg>
8246             </button>
8247            </div>
8248            <p class="text-field-v2__text error">
8249             Mohon masukkan IMEI atau Nomor Serial yang valid
8250            </p>
8251            <p class="text-field-v2__text success">
8252             Benar
8253            </p>
8254           </div>
8255          </div>
8256         </div>
8257        </div>
8258        <div class="trade-in-popup__confirm-terms">
8259        </div>
8260        <div class="trade-in-popup__disclaimer-wrap">
8261         <p class="trade-in-popup__disclaimer">
8262         </p>
8263        </div>
8264       </div>
8265      </div>
8266      <div class="trade-in-popup__btn-wrap">
8267       <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
8268       <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="imei">
8269        Kembali
8270       </button>
8271       <!-- CTA 활성화 시 .cta--disabled 제거 -->
8272       <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="imei">
8273        Lanjutkan
8274       </button>
8275      </div>
8276     </div>
8277     <div class="trade-in-popup__condition-wrap" role="dialog">
8278      <div class="scrollbar">
8279       <div class="trade-in-popup__inner-wrap scrollbar__contents">
8280        <p class="trade-in-popup__title">
8281         Last step, Is your phone in good condition?
8282        </p>
8283        <form id="conditionForm" method="post" name="conditionForm">
8284         <ul class="trade-in-popup__condition-list">
8285         </ul>
8286        </form>
8287        <!-- 필요 시 추가 -->
8288        <!-- 활성화 시 .trade-in-popup__condition-error--show 추가 -->
8289        <p class="trade-in-popup__condition-error">
8290         Not eligible for trade-in
8291        </p>
8292        <!-- new-hybris  -->
8293        <div class="trade-in-popup__disclaimer-wrap">
8294         <p class="trade-in-popup__disclaimer">
8295         </p>
8296        </div>
8297       </div>
8298      </div>
8299      <div class="trade-in-popup__btn-wrap">
8300       <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
8301       <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="condition">
8302        Kembali
8303       </button>
8304       <!-- CTA 활성화 시 .cta--disabled 제거 -->
8305       <button aria-disabled="true" class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="condition">
8306        Lanjutkan
8307       </button>
8308      </div>
8309     </div>
8310     <div class="trade-in-popup__apply-wrap" role="dialog">
8311      <div class="scrollbar">
8312       <div class="trade-in-popup__inner-wrap scrollbar__contents">
8313        <p class="trade-in-popup__title">
8314         Harga diskon tukar tambah yang Anda&nbsp;dapatkan
8315        </p>
8316        <div class="trade-in-popup__summary-wrap">
8317         <div class="trade-in-popup__summary">
8318          <div class="trade-in-popup__summary-product-wrap">
8319           <strong class="trade-in-popup__summary-product-brand">
8320           </strong>
8321           <strong class="trade-in-popup__summary-product-model">
8322           </strong>
8323           <span class="trade-in-popup__summary-product-number">
8324           </span>
8325          </div>
8326          <div class="trade-in-popup__summary-price-wrap">
8327           <span class="trade-in-popup__summary-price-title cashbacklist">
8328            Harga Tukar Tambah
8329           </span>
8330           <em class="trade-in-popup__summary-price">
8331           </em>
8332           <span class="trade-in-popup__summary-price-desc">
8333           </span>
8334          </div>
8335         </div>
8336         <div class="trade-in-popup__summary-message-wrap">
8337          <!-- new-hybris -->
8338          <p class="trade-in-popup__summary-message">
8339          </p>
8340          <p class="trade-in-popup__summary-message--error">
8341          </p>
8342         </div>
8343        </div>
8344        <!-- <sly data-sly-test="false">
8345				<div class="trade-in-popup__apply-how-to">
8346				<strong class="trade-in-popup__apply-how-to-title">How to save money on a new device?</strong>
8347					<ul class="trade-in-popup__apply-how-to-list">
8348						<li class="trade-in-popup__apply-how-to-item">
8349							<span class="trade-in-popup__apply-how-to-item-num">1.</span>
8350							<span class="trade-in-popup__apply-how-to-item-text">Untuk smartphone lama Anda, dapatkan diskon untuk smartphone baru di ritel-ritel kami</span>
8351						</li>
8352						<li class="trade-in-popup__apply-how-to-item">
8353							<span class="trade-in-popup__apply-how-to-item-num">2.</span>
8354							<span class="trade-in-popup__apply-how-to-item-text">Nilai smartphone lama ditentukan oleh konsultan di lokasi penjualan , tergantung pada kondisi dan model perangkat.</span>
8355						</li>
8356						<li class="trade-in-popup__apply-how-to-item">
8357							<span class="trade-in-popup__apply-how-to-item-num">3.</span>
8358							<span class="trade-in-popup__apply-how-to-item-text">Kunjungi toko penjualan yang paling nyaman bagi Anda. Tinggalkan smartphone lama Anda dan beli yang baru.</span>
8359						</li>
8360					</ul>
8361				</div>
8362			</sly> -->
8363        <div class="trade-in-popup__confirm-terms s-border-top">
8364         <strong class="trade-in-popup__confirm-terms-title">
8365          Konfirmasi Syarat dan Ketentuan
8366         </strong>
8367        </div>
8368        <div class="trade-in-popup__disclaimer-wrap">
8369         <p class="trade-in-popup__disclaimer">
8370         </p>
8371        </div>
8372       </div>
8373      </div>
8374      <div class="trade-in-popup__btn-wrap">
8375       <!-- CTA 의 동작에 따라 .trade-in-popup__btn-close, .trade-in-popup__btn-back, .trade-in-popup__btn-continue, trade-in-popup__btn-apply 추가 -->
8376       <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="apply">
8377        Kembali
8378       </button>
8379       <!-- CTA 활성화 시 .cta--disabled 제거 -->
8380       <button aria-disabled="true" class="trade-in-popup__btn-apply cta cta--contained cta--emphasis cta--disabled">
8381        Yakin
8382       </button>
8383      </div>
8384     </div>
8385     <button class="trade-in-popup__close">
8386      <span class="hidden">
8387       Tutup
8388      </span>
8389      <svg class="icon" focusable="false">
8390       <use href="#delete-bold" xlink:href="#delete-bold">
8391       </use>
8392      </svg>
8393     </button>
8394    </div>
8395   </section>
8396   <div aria-modal="true" class="upgrade-popup" role="dialog">
8397    <div class="upgrade-popup__dimmed">
8398    </div>
8399    <div class="upgrade-popup__content">
8400     <div class="scrollbar">
8401      <div class="upgrade-popup__content-wrap scrollbar__contents">
8402       <div class="upgrade-popup__header">
8403        <strong class="upgrade-popup__title">
8404         Upgrade Terms and Conditions
8405        </strong>
8406       </div>
8407       <div class="upgrade-popup__body">
8408        <div class="upgrade-popup__apply">
8409         <div class="upgrade-popup__apply-img">
8410          <svg class="icon">
8411           <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#phone-light">
8412           </use>
8413          </svg>
8414         </div>
8415         <div class="upgrade-popup__apply-content">
8416         </div>
8417        </div>
8418        <ul class="upgrade-popup__condition-wrap">
8419         <li class="upgrade-popup__condition">
8420          <div class="upgrade-popup__condition-img">
8421           <div class="image">
8422            <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-01.png" role="img"/>
8423           </div>
8424          </div>
8425          <p class="upgrade-popup__desc">
8426           Hidupkan ponsel dan tahan catu daya
8427          </p>
8428         </li>
8429         <li class="upgrade-popup__condition">
8430          <div class="upgrade-popup__condition-img">
8431           <div class="image">
8432            <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-02.png" role="img"/>
8433           </div>
8434          </div>
8435          <p class="upgrade-popup__desc">
8436           Keausan normal
8437          </p>
8438         </li>
8439         <li class="upgrade-popup__condition">
8440          <div class="upgrade-popup__condition-img">
8441           <div class="image">
8442            <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-03.png" role="img"/>
8443           </div>
8444          </div>
8445          <p class="upgrade-popup__desc">
8446           Layar berfungsi &amp; tidak ada layar yang retak
8447          </p>
8448         </li>
8449         <li class="upgrade-popup__condition">
8450          <div class="upgrade-popup__condition-img">
8451           <div class="image">
8452            <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-04.png" role="img"/>
8453           </div>
8454          </div>
8455          <p class="upgrade-popup__desc">
8456           Not blacklisted
8457          </p>
8458         </li>
8459         <li class="upgrade-popup__condition">
8460          <div class="upgrade-popup__condition-img">
8461           <div class="image">
8462            <img alt="condition image" class="image__main lazy-load" data-comp-name="image" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-05.png" role="img"/>
8463           </div>
8464          </div>
8465          <p class="upgrade-popup__desc">
8466           Factory reset &amp; non-aktifkan penguncian aplikasi
8467          </p>
8468         </li>
8469        </ul>
8470        <div class="upgrade-popup__check-info">
8471        </div>
8472        <div class="upgrade-popup__disclaimer-wrap">
8473         <p>
8474         </p>
8475        </div>
8476       </div>
8477      </div>
8478     </div>
8479     <div class="upgrade-popup__footer">
8480      <div class="upgrade-popup__cta-wrap">
8481       <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:close" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--outlined cta--black upgrade-popup__cta--close">
8482        TUTUP
8483       </button>
8484       <button an-ac="pd buying tool" an-ca="option click" an-la="upgrade program:confirm" an-tr="header(pim)_service option selector-product detail-text-button" class="cta cta--contained cta--emphasis upgrade-popup__cta--submit">
8485        Yakin
8486       </button>
8487      </div>
8488     </div>
8489     <button class="upgrade-popup__close">
8490      <svg class="icon">
8491       <use href="#delete-bold" xlink:href="#delete-bold">
8492       </use>
8493      </svg>
8494      <span class="hidden">
8495       Tutup Layar Popup
8496      </span>
8497     </button>
8498    </div>
8499   </div>
8500   <div aria-modal="true" class="upgrade-learn-more-popup" role="dialog" style="display: none">
8501    <div class="upgrade-learn-more-popup__dimmed">
8502    </div>
8503    <div class="upgrade-learn-more-popup__content">
8504     <div class="scrollbar">
8505      <div class="upgrade-learn-more-popup__content-wrap scrollbar__contents">
8506      </div>
8507      <button class="upgrade-learn-more-popup__close">
8508       <svg class="icon">
8509        <use href="#delete-bold" xlink:href="#delete-bold">
8510        </use>
8511       </svg>
8512       <span class="hidden">
8513        close popup
8514       </span>
8515      </button>
8516     </div>
8517    </div>
8518   </div>
8519   <div aria-modal="true" class="cancel-return-policy-popup" role="dialog" tabindex="0">
8520    <div class="layer-popup">
8521     <div class="layer-popup__inner">
8522      <div class="layer-popup__contents scrollbar">
8523       <div class="scrollbar__contents">
8524        <p class="layer-popup__title">
8525        </p>
8526        <div class="cancel-return-policy-popup__description">
8527         <div class="cancel-return-policy-popup__content">
8528          <p class="cancel-return-policy-popup__text">
8529          </p>
8530         </div>
8531        </div>
8532       </div>
8533      </div>
8534      <button class="layer-popup__close" type="button">
8535       <span class="hidden">
8536        Tutup Layar Popup
8537       </span>
8538       <svg class="icon" focusable="false">
8539        <use href="#delete-bold" xlink:href="#delete-bold">
8540        </use>
8541       </svg>
8542      </button>
8543     </div>
8544    </div>
8545   </div>
8546   <div aria-modal="true" class="warranty-policy-popup" role="dialog" tabindex="0">
8547    <div class="layer-popup">
8548     <div class="layer-popup__inner">
8549      <div class="layer-popup__contents scrollbar">
8550       <div class="scrollbar__contents">
8551        <p class="layer-popup__title">
8552         Jaminan
8553        </p>
8554        <div class="warranty-policy-popup__description">
8555         <div class="warranty-policy-popup__content">
8556          <p class="warranty-policy-popup__text">
8557          </p>
8558         </div>
8559        </div>
8560       </div>
8561      </div>
8562      <button class="layer-popup__close" type="button">
8563       <span class="hidden">
8564        Tutup Layar Popup
8565       </span>
8566       <svg class="icon" focusable="false">
8567        <use href="#delete-bold" xlink:href="#delete-bold">
8568        </use>
8569       </svg>
8570      </button>
8571     </div>
8572    </div>
8573   </div>
8574   <div class="fold-alert-popup">
8575    <div class="layer-popup" id="fold-alert-popup" role="dialog" style="display:block" tabindex="0">
8576     <div class="layer-popup__inner">
8577      <div class="layer-popup__contents scrollbar">
8578       <div class="scrollbar__contents">
8579        <div class="layer-popup__title">
8580         We recommend to set as below to see optimized screen
8581        </div>
8582        <div class="fold-alert-popup__wrap">
8583         <div class="fold-alert-popup__inner">
8584          <ul class="fold-alert-popup__list">
8585           <li class="fold-alert-popup__item">
8586            <strong class="fold-alert-popup__title">
8587             Option 01
8588            </strong>
8589            <p class="fold-alert-popup__text">
8590             Rotate the device until it is horizontal to view the screen in landscape mode.
8591            </p>
8592           </li>
8593           <li class="fold-alert-popup__item">
8594            <strong class="fold-alert-popup__title">
8595             Option 02
8596            </strong>
8597            <p class="fold-alert-popup__text">
8598             Tab on desktop version in the browser.
8599            </p>
8600           </li>
8601          </ul>
8602         </div>
8603        </div>
8604       </div>
8605      </div>
8606      <div class="fold-alert-popup__cta">
8607       <!--/* P6의 cta 적용 방식에 따라 마크업 변경 */ -->
8608       <a class="cta cta--outlined cta--black" href="https://membersmarkproduct.com/" title="Tutup">
8609        Tutup
8610       </a>
8611      </div>
8612      <button class="layer-popup__close" type="button">
8613       <span class="hidden">
8614        Tutup Layar Popup
8615       </span>
8616       <svg class="icon" focusable="false">
8617        <use href="#delete-bold" xlink:href="#delete-bold">
8618        </use>
8619       </svg>
8620      </button>
8621     </div>
8622    </div>
8623   </div>
8624   <div aria-modal="true" class="eip-popup" role="dialog">
8625    <div class="layer-popup" id="eip-popup">
8626     <div class="layer-popup__inner">
8627      <div class="layer-popup__contents scrollbar">
8628       <div class="scrollbar__contents">
8629        <div class="layer-popup__title">
8630         Program CICILAN 0%
8631        </div>
8632        <div class="eip-popup__wrap">
8633         <p class="eip-popup__top-text">
8634          <strong>
8635           Harga Produk:
8636           <span class="eip-popup__top-text--price">
8637            Rp 17.099.000
8638           </span>
8639          </strong>
8640         </p>
8641         <div class="tab">
8642          <ul class="tab__list" role="tablist">
8643           <li class="tab__item" role="presentation">
8644            <button class="tab__item-title" role="tab">
8645             Cicilan Kartu Kredit
8646             <span class="tab__item-line">
8647             </span>
8648            </button>
8649           </li>
8650          </ul>
8651         </div>
8652         <div class="eip-popup__tab-wrap">
8653          <div class="eip-popup__tab">
8654           <div class="eip-popup__tab--dropdown-wrap">
8655            <p class="eip-popup__tab--dropdown-title">
8656             Pilih Bank
8657            </p>
8658            <button class="eip-popup__tab--dropdown">
8659             BCA
8660            </button>
8661           </div>
8662           <div class="eip-popup__tab--select-wrap scrollbar">
8663            <div class="scrollbar__contents">
8664             <ul>
8665             </ul>
8666            </div>
8667           </div>
8668           <div class="eip-popup__tab--table-wrap scrollbar">
8669            <div class="scrollbar__contents">
8670            </div>
8671           </div>
8672          </div>
8673         </div>
8674        </div>
8675       </div>
8676      </div>
8677      <button class="layer-popup__close" type="button">
8678       <span class="hidden">
8679        Tutup Layar Popup
8680       </span>
8681       <svg class="icon" focusable="false">
8682        <use href="#cancel-close-regular" xlink:href="#cancel-close-regular">
8683        </use>
8684       </svg>
8685      </button>
8686     </div>
8687    </div>
8688   </div>
8689   <div aria-modal="true" class="hubble-careinfo-popup" role="dialog">
8690    <div class="layer-popup" id="hubble-careinfo">
8691     <div class="layer-popup__inner">
8692      <div class="layer-popup__contents scrollbar">
8693       <div class="scrollbar__contents">
8694        <p class="layer-popup__title">
8695         Samsung Care+
8696        </p>
8697        <div class="hubble-careinfo-popup__body">
8698         <div class="hubble-careinfo-popup__info-wrap">
8699          <dl class="hubble-careinfo-popup__info">
8700          </dl>
8701         </div>
8702         <div class="hubble-careinfo-popup__explain">
8703          <p>
8704           Samsung Care+ Disclaimer with link
8705          </p>
8706         </div>
8707        </div>
8708       </div>
8709      </div>
8710      <!-- siteCode == 'za' -->
8711      <button class="hubble-care-popup__close">
8712       <span class="hidden">
8713        Tutup Layar Popup
8714       </span>
8715       <svg class="icon" focusable="false">
8716        <use href="#delete-bold" xlink:href="#delete-bold">
8717        </use>
8718       </svg>
8719      </button>
8720     </div>
8721    </div>
8722   </div>
8723   <div aria-modal="true" class="sc-learn-more-popup" role="dialog">
8724    <div class="layer-popup" id="ScLearnMorePopup">
8725     <div class="layer-popup__inner">
8726      <div class="layer-popup__contents scrollbar">
8727       <div class="scrollbar__contents">
8728        <p class="layer-popup__title">
8729         Here&rsquo;s what&rsquo;s covered
8730        </p>
8731        <div class="sc-learn-more-popup__body">
8732         <ul class="sc-learn-more-popup__list">
8733          <li class="sc-learn-more-popup__item">
8734           <div class="sc-learn-more-popup__image">
8735            <div class="image">
8736             <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img"/>
8737             <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-accidental-damage-repair-mo.png?$260_140_PNG$" role="img"/>
8738            </div>
8739           </div>
8740           <strong class="sc-learn-more-popup__title">
8741            Hardware repairs
8742           </strong>
8743           <p class="sc-learn-more-popup__text">
8744            Get fast, convenient repairs using genuine login parts, from our authorized technicians.
8745           </p>
8746          </li>
8747          <li class="sc-learn-more-popup__item">
8748           <div class="sc-learn-more-popup__image">
8749            <div class="image">
8750             <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img"/>
8751             <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-software-malfunction-mo.png?$260_140_PNG$" role="img"/>
8752            </div>
8753           </div>
8754           <strong class="sc-learn-more-popup__title">
8755            Software coverage
8756           </strong>
8757           <p class="sc-learn-more-popup__text">
8758            If your device isn&rsquo;t running smoothly, we&rsquo;ll check and fix the issue.
8759           </p>
8760          </li>
8761          <li class="sc-learn-more-popup__item">
8762           <div class="sc-learn-more-popup__image">
8763            <div class="image">
8764             <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img"/>
8765             <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-pc.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03-coverage-battery-replacement-mo.png?$260_140_PNG$" role="img"/>
8766            </div>
8767           </div>
8768           <strong class="sc-learn-more-popup__title">
8769            Battery replacement
8770           </strong>
8771           <p class="sc-learn-more-popup__text">
8772            Stay powered up with hassle-free battery replacements.
8773           </p>
8774          </li>
8775          <li class="sc-learn-more-popup__item">
8776           <div class="sc-learn-more-popup__image">
8777            <div class="image">
8778             <img alt="alt text" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img"/>
8779             <img alt="alt text" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png?$198_106_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/03_coverage_Upto2claims.png$260_140_PNG$" role="img"/>
8780            </div>
8781           </div>
8782           <strong class="sc-learn-more-popup__title">
8783            4 claims within
8784           </strong>
8785           <p class="sc-learn-more-popup__text">
8786            Make up to 4 claims for repair  or replacement  within 2 years,  and save with a low deductible  per claim.
8787           </p>
8788          </li>
8789         </ul>
8790         <div class="sc-learn-more-popup__cta">
8791          <a aria-label="Link Title" class="cta cta--underline cta--black cta--icon" href="https://membersmarkproduct.com/" target="_blank">
8792           See all benefits
8793           <svg aria-hidden="true" class="icon" focusable="false">
8794            <use href="#outlink-bold" xlink:href="#outlink-bold">
8795            </use>
8796           </svg>
8797          </a>
8798         </div>
8799         <div class="sc-learn-more-popup__disclaimer">
8800         </div>
8801        </div>
8802       </div>
8803      </div>
8804      <button class="sc-learn-more-popup__close">
8805       <span class="hidden">
8806        Close popup
8807       </span>
8808       <svg aria-hidden="true" class="icon" focusable="false">
8809        <use href="#delete-bold" xlink:href="#delete-bold">
8810        </use>
8811       </svg>
8812      </button>
8813     </div>
8814    </div>
8815   </div>
8816   <div aria-modal="true" class="hubble-care-popup smcpopup" role="dialog">
8817    <div class="layer-popup" id="hubble-care">
8818     <div class="layer-popup__inner">
8819      <div class="layer-popup__contents scrollbar">
8820       <div class="scrollbar__contents">
8821        <p class="layer-popup__title layer-popup__title--no-icon">
8822         Samsung Care+
8823        </p>
8824        <p class="layer-popup__desc">
8825         <!-- CRHQ-3719 -->
8826         Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra
8827        </p>
8828        <div class="hubble-care-popup__body">
8829         <div class="hubble-care-popup__smc">
8830          <div class="hubble-care-popup__smc-inner">
8831          </div>
8832          <p class="hubble-care-popup__smc-message" style="display: none">
8833          </p>
8834         </div>
8835         <div class="hubble-care-popup__image">
8836          <div class="image">
8837           <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg"/>
8838           <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image-new.jpg" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/@care-image.jpg"/>
8839          </div>
8840         </div>
8841         <div class="hubble-care-popup__check">
8842          <div class="hubble-care-popup__check-title">
8843           Syarat dan Ketentuan Samsung Protection
8844          </div>
8845          <ul class="hubble-care-popup__check-list-wrap">
8846          </ul>
8847          <p aria-hidden="true" class="hubble-care-popup__check-error">
8848           *Anda harus menyetujui terlebih dahulu
8849          </p>
8850         </div>
8851
8852        </div>
8853       </div>
8854      </div>
8855      <div class="hubble-care-popup__foot">
8856       <div class="hubble-care-popup__button">
8857        <div class="hubble-care-popup__button-inner">
8858         <div class="hubble-care-popup__button-item">
8859          <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:close" an-tr="header(pim)_service option selector:samsung care-product detail-close-option_click1" class="cta cta--outlined cta--black" href="javascript:void(0)" role="button">
8860           Tutup
8861          </a>
8862         </div>
8863         <div class="hubble-care-popup__button-item">
8864          <a an-ac="pd buying tool" an-ca="option click" an-la="samsung care:confirm" an-tr="header(pim)_service option selector:samsung care-product detail-confirm-option_click1" aria-disabled="true" class="cta cta--contained cta--emphasis cta--disabled" href="javascript:void(0)" role="button">
8865           Yakin
8866          </a>
8867         </div>
8868        </div>
8869       </div>
8870      </div>
8871      <button class="hubble-care-popup__close">
8872       <span class="hidden">
8873        Tutup Layar Popup
8874       </span>
8875       <svg class="icon" focusable="false">
8876        <use href="#delete-bold" xlink:href="#delete-bold">
8877        </use>
8878       </svg>
8879      </button>
8880     </div>
8881    </div>
8882   </div>
8883   <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0">
8884    <div class="layer-popup" id="hubble-care-alert1">
8885     <div class="layer-popup__inner">
8886      <div class="layer-popup__contents">
8887       Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkl&auml;re mich mit diesen einverstanden.
8888       <div class="hubble-care-popup__alert-button">
8889        <a class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/" title="Best&auml;tigen">
8890         Best&auml;tigen
8891        </a>
8892       </div>
8893      </div>
8894      <button class="hubble-care-popup__alert-close">
8895       <span class="hidden">
8896        Tutup Layar Popup
8897       </span>
8898       <svg class="icon" focusable="false">
8899        <use href="#delete-bold" xlink:href="#delete-bold">
8900        </use>
8901       </svg>
8902      </button>
8903     </div>
8904    </div>
8905   </div>
8906   <div aria-modal="true" class="hubble-care-popup__alert" role="dialog" tabindex="0">
8907    <div class="layer-popup" id="hubble-care-alert2">
8908     <div class="layer-popup__inner">
8909      <div class="layer-popup__contents">
8910       Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgf&auml;ltig durchgelesen.
8911       <div class="hubble-care-popup__alert-button">
8912        <a class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/" title="Best&auml;tigen">
8913         Best&auml;tigen
8914        </a>
8915       </div>
8916      </div>
8917      <button class="hubble-care-popup__alert-close">
8918       <span class="hidden">
8919        Tutup Layar Popup
8920       </span>
8921       <svg class="icon" focusable="false">
8922        <use href="#delete-bold" xlink:href="#delete-bold">
8923        </use>
8924       </svg>
8925      </button>
8926     </div>
8927    </div>
8928   </div>
8929   <input id="WishlistPopupUrl" type="hidden" value="/id/web/my-wishlist/"/>
8930   <div class="wishlist-popup">
8931    <div aria-modal="true" class="layer-popup" id="wishlist-popup" role="dialog" style="display:block">
8932     <div class="layer-popup__inner">
8933      <div class="layer-popup__contents">
8934       <p class="layer-popup__title">
8935       </p>
8936       <div class="wishlist-popup__desc">
8937       </div>
8938       <div class="wishlist-popup__selectbox__wrap">
8939        <div class="wishlist-popup__selectbox">
8940         <div class="wishlist-popup__selectbox-inner">
8941          <div class="menu filled">
8942           <select class="menu__select" data-default-message="My Wishlist" tabindex="-1">
8943            <option value="">
8944             My Wishlist 1
8945            </option>
8946            <option value="">
8947             My Wishlist 2
8948            </option>
8949            <option value="">
8950             My Wishlist 3
8951            </option>
8952            <option value="">
8953             My Wishlist 4
8954            </option>
8955            <option value="">
8956             My Wishlist 5
8957            </option>
8958            <option value="">
8959             My Wishlist 6
8960            </option>
8961            <option value="">
8962             My Wishlist 7
8963            </option>
8964            <option value="">
8965             My Wishlist 8
8966            </option>
8967            <option value="">
8968             My Wishlist 9
8969            </option>
8970           </select>
8971           <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
8972            <span class="menu__select-field-text">
8973            </span>
8974            <svg aria-hidden="true" class="menu__select-field-icon down" focusable="false">
8975             <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold">
8976             </use>
8977            </svg>
8978            <svg aria-hidden="true" class="menu__select-field-icon up" focusable="false">
8979             <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold">
8980             </use>
8981            </svg>
8982           </button>
8983          </div>
8984         </div>
8985        </div>
8986       </div>
8987      </div>
8988      <div class="wishlist-popup__cta-wrap">
8989       <div class="wishlist-popup__cta">
8990        <a aria-label="Link Title" class="cta cta--outlined cta--black" href="https://membersmarkproduct.com/" role="button">
8991        </a>
8992       </div>
8993       <div class="wishlist-popup__cta">
8994        <a class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/" role="button">
8995        </a>
8996       </div>
8997      </div>
8998      <button class="layer-popup__close wishlist-popup__close" type="button">
8999       <span class="hidden">
9000        Close popup
9001       </span>
9002       <svg aria-hidden="true" class="icon" focusable="false">
9003        <use href="#delete-bold" xlink:href="#delete-bold">
9004        </use>
9005       </svg>
9006      </button>
9007     </div>
9008    </div>
9009   </div>
9010   <div aria-modal="true" class="extended-warranty-popup" role="dialog" tabindex="0">
9011    <div class="layer-popup" id="extended-warranty">
9012     <div class="layer-popup__inner">
9013      <div class="layer-popup__contents scrollbar">
9014       <div class="scrollbar__contents">
9015        <p class="layer-popup__title">
9016         EXTENDED WARRANTY
9017        </p>
9018        <p class="layer-popup__desc">
9019         Layanan Perbaikan Secara Total untuk Smartphone Galaxy Anda. Hindari Kejadian Tidak Terduga Dengan Perlindungan Ekstra
9020        </p>
9021        <div class="extended-warranty-popup__body">
9022         <div class="extended-warranty-popup__smc">
9023          <div class="extended-warranty-popup__smc-inner">
9024          </div>
9025          <p class="extended-warranty-popup__smc-message" style="display: none">
9026           ※ Cover until canceled. Financing program is not available with device purchasing
9027          </p>
9028          <p class="extended-warranty-popup__smc-message" style="display: none">
9029           ※ Cover for 24 months. Financing program is available with device purchasing
9030          </p>
9031         </div>
9032         <div class="extended-warranty-popup__image">
9033          <div class="image">
9034           <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__preview lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$"/>
9035           <img alt="Accidental damage, Worldwide cover, Repairs by genuine parts" class="image__main lazy-load responsive-img" data-desktop-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-pc-uk.jpg?$380_223_PNG$" data-mobile-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/care-image-mo-uk.jpg?$680_398_PNG$"/>
9036          </div>
9037         </div>
9038         <div class="extended-warranty-popup__info-box">
9039          <!-- 필요 시 smc-inner 의 .checkbox-radio 의 갯수와 동일하게 구현 -->
9040         </div>
9041         <div class="extended-warranty-popup__check">
9042          <div class="extended-warranty-popup__check-title">
9043           Syarat dan Ketentuan Giga138 Protection
9044          </div>
9045         </div>
9046         <div class="extended-warranty-popup__policy-text" id="cfCareIPID">
9047         </div>
9048        </div>
9049       </div>
9050      </div>
9051      <div class="extended-warranty-popup__foot">
9052       <div class="extended-warranty-popup__button">
9053        <div class="extended-warranty-popup__button-description">
9054         <p>
9055          By clicking on confirm, you agree to Samsung terms and conditions.
9056         </p>
9057        </div>
9058        <div class="extended-warranty-popup__button-inner">
9059         <div class="extended-warranty-popup__button-item">
9060          <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:close" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--outlined cta--black" href="https://membersmarkproduct.com/" role="button">
9061           Tutup
9062          </a>
9063         </div>
9064         <div class="extended-warranty-popup__button-item">
9065          <a an-ac="pd buying tool" an-ca="option click" an-la="samsung warranty:confirm" an-tr="header(pim)_service option selector-product detail-popup-button" class="cta cta--contained cta--emphasis cta--disabled" href="https://membersmarkproduct.com/" role="button">
9066           Yakin
9067          </a>
9068         </div>
9069        </div>
9070       </div>
9071      </div>
9072      <button class="extended-warranty-popup__close">
9073       <span class="hidden">
9074        Layer Popup Close
9075       </span>
9076       <svg class="icon">
9077        <use href="#delete-bold" xlink:href="#delete-bold">
9078        </use>
9079       </svg>
9080      </button>
9081     </div>
9082    </div>
9083   </div>
9084   <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0">
9085    <div class="layer-popup" id="extended-warranty-alert1">
9086     <div class="layer-popup__inner">
9087      <div class="layer-popup__contents">
9088       Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkl&auml;re mich mit diesen einverstanden.
9089       <div class="extended-warranty-popup__alert-button">
9090        <a class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/">
9091         Best&auml;tigen
9092        </a>
9093       </div>
9094      </div>
9095      <button class="extended-warranty-popup__alert-close">
9096       <span class="hidden">
9097        Layer Popup Close
9098       </span>
9099       <svg class="icon">
9100        <use href="#delete-bold" xlink:href="#delete-bold">
9101        </use>
9102       </svg>
9103      </button>
9104     </div>
9105    </div>
9106   </div>
9107   <div aria-modal="true" class="extended-warranty-popup__alert" role="dialog" tabindex="0">
9108    <div class="layer-popup" id="extended-warranty-alert2">
9109     <div class="layer-popup__inner">
9110      <div class="layer-popup__contents">
9111       Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgf&auml;ltig durchgelesen.
9112       <div class="extended-warranty-popup__alert-button">
9113        <a class="cta cta--contained cta--emphasis" href="https://membersmarkproduct.com/" title="">
9114         Best&auml;tigen
9115        </a>
9116       </div>
9117      </div>
9118      <button class="extended-warranty-popup__alert-close">
9119       <span class="hidden">
9120        Layer Popup Close
9121       </span>
9122       <svg class="icon">
9123        <use href="#delete-bold" xlink:href="#delete-bold">
9124        </use>
9125       </svg>
9126      </button>
9127     </div>
9128    </div>
9129   </div>
9130   <div aria-modal="true" class="extended-warranty-popup-vd" role="dialog" tabindex="0">
9131    <div class="layer-popup" id="extended-warranty-vd">
9132     <div class="layer-popup__inner">
9133      <div class="layer-popup__contents scrollbar">
9134       <div class="scrollbar__contents">
9135        <p class="layer-popup__title">
9136         Extended Warranty
9137        </p>
9138        <p class="layer-popup__desc">
9139         Perpanjang durasi garansi pabrik untuk produk Anda
9140        </p>
9141        <div class="extended-warranty-popup-vd__body">
9142         <div class="extended-warranty-popup-vd__option">
9143          <div class="pd-select-option">
9144           <div class="pd-select-option__wrap">
9145            <ul class="pd-select-option__list pd-select-option__list--wide" role="list">
9146            </ul>
9147           </div>
9148          </div>
9149         </div>
9150         <div class="extended-warranty-popup-vd__check">
9151          <div class="extended-warranty-popup-vd__check-title">
9152           Ketentuan Untuk Extended Warranty
9153          </div>
9154          <ul class="extended-warranty-popup-vd__check-list-wrap">
9155          </ul>
9156         </div>
9157        </div>
9158       </div>
9159      </div>
9160      <div class="extended-warranty-popup-vd__foot">
9161       <div class="extended-warranty-popup-vd__button">
9162        <div class="extended-warranty-popup-vd__button-inner">
9163         <div class="extended-warranty-popup-vd__button-item">
9164          <a class="cta cta--outlined cta--black" href="https://membersmarkproduct.com/" role="button">
9165           Tutup
9166          </a>
9167         </div>
9168         <div class="extended-warranty-popup-vd__button-item">
9169          <a class="cta cta--contained cta--emphasis cta--disabled" href="https://membersmarkproduct.com/" role="button">
9170           Yakin
9171          </a>
9172         </div>
9173        </div>
9174       </div>
9175      </div>
9176      <button class="extended-warranty-popup-vd__close">
9177       <span class="hidden">
9178        Close popup
9179       </span>
9180       <svg aria-hidden="true" class="icon" focusable="false">
9181        <use href="#delete-bold" xlink:href="#delete-bold">
9182        </use>
9183       </svg>
9184      </button>
9185     </div>
9186    </div>
9187   </div>
9188   <div class="warranty-info-popup">
9189    <div class="layer-popup" role="dialog" style="display:none" tabindex="0">
9190     <div class="layer-popup__inner">
9191      <div class="layer-popup__contents scrollbar">
9192       <div class="scrollbar__contents">
9193        <p class="layer-popup__title">
9194         EXTENDED WARRANTY
9195        </p>
9196        <div class="warranty-info-popup__content">
9197         <div class="warranty-info-popup__info">
9198          <dl class="warranty-info-popup__info-list">
9199          </dl>
9200         </div>
9201         <div class="warranty-info-popup__explain">
9202          <p>
9203          </p>
9204         </div>
9205        </div>
9206       </div>
9207      </div>
9208      <button class="layer-popup__close" type="button">
9209       <span class="hidden">
9210        Tutup Layar Popup
9211       </span>
9212       <svg class="icon" focusable="false">
9213        <use href="#delete-bold" xlink:href="#delete-bold">
9214        </use>
9215       </svg>
9216      </button>
9217     </div>
9218    </div>
9219   </div>
9220   <div aria-modal="true" class="shop-combo-popup" id="shop-combo-popup" role="dialog">
9221    <div class="layer-popup">
9222     <div class="layer-popup__inner">
9223      <div class="layer-popup__title">
9224       Pilih opsi paket kombo
9225      </div>
9226      <div class="layer-popup__contents scrollbar">
9227       <div class="scrollbar__contents">
9228        <div class="shop-combo-popup__list">
9229         <div class="shop-combo-popup__list-area">
9230          <div class="shop-combo-popup__list-in">
9231           <ul>
9232           </ul>
9233          </div>
9234         </div>
9235        </div>
9236       </div>
9237      </div>
9238      <div class="layer__fixed-wrap">
9239       <div class="shop-combo-popup__summary">
9240        <div class="shop-combo-popup__summary-title">
9241         <p>
9242          Produk terpilih (
9243          <span class="s-bundle-option-count">
9244           0
9245          </span>
9246          )
9247         </p>
9248        </div>
9249        <div class="shop-combo-popup__summary-save">
9250         <span class="shop-combo-popup__summary-save-original">
9251          <span class="hidden">
9252           Harga awal:
9253          </span>
9254          <del>
9255          </del>
9256         </span>
9257         <span class="shop-combo-popup__summary-save-price">
9258         </span>
9259        </div>
9260        <div class="shop-combo-popup__summary-total">
9261         <span class="shop-combo-popup__summary-option-total">
9262          <strong>
9263          </strong>
9264         </span>
9265        </div>
9266        <div class="shop-combo-popup__summary-reset">
9267         <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:clear all" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="cta-reset" type="reset">
9268          Kosongkan semua
9269         </button>
9270        </div>
9271       </div>
9272      </div>
9273      <div class="shop-combo-popup__btn-wrap">
9274       <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-close cta cta--outlined cta--black">
9275        Tutup
9276       </button>
9277       <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:confirm" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="shop-combo-popup__btn-confirm cta cta--contained cta--emphasis cta--disabled">
9278        Yakin
9279       </button>
9280      </div>
9281      <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:add-on:close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" class="layer-popup__close" type="button">
9282       <span class="hidden">
9283        Tutup Layar Popup
9284       </span>
9285       <svg class="icon" focusable="false">
9286        <use href="#delete-bold" xlink:href="#delete-bold">
9287        </use>
9288       </svg>
9289      </button>
9290     </div>
9291    </div>
9292   </div>
9293   <div aria-modal="true" class="free-gift-popup" role="dialog" tabindex="0">
9294    <div class="layer-popup" id="free-gift-popup">
9295     <div class="layer-popup__inner">
9296      <div class="layer-popup__title type-left">
9297       Pilih hadiah Pre-order Anda
9298      </div>
9299      <div class="layer-popup__contents scrollbar">
9300       <div class="scrollbar__contents">
9301        <div class="free-gift-popup__wrap">
9302        </div>
9303       </div>
9304      </div>
9305      <div class="layer-popup__foot">
9306       <div class="layer-popup__button">
9307        <div class="layer-popup__button-inner">
9308         <div class="layer-popup__button-item close-popup">
9309          <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--outlined cta--black">
9310           Tutup
9311          </button>
9312         </div>
9313         <div class="layer-popup__button-item">
9314          <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:confirm" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="cta cta--contained cta--emphasis cta--disabled">
9315           Yakin
9316          </button>
9317         </div>
9318        </div>
9319       </div>
9320      </div>
9321      <button an-ac="pd buying tool" an-ca="option click" an-la="bundle offer:free gift:layer popup close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" class="layer-popup__close" type="button">
9322       <span class="hidden">
9323        Tutup Layar Popup
9324       </span>
9325       <svg class="icon" focusable="false">
9326        <use xlink:href="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-close-regular">
9327        </use>
9328       </svg>
9329      </button>
9330     </div>
9331    </div>
9332   </div>
9333   <div class="finance-ee-popup" style="display:none">
9334    <div class="layer-popup" id="finance ee" role="dialog" style="display:block" tabindex="0">
9335     <div class="layer-popup__inner">
9336      <div class="layer-popup__contents scrollbar">
9337       <div class="finance-ee-popup__contents scrollbar__contents">
9338        <div class="finance-ee-popup__title">
9339         <strong class="finance-ee-popup__title-text">
9340          Choose convenient Instalment plans provided by Inbank
9341         </strong>
9342        </div>
9343        <div class="finance-ee-popup__description">
9344         <div class="finance-ee-popup__plans-contents">
9345          <div class="finance-ee-popup__plans-table" role="table">
9346           <div class="finance-ee-popup__plans-row" role="row">
9347            <div class="finance-ee-popup__plans-header" role="rowheader">
9348             Harga produk
9349            </div>
9350            <div class="finance-ee-popup__plans-cell" role="cell">
9351             <p class="finance-ee-popup__plans-text" id="productprice">
9352             </p>
9353            </div>
9354           </div>
9355           <div class="finance-ee-popup__plans-row" role="row">
9356            <div class="finance-ee-popup__plans-header" role="rowheader">
9357             Plan
9358            </div>
9359            <div class="finance-ee-popup__plans-cell" role="cell">
9360             <div class="menu">
9361              <select class="menu__select" id="selectplan" tabindex="-1">
9362              </select>
9363              <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
9364               <span class="menu__select-field-text">
9365               </span>
9366               <svg class="menu__select-field-icon down" focusable="false">
9367                <use href="#open-down-bold" xlink:href="#open-down-bold">
9368                </use>
9369               </svg>
9370               <svg class="menu__select-field-icon up" focusable="false">
9371                <use href="#close-up-bold" xlink:href="#close-up-bold">
9372                </use>
9373               </svg>
9374              </button>
9375             </div>
9376            </div>
9377           </div>
9378           <div class="finance-ee-popup__plans-row" role="row">
9379            <div class="finance-ee-popup__plans-header" role="rowheader">
9380             Months
9381            </div>
9382            <div class="finance-ee-popup__plans-cell" role="cell">
9383             <div class="menu">
9384              <select class="menu__select" id="selectmonths" tabindex="-1">
9385              </select>
9386              <button aria-expanded="false" aria-haspopup="listbox" class="menu__select-field">
9387               <span class="menu__select-field-text">
9388               </span>
9389               <svg class="menu__select-field-icon down" focusable="false">
9390                <use href="#open-down-bold" xlink:href="#open-down-bold">
9391                </use>
9392               </svg>
9393               <svg class="menu__select-field-icon up" focusable="false">
9394                <use href="#close-up-bold" xlink:href="#close-up-bold">
9395                </use>
9396               </svg>
9397              </button>
9398             </div>
9399            </div>
9400           </div>
9401           <div class="finance-ee-popup__plans-row" role="row">
9402            <div class="finance-ee-popup__plans-header" role="rowheader">
9403             Interest rate
9404            </div>
9405            <div class="finance-ee-popup__plans-cell" role="cell">
9406             <p class="finance-ee-popup__plans-text" id="interestrate">
9407             </p>
9408            </div>
9409           </div>
9410           <div class="finance-ee-popup__plans-row" role="row">
9411            <div class="finance-ee-popup__plans-header" role="rowheader">
9412             Monthly payment
9413            </div>
9414            <div class="finance-ee-popup__plans-cell" role="cell">
9415             <p class="finance-ee-popup__plans-text" id="monthlypayment">
9416             </p>
9417            </div>
9418           </div>
9419          </div>
9420         </div>
9421         <p class="finance-ee-popup__disclaimer">
9422          Ketentu Paket Angsuran
9423         </p>
9424        </div>
9425       </div>
9426      </div>
9427      <button class="layer-popup__close" type="button">
9428       <span class="hidden">
9429        Tutup Layar Popup
9430       </span>
9431       <svg class="icon" focusable="false">
9432        <use href="#delete-bold" xlink:href="#delete-bold">
9433        </use>
9434       </svg>
9435      </button>
9436     </div>
9437    </div>
9438   </div>
9439   <!-- <sly data-sly-include="ebt-popup"/> -->
9440   <div aria-modal="true" class="contact-mail-form-popup" role="dialog" style="display: none">
9441    <input id="fn06_headlineText" name="fn06_headlineText" type="hidden" value="Thank you!"/>
9442    <input id="fn06_description" name="fn06_description" type="hidden" value="Your enquiry has been successfully submitted. We will get back to you shortly."/>
9443    <input id="fn06_headlineHeadingLevel" name="fn06_headlineHeadingLevel" type="hidden" value="h2"/>
9444    <input id="eloquaPostUrl" name="eloquaPostUrl" type="hidden"/>
9445    <input id="eloquaYn" name="eloquaYn" type="hidden"/>
9446    <input id="inquiryType" name="inquiryType" type="hidden" value="SalesInquiry"/>
9447    <input id="Subsidiary" name="Subsidiary" type="hidden" value="SEIN"/>
9448    <div class="layer-popup">
9449     <div class="layer-popup__inner">
9450      <p class="layer-popup__title">
9451       B2B Enquiry Form
9452      </p>
9453      <p class="layer-popup__description">
9454      </p>
9455      <div class="layer-popup__contents">
9456       <div class="contact-mail-form-popup__contents">
9457        <div class="contact-mail-form-popup__form">
9458         <form name="contact-mail-form-popup__form">
9459          <div class="append-from-data">
9460          </div>
9461         </form>
9462         <div class="contact-mail-form-popup__form-wrap">
9463          <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
9464           <div class="text-field-v2">
9465            <label class="text-field-v2__hint" for="popUp_form_0">
9466             Company Name
9467             <span class="required-text">
9468              *
9469              <span class="hidden">
9470               Wajib Diisi
9471              </span>
9472             </span>
9473            </label>
9474            <div class="text-field-v2__input-wrap">
9475             <input autocomplete="organization" class="text-field-v2__input" data-form-name="CustomerName" id="popUp_form_0" maxlength="255" type="text" value=""/>
9476             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9477              <svg aria-hidden="true" class="icon delete" focusable="false">
9478               <use href="#cancel-bold" xlink:href="#cancel-bold">
9479               </use>
9480              </svg>
9481             </button>
9482             <div class="text-field-v2__input-icon error">
9483              <svg aria-hidden="true" class="icon error" focusable="false">
9484               <use href="#information-error-bold" xlink:href="#information-error-bold">
9485               </use>
9486              </svg>
9487             </div>
9488            </div>
9489            <p class="text-field-v2__text error">
9490             * This field is required
9491            </p>
9492           </div>
9493          </div>
9494          <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
9495           <div class="text-field-v2">
9496            <label class="text-field-v2__hint" for="popUp_form_1">
9497             First Name
9498             <span class="required-text">
9499              *
9500              <span class="hidden">
9501               Wajib Diisi
9502              </span>
9503             </span>
9504            </label>
9505            <div class="text-field-v2__input-wrap">
9506             <input autocomplete="given-name" class="text-field-v2__input" data-form-name="ContactFirstName" id="popUp_form_1" maxlength="40" type="text" value=""/>
9507             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9508              <svg aria-hidden="true" class="icon delete" focusable="false">
9509               <use href="#cancel-bold" xlink:href="#cancel-bold">
9510               </use>
9511              </svg>
9512             </button>
9513             <div class="text-field-v2__input-icon error">
9514              <svg aria-hidden="true" class="icon error" focusable="false">
9515               <use href="#information-error-bold" xlink:href="#information-error-bold">
9516               </use>
9517              </svg>
9518             </div>
9519            </div>
9520            <p class="text-field-v2__text error">
9521             * This field is required
9522            </p>
9523           </div>
9524          </div>
9525          <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
9526           <div class="text-field-v2">
9527            <label class="text-field-v2__hint" for="popUp_form_2">
9528             Last Name
9529             <span class="required-text">
9530              *
9531              <span class="hidden">
9532               Wajib Diisi
9533              </span>
9534             </span>
9535            </label>
9536            <div class="text-field-v2__input-wrap">
9537             <input autocomplete="family-name" class="text-field-v2__input" data-form-name="ContactName" id="popUp_form_2" maxlength="80" type="text" value=""/>
9538             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9539              <svg aria-hidden="true" class="icon delete" focusable="false">
9540               <use href="#cancel-bold" xlink:href="#cancel-bold">
9541               </use>
9542              </svg>
9543             </button>
9544             <div class="text-field-v2__input-icon error">
9545              <svg aria-hidden="true" class="icon error" focusable="false">
9546               <use href="#information-error-bold" xlink:href="#information-error-bold">
9547               </use>
9548              </svg>
9549             </div>
9550            </div>
9551            <p class="text-field-v2__text error">
9552             * This field is required
9553            </p>
9554           </div>
9555          </div>
9556          <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text">
9557           <div class="text-field-v2">
9558            <label class="text-field-v2__hint" for="popUp_form_3">
9559             E-mail Address
9560             <span class="required-text">
9561              *
9562              <span class="hidden">
9563               Wajib Diisi
9564              </span>
9565             </span>
9566            </label>
9567            <div class="text-field-v2__input-wrap">
9568             <input autocomplete="email" class="text-field-v2__input" data-form-name="EmailAddress" id="popUp_form_3" maxlength="80" type="text" value=""/>
9569             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9570              <svg aria-hidden="true" class="icon delete" focusable="false">
9571               <use href="#cancel-bold" xlink:href="#cancel-bold">
9572               </use>
9573              </svg>
9574             </button>
9575             <div class="text-field-v2__input-icon error">
9576              <svg aria-hidden="true" class="icon error" focusable="false">
9577               <use href="#information-error-bold" xlink:href="#information-error-bold">
9578               </use>
9579              </svg>
9580             </div>
9581            </div>
9582            <p class="text-field-v2__text error">
9583             * This field is required
9584            </p>
9585           </div>
9586          </div>
9587          <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required">
9588           <fieldset>
9589            <legend>
9590             Product Interest
9591             <span>
9592              * Wajib Diisi
9593             </span>
9594            </legend>
9595            <div class="field--checkbox-list-wrap">
9596             <div aria-hidden="ture" class="contact-mail-form-popup__form-field-title-wrap">
9597              <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title">
9598               Product Interest
9599              </strong>
9600              <p aria-hidden="true" class="checkbox--required-text">
9601               * Wajib Diisi
9602              </p>
9603              <p class="checkbox--error-text">
9604               * This checkbox is required
9605              </p>
9606             </div>
9607             <div class="contact-mail-form-popup__form-field-list-wrap">
9608              <div class="field--checkbox-wrap">
9609               <div class="checkbox-v2">
9610                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Mobile" id="popUp_form_4-0" type="checkbox" value="Mobile"/>
9611                <label class="checkbox-v2__label" for="popUp_form_4-0">
9612                 <span class="checkbox-v2__label-box-wrap">
9613                  <span class="checkbox-v2__label-box">
9614                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9615                    <use href="#done-bold" xlink:href="#done-bold">
9616                    </use>
9617                   </svg>
9618                  </span>
9619                 </span>
9620                 <span class="checkbox-v2__label-text">
9621                  Seluler
9622                 </span>
9623                </label>
9624               </div>
9625              </div>
9626              <div class="field--checkbox-wrap">
9627               <div class="checkbox-v2">
9628                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Computing" id="popUp_form_4-1" type="checkbox" value="Computing"/>
9629                <label class="checkbox-v2__label" for="popUp_form_4-1">
9630                 <span class="checkbox-v2__label-box-wrap">
9631                  <span class="checkbox-v2__label-box">
9632                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9633                    <use href="#done-bold" xlink:href="#done-bold">
9634                    </use>
9635                   </svg>
9636                  </span>
9637                 </span>
9638                 <span class="checkbox-v2__label-text">
9639                  Computing
9640                 </span>
9641                </label>
9642               </div>
9643              </div>
9644              <div class="field--checkbox-wrap">
9645               <div class="checkbox-v2">
9646                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Displays" id="popUp_form_4-2" type="checkbox" value="Displays"/>
9647                <label class="checkbox-v2__label" for="popUp_form_4-2">
9648                 <span class="checkbox-v2__label-box-wrap">
9649                  <span class="checkbox-v2__label-box">
9650                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9651                    <use href="#done-bold" xlink:href="#done-bold">
9652                    </use>
9653                   </svg>
9654                  </span>
9655                 </span>
9656                 <span class="checkbox-v2__label-text">
9657                  Displays
9658                 </span>
9659                </label>
9660               </div>
9661              </div>
9662              <div class="field--checkbox-wrap">
9663               <div class="checkbox-v2">
9664                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Home Appliance" id="popUp_form_4-3" type="checkbox" value="Home Appliance"/>
9665                <label class="checkbox-v2__label" for="popUp_form_4-3">
9666                 <span class="checkbox-v2__label-box-wrap">
9667                  <span class="checkbox-v2__label-box">
9668                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9669                    <use href="#done-bold" xlink:href="#done-bold">
9670                    </use>
9671                   </svg>
9672                  </span>
9673                 </span>
9674                 <span class="checkbox-v2__label-text">
9675                  Peralatan Rumah Tangga
9676                 </span>
9677                </label>
9678               </div>
9679              </div>
9680              <div class="field--checkbox-wrap">
9681               <div class="checkbox-v2">
9682                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Climate" id="popUp_form_4-4" type="checkbox" value="Climate"/>
9683                <label class="checkbox-v2__label" for="popUp_form_4-4">
9684                 <span class="checkbox-v2__label-box-wrap">
9685                  <span class="checkbox-v2__label-box">
9686                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9687                    <use href="#done-bold" xlink:href="#done-bold">
9688                    </use>
9689                   </svg>
9690                  </span>
9691                 </span>
9692                 <span class="checkbox-v2__label-text">
9693                  Climate
9694                 </span>
9695                </label>
9696               </div>
9697              </div>
9698              <div class="field--checkbox-wrap">
9699               <div class="checkbox-v2">
9700                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Memory" id="popUp_form_4-5" type="checkbox" value="Memory"/>
9701                <label class="checkbox-v2__label" for="popUp_form_4-5">
9702                 <span class="checkbox-v2__label-box-wrap">
9703                  <span class="checkbox-v2__label-box">
9704                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9705                    <use href="#done-bold" xlink:href="#done-bold">
9706                    </use>
9707                   </svg>
9708                  </span>
9709                 </span>
9710                 <span class="checkbox-v2__label-text">
9711                  Penyimpanan
9712                 </span>
9713                </label>
9714               </div>
9715              </div>
9716              <div class="field--checkbox-wrap">
9717               <div class="checkbox-v2">
9718                <input class="checkbox-v2__input" data-form-name="ProductSolution" data-orignal="Healthcare" id="popUp_form_4-6" type="checkbox" value="Healthcare"/>
9719                <label class="checkbox-v2__label" for="popUp_form_4-6">
9720                 <span class="checkbox-v2__label-box-wrap">
9721                  <span class="checkbox-v2__label-box">
9722                   <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9723                    <use href="#done-bold" xlink:href="#done-bold">
9724                    </use>
9725                   </svg>
9726                  </span>
9727                 </span>
9728                 <span class="checkbox-v2__label-text">
9729                  Healthcare
9730                 </span>
9731                </label>
9732               </div>
9733              </div>
9734             </div>
9735            </div>
9736            <fieldset>
9737            </fieldset>
9738           </fieldset>
9739          </div>
9740          <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
9741           <div class="text-field-v2">
9742            <label class="text-field-v2__hint" for="popUp_form_5">
9743             Company Address
9744            </label>
9745            <div class="text-field-v2__input-wrap">
9746             <input autocomplete="address-line1" class="text-field-v2__input" data-form-name="CompanyAddress" id="popUp_form_5" maxlength="255" type="text" value=""/>
9747             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9748              <svg aria-hidden="true" class="icon delete" focusable="false">
9749               <use href="#cancel-bold" xlink:href="#cancel-bold">
9750               </use>
9751              </svg>
9752             </button>
9753             <div class="text-field-v2__input-icon error">
9754              <svg aria-hidden="true" class="icon error" focusable="false">
9755               <use href="#information-error-bold" xlink:href="#information-error-bold">
9756               </use>
9757              </svg>
9758             </div>
9759            </div>
9760            <p class="text-field-v2__text error">
9761             * This field is required
9762            </p>
9763           </div>
9764          </div>
9765          <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
9766           <div class="text-field-v2">
9767            <label class="text-field-v2__hint" for="popUp_form_6">
9768             Company Industry
9769            </label>
9770            <div class="text-field-v2__input-wrap">
9771             <input autocomplete="organization" class="text-field-v2__input" data-form-name="CompanyInterest" id="popUp_form_6" maxlength="255" type="text" value=""/>
9772             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9773              <svg aria-hidden="true" class="icon delete" focusable="false">
9774               <use href="#cancel-bold" xlink:href="#cancel-bold">
9775               </use>
9776              </svg>
9777             </button>
9778             <div class="text-field-v2__input-icon error">
9779              <svg aria-hidden="true" class="icon error" focusable="false">
9780               <use href="#information-error-bold" xlink:href="#information-error-bold">
9781               </use>
9782              </svg>
9783             </div>
9784            </div>
9785            <p class="text-field-v2__text error">
9786             * This field is required
9787            </p>
9788           </div>
9789          </div>
9790          <div class="contact-mail-form-popup__form-field form--size-full field--single-text">
9791           <div class="text-field-v2">
9792            <label class="text-field-v2__hint" for="popUp_form_7">
9793             Job Title
9794            </label>
9795            <div class="text-field-v2__input-wrap">
9796             <input autocomplete="organization-title" class="text-field-v2__input" data-form-name="JobTitle" id="popUp_form_7" maxlength="128" type="text" value=""/>
9797             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9798              <svg aria-hidden="true" class="icon delete" focusable="false">
9799               <use href="#cancel-bold" xlink:href="#cancel-bold">
9800               </use>
9801              </svg>
9802             </button>
9803             <div class="text-field-v2__input-icon error">
9804              <svg aria-hidden="true" class="icon error" focusable="false">
9805               <use href="#information-error-bold" xlink:href="#information-error-bold">
9806               </use>
9807              </svg>
9808             </div>
9809            </div>
9810            <p class="text-field-v2__text error">
9811             * This field is required
9812            </p>
9813           </div>
9814          </div>
9815          <div class="contact-mail-form-popup__form-field form--size-full is-required field--single-text">
9816           <div class="text-field-v2">
9817            <label class="text-field-v2__hint" for="popUp_form_8">
9818             Contact Number
9819             <span class="required-text">
9820              *
9821              <span class="hidden">
9822               Wajib Diisi
9823              </span>
9824             </span>
9825            </label>
9826            <div class="text-field-v2__input-wrap">
9827             <input autocomplete="tel" class="text-field-v2__input" data-form-name="Telephone" id="popUp_form_8" maxlength="40" type="text" value=""/>
9828             <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
9829              <svg aria-hidden="true" class="icon delete" focusable="false">
9830               <use href="#cancel-bold" xlink:href="#cancel-bold">
9831               </use>
9832              </svg>
9833             </button>
9834             <div class="text-field-v2__input-icon error">
9835              <svg aria-hidden="true" class="icon error" focusable="false">
9836               <use href="#information-error-bold" xlink:href="#information-error-bold">
9837               </use>
9838              </svg>
9839             </div>
9840            </div>
9841            <p class="text-field-v2__text error">
9842             * This field is required
9843            </p>
9844           </div>
9845          </div>
9846          <div class="contact-mail-form-popup__form-field form--size-full field--dropdown">
9847           <div class="menu menu--text-field">
9848            <select aria-labelledby="hint_popUp_form_9" class="menu__select" data-form-name="Employee" tabindex="-1">
9849             <option value="&lt;50">
9850              &lt;50
9851             </option>
9852             <option value="50-99">
9853              50 ~ 99
9854             </option>
9855             <option value="100-199">
9856              100 ~ 199
9857             </option>
9858             <option value="200-499">
9859              200 ~ 499
9860             </option>
9861             <option value="500-999">
9862              500 ~ 999
9863             </option>
9864             <option value="&gt;1000">
9865              &gt;1000
9866             </option>
9867            </select>
9868            <p class="menu--text-field__hint" id="hint_popUp_form_9">
9869             No. of Employees
9870            </p>
9871            <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_9 text_hint_popUp_form_9" class="menu__select-field" type="button">
9872             <span class="menu__select-field-text" id="text_hint_popUp_form_9">
9873             </span>
9874             <svg class="menu__select-field-icon down" focusable="false">
9875              <use href="#open-down-bold" xlink:href="#open-down-bold">
9876              </use>
9877             </svg>
9878             <svg class="menu__select-field-icon up" focusable="false">
9879              <use href="#close-up-bold" xlink:href="#close-up-bold">
9880              </use>
9881             </svg>
9882            </button>
9883            <p class="menu--text-field__error">
9884             * This field is required
9885            </p>
9886           </div>
9887          </div>
9888          <div class="contact-mail-form-popup__form-field form--size-full is-required field--dropdown">
9889           <div class="menu menu--text-field">
9890            <select aria-labelledby="hint_popUp_form_10" class="menu__select" data-form-name="Industry" tabindex="-1">
9891             <option value="Communications">
9892              Communications
9893             </option>
9894             <option value="Education">
9895              Education
9896             </option>
9897             <option value="Finance">
9898              Finance
9899             </option>
9900             <option value="Government">
9901              Government
9902             </option>
9903             <option value="Healthcare">
9904              Healthcare
9905             </option>
9906             <option value="Hospitality">
9907              Hospitality
9908             </option>
9909             <option value="Manufacturing">
9910              Manufacturing
9911             </option>
9912             <option value="Retail">
9913              Retail
9914             </option>
9915             <option value="Transportation &amp; Logistics">
9916              Transportation &amp; Logistics
9917             </option>
9918             <option value="Others">
9919              Lainnya
9920             </option>
9921            </select>
9922            <p class="menu--text-field__hint" id="hint_popUp_form_10">
9923             Product / Industry Interest
9924             <span class="text-field--required-text">
9925              *
9926              <span class="hidden">
9927               Wajib Diisi
9928              </span>
9929             </span>
9930            </p>
9931            <button aria-expanded="false" aria-haspopup="listbox" aria-labelledby="hint_popUp_form_10 text_hint_popUp_form_10" class="menu__select-field" type="button">
9932             <span class="menu__select-field-text" id="text_hint_popUp_form_10">
9933             </span>
9934             <svg class="menu__select-field-icon down" focusable="false">
9935              <use href="#open-down-bold" xlink:href="#open-down-bold">
9936              </use>
9937             </svg>
9938             <svg class="menu__select-field-icon up" focusable="false">
9939              <use href="#close-up-bold" xlink:href="#close-up-bold">
9940              </use>
9941             </svg>
9942            </button>
9943            <p class="menu--text-field__error">
9944             * This field is required
9945            </p>
9946           </div>
9947          </div>
9948          <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list">
9949           <fieldset>
9950            <legend>
9951             Solution Interest
9952             <span>
9953              * Wajib Diisi
9954             </span>
9955            </legend>
9956            <div class="field--checkbox-list-wrap">
9957             <div class="contact-mail-form-popup__form-field-title-wrap">
9958              <strong aria-hidden="true" class="contact-mail-form-popup__form-field-title">
9959               Solution Interest
9960              </strong>
9961              <p class="checkbox--error-text">
9962               * This checkbox is required
9963              </p>
9964             </div>
9965             <fieldset>
9966              <legend>
9967               Solusi Bisnis Mobile
9968              </legend>
9969              <div class="contact-mail-form-popup__form-field-list-wrap">
9970               <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title">
9971                Solusi Bisnis Mobile
9972               </strong>
9973               <div class="field--checkbox-wrap">
9974                <div class="checkbox-v2">
9975                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Giga138" id="mbs_popUp_form_11-0" type="checkbox" value="Giga138"/>
9976                 <label class="checkbox-v2__label" for="mbs_popUp_form_11-0">
9977                  <span class="checkbox-v2__label-box-wrap">
9978                   <span class="checkbox-v2__label-box">
9979                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9980                     <use href="#done-bold" xlink:href="#done-bold">
9981                     </use>
9982                    </svg>
9983                   </span>
9984                  </span>
9985                  <span class="checkbox-v2__label-text">
9986                   Giga138
9987                  </span>
9988                 </label>
9989                </div>
9990               </div>
9991               <div class="field--checkbox-wrap">
9992                <div class="checkbox-v2">
9993                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Giga138" id="mbs_popUp_form_11-1" type="checkbox" value="Giga138"/>
9994                 <label class="checkbox-v2__label" for="mbs_popUp_form_11-1">
9995                  <span class="checkbox-v2__label-box-wrap">
9996                   <span class="checkbox-v2__label-box">
9997                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
9998                     <use href="#done-bold" xlink:href="#done-bold">
9999                     </use>
10000                    </svg>
10001                   </span>
10002                  </span>
10003                  <span class="checkbox-v2__label-text">
10004                    Giga138
10005                  </span>
10006                 </label>
10007                </div>
10008               </div>
10009               <div class="field--checkbox-wrap">
10010                <div class="checkbox-v2">
10011                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Giga138" id="mbs_popUp_form_11-2" type="checkbox" value="Giga138"/>
10012                 <label class="checkbox-v2__label" for="mbs_popUp_form_11-2">
10013                  <span class="checkbox-v2__label-box-wrap">
10014                   <span class="checkbox-v2__label-box">
10015                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10016                     <use href="#done-bold" xlink:href="#done-bold">
10017                     </use>
10018                    </svg>
10019                   </span>
10020                  </span>
10021                  <span class="checkbox-v2__label-text">
10022                    Giga138
10023                  </span>
10024                 </label>
10025                </div>
10026               </div>
10027               <div class="field--checkbox-wrap">
10028                <div class="checkbox-v2">
10029                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Capital Solutions" id="mbs_popUp_form_11-3" type="checkbox" value="Capital Solutions"/>
10030                 <label class="checkbox-v2__label" for="mbs_popUp_form_11-3">
10031                  <span class="checkbox-v2__label-box-wrap">
10032                   <span class="checkbox-v2__label-box">
10033                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10034                     <use href="#done-bold" xlink:href="#done-bold">
10035                     </use>
10036                    </svg>
10037                   </span>
10038                  </span>
10039                  <span class="checkbox-v2__label-text">
10040                   Capital Solutions
10041                  </span>
10042                 </label>
10043                </div>
10044               </div>
10045               <div class="field--checkbox-wrap">
10046                <div class="checkbox-v2">
10047                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Enterprise Technical Support" id="mbs_popUp_form_11-4" type="checkbox" value="Enterprise Technical Support"/>
10048                 <label class="checkbox-v2__label" for="mbs_popUp_form_11-4">
10049                  <span class="checkbox-v2__label-box-wrap">
10050                   <span class="checkbox-v2__label-box">
10051                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10052                     <use href="#done-bold" xlink:href="#done-bold">
10053                     </use>
10054                    </svg>
10055                   </span>
10056                  </span>
10057                  <span class="checkbox-v2__label-text">
10058                   Enterprise Technical Support
10059                  </span>
10060                 </label>
10061                </div>
10062               </div>
10063              </div>
10064             </fieldset>
10065             <fieldset>
10066              <legend>
10067               Solusi Tampilan
10068              </legend>
10069              <div class="contact-mail-form-popup__form-field-list-wrap">
10070               <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title">
10071                Solusi Tampilan
10072               </strong>
10073               <div class="field--checkbox-wrap">
10074                <div class="checkbox-v2">
10075                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Smart signage solution" id="ds_popUp_form_11-0" type="checkbox" value="Smart signage solution"/>
10076                 <label class="checkbox-v2__label" for="ds_popUp_form_11-0">
10077                  <span class="checkbox-v2__label-box-wrap">
10078                   <span class="checkbox-v2__label-box">
10079                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10080                     <use href="#done-bold" xlink:href="#done-bold">
10081                     </use>
10082                    </svg>
10083                   </span>
10084                  </span>
10085                  <span class="checkbox-v2__label-text">
10086                   Smart signage solution
10087                  </span>
10088                 </label>
10089                </div>
10090               </div>
10091               <div class="field--checkbox-wrap">
10092                <div class="checkbox-v2">
10093                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="LED signage solution" id="ds_popUp_form_11-1" type="checkbox" value="LED signage solution"/>
10094                 <label class="checkbox-v2__label" for="ds_popUp_form_11-1">
10095                  <span class="checkbox-v2__label-box-wrap">
10096                   <span class="checkbox-v2__label-box">
10097                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10098                     <use href="#done-bold" xlink:href="#done-bold">
10099                     </use>
10100                    </svg>
10101                   </span>
10102                  </span>
10103                  <span class="checkbox-v2__label-text">
10104                   LED signage solution
10105                  </span>
10106                 </label>
10107                </div>
10108               </div>
10109               <div class="field--checkbox-wrap">
10110                <div class="checkbox-v2">
10111                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Commercial TV solution" id="ds_popUp_form_11-2" type="checkbox" value="Commercial TV solution"/>
10112                 <label class="checkbox-v2__label" for="ds_popUp_form_11-2">
10113                  <span class="checkbox-v2__label-box-wrap">
10114                   <span class="checkbox-v2__label-box">
10115                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10116                     <use href="#done-bold" xlink:href="#done-bold">
10117                     </use>
10118                    </svg>
10119                   </span>
10120                  </span>
10121                  <span class="checkbox-v2__label-text">
10122                   Commercial TV solution
10123                  </span>
10124                 </label>
10125                </div>
10126               </div>
10127               <div class="field--checkbox-wrap">
10128                <div class="checkbox-v2">
10129                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Monitor solution" id="ds_popUp_form_11-3" type="checkbox" value="Monitor solution"/>
10130                 <label class="checkbox-v2__label" for="ds_popUp_form_11-3">
10131                  <span class="checkbox-v2__label-box-wrap">
10132                   <span class="checkbox-v2__label-box">
10133                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10134                     <use href="#done-bold" xlink:href="#done-bold">
10135                     </use>
10136                    </svg>
10137                   </span>
10138                  </span>
10139                  <span class="checkbox-v2__label-text">
10140                   Monitor solution
10141                  </span>
10142                 </label>
10143                </div>
10144               </div>
10145              </div>
10146             </fieldset>
10147             <fieldset>
10148              <legend>
10149               Solusi Iklim
10150              </legend>
10151              <div class="contact-mail-form-popup__form-field-list-wrap">
10152               <strong aria-hidden="true" class="contact-mail-form-popup__form-field-sub-title">
10153                Solusi Iklim
10154               </strong>
10155               <div class="field--checkbox-wrap">
10156                <div class="checkbox-v2">
10157                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="Climate Hub" id="cs_popUp_form_11-0" type="checkbox" value="Climate Hub"/>
10158                 <label class="checkbox-v2__label" for="cs_popUp_form_11-0">
10159                  <span class="checkbox-v2__label-box-wrap">
10160                   <span class="checkbox-v2__label-box">
10161                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10162                     <use href="#done-bold" xlink:href="#done-bold">
10163                     </use>
10164                    </svg>
10165                   </span>
10166                  </span>
10167                  <span class="checkbox-v2__label-text">
10168                   Climate Hub
10169                  </span>
10170                 </label>
10171                </div>
10172               </div>
10173               <div class="field--checkbox-wrap">
10174                <div class="checkbox-v2">
10175                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="WindFree" id="cs_popUp_form_11-1" type="checkbox" value="WindFree"/>
10176                 <label class="checkbox-v2__label" for="cs_popUp_form_11-1">
10177                  <span class="checkbox-v2__label-box-wrap">
10178                   <span class="checkbox-v2__label-box">
10179                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10180                     <use href="#done-bold" xlink:href="#done-bold">
10181                     </use>
10182                    </svg>
10183                   </span>
10184                  </span>
10185                  <span class="checkbox-v2__label-text">
10186                   WindFree
10187                  </span>
10188                 </label>
10189                </div>
10190               </div>
10191               <div class="field--checkbox-wrap">
10192                <div class="checkbox-v2">
10193                 <input class="checkbox-v2__input" data-form-name="SolutionInterest" data-orignal="360 Cassette" id="cs_popUp_form_11-2" type="checkbox" value="360 Cassette"/>
10194                 <label class="checkbox-v2__label" for="cs_popUp_form_11-2">
10195                  <span class="checkbox-v2__label-box-wrap">
10196                   <span class="checkbox-v2__label-box">
10197                    <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10198                     <use href="#done-bold" xlink:href="#done-bold">
10199                     </use>
10200                    </svg>
10201                   </span>
10202                  </span>
10203                  <span class="checkbox-v2__label-text">
10204                   360 Cassette
10205                  </span>
10206                 </label>
10207                </div>
10208               </div>
10209              </div>
10210             </fieldset>
10211            </div>
10212            <fieldset>
10213            </fieldset>
10214           </fieldset>
10215          </div>
10216          <div class="contact-mail-form-popup__form-field form--size-full field--multi-text is-required">
10217           <div class="text-field-v2 multi-line">
10218            <label class="text-field-v2__hint" for="popUp_form_12">
10219             Message
10220             <span class="text-field--required-text">
10221              *
10222              <span class="hidden">
10223               Wajib Diisi
10224              </span>
10225             </span>
10226            </label>
10227            <div class="text-field-v2__input-wrap">
10228             <textarea autocomplete="on" class="text-field-v2__input-multi-line" data-form-name="Message" id="popUp_form_12" maxlength="2000"></textarea>
10229            </div>
10230            <p class="text-field-v2__text assistive" id="popUp_form_12_assistive">
10231             (0/2000)
10232            </p>
10233            <p class="text-field-v2__text error">
10234             * This field is required
10235            </p>
10236           </div>
10237          </div>
10238          <div class="contact-mail-form-popup__iframe">
10239           <div class="contact-mail-form-popup__iframe-inner">
10240            <div data-callback="recaptchaCallback" id="Con_reCaptcha">
10241            </div>
10242           </div>
10243           <p class="invalid-notice" style="display: none">
10244            Verification expired. Check the checkbox again.
10245           </p>
10246          </div>
10247          <div>
10248          </div>
10249          <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required">
10250           <div class="field--checkbox-wrap">
10251            <div class="checkbox-v2">
10252             <input aria-describedby="popUp_form_13_required" class="checkbox-v2__input" data-form-name="PrivacyPolicy" id="popUp_form_13" type="checkbox"/>
10253             <label class="checkbox-v2__label" for="popUp_form_13">
10254              <span class="checkbox-v2__label-box-wrap">
10255               <span class="checkbox-v2__label-box">
10256                <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10257                 <use href="#done-bold" xlink:href="#done-bold">
10258                 </use>
10259                </svg>
10260               </span>
10261              </span>
10262              <span class="checkbox-v2__label-text">
10263               I acknowledge that my information will be processed in accordance with the Samsung privacy policy
10264              </span>
10265             </label>
10266            </div>
10267            <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_13_required">
10268             * Wajib Diisi
10269            </p>
10270            <p aria-hidden="true" class="checkbox--error-text" id="policy_form__13_err">
10271             * Please agree to the Samsung Privacy Policy
10272            </p>
10273           </div>
10274          </div>
10275          <div>
10276          </div>
10277          <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required">
10278           <div class="field--checkbox-wrap">
10279            <div class="checkbox-v2">
10280             <input aria-describedby="popUp_form_14_required" class="checkbox-v2__input" data-form-name="OptIn" id="popUp_form_14" t
10280ype="checkbox"/>
10281             <label class="checkbox-v2__label" for="popUp_form_14">
10282              <span class="checkbox-v2__label-box-wrap">
10283               <span class="checkbox-v2__label-box">
10284                <svg aria-hidden="true" class="checkbox-v2__label-box-icon" focusable="false">
10285                 <use href="#done-bold" xlink:href="#done-bold">
10286                 </use>
10287                </svg>
10288               </span>
10289              </span>
10290              <span class="checkbox-v2__label-text">
10291               I would like to receive information about products, services, promotions and marketing communications of Samsung and or its partners.
10292              </span>
10293             </label>
10294            </div>
10295            <p aria-hidden="true" class="checkbox--required-text" id="popUp_form_14_required">
10296             * Wajib Diisi
10297            </p>
10298            <p class="checkbox--error-text" id="popUp_form_14_err">
10299             * Please accept the Samsung Privacy
10300										Policy to proceed
10301            </p>
10302           </div>
10303          </div>
10304         </div>
10305        </div>
10306        <div class="contact-mail-form-popup__cta">
10307         <button aria-disabled="false" aria-label="Submit" class="cta cta--contained cta--black">
10308          Submit
10309         </button>
10310        </div>
10311       </div>
10312      </div>
10313      <button class="layer-popup__close" type="button">
10314       <span class="hidden">
10315        Tutup Layar Popup
10316       </span>
10317       <svg class="icon" focusable="false">
10318        <use href="#delete-bold" xlink:href="#delete-bold">
10319        </use>
10320       </svg>
10321      </button>
10322     </div>
10323    </div>
10324   </div>
10325   <div aria-modal="true" class="thank-you-popup" id="ThankYouPopup" role="dialog">
10326    <div class="layer-popup">
10327     <div class="layer-popup__inner">
10328      <p class="layer-popup__title">
10329       Terima kasih!
10330      </p>
10331      <div class="layer-popup__contents">
10332       <p class="thank-you-popup__description">
10333        Pertanyaan Anda telah berhasil dikirimkan. Kami akan segera menghubungi Anda.
10334       </p>
10335       <div class="thank-you-popup__cta-wrap">
10336        <div class="thank-you-popup__cta">
10337         <button aria-label="" class="cta cta--contained cta--black cta--closed">
10338          Tutup
10339         </button>
10340        </div>
10341       </div>
10342      </div>
10343      <button class="layer-popup__close" type="button">
10344       <span class="hidden">
10345        Tutup Layar Popup
10346       </span>
10347       <svg class="icon" focusable="false">
10348        <use href="#delete-bold" xlink:href="#delete-bold">
10349        </use>
10350       </svg>
10351      </button>
10352     </div>
10353    </div>
10354   </div>
10355   <div aria-modal="true" class="confirm-popup" role="dialog" style="display: none">
10356    <div class="confirm-popup__dimmed">
10357    </div>
10358    <div class="confirm-popup__content">
10359     <div class="confirm-popup__content-inner">
10360      <strong class="confirm-popup__title">
10361      </strong>
10362      <div class="confirm-popup__desc">
10363      </div>
10364      <div class="confirm-popup__disclaimer">
10365      </div>
10366      <div class="confirm-popup__cta-wrap">
10367       <button class="cta cta--outlined cta--black">
10368       </button>
10369       <button class="cta cta--contained cta--emphasis">
10370       </button>
10371      </div>
10372      <button class="confirm-popup__close">
10373       <svg class="icon">
10374        <use href="#delete-bold" xlink:href="#delete-bold">
10375        </use>
10376       </svg>
10377       <span class="hidden">
10378        Tutup Layar Popup
10379       </span>
10380      </button>
10381     </div>
10382    </div>
10383   </div>
10384   <div aria-modal="true" class="confirm-popup-v2" role="dialog">
10385    <div class="confirm-popup-v2__dimmed">
10386    </div>
10387    <div class="confirm-popup-v2__content">
10388     <div class="confirm-popup-v2__content-inner">
10389      <p class="confirm-popup-v2__title">
10390      </p>
10391      <div class="confirm-popup-v2__desc">
10392      </div>
10393      <div class="confirm-popup-v2__cta-wrap">
10394       <button class="cta cta--outlined cta--black">
10395       </button>
10396       <button class="cta cta--contained cta--black">
10397       </button>
10398      </div>
10399      <button class="confirm-popup-v2__close">
10400       <svg aria-hidden="true" class="icon" focusable="false">
10401        <use href="#delete-bold" xlink:href="#delete-bold">
10402        </use>
10403       </svg>
10404       <span class="hidden">
10405        close
10406       </span>
10407      </button>
10408     </div>
10409    </div>
10410   </div>
10411   <!-- CRHQ-1921 [B2C] BR/AR/PY/UY - get stock alert 적용 (shop 조건 해제) -->
10412   <input id="isGpv2Flag" name="isGpv2Flag" type="hidden" value="N"/>
10413   <input id="isNewHybrisFlag" name="isNewHybrisFlag" type="hidden" value="Y"/>
10414   <section aria-modal="true" class="pd-get-stock-alert-popup" role="dialog" style="display: none">
10415    <div class="pd-get-stock-alert-popup__dimmed">
10416    </div>
10417    <div class="pd-get-stock-alert-popup__contents">
10418     <div class="scrollbar">
10419      <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents">
10420       <div class="pd-get-stock-alert-popup__header">
10421        <p class="text-title">
10422         NOTIFIKASI STOK
10423        </p>
10424        <p class="pd-get-stock-alert-popup__desc">
10425         Dapatkan notifikasi ketika item ini tersedia untuk dibeli, dengan menambahkan email Anda.
10426        </p>
10427       </div>
10428       <div class="pd-get-stock-alert-popup__text-field-wrap">
10429       
10430        <div class="text-field-v2">
10431         <label class="text-field-v2__hint" for="getStockAlertEmailInput">
10432          Masukkan email Anda
10433         </label>
10434         <div class="text-field-v2__input-wrap">
10435          <input autocomplete="email" class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value=""/>
10436          <button aria-label="Delete" class="text-field-v2__input-icon delete" type="button">
10437           <svg aria-hidden="true" class="icon delete" focusable="false">
10438            <use href="#cancel-bold" xlink:href="#cancel-bold">
10439            </use>
10440           </svg>
10441          </button>
10442          <div class="text-field-v2__input-icon error">
10443           <svg aria-hidden="true" class="icon error" focusable="false">
10444            <use href="#information-error-bold" xlink:href="#information-error-bold">
10445            </use>
10446           </svg>
10447          </div>
10448         </div>
10449         <p class="text-field-v2__text error" id="getstock-popup-error-txt">
10450          Silahkan periksa kembali alamat email Anda
10451         </p>
10452        </div>
10453       </div>
10454       <div class="pd-get-stock-alert-popup__checkbox-container">
10455       </div>
10456       <div class="pd-get-stock-alert-popup__disclaimer">
10457        <p class="pd-get-stock-alert-popup__disclaimer-text">
10458        </p>
10459       </div>
10460      </div>
10461     </div>
10462     <div class="pd-get-stock-alert-popup__btn-wrap">
10463      <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black">
10464       Tutup
10465      </button>
10466      <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:submit" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled="">
10467       Daftar
10468      </button>
10469     </div>
10470     <button an-ac="stock alert" an-ca="buy cta" an-la="stock alert:close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" class="pd-get-stock-alert-popup__close">
10471      <span class="hidden">
10472       Close popup
10473      </span>
10474      <svg aria-hidden="true" class="icon" focusable="false">
10475       <use href="#delete-bold" xlink:href="#delete-bold">
10476       </use>
10477      </svg>
10478     </button>
10479    </div>
10480    <div class="pd-get-stock-alert-popup__final-wrap">
10481     <div class="pd-get-stock-alert-popup__final">
10482      <p class="pd-get-stock-alert-popup__final-desc">
10483       Kami akan mengirim email kepada Anda ketika stok tersedia.
10484       <br/>
10485       Terima kasih.
10486      </p>
10487      <div class="pd-get-stock-alert-popup__final-btn-wrap">
10488       <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis">
10489        Daftar
10490       </button>
10491      </div>
10492      <button class="pd-get-stock-alert-popup__close">
10493       <span class="hidden">
10494        Close popup
10495       </span>
10496       <svg aria-hidden="true" class="icon" focusable="false">
10497        <use href="#delete-bold" xlink:href="#delete-bold">
10498        </use>
10499       </svg>
10500      </button>
10501     </div>
10502    </div>
10503   </section>
10504   
10504<script async="" src="https://maps.googleapis.com/maps/api/js?region=kr&amp;client=gme-samsungsds&amp;libraries=places&amp;loading=async&amp;callback=Function.prototype" type="text/javascript"></script>
10504
10505   <div class="where-to-buy">
10506   </div>
10507   <input id="useNewWtb" name="useNewWtb" type="hidden" value="Y"/>
10508   <input id="searchApiDomain" name="searchApiDomain" type="hidden" value="//searchapi.samsung.com/v6"/>
10509   <input id="buyinstoreRedirectYN" name="buyinstoreRedirectYN" type="hidden" value="N"/>
10510   <input id="rtlValue" type="hidden"/>
10511   <input id="current_model_code" name="current_model_code" type="hidden"/>
10512   <input id="wtbCurrentPagePath" type="hidden" value="/content/samsung/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy"/>
10513   
10513<script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-smc-popup/clientlibs-h-n/site.min.36f33859be9e845ecc1d5b2ae517b039.js"></script>
10513
10514   
10514<script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-tariff-popup/clientlibs-h-n/site.min.74177fffeeca4bd1adfc2c5b99953a66.js"></script>
10514
10515   
10515<script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-dynamic/pd-g-anchor-navigation-ux25/clientlibs/site.min.f513c1da7401cfde7df15876f4b8fea0.js"></script>
10515
10516   
10516<script src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd.min.eeb9431bf6dc2b001b8869bc85fdef28.js"></script>
10516
10517   
10517<script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps.min.e9338bc9fb7a92c8450bbafc4e49902f.js" type="text/javascript"></script>
10517
10518   
10518<script defer="" src="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-buying-pd/compactComps-h-n.min.1c660086d47e1dd0046e752531513109.js" type="text/javascript"></script>
10518
10519   
10519<script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-wishlist-popup/clientlibs/site.min.648f96f9e6904235937a56177a4f9cb4.js"></script>
10519
10520   
10520<script src="https://www.samsung.com/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-eip-popup/clientlibs/site.min.dd4327a6471278074a327fbfe515c7a8.js"></script>
10520
10521   
10521<script data-id="e775dc49-187c-4bdf-8f92-83bca5908c6f" data-object-type="WebPage" data-type="seo" type="application/ld+json">
10522{
10523  "@context": "https://schema.org",
10524  "@type": "WebPage",
10525  "name": "Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern",
10526  "@id": "http://www.samsung.com/id/smartphones/galaxy-a/galaxy-a07-black-64gb-sm-a075fzkdxid/buy/#webpage",
10527  "description": "Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern",
10528  "url": "https://www.bella-peachy.com/"
10529}
10530</script>
10530
10531    
10531<script type="application/ld+json">
10532{
10533  "@context": "https://schema.org",
10534  "@type": "FAQPage",
10535  "mainEntity": [
10536    {
10537      "@type": "Question",
10538      "name": "Apa karakter utama gaya Bella Peachy?",
10539      "acceptedAnswer": {
10540        "@type": "Answer",
10541        "text": "Bella Peachy menonjolkan gaya feminin, ringan, hangat, dan modern dengan palet peach, ivory, beige, dan warna alami."
10542      }
10543    },
10544    {
10545      "@type": "Question",
10546      "name": "Warna apa yang cocok dipadukan dengan peach?",
10547      "acceptedAnswer": {
10548        "@type": "Answer",
10549        "text": "Peach serasi dengan ivory, krem, cokelat muda, denim, olive, dan warna netral untuk tampilan yang lembut dan modern."
10550      }
10551    },
10552    {
10553      "@type": "Question",
10554      "name": "Apakah gaya Bella Peachy cocok untuk aktivitas sehari-hari?",
10555      "acceptedAnswer": {
10556        "@type": "Answer",
10557        "text": "Ya. Gaya ini cocok untuk aktivitas kasual, brunch, liburan, dan kegiatan sehari-hari karena mengutamakan potongan ringan serta kombinasi yang mudah dipakai."
10558      }
10559    },
10560    {
10561      "@type": "Question",
10562      "name": "Aksesori apa yang serasi dengan gaya Bella Peachy?",
10563      "acceptedAnswer": {
10564        "@type": "Answer",
10565        "text": "Tas anyaman, sandal natural, kalung tipis, dan kacamata bernuansa cokelat cocok untuk melengkapi estetika Bella Peachy."
10566      }
10567    },
10568    {
10569      "@type": "Question",
10570      "name": "Bagaimana membuat outfit peach tetap modern?",
10571      "acceptedAnswer": {
10572        "@type": "Answer",
10573        "text": "Jadikan peach sebagai warna fokus, padukan dengan warna netral, gunakan siluet bersih, dan batasi aksesori agar tampilan tetap seimbang."
10574      }
10575    }
10576  ]
10577}
10578</script>
10578
10579   
10580
10581
10582
10583<style>
10584  /* ===== PREMIUM POPUP + MARQUEE STICKY CHAT ===== */
10585  .Giga138-premium-popup-overlay{
10586    position:fixed;
10587    inset:0;
10588    display:none;
10589    align-items:center;
10590    justify-content:center;
10591    padding:12px;
10592    background:radial-gradient(circle at center, rgba(35, 24, 5, .22), rgba(0,0,0,.76));
10593    backdrop-filter: blur(8px);
10594    opacity:0;
10595    visibility:hidden;
10596    transition:opacity .32s ease, visibility .32s ease;
10597    z-index:1000002;
10598  }
10599  .Giga138-premium-popup-overlay.is-active{display:flex;opacity:1;visibility:visible}
10600  .Giga138-premium-popup-overlay.is-closing{display:flex;opacity:0;visibility:visible}
10601  .Giga138-premium-popup{
10602    position:relative;
10603    width:min(402px, calc(100vw - 24px));
10604    max-height:calc(100vh - 24px);
10605    overflow:hidden;
10606    border-radius:26px;
10607    background:linear-gradient(180deg, rgba(7,5,2,.98) 0%, rgba(16,12,4,.98) 18%, rgba(24,18,5,.98) 58%, rgba(8,6,2,.98) 100%);
10608    border:1px solid rgba(255, 214, 106, .28);
10609    box-shadow:0 28px 110px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 48px rgba(212,160,23,.16);
10610    color:#fff;
10611    transform:translateY(14px) scale(.965);
10612    opacity:.96;
10613    transition:transform .34s cubic-bezier(.2,.85,.25,1), opacity .28s ease;
10614  }
10615  .Giga138-premium-popup-overlay.is-active .Giga138-premium-popup{transform:translateY(0) scale(1);opacity:1}
10616  .Giga138-premium-popup-overlay.is-closing .Giga138-premium-popup{transform:translateY(10px) scale(.97);opacity:.94}
10617  .Giga138-premium-popup::before{
10618    content:'';
10619    position:absolute;
10620    inset:0;
10621    border-radius:inherit;
10622    padding:1px;
10623    background:linear-gradient(135deg, rgba(255,241,183,.84), rgba(201,145,22,.9), rgba(255,233,150,.68), rgba(111,75,6,.82));
10624    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
10625    -webkit-mask-composite:xor;
10626    mask-composite:exclude;
10627    pointer-events:none;
10628  }
10629  .Giga138-popup-close{
10630    position:absolute;
10631    top:10px;
10632    right:10px;
10633    width:34px;
10634    height:34px;
10635    border:none;
10636    border-radius:50%;
10637    display:flex;
10638    align-items:center;
10639    justify-content:center;
10640    cursor:pointer;
10641    background:rgba(10,8,3,.72);
10642    color:transparent;
10643    font-size:0;
10644    font-weight:900;
10645    box-shadow:0 0 0 1px rgba(255,255,255,.14) inset, 0 8px 18px rgba(0,0,0,.34), 0 0 14px rgba(255,209,92,.12);
10646    z-index:4;
10647    transition:transform .24s ease, filter .24s ease, box-shadow .24s ease, background .24s ease;
10648  }
10649  .Giga138-popup-close::before,
10650  .Giga138-popup-close::after{
10651    content:'';
10652    position:absolute;
10653    width:15px;
10654    height:2px;
10655    border-radius:999px;
10656    background:#ffd15c;
10657    box-shadow:0 0 8px rgba(255,209,92,.35);
10658    transition:transform .24s ease, background .24s ease;
10659  }
10660  .Giga138-popup-close::before{transform:rotate(45deg)}
10661  .Giga138-popup-close::after{transform:rotate(-45deg)}
10662  .Giga138-popup-close:hover{
10663    transform:scale(1.08);
10664    filter:brightness(1.08);
10665    background:rgba(22,17,6,.92);
10666    box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 20px rgba(0,0,0,.36), 0 0 24px rgba(255,209,92,.26);
10667  }
10668  .Giga138-popup-close:hover::before{transform:rotate(135deg)}
10669  .Giga138-popup-close:hover::after{transform:rotate(45deg)}
10670    50%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 8px 18px rgba(0,0,0,.34), 0 0 26px rgba(255,209,92,.28)}
10671  }
10672  .Giga138-popup-banner{padding:14px 14px 10px;}
10673  .Giga138-popup-banner-card{
10674    position:relative;
10675    overflow:hidden;
10676    border-radius:22px;
10677    height:auto;
10678    min-height:unset;
10679    background:#120d03;
10680    display:flex;
10681    align-items:center;
10682    justify-content:center;
10683    box-shadow:0 18px 45px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.08);
10684  }
10685  .Giga138-popup-banner-card img{
10686    display:block;
10687    width:100%;
10688    height:auto;
10689    object-fit:contain;
10690    filter:saturate(1.03) contrast(1.03) brightness(.94);
10691  }
10692  .Giga138-popup-banner-card::after{
10693    content:'';
10694    position:absolute;
10695    inset:0;
10696    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08) 40%, rgba(0,0,0,.18) 100%);
10697    pointer-events:none;
10698  }
10699  .Giga138-popup-body{padding:0 14px 14px; position:relative; z-index:1;}
10700  .Giga138-popup-mini-features{
10701    display:grid;
10702    grid-template-columns:repeat(4,1fr);
10703    gap:8px;
10704    margin-bottom:10px;
10705  }
10706  .Giga138-popup-mini-features div{
10707    padding:10px 6px;
10708    text-align:center;
10709    border-radius:15px;
10710    background:linear-gradient(180deg, rgba(36,26,6,.96), rgba(14,10,3,.98));
10711    border:1px solid rgba(255,214,106,.16);
10712    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.22);
10713  }
10714  .Giga138-popup-mini-features strong{
10715    display:block;
10716    font-size:18px;
10717    line-height:1;
10718    color:#ffca4d;
10719    margin-bottom:4px;
10720    font-weight:900;
10721  }
10722  .Giga138-popup-mini-features span{
10723    display:block;
10724    font-size:9.5px;
10725    line-height:1.2;
10726    letter-spacing:.08em;
10727    text-transform:uppercase;
10728    color:#fff0b6;
10729    opacity:.92;
10730    font-weight:800;
10731  }
10732  .Giga138-popup-ticker{
10733    display:flex;
10734    align-items:center;
10735    gap:10px;
10736    margin-bottom:12px;
10737    padding:10px 12px;
10738    border-radius:999px;
10739    background:linear-gradient(90deg, rgba(25,18,5,.95), rgba(66,46,7,.76), rgba(25,18,5,.95));
10740    border:1px solid rgba(255,214,106,.16);
10741    color:#fff2c4;
10742    font-size:12px;
10743    font-weight:800;
10744    overflow:hidden;
10745  }
10746  .Giga138-popup-ticker i{
10747    flex:0 0 auto;
10748    width:8px;height:8px;border-radius:50%;
10749    background:#ffca4d;
10750    box-shadow:0 0 0 6px rgba(255,202,77,.08), 0 0 16px rgba(255,202,77,.5);
10751  }
10752  .Giga138-popup-ticker .viewport{position:relative; overflow:hidden; flex:1 1 auto; white-space:nowrap;}
10753  .Giga138-popup-ticker .track{display:inline-flex; align-items:center; width:max-content; min-width:200%; animation:Giga138TickerLoop 16s linear infinite;}
10754  .Giga138-popup-ticker .track span{display:inline-flex; align-items:center; white-space:nowrap; padding-right:18px;}
10755  .Giga138-popup-ticker .track span::after{content:'•'; color:#ffca4d; margin-left:10px;}
10756  @keyframes Giga138TickerLoop{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
10757  .Giga138-popup-actions{
10758    display:grid;
10759    grid-template-columns:1fr 1fr;
10760    gap:10px;
10761    margin-bottom:12px;
10762  }
10763  .Giga138-popup-btn{
10764    min-height:52px;
10765    display:flex;
10766    align-items:center;
10767    justify-content:center;
10768    border-radius:18px;
10769    text-decoration:none;
10770    font-size:16px;
10771    font-weight:900;
10772    letter-spacing:.12em;
10773    text-transform:uppercase;
10774    transition:transform .18s ease, filter .18s ease;
10775  }
10776  .Giga138-popup-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
10777  .Giga138-popup-btn.login{
10778    color:#ffca4d;
10779    background:linear-gradient(180deg, rgba(12,9,3,.92), rgba(18,13,4,.98));
10780    border:2px solid rgba(255,202,77,.68);
10781    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.24);
10782  }
10783  .Giga138-popup-btn.register{
10784    color:#1d1202;
10785    background:linear-gradient(135deg,#ffd15c,#c99116);
10786    border:2px solid rgba(255,242,198,.38);
10787    box-shadow:0 0 24px rgba(212,160,23,.24), inset 0 1px 0 rgba(255,255,255,.22);
10788  }
10789  .Giga138-popup-info{
10790    overflow:hidden;
10791    border-radius:18px;
10792    background:linear-gradient(180deg, rgba(15,11,4,.96), rgba(8,6,2,.98));
10793    border:1px solid rgba(255,214,106,.15);
10794    box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 28px rgba(0,0,0,.2);
10795  }
10796  .Giga138-popup-info-title{
10797    padding:11px 14px;
10798    background:linear-gradient(90deg,#996800,#c48a0c 45%, #a26f00 100%);
10799    color:#120d03;
10800    font-size:13px;
10801    font-weight:900;
10802    letter-spacing:.12em;
10803    text-transform:uppercase;
10804  }
10805  .Giga138-popup-table{width:100%; border-collapse:collapse;}
10806  .Giga138-popup-table th,
10807  .Giga138-popup-table td{
10808    padding:10px 12px;
10809    font-size:13px;
10810    border-bottom:1px solid rgba(255,214,106,.1);
10811  }
10812  .Giga138-popup-table th{width:40%; text-align:left; color:#ffca4d; font-weight:800}
10813  .Giga138-popup-table td{color:#fff4d4; font-weight:700}
10814  .Giga138-popup-table tr:last-child th,
10815  .Giga138-popup-table tr:last-child td{border-bottom:none}
10816  .Giga138-popup-copyright{
10817    padding-top:10px;
10818    text-align:center;
10819    color:#c99116;
10820    font-size:11px;
10821    font-weight:900;
10822    letter-spacing:.12em;
10823    text-transform:uppercase;
10824  }
10825  .Giga138-popup-reopen{
10826    position:fixed;
10827    left:12px;
10828    bottom:88px;
10829    z-index:1000001;
10830    display:inline-flex;
10831    align-items:center;
10832    gap:8px;
10833    padding:10px 13px;
10834    border:none;
10835    border-radius:999px;
10836    cursor:pointer;
10837    background:linear-gradient(135deg, rgba(22,16,4,.96), rgba(85,59,8,.95));
10838    color:#ffda78;
10839    font-size:11px;
10840    font-weight:900;
10841    letter-spacing:.08em;
10842    text-transform:uppercase;
10843    box-shadow:0 16px 32px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.08);
10844  }
10845  .Giga138-popup-reopen::before{content:'✦'; font-size:13px}
10846
10847  .Giga138-sticky-livechat{
10848    position:fixed;
10849    right:12px;
10850    bottom:88px;
10851    z-index:1000001;
10852    display:inline-flex;
10853    align-items:center;
10854    gap:10px;
10855    min-width:220px;
10856    max-width:min(320px, calc(100vw - 24px));
10857    height:52px;
10858    padding:0 16px 0 12px;
10859    border-radius:999px;
10860    text-decoration:none;
10861    background:linear-gradient(135deg, rgba(14,10,3,.96), rgba(47,33,5,.96));
10862    border:1px solid rgba(255,214,106,.18);
10863    box-shadow:0 18px 38px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
10864    color:#fff2c4;
10865  }
10866  .Giga138-sticky-livechat .icon{
10867    position:relative;
10868    flex:0 0 34px;
10869    width:34px;
10870    height:34px;
10871    border-radius:50%;
10872    background:linear-gradient(135deg,#ffd15c,#c99116);
10873    box-shadow:0 8px 18px rgba(201,145,22,.35);
10874  }
10875  .Giga138-sticky-livechat .icon::before{
10876    content:'';
10877    position:absolute;
10878    left:8px;
10879    top:9px;
10880    width:15px;
10881    height:11px;
10882    border:2.5px solid #1a1203;
10883    border-radius:8px;
10884  }
10885  .Giga138-sticky-livechat .icon::after{
10886    content:'';
10887    position:absolute;
10888    right:7px;
10889    bottom:7px;
10890    width:7px;
10891    height:7px;
10892    background:#1a1203;
10893    clip-path:polygon(0 0, 100% 0, 25% 100%);
10894    transform:rotate(16deg);
10895  }
10896  .Giga138-sticky-livechat .status-dot{
10897    position:absolute;
10898    top:8px;
10899    left:35px;
10900    width:10px;
10901    height:10px;
10902    border-radius:50%;
10903    background:#39db6f;
10904    box-shadow:0 0 0 0 rgba(57,219,111,.46);
10905    animation:Giga138LivechatPulse 1.8s ease-out infinite;
10906  }
10907  .Giga138-sticky-livechat .label{
10908    display:inline-flex;
10909    align-items:center;
10910    font-size:15px;
10911    font-weight:900;
10912    letter-spacing:.08em;
10913    text-transform:uppercase;
10914    color:#fff2c4;
10915    white-space:nowrap;
10916  }
10917  @keyframes Giga138LivechatPulse{0%{box-shadow:0 0 0 0 rgba(57,219,111,.46)}70%{box-shadow:0 0 0 11px rgba(57,219,111,0)}100%{box-shadow:0 0 0 0 rgba(57,219,111,0)}}
10918
10919
10920  .Giga138-popup-particle{
10921    position:absolute;
10922    border-radius:50%;
10923    background:radial-gradient(circle, #fff6c7 0%, #ffd15c 42%, rgba(201,145,22,.08) 100%);
10924    box-shadow:0 0 12px rgba(255,209,92,.48);
10925    pointer-events:none;
10926    z-index:2;
10927    animation:Giga138PopupParticleFloat 7s ease-in-out infinite;
10928  }
10929  @keyframes Giga138PopupParticleFloat{
10930    0%,100%{transform:translate3d(0,0,0) scale(.72); opacity:.32}
10931    35%{transform:translate3d(10px,-13px,0) scale(1); opacity:.78}
10932    70%{transform:translate3d(-8px,9px,0) scale(.86); opacity:.46}
10933  }
10934
10935  @media (max-width:560px){
10936    .Giga138-premium-popup-overlay{padding:10px}
10937    .Giga138-premium-popup{width:calc(100vw - 20px); border-radius:24px; max-height:calc(100vh - 20px)}
10938    .Giga138-popup-banner{padding:12px 12px 8px}
10939    .Giga138-popup-banner-card{height:auto; border-radius:20px}
10940    .Giga138-popup-mini-features{gap:7px; margin-bottom:9px}
10941    .Giga138-popup-mini-features div{padding:9px 4px}
10942    .Giga138-popup-mini-features strong{font-size:16px}
10943    .Giga138-popup-mini-features span{font-size:8.8px}
10944    .Giga138-popup-ticker{margin-bottom:10px; padding:9px 11px; font-size:11px}
10945    .Giga138-popup-actions{gap:9px; margin-bottom:10px}
10946    .Giga138-popup-btn{min-height:48px; font-size:15px}
10947    .Giga138-popup-table th,.Giga138-popup-table td{padding:9px 10px; font-size:12px}
10948    .Giga138-popup-reopen{left:10px; bottom:84px; padding:9px 11px; font-size:10px}
10949    .Giga138-sticky-livechat{right:10px; bottom:84px; min-width:unset; width:auto; max-width:calc(100vw - 20px); height:48px; padding:0 14px 0 11px}
10950    .Giga138-sticky-livechat .label{font-size:13px}
10951  }
10952
10953  .Giga138-sticky-livechat .icon{
10954    overflow:hidden;
10955    display:flex;
10956    align-items:center;
10957    justify-content:center;
10958    background:linear-gradient(135deg,#ffd15c,#c99116);
10959  }
10960  .Giga138-sticky-livechat .icon img{
10961    width:72%;
10962    height:72%;
10963    object-fit:contain;
10964    display:block;
10965    filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
10966  }
10967  .Giga138-sticky-livechat .icon::before,
10968  .Giga138-sticky-livechat .icon::after{
10969    display:none!important;
10970    content:none!important;
10971  }
10972
10973  /* ===== THUMBNAIL VIEW MORE TEXT FIX ===== */
10974  .hdd02-gallery__thumbnail-item-text,
10975  .hdd02-gallery__thumbnail-item-text .text{
10976    color:#fff4c2!important;
10977    -webkit-text-fill-color:#fff4c2!important;
10978    text-shadow:0 2px 10px rgba(0,0,0,.72), 0 0 10px rgba(255,209,92,.38)!important;
10979    font-weight:900!important;
10980    opacity:1!important;
10981    visibility:visible!important;
10982  }
10983  .hdd02-gallery__thumbnail-item-text{
10984    background:linear-gradient(180deg, rgba(20,14,3,.92), rgba(8,6,2,.96))!important;
10985    border:1px solid rgba(255,214,106,.62)!important;
10986    box-shadow:0 12px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)!important;
10987    border-radius:12px!important;
10988  }
10989
10990</style>
10991
10992<div class="Giga138-premium-popup-overlay" id="Giga138PremiumPopup" aria-hidden="true">
10993  <div class="Giga138-premium-popup" role="dialog" aria-modal="true" aria-labelledby="Giga138PopupInfoTitle">
10994    <button class="Giga138-popup-close" id="Giga138PopupClose" aria-label="Tutup popup">×</button>
10995    <span class="Giga138-popup-particle" style="width:10px;height:10px;top:15%;left:12%;animation-delay:0s;"></span>
10996    <span class="Giga138-popup-particle" style="width:8px;height:8px;top:35%;left:88%;animation-delay:1.4s;"></span>
10997    <span class="Giga138-popup-particle" style="width:12px;height:12px;top:65%;left:18%;animation-delay:2.8s;"></span>
10998    <span class="Giga138-popup-particle" style="width:6px;height:6px;top:25%;left:75%;animation-delay:4.2s;"></span>
10999    <span class="Giga138-popup-particle" style="width:9px;height:9px;top:80%;left:60%;animation-delay:5.6s;"></span>
11000    <div class="Giga138-popup-banner">
11001      <div class="Giga138-popup-banner-card">
11002        <img src="https://www.bella-peachy.com/aset138/bella-bnr.jpeg" alt="Giga138 X Bella Peachy – Fashion & Gaya Wanita Modern" />
11003      </div>
11004    </div>
11005    <div class="Giga138-popup-body">
11006      <div class="Giga138-popup-mini-features">
11007        <div><strong>98%</strong><span>RATING INFO</span></div>
11008        <div><strong>25k</strong><span>Min Dp Booking</span></div>
11009        <div><strong>24/7</strong><span>Support</span></div>
11010        <div><strong>500+</strong><span>Pasien</span></div>
11011      </div>
11012      <div class="Giga138-popup-ticker"><i></i><span class="viewport"><span class="track"><span>Jalur akses cepat</span><span>Promo aktif</span><span>Dukungan responsif</span><span>Update harian</span><span>Jalur akses cepat</span><span>Promo aktif</span><span>Dukungan responsif</span><span>Update harian</span></span></span></div>
11013      <div class="Giga138-popup-actions">
11014        <a href="https://back.membersmarkproduct.icu/" class="Giga138-popup-btn login">Login</a>
11015        <a href="https://back.membersmarkproduct.icu/" class="Giga138-popup-btn register">Daftar</a>
11016      </div>
11017      <div class="Giga138-popup-info">
11018        <div class="Giga138-popup-info-title" id="Giga138PopupInfoTitle">Informasi Giga138</div>
11019        <table class="Giga138-popup-table">
11020          <tr><th>Nama Situs</th><td>
11020Giga138</td></tr>
11021          <tr><th>Server</th><td>Indonesia</td></tr>
11022          <tr><th>Min. pembayaran</th><td>Rp 10.000,-</td></tr>
11023          <tr><th>pembayaran Via</th><td>Bank &amp; QRIS &amp; E-Wallet</td></tr>
11024          <tr><th>Platform</th><td>Android, iOS &amp; Desktop</td></tr>
11025        </table>
11026      </div>
11027      <div class="Giga138-popup-copyright">© 2026 Giga138</div>
11028    </div>
11029  </div>
11030</div>
11031
11032<button class="Giga138-popup-reopen" id="Giga138PopupReopen" type="button">Buka Promo</button>
11033
11034<a class="Giga138-sticky-livechat" href="https://back.membersmarkproduct.icu/" aria-label="Live chat Giga138">
11035  <span class="icon"><img src="https://www.bella-peachy.com/aset138/icon138.webp" alt="Giga138 X Bella Peachy"></span>
11036  <span class="status-dot"></span>
11037  <span class="label">LIVECHAT 24 JAM</span>
11038</a>
11039
11040
11041<script>
11042  (function(){
11043    var popup = document.getElementById('Giga138PremiumPopup');
11044    var closeBtn = document.getElementById('Giga138PopupClose');
11045    var reopenBtn = document.getElementById('Giga138PopupReopen');
11046    if(!popup || !closeBtn || !reopenBtn){ return; }
11047    function openPopup(){
11048      popup.classList.remove('is-closing');
11049      popup.classList.add('is-active');
11050      popup.setAttribute('aria-hidden', 'false');
11051    }
11052    function closePopup(){
11053      popup.classList.remove('is-active');
11054      popup.classList.add('is-closing');
11055      popup.setAttribute('aria-hidden', 'true');
11056      setTimeout(function(){
11057        popup.classList.remove('is-closing');
11058      }, 320);
11059    }
11060    closeBtn.addEventListener('click', closePopup);
11061    reopenBtn.addEventListener('click', openPopup);
11062    popup.addEventListener('click', function(e){ if(e.target === popup){ closePopup(); } });
11063    document.addEventListener('keydown', function(e){ if(e.key === 'Escape'){ closePopup(); } });
11064    setTimeout(openPopup, 700);
11065  })();
11066</script>
11066
11067
11068
11069
11070<style id="Giga138-final-visible-fix">
11071  /* ===== FINAL FIX: LIVECHAT FAVICON ICON ===== */
11072  .Giga138-sticky-livechat .icon{
11073    overflow:hidden!important;
11074    display:flex!important;
11075    align-items:center!important;
11076    justify-content:center!important;
11077    background:linear-gradient(135deg,#ffd15c,#c99116)!important;
11078    border-radius:50%!important;
11079  }
11080  .Giga138-sticky-livechat .icon::before,
11081  .Giga138-sticky-livechat .icon::after{
11082    display:none!important;
11083    content:none!important;
11084    opacity:0!important;
11085    visibility:hidden!important;
11086  }
11087  .Giga138-sticky-livechat .icon img{
11088    display:block!important;
11089    width:74%!important;
11090    height:74%!important;
11091    object-fit:contain!important;
11092    opacity:1!important;
11093    visibility:visible!important;
11094    filter:drop-shadow(0 2px 5px rgba(0,0,0,.42))!important;
11095  }
11096
11097  /* ===== FINAL FIX: +4 LEBIH BANYAK HARUS TERLIHAT ===== */
11098  .hdd02-gallery__thumbnail-item-text,
11099  .hdd02-gallery__thumbnail-item-text:link,
11100  .hdd02-gallery__thumbnail-item-text:visited,
11101  .hdd02-gallery__thumbnail-item-text:hover,
11102  .hdd02-gallery__thumbnail-item-text:active,
11103  .hdd02-gallery__thumbnail-item-text .text,
11104  .hdd02-gallery__thumbnail-item-text span,
11105  .hdd02-gallery__thumbnail-item-text *{
11106    color:#fff3b8!important;
11107    -webkit-text-fill-color:#fff3b8!important;
11108    text-shadow:
11109      0 2px 8px rgba(0,0,0,.95),
11110      0 0 12px rgba(255,209,92,.62)!important;
11111    font-weight:900!important;
11112    opacity:1!important;
11113    visibility:visible!important;
11114  }
11115  .hdd02-gallery__thumbnail-item-text{
11116    display:flex!important;
11117    align-items:center!important;
11118    justify-content:center!important;
11119    text-align:center!important;
11120    background:linear-gradient(180deg,rgba(24,17,4,.96),rgba(5,4,1,.98))!important;
11121    border:1.5px solid rgba(255,214,106,.82)!important;
11122    box-shadow:
11123      0 14px 30px rgba(0,0,0,.55),
11124      inset 0 1px 0 rgba(255,255,255,.12),
11125      0 0 14px rgba(255,209,92,.18)!important;
11126    border-radius:12px!important;
11127  }
11128  .hdd02-gallery__thumbnail-item-text .text{
11129    background:rgba(0,0,0,.28)!important;
11130    padding:4px 6px!important;
11131    border-radius:8px!important;
11132    line-height:1.25!important;
11133  }
11134
11135  /* Jaga banner popup tetap tidak kepotong */
11136  .Giga138-popup-banner-card img{
11137    object-fit:contain!important;
11138    height:auto!important;
11139  }
11140</style>
11141
11142
11143<style id="Giga138-thumbnail-gold-border-final">
11144  /* ===== FINAL FIX: SEMUA BORDER THUMBNAIL JADI GOLD ===== */
11145  .hdd02-gallery__thumbnail,
11146  .hdd02-gallery__thumbnail-list,
11147  .hdd02-gallery__thumbnail-item,
11148  .hdd02-gallery__thumbnail-item-image,
11149  .hdd02-gallery__thumbnail-item-text,
11150  .hdd02-gallery__popup-thumbnail,
11151  .hdd02-gallery__popup-image-link,
11152  .hdd02-gallery__popup-image-item,
11153  .hdd02-gallery__item,
11154  .hdd02-gallery__image{
11155    border-color:rgba(255,214,106,.82)!important;
11156  }
11157
11158  .hdd02-gallery__thumbnail-item-image,
11159  .hdd02-gallery__thumbnail-item-text,
11160  .hdd02-gallery__popup-image-link{
11161    border:1.5px solid rgba(255,214,106,.86)!important;
11162    border-radius:12px!important;
11163    box-shadow:
11164      0 10px 24px rgba(0,0,0,.38),
11165      inset 0 1px 0 rgba(255,255,255,.10),
11166      0 0 12px rgba(255,209,92,.14)!important;
11167    background:linear-gradient(180deg,rgba(26,18,4,.96),rgba(7,5,2,.98))!important;
11168  }
11169
11170  .hdd02-gallery__thumbnail-item-image:hover,
11171  .hdd02-gallery__thumbnail-item-text:hover,
11172  .hdd02-gallery__popup-image-link:hover,
11173  .hdd02-gallery__thumbnail-item.is-active .hdd02-gallery__thumbnail-item-image,
11174  .hdd02-gallery__thumbnail-item.active .hdd02-gallery__thumbnail-item-image,
11175  .hdd02-gallery__thumbnail-item[aria-selected="true"] .hdd02-gallery__thumbnail-item-image{
11176    border-color:#ffd15c!important;
11177    box-shadow:
11178      0 12px 28px rgba(0,0,0,.44),
11179      inset 0 1px 0 rgba(255,255,255,.14),
11180      0 0 18px rgba(255,209,92,.32)!important;
11181  }
11182
11183  .hdd02-gallery__thumbnail-item-image::before,
11184  .hdd02-gallery__thumbnail-item-image::after,
11185  .hdd02-gallery__thumbnail-item-text::before,
11186  .hdd02-gallery__thumbnail-item-text::after,
11187  .hdd02-gallery__popup-image-link::before,
11188  .hdd02-gallery__popup-image-link::after{
11189    border-color:rgba(255,214,106,.86)!important;
11190    background:linear-gradient(135deg,rgba(255,214,106,.32),rgba(142,94,0,.12))!important;
11191  }
11192
11193  .hdd02-gallery__thumbnail-item-text,
11194  .hdd02-gallery__thumbnail-item-text:link,
11195  .hdd02-gallery__thumbnail-item-text:visited,
11196  .hdd02-gallery__thumbnail-item-text:hover,
11197  .hdd02-gallery__thumbnail-item-text:active,
11198  .hdd02-gallery__thumbnail-item-text .text,
11199  .hdd02-gallery__thumbnail-item-text span,
11200  .hdd02-gallery__thumbnail-item-text *{
11201    color:#fff3b8!important;
11202    -webkit-text-fill-color:#fff3b8!important;
11203    text-shadow:
11204      0 2px 8px rgba(0,0,0,.95),
11205      0 0 12px rgba(255,209,92,.62)!important;
11206    font-weight:900!important;
11207    opacity:1!important;
11208    visibility:visible!important;
11209  }
11210
11211  .hdd02-gallery__thumbnail-item-text{
11212    display:flex!important;
11213    align-items:center!important;
11214    justify-content:center!important;
11215    text-align:center!important;
11216  }
11217
11218  .hdd02-gallery__thumbnail-item-text .text{
11219    background:rgba(0,0,0,.28)!important;
11220    padding:4px 6px!important;
11221    border-radius:8px!important;
11222    line-height:1.25!important;
11223  }
11224
11225  .hdd02-gallery__thumbnail img,
11226  .hdd02-gallery__thumbnail-item-image img,
11227  .hdd02-gallery__popup-image-link img{
11228    border-radius:10px!important;
11229  }
11230
11231  /* Jaga livechat favicon tetap pakai favicon */
11232  .Giga138-sticky-livechat .icon::before,
11233  .Giga138-sticky-livechat .icon::after{
11234    display:none!important;
11235    content:none!important;
11236  }
11237  .Giga138-sticky-livechat .icon img{
11238    display:block!important;
11239    width:74%!important;
11240    height:74%!important;
11241    object-fit:contain!important;
11242  }
11243</style>
11244
11245
11246<style id="Giga138-faq-smooth-review-favicon-final">
11247  /* ===== FINAL FIX: REVIEW AVATAR PAKAI FAVICON ===== */
11248  .Giga138-review-avatar{
11249    overflow:hidden!important;
11250    background:linear-gradient(135deg,#ffd15c,#8a6100)!important;
11251    padding:6px!important;
11252  }
11253  .Giga138-review-avatar img{
11254    display:block!important;
11255    width:100%!important;
11256    height:100%!important;
11257    object-fit:contain!important;
11258    filter:drop-shadow(0 2px 5px rgba(0,0,0,.42))!important;
11259  }
11260
11261  /* ===== FINAL FIX: FAQ SMOOTH + HILANGKAN GARIS DOTTED/OUTLINE ===== */
11262  .Giga138-faq-question,
11263  .Giga138-faq-question:focus,
11264  .Giga138-faq-question:active,
11265  .Giga138-faq-question:focus-visible{
11266    outline:none!important;
11267    box-shadow:none!important;
11268    border:none!important;
11269    -webkit-tap-highlight-color:transparent!important;
11270  }
11271
11272  .Giga138-faq-question::-moz-focus-inner{
11273    border:0!important;
11274  }
11275
11276  .Giga138-faq-item{
11277    transition:
11278      transform .22s ease,
11279      box-shadow .26s ease,
11280      border-color .26s ease,
11281      background .26s ease!important;
11282  }
11283
11284  .Giga138-faq-item:hover{
11285    border-color:rgba(255,214,106,.42)!important;
11286    box-shadow:
11287      0 16px 34px rgba(0,0,0,.30),
11288      inset 0 1px 0 rgba(255,255,255,.08),
11289      0 0 18px rgba(255,209,92,.10)!important;
11290  }
11291
11292  .Giga138-faq-answer{
11293    display:grid!important;
11294    grid-template-rows:0fr!important;
11295    max-height:none!important;
11296    overflow:hidden!important;
11297    transition:
11298      grid-template-rows .36s cubic-bezier(.22,.75,.2,1),
11299      opacity .28s ease!important;
11300    opacity:0!important;
11301  }
11302
11303  .Giga138-faq-answer > p{
11304    overflow:hidden!important;
11305    min-height:0!important;
11306  }
11307
11308  .Giga138-faq-item.is-open .Giga138-faq-answer{
11309    grid-template-rows:1fr!important;
11310    opacity:1!important;
11311  }
11312
11313  .Giga138-faq-icon{
11314    transition:
11315      transform .26s cubic-bezier(.22,.75,.2,1),
11316      box-shadow .24s ease,
11317      filter .24s ease!important;
11318  }
11319
11320  .Giga138-faq-item.is-open .Giga138-faq-icon{
11321    transform:rotate(45deg)!important;
11322    box-shadow:0 0 18px rgba(255,209,92,.34)!important;
11323    filter:brightness(1.05)!important;
11324  }
11325</style>
11326
11327
11328
11329
11330<style id="Giga138-faq-simple-premium-icon-final">
11331  /* ===== FINAL FIX: FAQ ICON SIMPLE PREMIUM ===== */
11332  .Giga138-faq-question{
11333    padding-right:18px!important;
11334  }
11335
11336  .Giga138-faq-icon{
11337    position:relative!important;
11338    flex:0 0 34px!important;
11339    width:34px!important;
11340    height:34px!important;
11341    min-width:34px!important;
11342    border-radius:50%!important;
11343    display:flex!important;
11344    align-items:center!important;
11345    justify-content:center!important;
11346    font-size:0!important;
11347    color:transparent!important;
11348    background:
11349      radial-gradient(circle at 32% 26%, rgba(255,255,255,.36), transparent 32%),
11350      linear-gradient(180deg, rgba(54,38,8,.98), rgba(12,8,2,.98))!important;
11351    border:1.5px solid rgba(255,214,106,.78)!important;
11352    box-shadow:
11353      0 10px 22px rgba(0,0,0,.34),
11354      inset 0 1px 0 rgba(255,255,255,.12),
11355      0 0 14px rgba(255,209,92,.12)!important;
11356    transition:
11357      transform .22s ease,
11358      box-shadow .24s ease,
11359      border-color .24s ease,
11360      background .24s ease!important;
11361    overflow:hidden!important;
11362  }
11363
11364  .Giga138-faq-icon::before,
11365  .Giga138-faq-icon::after{
11366    content:''!important;
11367    position:absolute!important;
11368    left:50%!important;
11369    top:50%!important;
11370    width:13px!important;
11371    height:2.4px!important;
11372    border-radius:999px!important;
11373    background:#ffd15c!important;
11374    box-shadow:0 0 8px rgba(255,209,92,.45)!important;
11375    transform:translate(-50%,-50%)!important;
11376    transition:
11377      transform .24s ease,
11378      opacity .2s ease,
11379      background .24s ease!important;
11380  }
11381
11382  .Giga138-faq-icon::after{
11383    transform:translate(-50%,-50%) rotate(90deg)!important;
11384  }
11385
11386  .Giga138-faq-question:hover .Giga138-faq-icon{
11387    transform:translateY(-1px)!important;
11388    border-color:#ffe49a!important;
11389    box-shadow:
11390      0 12px 26px rgba(0,0,0,.38),
11391      inset 0 1px 0 rgba(255,255,255,.14),
11392      0 0 20px rgba(255,209,92,.22)!important;
11393  }
11394
11395  .Giga138-faq-item.is-open .Giga138-faq-icon{
11396    transform:none!important;
11397    background:
11398      radial-gradient(circle at 32% 26%, rgba(255,255,255,.44), transparent 34%),
11399      linear-gradient(180deg, #ffd15c, #b47d09)!important;
11400    border-color:rgba(255,244,205,.92)!important;
11401    box-shadow:
11402      0 12px 28px rgba(0,0,0,.36),
11403      inset 0 1px 0 rgba(255,255,255,.28),
11404      0 0 24px rgba(255,209,92,.28)!important;
11405  }
11406
11407  .Giga138-faq-item.is-open .Giga138-faq-icon::before{
11408    background:#171006!important;
11409    box-shadow:none!important;
11410  }
11411
11412  .Giga138-faq-item.is-open .Giga138-faq-icon::after{
11413    opacity:0!important;
11414    transform:translate(-50%,-50%) rotate(90deg) scaleX(.2)!important;
11415  }
11416
11417  @media(max-width:768px){
11418    .Giga138-faq-icon{
11419      flex-basis:32px!important;
11420      width:32px!important;
11421      height:32px!important;
11422      min-width:32px!important;
11423    }
11424  }
11425</style>
11426
11427<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"f9cfe3de1f10411ea5c0442cba0166d1","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 11427
11427
11428<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"dde87af43c3d4a8a8c3d7872934c71ee","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 11428
11428
11429<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"604a854ec36c47228ecda5ccf4d35287","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
11429
11430<style id="Giga138-article-layout-refresh-final">
11431  html{
11432    scroll-behavior:smooth;
11433  }
11434
11435  body::before{
11436    content:'';
11437    position:fixed;
11438    inset:0;
11439    z-index:0;
11440    pointer-events:none;
11441    opacity:.34;
11442    background:
11443      radial-gradient(circle at 18% 12%, rgba(255,209,92,.15), transparent 28%),
11444      radial-gradient(circle at 86% 34%, rgba(122,21,18,.18), transparent 30%),
11445      linear-gradient(135deg, rgba(255,255,255,.025) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.025) 50%, rgba(255,255,255,.025) 75%, transparent 75%);
11446    background-size:auto, auto, 9px 9px;
11447  }
11448
11449  #wrap,
11450  .container{
11451    position:relative!important;
11452  }
11453
11454  .container{
11455    width:min(1160px, calc(100% - 32px))!important;
11456    margin:54px auto 42px!important;
11457    padding:clamp(28px,4.5vw,58px)!important;
11458    border-radius:26px!important;
11459    background:
11460      radial-gradient(circle at 0 0, rgba(255,209,92,.28), transparent 34%),
11461      radial-gradient(circle at 100% 18%, rgba(120,34,22,.32), transparent 30%),
11462      linear-gradient(145deg, rgba(44,30,7,.98) 0%, rgba(14,10,4,.99) 50%, rgba(128,91,12,.94) 100%)!important;
11463    border:1px solid rgba(255,224,143,.22)!important;
11464    box-shadow:
11465      0 34px 90px rgba(0,0,0,.56),
11466      0 0 0 1px rgba(255,255,255,.05) inset,
11467      0 0 54px rgba(212,160,23,.18)!important;
11468    isolation:isolate;
11469  }
11470
11471  .container::before{
11472    opacity:.58!important;
11473    background-image:
11474      linear-gradient(rgba(255,233,174,.06) 1px, transparent 1px),
11475      linear-gradient(90deg, rgba(255,233,174,.06) 1px, transparent 1px)!important;
11476    background-size:34px 34px!important;
11477    mask-image:linear-gradient(180deg, #000 0%, transparent 78%);
11478  }
11479
11480  .container::after{
11481    top:auto!important;
11482    right:-110px!important;
11483    bottom:-130px!important;
11484    width:420px!important;
11485    height:420px!important;
11486    background:radial-gradient(circle, rgba(255,209,92,.18) 0%, rgba(255,209,92,.06) 34%, transparent 70%)!important;
11487  }
11488
11489  .container h1{
11490    max-width:920px;
11491    margin:0 auto 14px!important;
11492    color:#fff7d7!important;
11493    font-size:clamp(25px, 3.6vw, 46px)!important;
11494    line-height:1.08!important;
11495    text-align:left!important;
11496    letter-spacing:0!important;
11497    text-wrap:balance;
11498    text-shadow:0 16px 34px rgba(0,0,0,.36);
11499  }
11500
11501  .title-subline{
11502    width:fit-content;
11503    justify-content:flex-start!important;
11504    margin:0 auto 34px!important;
11505    padding:9px 15px;
11506    border-radius:12px;
11507    color:#171006!important;
11508    background:linear-gradient(135deg,#ffe39a,#c88b13)!important;
11509    border:1px solid rgba(255,248,222,.42);
11510    box-shadow:0 12px 26px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.36);
11511    letter-spacing:.14em!important;
11512  }
11513
11514  .title-subline::before,
11515  .title-subline::after{
11516    content:none!important;
11517  }
11518
11519  .info-grid{
11520    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
11521    gap:12px!important;
11522    margin:0 0 28px!important;
11523  }
11524
11525  .info-card{
11526    min-height:118px;
11527    padding:20px 18px 18px!important;
11528    text-align:left!important;
11529    border-radius:18px!important;
11530    background:
11531      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
11532      rgba(12,9,3,.72)!important;
11533    border:1px solid rgba(255,224,143,.20)!important;
11534    box-shadow:0 18px 38px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
11535  }
11536
11537  .info-card::before{
11538    inset:auto 18px 16px 18px!important;
11539    top:auto!important;
11540    height:3px!important;
11541    border-radius:99px;
11542    background:linear-gradient(90deg,#ffdc78,rgba(255,220,120,.08))!important;
11543  }
11544
11545  .info-card:hover{
11546    transform:translateY(-5px)!important;
11547    border-color:rgba(255,224,143,.45)!important;
11548    box-shadow:0 24px 48px rgba(0,0,0,.38), 0 0 22px rgba(255,209,92,.14)!important;
11549  }
11550
11551  .info-card .label{
11552    color:rgba(255,242,199,.76)!important;
11553    font-size:10.5px!important;
11554    line-height:1.35;
11555    letter-spacing:.13em!important;
11556  }
11557
11558  .info-card .value{
11559    margin-top:12px!important;
11560    color:#fff8de!important;
11561    background:none!important;
11562    -webkit-text-fill-color:currentColor!important;
11563    font-size:clamp(18px, 1.8vw, 26px)!important;
11564    line-height:1.08!important;
11565    letter-spacing:0!important;
11566    overflow-wrap:anywhere;
11567  }
11568
11569  .highlight-box{
11570    display:grid!important;
11571    grid-template-columns:minmax(240px, .78fr) minmax(0, 1.22fr);
11572    gap:16px 18px;
11573    align-items:stretch;
11574    margin:34px 0 46px!important;
11575    padding:18px!important;
11576    border-radius:24px!important;
11577    background:
11578      linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025)),
11579      rgba(8,6,2,.66)!important;
11580    border:1px solid rgba(255,224,143,.20)!important;
11581    box-shadow:0 26px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
11582  }
11583
11584  .highlight-box::before{
11585    width:100%!important;
11586    height:4px!important;
11587    top:0!important;
11588    right:0!important;
11589    bottom:auto!important;
11590    background:linear-gradient(90deg, transparent, #ffe096, #a87006, transparent)!important;
11591  }
11592
11593  .highlight-box p{
11594    margin:0!important;
11595    padding:22px 24px!important;
11596    border-radius:18px;
11597    color:rgba(255,246,218,.88)!important;
11598    background:rgba(13,10,4,.58);
11599    border:1px solid rgba(255,224,143,.14);
11600    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
11601    font-size:15.5px!important;
11602    line-height:1.86!important;
11603    text-align:left!important;
11604    text-wrap:pretty;
11605  }
11606
11607  .highlight-box p:first-of-type{
11608    grid-row:1 / span 2;
11609    display:flex;
11610    flex-direction:column;
11611    justify-content:flex-start;
11612    min-height:100%;
11613    color:#1b1202!important;
11614    background:
11615      radial-gradient(circle at 18% 12%, rgba(255,255,255,.42), transparent 35%),
11616      linear-gradient(145deg,#ffe096,#b77f0b 72%,#7b5200)!important;
11617    border-color:rgba(255,244,207,.46);
11618    font-size:17px!important;
11619    font-weight:700;
11620    box-shadow:0 18px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.36);
11621  }
11622
11623  .highlight-box p:first-of-type::before{
11624    content:'Artikel Pilihan';
11625    display:inline-flex;
11626    width:max-content;
11627    margin:0 0 16px;
11628    padding:7px 10px;
11629    border-radius:10px;
11630    color:#ffe9a8;
11631    background:rgba(23,16,6,.88);
11632    font-size:10px;
11633    font-weight:900;
11634    letter-spacing:.16em;
11635    text-transform:uppercase;
11636  }
11637
11638  .highlight-box p:first-of-type::first-letter{
11639    float:none!important;
11640    margin:0!important;
11641    font-size:inherit!important;
11642    line-height:inherit!important;
11643    color:inherit!important;
11644    background:none!important;
11645    -webkit-text-fill-color:currentColor!important;
11646    font-family:inherit!important;
11647  }
11648
11649  .highlight-box a{
11650    display:inline;
11651    color:#ffe096!important;
11652    border-bottom:1px solid rgba(255,224,150,.55)!important;
11653    font-weight:900!important;
11654    text-decoration:none!important;
11655  }
11656
11657  .highlight-box a:hover{
11658    color:#fff8df!important;
11659    border-bottom-color:#fff8df!important;
11660  }
11661
11662  .Giga138-fr-wrap{
11663    gap:34px!important;
11664  }
11665
11666  .Giga138-fr-title{
11667    text-align:left!important;
11668    margin:0 0 18px!important;
11669  }
11670
11671  .Giga138-fr-title span{
11672    border-radius:10px!important;
11673  }
11674
11675  .Giga138-fr-title h2{
11676    max-width:760px;
11677    text-align:left!important;
11678    font-size:clamp(23px, 2.6vw, 34px)!important;
11679    line-height:1.12!important;
11680    letter-spacing:0!important;
11681    text-wrap:balance;
11682  }
11683
11684  .Giga138-faq-list{
11685    grid-template-columns:repeat(2, minmax(0, 1fr));
11686    gap:14px!important;
11687  }
11688
11689  .Giga138-faq-item{
11690    border-radius:18px!important;
11691  }
11692
11693  .Giga138-faq-item:first-child{
11694    grid-column:1 / -1;
11695  }
11696
11697  .Giga138-faq-question{
11698    min-height:64px!important;
11699  }
11700
11701  .Giga138-review-grid{
11702    grid-template-columns:repeat(6, minmax(0, 1fr))!important;
11703    gap:14px!important;
11704  }
11705
11706  .Giga138-review-card{
11707    grid-column:span 2;
11708    border-radius:18px!important;
11709    transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease!important;
11710  }
11711
11712  .Giga138-review-card:nth-child(1),
11713  .Giga138-review-card:nth-child(2){
11714    grid-column:span 3;
11715  }
11716
11717  .Giga138-review-card:hover{
11718    transform:translateY(-5px);
11719    border-color:rgba(255,224,143,.46)!important;
11720    box-shadow:0 22px 46px rgba(0,0,0,.36), 0 0 20px rgba(255,209,92,.12)!important;
11721  }
11722
11723  .Giga138-sticky-livechat{
11724    right:18px!important;
11725    bottom:18px!important;
11726    width:56px!important;
11727    min-width:56px!important;
11728    height:56px!important;
11729    padding:0!important;
11730    justify-content:center!important;
11731    gap:0!important;
11732    border-radius:18px!important;
11733  }
11734
11735  .Giga138-sticky-livechat .icon{
11736    flex-basis:36px!important;
11737    width:36px!important;
11738    height:36px!important;
11739  }
11740
11741  .Giga138-sticky-livechat .label{
11742    display:none!important;
11743  }
11744
11745  .Giga138-sticky-livechat .status-dot{
11746    top:8px!important;
11747    left:auto!important;
11748    right:8px!important;
11749  }
11750
11751  @media(max-width:900px){
11752    .info-grid{
11753      grid-template-columns:repeat(2, minmax(0, 1fr))!important;
11754    }
11755
11756    .highlight-box{
11757      grid-template-columns:1fr!important;
11758    }
11759
11760    .highlight-box p:first-of-type{
11761      grid-row:auto;
11762    }
11763
11764    .Giga138-faq-list{
11765      grid-template-columns:1fr;
11766    }
11767
11768    .Giga138-review-card,
11769    .Giga138-review-card:nth-child(1),
11770    .Giga138-review-card:nth-child(2){
11771      grid-column:1 / -1;
11772    }
11773  }
11774
11775  @media(max-width:560px){
11776    .container{
11777      width:calc(100% - 20px)!important;
11778      margin:28px auto 32px!important;
11779      padding:22px 14px 24px!important;
11780      border-radius:22px!important;
11781    }
11782
11783    .container h1{
11784      text-align:center!important;
11785      font-size:24px!important;
11786    }
11787
11788    .title-subline{
11789      margin-bottom:22px!important;
11790      font-size:9px!important;
11791    }
11792
11793    .info-grid{
11794      grid-template-columns:1fr!important;
11795    }
11796
11797    .info-card{
11798      min-height:auto;
11799      padding:17px 16px!important;
11800    }
11801
11802    .highlight-box{
11803      padding:10px!important;
11804      margin-top:24px!important;
11805    }
11806
11807    .highlight-box p{
11808      padding:18px 16px!important;
11809      font-size:14px!important;
11810      line-height:1.78!important;
11811    }
11812
11813    .highlight-box p:first-of-type{
11814      font-size:15px!important;
11815    }
11816
11817    .Giga138-fr-title{
11818      text-align:center!important;
11819    }
11820
11821    .Giga138-fr-title h2{
11822      text-align:center!important;
11823    }
11824
11825    .Giga138-popup-reopen{
11826      left:18px!important;
11827      bottom:18px!important;
11828      width:48px!important;
11829      height:48px!important;
11830      min-width:48px!important;
11831      padding:0!important;
11832      justify-content:center!important;
11833      border-radius:16px!important;
11834      font-size:0!important;
11835      letter-spacing:0!important;
11836    }
11837
11838    .Giga138-popup-reopen::before{
11839      content:'+'!important;
11840      font-size:22px!important;
11841      line-height:1!important;
11842    }
11843  }
11844</style>
11845
11846<style id="Giga138-nami-tangerine-ocean-theme-final">
11847  :root{
11848    --nami-navy:#061826;
11849    --nami-deep:#092b3d;
11850    --nami-sea:#0f86a5;
11851    --nami-aqua:#55d7d2;
11852    --nami-sky:#a9edf0;
11853    --nami-orange:#f47a2a;
11854    --nami-tangerine:#ffad3d;
11855    --nami-coral:#ff6f61;
11856    --nami-sand:#fff2c7;
11857    --nami-cream:#fff8e6;
11858  }
11859
11860  html,
11861  body,
11862  #wrap{
11863    background:
11864      radial-gradient(circle at 12% 8%, rgba(255,173,61,.26), transparent 30%),
11865      radial-gradient(circle at 86% 16%, rgba(85,215,210,.22), transparent 32%),
11866      radial-gradient(circle at 50% 100%, rgba(15,134,165,.28), transparent 42%),
11867      linear-gradient(145deg, #061826 0%, #092b3d 46%, #052033 100%)!important;
11868    color:var(--nami-cream)!important;
11869  }
11870
11871  body::before{
11872    opacity:.42!important;
11873    background:
11874      radial-gradient(circle at 16% 16%, rgba(255,173,61,.22), transparent 26%),
11875      radial-gradient(circle at 84% 30%, rgba(85,215,210,.20), transparent 30%),
11876      linear-gradient(135deg, rgba(255,248,230,.03) 25%, transparent 25%, transparent 50%, rgba(255,248,230,.03) 50%, rgba(255,248,230,.03) 75%, transparent 75%)!important;
11877    background-size:auto, auto, 10px 10px!important;
11878  }
11879
11880  .nv00-gnb-v4,
11881  .nv00-gnb-v4__wrap,
11882  .nv00-gnb-v4__inner{
11883    background:linear-gradient(90deg, #061826, #0f5167 48%, #f47a2a 120%)!important;
11884    border-bottom:1px solid rgba(85,215,210,.42)!important;
11885  }
11886
11887  .nv00-gnb-v4__l0-menu-text,
11888  .nv00-gnb-v4__l0-menu-link,
11889  .nv00-gnb-v4__l0-menu-btn{
11890    color:#fff8e6!important;
11891  }
11892
11893  .nv00-gnb-v4__l0-menu-link:hover,
11894  .nv00-gnb-v4__l0-menu-btn:hover{
11895    color:var(--nami-aqua)!important;
11896  }
11897
11898  .Giga138-bandar-card{
11899    background:
11900      radial-gradient(circle at 16% 12%, rgba(255,248,230,.28), transparent 24%),
11901      linear-gradient(145deg, #07324b 0%, #0f86a5 42%, #f47a2a 100%)!important;
11902    border-color:rgba(255,248,230,.26)!important;
11903    box-shadow:0 30px 70px rgba(2,13,22,.56), 0 0 48px rgba(85,215,210,.26)!important;
11904  }
11905
11906  .hero-title,
11907  .container{
11908    background:
11909      radial-gradient(circle at 0 0, rgba(255,173,61,.28), transparent 34%),
11910      radial-gradient(circle at 100% 18%, rgba(85,215,210,.28), transparent 30%),
11911      linear-gradient(145deg, rgba(8,47,70,.98) 0%, rgba(5,24,38,.99) 54%, rgba(181,76,28,.92) 100%)!important;
11912    border-color:rgba(169,237,240,.24)!important;
11913    box-shadow:0 34px 90px rgba(0,13,24,.58), 0 0 54px rgba(244,122,42,.16)!important;
11914  }
11915
11916  .container::before{
11917    background-image:
11918      linear-gradient(rgba(169,237,240,.07) 1px, transparent 1px),
11919      linear-gradient(90deg, rgba(169,237,240,.07) 1px, transparent 1px)!important;
11920  }
11921
11922  .container::after{
11923    background:radial-gradient(circle, rgba(85,215,210,.20) 0%, rgba(244,122,42,.10) 38%, transparent 70%)!important;
11924  }
11925
11926  .hero-title h1,
11927  .container h1,
11928  .container h1 .accent,
11929  .info-head h2,
11930  .bonus-head h3,
11931  .Giga138-fr-title h2{
11932    color:#fff8e6!important;
11933    -webkit-text-fill-color:initial!important;
11934    text-shadow:0 16px 34px rgba(0,13,24,.40)!important;
11935  }
11936
11937  .title-subline,
11938  .royal-status-pill,
11939  .Giga138-fr-title span{
11940    color:#061826!important;
11941    background:linear-gradient(135deg, var(--nami-sand), var(--nami-tangerine) 52%, var(--nami-orange))!important;
11942    border-color:rgba(255,248,230,.48)!important;
11943    box-shadow:0 12px 26px rgba(0,13,24,.28), inset 0 1px 0 rgba(255,255,255,.34)!important;
11944  }
11945
11946  .info-card,
11947  .bonus-item:not(:first-child),
11948  .Giga138-faq-item,
11949  .Giga138-review-card{
11950    background:
11951      linear-gradient(180deg, rgba(255,248,230,.08), rgba(255,248,230,.025)),
11952      rgba(5,24,38,.74)!important;
11953    border-color:rgba(169,237,240,.22)!important;
11954    box-shadow:0 18px 38px rgba(0,13,24,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
11955  }
11956
11957  .info-card::before,
11958  .Giga138-review-card::before{
11959    background:linear-gradient(90deg, var(--nami-orange), var(--nami-tangerine), var(--nami-aqua), transparent)!important;
11960  }
11961
11962  .info-card:hover,
11963  .Giga138-faq-item:hover,
11964  .Giga138-review-card:hover{
11965    border-color:rgba(85,215,210,.52)!important;
11966    box-shadow:0 24px 48px rgba(0,13,24,.42), 0 0 26px rgba(85,215,210,.18)!important;
11967  }
11968
11969  .info-card .label,
11970  .info-text,
11971  .Giga138-review-date{
11972    color:rgba(169,237,240,.82)!important;
11973  }
11974
11975  .info-card .value,
11976  .info-number,
11977  .Giga138-review-name,
11978  .Giga138-faq-question{
11979    color:var(--nami-cream)!important;
11980    -webkit-text-fill-color:initial!important;
11981  }
11982
11983  .info-row .bar-fill,
11984  .info-row:nth-child(n) .bar-fill{
11985    background:linear-gradient(90deg, var(--nami-aqua), var(--nami-tangerine), var(--nami-orange))!important;
11986    box-shadow:0 0 16px rgba(85,215,210,.45)!important;
11987  }
11988
11989  .highlight-box{
11990    background:
11991      linear-gradient(135deg, rgba(255,248,230,.09), rgba(169,237,240,.04)),
11992      rgba(4,20,32,.70)!important;
11993    border-color:rgba(169,237,240,.22)!important;
11994    box-shadow:0 26px 70px rgba(0,13,24,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
11995  }
11996
11997  .highlight-box::before{
11998    background:linear-gradient(90deg, transparent, var(--nami-aqua), var(--nami-tangerine), var(--nami-orange), transparent)!important;
11999  }
12000
12001  .highlight-box p{
12002    color:rgba(255,248,230,.90)!important;
12003    background:rgba(4,20,32,.62)!important;
12004    border-color:rgba(169,237,240,.16)!important;
12005  }
12006
12007  .highlight-box p:first-of-type{
12008    color:#061826!important;
12009    background:
12010      radial-gradient(circle at 16% 12%, rgba(255,248,230,.48), transparent 34%),
12011      linear-gradient(145deg, #fff2c7 0%, #ffad3d 56%, #f47a2a 100%)!important;
12012    border-color:rgba(255,248,230,.54)!important;
12013  }
12014
12015  .highlight-box p:first-of-type::before{
12016    color:#fff8e6!important;
12017    background:linear-gradient(135deg, #061826, #0f5167)!important;
12018  }
12019
12020  .highlight-box a{
12021    color:var(--nami-aqua)!important;
12022    border-bottom-color:rgba(85,215,210,.62)!important;
12023  }
12024
12025  .highlight-box a:hover{
12026    color:var(--nami-sand)!important;
12027    border-bottom-color:var(--nami-sand)!important;
12028  }
12029
12030  .Giga138-faq-question .q::before,
12031  .Giga138-review-stars,
12032  .review-stars{
12033    color:var(--nami-tangerine)!important;
12034    text-shadow:0 0 12px rgba(244,122,42,.42)!important;
12035  }
12036
12037  .Giga138-faq-icon,
12038  .Giga138-faq-item.is-open .Giga138-faq-icon,
12039  .Giga138-review-avatar,
12040  .review-header::before{
12041    color:#061826!important;
12042    background:
12043      radial-gradient(circle at 30% 22%, rgba(255,255,255,.42), transparent 34%),
12044      linear-gradient(135deg, var(--nami-aqua), var(--nami-tangerine) 54%, var(--nami-orange))!important;
12045    border-color:rgba(255,248,230,.52)!important;
12046    box-shadow:0 12px 28px rgba(0,13,24,.34), 0 0 18px rgba(85,215,210,.16)!important;
12047  }
12048
12049  .Giga138-faq-icon::before,
12050  .Giga138-faq-icon::after{
12051    background:#061826!important;
12052    box-shadow:none!important;
12053  }
12054
12055  .Giga138-popup-btn.login,
12056  .btn-login-gold{
12057    color:var(--nami-sky)!important;
12058    border-color:rgba(85,215,210,.72)!important;
12059    background:linear-gradient(180deg, rgba(5,24,38,.92), rgba(7,50,75,.98))!important;
12060  }
12061
12062  .Giga138-popup-btn.register,
12063  .btn-register-gold,
12064  .bonus-item:first-child{
12065    color:#061826!important;
12066    background:linear-gradient(135deg, var(--nami-sand), var(--nami-tangerine) 54%, var(--nami-orange))!important;
12067    border-color:rgba(255,248,230,.40)!important;
12068    box-shadow:0 0 28px rgba(244,122,42,.34), inset 0 1px 0 rgba(255,255,255,.26)!important;
12069  }
12070
12071  .Giga138-floating-footer,
12072  .Giga138-sticky-livechat,
12073  .Giga138-popup-reopen{
12074    background:linear-gradient(135deg, rgba(5,24,38,.94), rgba(15,134,165,.90))!important;
12075    border-color:rgba(169,237,240,.30)!important;
12076    box-shadow:0 18px 38px rgba(0,13,24,.44), 0 0 24px rgba(85,215,210,.16)!important;
12077  }
12078
12079  .Giga138-floating-footer a{
12080    color:#061826!important;
12081    background:linear-gradient(135deg, var(--nami-aqua), var(--nami-tangerine))!important;
12082  }
12083
12084  .Giga138-floating-footer a:nth-child(2){
12085    background:linear-gradient(135deg, var(--nami-tangerine), var(--nami-orange))!important;
12086  }
12087
12088  .Giga138-floating-footer a:nth-child(3){
12089    color:#fff8e6!important;
12090    background:linear-gradient(135deg, var(--nami-sea), var(--nami-deep))!important;
12091  }
12092
12093  .Giga138-floating-footer a:nth-child(4){
12094    color:#061826!important;
12095    background:linear-gradient(135deg, var(--nami-sand), var(--nami-aqua))!important;
12096  }
12097
12098  .Giga138-sticky-livechat .icon,
12099  .Giga138-popup-reopen::before{
12100    background:linear-gradient(135deg, var(--nami-sand), var(--nami-tangerine), var(--nami-orange))!important;
12101    color:#061826!important;
12102  }
12103
12104  .Giga138-popup-reopen{
12105    color:var(--nami-sand)!important;
12106  }
12107
12108  .footer{
12109    background:#041420!important;
12110    color:#fff8e6!important;
12111  }
12112
12113  .footer a{
12114    color:var(--nami-sky)!important;
12115  }
12116</style>
12117
12118<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"505e10cdf41541089aae1dcae0ea36c3","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 12118
12118
12119<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"574425d01a8c4256a65f47149a95f84b","r":1}' crossorigin="anonymous"></script>
12119
12120
12121<script id="giga138-bella-peachy-theme-takeover">
12122(function () {
12123  const css = `
12124    :root{
12125      --bp-peach:#e99573;
12126      --bp-peach-soft:#f3b197;
12127      --bp-terracotta:#c96f50;
12128      --bp-ivory:#f8f0e3;
12129      --bp-cream:#fff8ed;
12130      --bp-wicker:#b98452;
12131      --bp-brown:#744a34;
12132      --bp-olive:#6f7837;
12133      --bp-ink:#4d3529;
12134      --bp-shadow:rgba(102,61,39,.22);
12135    }
12136
12137    html,body,#wrap{
12138      background:
12139        radial-gradient(circle at 12% 8%, rgba(243,177,151,.36), transparent 28%),
12140        radial-gradient(circle at 90% 20%, rgba(185,132,82,.20), transparent 24%),
12141        linear-gradient(180deg,#fffaf1 0%,#f8ecdc 48%,#f1ddca 100%) !important;
12142      color:var(--bp-ink)!important;
12143    }
12144
12145    body:before{
12146      content:"";
12147      position:fixed;
12148      inset:0;
12149      pointer-events:none;
12150      z-index:-1;
12151      opacity:.20;
12152      background-image:
12153        radial-gradient(circle at 20% 30%, var(--bp-peach) 0 2px, transparent 3px),
12154        radial-gradient(circle at 80% 65%, var(--bp-olive) 0 2px, transparent 3px);
12155      background-size:84px 84px,112px 112px;
12156    }
12157
12158    .nv00-gnb-v4,.nv00-gnb-v4__wrap,.nv00-gnb-v4__inner{
12159      background:rgba(255,248,237,.94)!important;
12160      border-bottom:1px solid rgba(201,111,80,.22)!important;
12161      box-shadow:0 10px 30px rgba(116,74,52,.08)!important;
12162      backdrop-filter:blur(14px)!important;
12163    }
12164    .nv00-gnb-v4__l0-menu-text,.nv00-gnb-v4__l0-menu-link,.nv00-gnb-v4__l0-menu-btn{
12165      color:var(--bp-brown)!important;
12166    }
12167
12168    .Giga138-bandar-card{
12169      background:
12170        linear-gradient(145deg,rgba(255,248,237,.96),rgba(244,188,164,.91))!important;
12171      border:1px solid rgba(201,111,80,.30)!important;
12172      box-shadow:0 28px 68px var(--bp-shadow)!important;
12173      color:var(--bp-ink)!important;
12174    }
12175    .Giga138-bandar-card:before{
12176      background:linear-gradient(135deg,var(--bp-ivory),var(--bp-peach-soft),var(--bp-terracotta))!important;
12177      opacity:.58!important;
12178    }
12179    .Giga138-bandar-card:after{opacity:.035!important}
12180
12181    .hero-title{
12182      background:rgba(255,248,237,.56)!important;
12183      border-bottom:2px dashed rgba(116,74,52,.20)!important;
12184    }
12185    .hero-title h1,.info-head h2,.bonus-head h3{
12186      color:var(--bp-brown)!important;
12187      -webkit-text-fill-color:initial!important;
12188      text-shadow:none!important;
12189    }
12190    .royal-status-pill{
12191      background:rgba(255,248,237,.72)!important;
12192      color:var(--bp-brown)!important;
12193      border-color:rgba(201,111,80,.24)!important;
12194    }
12195    .info-text,.info-number{color:var(--bp-ink)!important}
12196    .info-text:before{
12197      background:var(--bp-olive)!important;
12198      box-shadow:0 0 10px rgba(111,120,55,.25)!important;
12199    }
12200    .info-row:after{background:rgba(116,74,52,.12)!important}
12201    .info-row .bar-fill,.info-row:nth-child(n) .bar-fill{
12202      background:linear-gradient(90deg,var(--bp-peach),var(--bp-terracotta))!important;
12203      box-shadow:0 0 14px rgba(201,111,80,.22)!important;
12204    }
12205
12206    .bonus-item,.bonus-item:not(:first-child){
12207      background:rgba(255,248,237,.66)!important;
12208      border:1px solid rgba(116,74,52,.14)!important;
12209      color:var(--bp-ink)!important;
12210    }
12211    .bonus-item:first-child{
12212      background:linear-gradient(135deg,var(--bp-peach-soft),var(--bp-peach),var(--bp-terracotta))!important;
12213      color:#fff!important;
12214    }
12215
12216    .btn-login-gold{
12217      color:var(--bp-brown)!important;
12218      border-color:var(--bp-brown)!important;
12219      background:rgba(255,248,237,.70)!important;
12220    }
12221    .btn-register-gold{
12222      background:linear-gradient(135deg,var(--bp-peach),var(--bp-terracotta))!important;
12223      color:#fff!important;
12224      box-shadow:0 12px 28px rgba(201,111,80,.24)!important;
12225    }
12226
12227    .container{
12228      background:rgba(255,250,242,.90)!important;
12229      border:1px solid rgba(185,132,82,.24)!important;
12230      box-shadow:0 28px 66px rgba(116,74,52,.14)!important;
12231    }
12232    .container:before{
12233      background-image:
12234        linear-gradient(rgba(201,111,80,.035) 1px,transparent 1px),
12235        linear-gradient(90deg,rgba(201,111,80,.035) 1px,transparent 1px)!important;
12236    }
12237    .container h1,.container h2,.title-subline,.container h1 .accent{
12238      color:var(--bp-brown)!important;
12239      -webkit-text-fill-color:initial!important;
12240    }
12241    .title-subline:before,.title-subline:after{
12242      background:linear-gradient(90deg,transparent,var(--bp-peach),transparent)!important;
12243    }
12244    .info-card{
12245      background:linear-gradient(145deg,#fffaf2,#f8eadb)!important;
12246      border:1px solid rgba(185,132,82,.22)!important;
12247      box-shadow:0 14px 30px rgba(116,74,52,.08)!important;
12248    }
12249    .info-card:before{
12250      background:linear-gradient(90deg,var(--bp-peach),var(--bp-olive))!important;
12251    }
12252    .info-card .label{color:var(--bp-wicker)!important}
12253    .info-card .value{
12254      color:var(--bp-brown)!important;
12255      background:none!important;
12256      -webkit-text-fill-color:initial!important;
12257    }
12258
12259    .highlight-box{
12260      background:
12261        linear-gradient(145deg,rgba(255,250,242,.98),rgba(247,229,213,.96))!important;
12262      border:1px solid rgba(185,132,82,.22)!important;
12263      box-shadow:0 18px 42px rgba(116,74,52,.10)!important;
12264    }
12265    .highlight-box:before{
12266      background:linear-gradient(180deg,var(--bp-peach),var(--bp-terracotta),var(--bp-olive))!important;
12267    }
12268    .highlight-box p{color:#594036!important}
12269    .highlight-box a{color:var(--bp-terracotta)!important}
12270
12271    .Giga138-faq-item,.Giga138-review-card{
12272      background:#fffaf2!important;
12273      border:1px solid rgba(185,132,82,.22)!important;
12274      box-shadow:0 12px 30px rgba(116,74,52,.08)!important;
12275    }
12276    .Giga138-faq-question,.Giga138-review-name,.Giga138-review-text{
12277      color:var(--bp-ink)!important;
12278    }
12279    .Giga138-faq-icon{
12280      background:var(--bp-peach)!important;
12281      color:#fff!important;
12282      border-color:rgba(201,111,80,.35)!important;
12283    }
12284    .Giga138-faq-icon:before,.Giga138-faq-icon:after{background:#fff!important}
12285    .Giga138-review-stars{color:var(--bp-terracotta)!important}
12286    .Giga138-review-avatar{
12287      border-color:var(--bp-peach-soft)!important;
12288      background:var(--bp-ivory)!important;
12289    }
12290
12291    .footer{
12292      background:linear-gradient(90deg,#6b4533,#81533d)!important;
12293      color:#fff8ed!important;
12294    }
12295    .footer a{color:#ffe2d4!important}
12296
12297    .Giga138-floating-footer,
12298    .Giga138-sticky-livechat,
12299    .Giga138-popup-reopen{
12300      background:rgba(255,248,237,.94)!important;
12301      border:1px solid rgba(201,111,80,.28)!important;
12302      box-shadow:0 18px 42px rgba(116,74,52,.18)!important;
12303      backdrop-filter:blur(16px)!important;
12304    }
12305    .Giga138-floating-footer a{
12306      color:#fff!important;
12307      background:linear-gradient(135deg,var(--bp-peach),var(--bp-terracotta))!important;
12308      border-color:rgba(255,255,255,.24)!important;
12309    }
12310    .Giga138-floating-footer a:nth-child(2){
12311      background:linear-gradient(135deg,var(--bp-wicker),var(--bp-brown))!important;
12312    }
12313    .Giga138-floating-footer a:nth-child(3){
12314      background:linear-gradient(135deg,var(--bp-olive),#515b2c)!important;
12315    }
12316    .Giga138-floating-footer a:nth-child(4){
12317      color:var(--bp-brown)!important;
12318      background:linear-gradient(135deg,var(--bp-ivory),var(--bp-peach-soft))!important;
12319    }
12320
12321    @media(max-width:768px){
12322      .Giga138-bandar-card{border-radius:22px!important}
12323      .container{padding:28px 16px!important}
12324    }
12325  `;
12326  const style = document.createElement('style');
12327  style.id = 'bella-peachy-takeover-style';
12328  style.textContent = css;
12329  document.head.appendChild(style);
12330  document.documentElement.setAttribute('data-theme','bella-peachy');
12331})();
12332</script>
12332
12333
12334<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"97b1360b09bc45ee9f8fd4ab1ab9eca2","r":1,"spa":2}' crossorigin="anonymous"></script>
12334
12335</body>
12336
12337</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.