Galaxy Buds3 Pro Silver | Samsung Singapore

<!DOCTYPE html> <html lang="en-SG"> <head>        <link rel="preconnect" href="https://images.samsung.com"/>   <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>  <title>Galaxy Buds3 Pro Silver | Samsung Singapore</title> <meta name="title" content="Galaxy Buds3 Pro Silver | Samsung Singapore"/> <link rel="canonical" href="https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <meta name="keywords" content="SM-R630"/> <meta name="description" content="Galaxy Buds3 Pro (SM-R630NZAAASA) - See the benefits and full features of this product. Learn more and find the best Audio Sound for you at Samsung Singapore."/> <meta name="date" content="2024-05-31"/> <meta name="sitecode" content="sg"/>  <meta name="twitter:card"/> <meta name="twitter:site" content="@SamsungSG"/> <meta name="twitter:creator" content="@SamsungSG"/> <meta name="twitter:url" content="https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <meta name="twitter:title" content="Galaxy Buds3 Pro Silver | Samsung Singapore"/> <meta name="twitter:description"/> <meta name="twitter:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:url" content="https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <meta property="og:image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Samsung sg"/> <meta property="og:locale" content="en-SG"/> <meta property="og:title" content="Galaxy Buds3 Pro Silver | Samsung Singapore"/> <meta property="og:description"/> <meta property="og:country-name" content="sg"/> <meta property="name" content="Samsung sg"/> <meta property="image" content="https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/logo-square-letter.png"/> <meta property="url" content="https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <meta property="description" content="Galaxy Buds3 Pro (SM-R630NZAAASA) - See the benefits and full features of this product. Learn more and find the best Audio Sound for you at Samsung Singapore."/> <meta property="keywords" content="SM-R630"/> <link rel="icon" type="image/png" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png" sizes="96x96"/> <link rel="shortcut icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/app_ico.png" sizes="144x144"/>  <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/global/css/fonts.css" type="text/css"/>   <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.72b3474a5ea9ec2c8b38096685e0928d.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.9f42454338d004aefad6d201b952d819.css" type="text/css"> <link rel="preconnect" href="//searchapi.samsung.com"/> <link rel="preload" as="image" media="(max-width:767px) and (-webkit-max-device-pixel-ratio: 1.4)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$360_288_PNG$"/> <link rel="preload" as="image" media="(max-width:767px) and (-webkit-min-device-pixel-ratio: 1.5)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$720_576_PNG$"/> <link rel="preload" as="image" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.4)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$365_292_PNG$"/> <link rel="preload" as="image" media="(min-width:768px) and (max-width:1365px) and (-webkit-max-device-pixel-ratio: 1.5)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$730_584_PNG$"/> <link rel="preload" as="image" media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.4)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$650_519_PNG$"/> <link rel="preload" as="image" media="(min-width:1366px) and (-webkit-max-device-pixel-ratio: 1.5)" href="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$1300_1038_PNG$"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd.min.f862bba0d44ff68aa9b865ef15351982.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps.min.cfec999fd2863a8cb6beec8f5e0653f8.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps-h.min.d41d8cd98f00b204e9800998ecf8427e.css" type="text/css"> <script type="text/javascript"> var winhref = window.location.href.replace("/content/samsung","").replace(".html","/"); if ( winhref.indexOf("?") > 0) { winhref = winhref.substring(0, winhref.indexOf("?")); } var siteCode = winhref.split("/")[3]; //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근 if(winhref.indexOf("samsung.com.cn") > 0) { siteCode = "cn"; } //depth Info. var depth = winhref.split("/").length; var depth_last = winhref.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } //set pathIndicator(not product page) var pageName = ""; var depth_2 = ""; var depth_3 = ""; var depth_4 = ""; var depth_5 = ""; var digitalData = { "page" : { "pageInfo" : { "siteCode" : "sg", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy9zZy9hdWRpby1zb3VuZC9nYWxheHktYnVkcy9nYWxheHktYnVkczMtcHJvLXNpbHZlci1zbS1yNjMwbnphYWFzYQ==", "pageTrack" : "product detail", "originPlaform" : "web" }, "pathIndicator" : { "depth_2" : depth_2, "depth_3" : depth_3, "depth_4" : depth_4, "depth_5" : depth_5 } }, "user": { "userDeviceList": [ ] }, "product" : { "category" : "", "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "",//PD page(server-side) "pd_type" : "", //PD type "content_id" : "", "products" : "", "prodView" : "" } } </script>     <script defer type="text/javascript" src="https://apps.bazaarvoice.com/deployments/samsung-en_sg/main_site/production/en_SG/bv.js"></script> <script type="text/javascript"> digitalData.page.pageInfo.pageTrack = "product detail"; digitalData.product.model_code = "SM\u002DR630NZAAASA".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.displayName = "Galaxy Buds3 Pro".replace(/(<([^>]+)>)/gi, "").replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.model_name = "SM\u002DR630".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.products = "SM\u002DR630".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_2 = "mobile".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_3 = "audio sound".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_4 = "galaxy buds".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_5 = "galaxy\u002Dbuds3\u002Dpro\u002Dsilver\u002Dsm\u002Dr630nzaaasa".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_04".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pvi_subtype_name = "wearable".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.pim_subtype_name = digitalData.page.pathIndicator.depth_4; digitalData.product.pd_type = "no sale"; //set pageName var pageName = digitalData.page.pageInfo.siteCode; if(digitalData.page.pathIndicator.depth_2 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_2; } if(digitalData.page.pathIndicator.depth_3 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_3; } if(digitalData.page.pathIndicator.depth_4 != ""){ pageName += ":" + digitalData.page.pathIndicator.depth_4; } // check PD, GPD pageName += ":galaxy\u002Dbuds3\u002Dpro\u002Dsilver\u002Dsm\u002Dr630nzaaasa".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pageInfo.pageName = pageName; </script>   <script type="text/javascript"> !function(e,n,t,i){var o=e.head;if(o){if(n)return;var a=e.createElement("style");a.id="alloy-prehiding",a.innerText="body { opacity: 0 !important }",o.appendChild(a),setTimeout((function(){a.parentNode&&a.parentNode.removeChild(a)}),1500)}}(document,-1!==document.location.href.indexOf("adobe_authoring_enabled")); </script>    <script src="//assets.adobedtm.com/72afb75f5516/9399104c5985/launch-23e418b1cb26.min.js" async></script>      <script> let isWebView = false; let isPlatformReady = false; class ShopAppUtil { constructor(params) { this.params = params; // let startT = new Date().valueOf(); // console.log("★ startTime:", startT); // if(!!window.flutter_inappwebview){ let siteCode = "sg"; let appCookie = document.cookie.match(`(^|;) ?WebView=([^;]*)(;|$)`); if(appCookie != null && appCookie[2] === "Y"){ isWebView = true; }else if(siteCode !== "fr"){ isWebView = !!window.flutter_inappwebview; } // } if(isWebView){ window.addEventListener("flutterInAppWebViewPlatformReady", (event) => { // let responseT = new Date().valueOf(); // console.log("★ responseTime:", responseT); // console.log("★ responseTime-startTime:", responseT - startT); // console.log("flutterInAppWebViewPlatformReady, web view:", isWebView); isPlatformReady = true; params.readyCallback(); }); } } callHandler = (methodName, ...params) => { if (isPlatformReady) { return window.flutter_inappwebview.callHandler(methodName, ...params) } else { return Promise.reject("Calling methodName: "+methodName+", but webview not identified") } } logger = (info, value) => { this.params.logger && console.log(" "+info+" "+value+" ") } isWebView = () => { this.logger('Returning isWebView: ', isWebView); return isWebView; } isPlatformReady = () => { this.logger('Returning isPlatformReady: ', isPlatformReady); return isPlatformReady; } getAppVersionCode = () => new Promise((resolve, reject) => { this.callHandler('getAppVersionCode') .then(result => { this.logger("App version", result) resolve(result) }) .catch(err => { this.logger("Error in App version", err) reject(err) }) }) triggerAnalytics = (data) => new Promise((resolve, reject) => { this.callHandler('OnAnalyticsEvent', data) .then(result => { this.logger("OnAnalyticsEvent Success", result) resolve(JSON.stringify(result)) }) .catch(err => { this.logger("Error in OnAnalyticsEvent", err) reject(err) }) }) openExternalBrowser = (url) => new Promise((resolve, reject) => { this.callHandler('openExternalBrowser', url) .then(result => { this.logger("openExternalBrowser Success", result) resolve(JSON.stringify(result)) }) .catch(err => { this.logger("Error in openExternalBrowser", err) reject(err) }) }) setupCloseForBack = (exit, confirm, hide, backCallback) => { this.callHandler('configureBackV2', exit, confirm, hide, backCallback) .then(function (result) { console.log(JSON.stringify(result)); }) .catch(function (err) { console.log("Error in configureBackV2", err) }) } setupNormalBack = () => { this.callHandler('configureBackV2', false, false, false, '') .then(function (result) { console.log(JSON.stringify(result)); }) .catch(function (err) { console.log("Error in configureBackV2", err) }) } getUserDetails = () => new Promise((resolve, reject) => { this.callHandler('getUserDetails', 'window.setUserDetails') .then(result => { this.logger("User Details", result) resolve(result) }) .catch(err => { this.logger("Error in getUserDetails", err) reject(err) }) }) updateCartCount = (cartCount) => new Promise((resolve, reject) => { this.callHandler('updateCartCount', cartCount) .then(result => { this.logger("updated Cart Count", result) resolve(result) }) .catch(err => { this.logger("Error in updateCartCount", err) reject(err) }) }) getToken = () => new Promise((resolve, reject) => { this.callHandler('getToken', false) .then(result => { this.logger("GetToken Success", result) resolve(result) }) .catch(err => { this.logger("Error in getToken", err) reject(err) }) }) displayInAppReview = () => new Promise((resolve, reject) => { this.callHandler('displayInAppReview') .then(result => { this.logger("displayInAppReview success") resolve(result) }) .catch(err => { this.logger("displayInAppReview failed") reject(err) }) }) } // [START log_event] function logEvent(name, params) { if (!name) { return; } if (window.AnalyticsWebInterface) { // Call Android interface window.AnalyticsWebInterface.logEvent(name, JSON.stringify(params)); } else if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.firebase) { // Call iOS interface var message = { command: 'logEvent', name: name, parameters: params }; window.webkit.messageHandlers.firebase.postMessage(message); } else { // No Android or iOS interface found console.log("No native APIs found."); } } // [END log_event] // [START set_user_property] function setUserProperty(name, value) { if (!name || !value) { return; } if (window.AnalyticsWebInterface) { // Call Android interface window.AnalyticsWebInterface.setUserProperty(name, value); } else if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.firebase) { // Call iOS interface var message = { command: 'setUserProperty', name: name, value: value }; window.webkit.messageHandlers.firebase.postMessage(message); } else { // No Android or iOS interface found console.log("No native APIs found."); } } // [END set_user_property] /* document.getElementById("event1").addEventListener("click", function() { console.log("event1"); logEvent("event1", { foo: "bar", baz: 123 }); }); document.getElementById("event2").addEventListener("click", function() { console.log("event2"); logEvent("event2", { size: 123.456 }); }); document.getElementById("userprop").addEventListener("click", function() { console.log("userprop"); setUserProperty("userprop", "custom_value"); }); */ </script> <script> const hideHeaderFooterByWindowFlutterInappwebview = () => { //$('.gnb').hide(); if(document.querySelector(".gnb") != null && document.querySelector(".gnb").style != null) { document.querySelector(".gnb").style.display='none'; } if(document.querySelector(".nv00-gnb") != null && document.querySelector(".nv00-gnb").style != null) { document.querySelector(".nv00-gnb").style.display='none'; } if(document.querySelector(".nv00-gnb-v3") != null && document.querySelector(".nv00-gnb-v3").style != null) { document.querySelector(".nv00-gnb-v3").style.display='none'; } //CRHQ-9185 [B2C] shop app - DB 전환 건 - 쿠키 체크 및 미노출 처리 - 보완로직 if(document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) { document.querySelector(".cod05-app-banner").style.display='none'; } if(document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) { document.querySelector(".breadcrumb").style.display='none'; } if(document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) { document.querySelector(".nv17-breadcrumb").style.display='none'; } if(document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) { document.querySelector(".epp-breadcrumb").style.display='none'; } if(document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) { document.querySelector(".footer-column").style.display='none'; } if(("es" === "sg" || "de" === "sg") && document.querySelector(".footer-bottom") != null && document.querySelector(".footer-bottom").style != null) { document.querySelector(".footer-bottom").style.display='none'; } if(document.querySelector(".footer-language") != null && document.querySelector(".footer-language").style != null) { document.querySelector(".footer-language").style.display='none'; } if(document.querySelector(".footer-language__anchor") != null && document.querySelector(".footer-language__anchor").style != null) { document.querySelector(".footer-language__anchor").style.display='none'; } if(document.querySelector(".footer-language-wrap") != null && document.querySelector(".footer-language-wrap").style != null) { document.querySelector(".footer-language-wrap").style.display='none'; } if(document.querySelector(".footer-sns") != null && document.querySelector(".footer-sns").style != null) { document.querySelector(".footer-sns").style.display='none'; } if(document.querySelector(".footer-terms") != null && document.querySelector(".footer-terms").style != null) { document.querySelector(".footer-terms").style.display='none'; } if(document.querySelector("#teconsent") != null && document.querySelector("#teconsent").style != null) { document.querySelector("#teconsent").style.display='none'; } if(document.querySelector("#QSIFeedbackButton-btn") != null && document.querySelector("#QSIFeedbackButton-btn").style != null) { document.querySelector("#QSIFeedbackButton-btn").style.display='none'; } if (window.location.href.indexOf("/mypage/myproducts/") > -1 || window.location.href.indexOf("/mypage/myrepair/") > -1 || window.location.href.indexOf("/mypage/rewards/") > -1 || window.location.href.indexOf("/mypage/myreferrals/") > -1) { if(document.querySelector(".explore-lnb-navigation") != null && document.querySelector(".explore-lnb-navigation").style != null) { document.querySelector(".explore-lnb-navigation").style.display='none'; } if(document.querySelector(".nv-g-lnb") != null && document.querySelector(".nv-g-lnb").style != null) { document.querySelector(".nv-g-lnb").style.display='none'; } if(document.querySelector(".pd-g-floating-nav") != null && document.querySelector(".pd-g-floating-nav").style != null) { document.querySelector(".pd-g-floating-nav").style.display='none'; } document.querySelectorAll("#content a[target='_blank']").forEach(function(item){ item.removeAttribute('target'); }); } if("page-standard-pd" === "page-standard-pd" || "page-buying-pd" === "page-standard-pd" || "page-feature-pd" === "page-standard-pd") { if(document.querySelector(".pd-header-navigation__menu-epromoter-cta") != null && document.querySelector(".pd-header-navigation__menu-epromoter-cta").style != null) { document.querySelector(".pd-header-navigation__menu-epromoter-cta").style.display='none'; } if(document.querySelector(".product-detail-kv__cta-epromotor") != null && document.querySelector(".product-detail-kv__cta-epromotor").style != null) { document.querySelector(".product-detail-kv__cta-epromotor").style.display='none'; } }else if("page-bc-pd" === "page-standard-pd"){ document.querySelectorAll("#content .s-message-link").forEach(function(item){ item.style.display = "none"; }); } document.querySelectorAll("#content a[href$='.pdf'][target='_blank']").forEach(function(item){ item.removeAttribute('target'); }); if(document.querySelector(".cookie-bar__app-banner") != null && document.querySelector(".cookie-bar__app-banner").style != null) { document.querySelector(".cookie-bar__app-banner").style.display='none'; } if(document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) { document.querySelector(".cod05-app-banner").style.display='none'; } //[EPP] Partner Bar 미노출 처리 if(document.querySelector(".partner-bar-wrap") != null && document.querySelector(".partner-bar-wrap").style != null) { document.querySelector(".partner-bar-wrap").style.display='none'; } if(window.sg && window.sg.common && window.sg.common.utils){ window.sg.common.utils.visibleScroll(); } } let timerId = setInterval(() => { if(isWebView){ hideHeaderFooterByWindowFlutterInappwebview(); } if(window.location.href.indexOf("samsung.com.cn") > -1){ //cn국가인 경우 //추가된 userAgent 판단 로직 var ua = navigator.userAgent; var ualower = ua.toLowerCase(); if(/micromessenger/.test(ualower)){ //userAgent include 'micromessenger' if(/miniprogram/i.test(ualower)){ // 위챗 미니앱 //return 'wxApp'; hideHeaderFooterByWindowFlutterInappwebview(); } }else if(/aliapp/i.test(ualower) && /miniprogram/i.test(ualower)){//userAgent include 'aliapp', 'miniprogram' //return 'aliApp';// 알리 미니앱 hideHeaderFooterByWindowFlutterInappwebview(); } } }, 10); setTimeout(() => { clearInterval(timerId); }, 20000); const setSessionStorage = () => { const isInAppWebViewSessionStorage = sessionStorage.getItem("isInAppWebViewSessionStorage"); if(!isInAppWebViewSessionStorage){ // readyCallback에서 세팅 (기존에 없는 경우만 세팅) sessionStorage.setItem("isInAppWebViewSessionStorage", "true"); } } //new ShopAppUtil let shopAppUtilInstance = new ShopAppUtil({ logger: true, readyCallback: setSessionStorage }); document.addEventListener("DOMContentLoaded", function () { if(shopAppUtilInstance.isWebView() && typeof $ !== "undefined"){ $(document).off("click", ".pd-offer__item a"); $(document).on("click", ".pd-offer__item a", function (e) { let href = $(this).attr("href"); if(href.indexOf("samsungmembers") > -1){ //samsungmembers e.preventDefault(); shopAppUtilInstance.openExternalBrowser(href); } }); } }); //EMI 팝업에서 호출 확인 용 function hideModalEmipopup() { console.log("[from finance-popup.js] call hideModalEmipopup()!! "); $('#wrap > div.finance-popup > div > div > div > button').click(); } function hideModalEmipopupConsole() { console.log("dummy [from finance-popup.js] call hideModalEmipopup()!! "); } // App Login callback function function login_completed (login_result, identifier) { if("true" === login_result) { if("nv-g-mini-cart.checkout" === identifier) { location.href = window.sg.minicart.checkoutUrl; } } } // [CRHQ-1787],[SRD-15288] [AEM][SCIC] SHOP APP 로그인 연계 코드 추가 function login_completed_reload(login_result, identifier) { if(login_result === "true") { location.reload(); } } </script> <script>(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":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz62dgz2bgwsa-f-6b554e9a3-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154623","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6019e16","ak.r":45578,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":53418,"ak.gh":"23.52.171.213","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732326820","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==tPtgiFIt7v4Xfhr05hfKNa1A1OGrb7mP6AERgh+P/Jsi3HAsNuT3hXImD5DgMG7AQsa9tKEK8VaTzSNMgPA+k/YOR+kI/L3YFkki7A8u5R1hmj7PwIiw6x9RzjvPrBaKd3PslZ+A0fUFEDRsij+8zHY/Z+hmZtnb33q2UMHqROJ0WpciyDzv1+tWm79mfb8AfzPCiy126c9jVOJJBN3UM9q/5r1rtPbskTqJy6GGV9CM/WljQM4mxsnSxsWUuYxsZbnKuaoIm0qXOj4bXPKObs7EFWtn9YRYkyVViXC6lpeEIwsBGYoIjU6WoXEg4LdGqjZvzIgJIFDRtF3iVlU+tDfSCuJjrU/FrMoRUX23RhFYFUdGGS8GQ1aXHLzQp2ZXbzIv5wLkJqbzQRyI/Tp787gv30shZ9ToWHammJufzDM=","ak.pv":"3677","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.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","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></head> <body>  <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/sg/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <div id="wrap">   <input type="hidden" name="searchDomain" id="searchDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="esapiSearchDomain" id="esapiSearchDomain" value="https://esapi.samsung.com"/> <input type="hidden" name="scene7domain" id="scene7domain" value="//images.samsung.com/is/image/samsung/"/> <input type="hidden" name="reviewUseYN" id="reviewUseYN" value="Y"/> <input type="hidden" name="aplautYn" id="aplautYn" value="N"/> <input type="hidden" name="reevooUseYN" id="reevooUseYN" value="N"/> <input type="hidden" name="bvFlag" id="bvFlag" value="Y"/> <input type="hidden" name="bvRTLFlag" id="bvRTLFlag" value="N"/> <input type="hidden" name="multiLanguageYn" id="multiLanguageYn" value="N"/> <input type="hidden" name="localLang" id="localLang" value="en-sg"/>  <input type="hidden" name="runmodeInfo" id="runmodeInfo" value="live"/> <input type="hidden" name="apiStageInfo" id="apiStageInfo" value="front"/> <input type="hidden" name="tempTitle" id="tempTitle" value="page-standard-pd"/> <input type="hidden" name="siteCode" id="siteCode" value="sg"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="sg"/> <input type="hidden" name="language" id="language" value="en_SG"/> <input type="hidden" name="serverType" id="serverType" value="prod"/>  <input type="hidden" name="gpvStoreDomain" id="gpvStoreDomain" value="https://p1.ecom.samsung.com"/> <input type="hidden" name="storeWebDomain" id="storeWebDomain"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain" value="https://api.shop.samsung.com"/>  <input type="hidden" name="b2bFlag" id="b2bFlag" value="N"/> <input type="hidden" name="pageUrl" id="pageUrl"/> <input type="hidden" name="pathString" id="pathString"/> <input type="hidden" name="wishlistYn" id="wishlistYn"/> <input type="hidden" name="shopParmLang" id="shopParmLang"/> <input type="hidden" name="reservationDomain" id="reservationDomain"/>  <section class="progress cm-loader" style="display:none;"> <div class="progress__wrapper"> <div class="progress__circle-1"></div> <div class="progress__circle-2"></div> <div class="progress__circle-3"></div> <div class="progress__circle-4"></div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/crypto-js.min.js"></script> <header id="header" role="banner">  <div class="skip-bar"> <a href="#content" id="skipToContent">Skip to content</a> <a href="#accHelp" id="skipToAccHelp">Skip to accessibility help</a> </div> <div class="cookie-bar cookie-bar--type-manage" role="status" data-nosnippet> <div class="cookie-bar__wrap"> <div class="cookie-bar__msg-wrap"> <div class="cookie-bar__msg"> <p class="cookie-bar__title">Samsung and Cookies</p> <p class="cookie-bar__desc"> This site uses cookies to personalise your experience, analyse site traffic and keep track of items stored in your shopping basket. By Clicking ACCEPT or continuing to browse the site you are agreeing to our use of cookies. <a href="/sg/info/privacy/">See our Privacy Policy here</a> </p> <button class="cookie-bar__desc-read-more-btn">Read More</button> </div> <div class="cookie-bar__manage"> <a class="cta cta--contained cta--emphasis" href="javascript:void(0)" title="Accept" an-tr="cod01_cookie bar-product detail-cta-button" an-ca="other interaction" an-ac="cookie bar:accept" an-la="cookie bar:accept"> Accept </a> </div> </div> <button class="cookie-bar__close cookie-bar__main-close" an-tr="cod01_cookie bar-product detail-cta-button" an-ca="other interaction" an-ac="cookie bar:close" an-la="cookie bar:close"> <span class="hidden">close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold"></use> </svg> </button> </div> </div> </header> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="nv16-country-selector" style="height: 0px;"> <div class="nv16-country-selector__content-wrap"> <div class="nv16-country-selector__content"> <div class="nv16-country-selector__description">Choose your location and language.</div> <div class="nv16-country-selector__select-contaniner" data-country-codes="nl"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="sg" data-country-type="sitecd">Singapore / English</option><option value="nl" data-country-type="location">Nederland / Nederlands</option><option value="other">Other Countries or location</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="nv16-country-selector__continue"> <button class="cta cta--contained cta--black" aria-label="Button Label" data-action="countrySelectorContinue" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector:continue">Continue</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>  <section class="cod05-app-banner" style="display:none">  </section>  <input type="hidden" name="st_checked" id="st_checked" value="2024-11-21 05:31:01"/> <input type="hidden" name="cookieKey" id="cookieKey" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <script> var gnbNewModelJson = {"gnbLeftModelList":[{"displayName":"Shop","englishName":"shop","linkType":"move","linkUrl":"/sg/offer/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","containerAlignment":"left","level1ColumnList":[[{"displayName":"New \u0026 Featured","englishName":"New \u0026 Featured","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Samsung.com Exclusives\n","englishName":"samsung com exclusives","linkType":"move","linkUrl":"/sg/trending-now/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240109|20240218","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Exclusive TV Bundles","englishName":"Exclusive TV Bundles","linkType":"move","linkUrl":"/sg/offer/tv-bundles/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240401|20240630","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Shop App","englishName":"shop app","linkType":"move","linkUrl":"/sg/apps/samsung-shop-app/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20231204|20240106","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Game Portal","englishName":"game portal","linkType":"move","linkUrl":"/sg/game-portal/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung x You","englishName":"samsung x you","linkType":"move","linkUrl":"/sg/samsung-x-you/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SmartThings","englishName":"smartthings","linkType":"move","linkUrl":"/sg/smartthings/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Design For Home","englishName":"design for home","linkType":"move","linkUrl":"/sg/home-appliances/design-for-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Deals","englishName":"deals","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Black Friday Cyber Monday Sale","englishName":"Black Friday Cyber Monday Sale","linkType":"move","linkUrl":"/sg/offer/black-friday-cyber-monday/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Z Fold6 | Z Flip6 Offer","englishName":"galaxy z fold6 | z flip6 offer","linkType":"move","linkUrl":"/sg/offer/fold6-flip6/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy FE Series Offer","englishName":"Galaxy FE Series Offer","linkType":"move","linkUrl":"/sg/offer/galaxy-fe-series/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Deals","englishName":"all deals ","linkType":"move","linkUrl":"/sg/offer/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Mobile Deals ","englishName":"mobile deals ","linkType":"move","linkUrl":"/sg/offer/mobile-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Tablet Deals","englishName":"tablet deals","linkType":"move","linkUrl":"/sg/offer/mobile-deals/#galaxy-tab","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Galaxy Watch \u0026 Bud Deals","englishName":"galaxy watch \u0026 bud deals ","linkType":"move","linkUrl":"/sg/offer/mobile-deals/#Galaxy-WatchBuds","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV \u0026 Soundbar Deals","englishName":"TV \u0026 Soundbar Deals","linkType":"move","linkUrl":"/sg/offer/tv-soundbar-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Appliance Deals","englishName":"home appliance deals","linkType":"move","linkUrl":"/sg/offer/home-appliances-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Computing Deals","englishName":"computing deals","linkType":"move","linkUrl":"/sg/offer/computing-deals/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Benefits Program","englishName":"benefits program","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Student Offers","englishName":"student offers","linkType":"move","linkUrl":"/sg/multistore/samsung_education_sg/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Corporate Offers","englishName":"corporate offers","linkType":"move","linkUrl":"/sg/offer/corporate-epp/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Offers","englishName":"business offers","linkType":"move","linkUrl":"/sg/business/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Why Buy From Samsung","englishName":"why buy from samsung","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Overview","englishName":"overview","linkType":"move","linkUrl":"/sg/why-buy-online/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Price Promise","englishName":"price promise","linkType":"move","linkUrl":"/sg/offer/price-promise/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Free Delivery ","englishName":"free delivery ","linkType":"move","linkUrl":"/sg/shop-faq/delivery-and-installations/general-delivery-services-fees-and-coverage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"0% Instalment Plans","englishName":"0% instalment plans","linkType":"move","linkUrl":"/sg/shop-faq/payment-and-financing/what-are-the-available-financing-programs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Rewards ","englishName":"samsung rewards ","linkType":"move","linkUrl":"/sg/rewards/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Official Samsung Warranty ","englishName":"official samsung warranty ","linkType":"move","linkUrl":"/sg/support/warranty/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Mobile Trade-In ","englishName":"mobile trade-in ","linkType":"move","linkUrl":"/sg/trade-in/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Upgrade Offer","englishName":"TV Upgrade Offer","linkType":"move","linkUrl":"/sg/offer/upgrade/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Care+ ","englishName":"samsung care plus","linkType":"move","linkUrl":"/sg/offer/samsung-care-plus/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Essential Onboarding Guide","englishName":"essential onboarding guide","linkType":"move","linkUrl":"/sg/welcome-to-samsung/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Samsung Experience Store","englishName":"samsung experience store","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Samsung Experience Store Info","englishName":"samsung experience store info","linkType":"move","linkUrl":"/sg/samsung-experience-store/about/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Samsung Live Space","englishName":"samsung live space","linkType":"move","linkUrl":"/sg/samsung-experience-store/livespace/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Store Pickup \u0026 Support ","englishName":"store pickup \u0026 support ","linkType":"move","linkUrl":"/sg/store-pickup-and-support/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Find a Store ","englishName":"find a store ","linkType":"move","linkUrl":"/sg/samsung-experience-store/locations/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"AI","englishName":"ai","linkType":"move","linkUrl":"/sg/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"AI for All","englishName":"ai for all","linkType":"move","linkUrl":"/sg/ai-products/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy AI","englishName":"galaxy ai","linkType":"move","linkUrl":"/sg/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Samsung AI TV","englishName":"samsung ai tv","linkType":"move","linkUrl":"/sg/tvs/8k-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Bespoke AI","englishName":"bespoke ai","linkType":"move","linkUrl":"/sg/home-appliances/bespoke-home/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"All AI Products","englishName":"All AI Products","linkType":"move","linkUrl":"/sg/ai-products/all-ai-products/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"none","layoutColumn":"1","hasChildren":false}],"layoutType":"l1only","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Mobile","englishName":"mobile","linkType":"move","linkUrl":"/sg/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","groupCode":"23000000","apiUseFlag":false,"ftImageUseFlag1":true,"ftImageUseFlag2":true,"ftImageUseFlag3":true,"ftImageUseFlag4":true,"ftImageUseFlag5":true,"ftImageUseFlag6":true,"ftImageUseFlag7":true,"ftImageUseFlag8":true,"ftImageUseFlag9":true,"ftImageUrl1":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png","ftImageUrlDesktop1":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile1":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset1":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageAlt1":"Galaxy Z Fold6","ftImageAltEng1":"galaxy z fold6","ftDescription1":"Galaxy Z Fold6","ftDescriptionEng1":"galaxy z fold6","ftLinkUrl1":"/sg/smartphones/galaxy-z-fold6/","ftLinkType1":"move","hasChildren":true,"level1List":[{"displayName":"Discover Mobiles","englishName":"discover mobiles","linkType":"move","linkUrl":"/sg/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy AI","englishName":"galaxy ai","linkType":"move","linkUrl":"/sg/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Smartphone","englishName":"galaxy smartphone","linkType":"move","linkUrl":"/sg/smartphones/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Tab","englishName":"galaxy tab","linkType":"move","linkUrl":"/sg/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Watch","englishName":"galaxy watch","linkType":"move","linkUrl":"/sg/watches/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Buds","englishName":"galaxy Buds","linkType":"move","linkUrl":"/sg/audio-sound/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Accessories","englishName":"galaxy accessories","linkType":"move","linkUrl":"/sg/mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"One UI","englishName":"One UI","linkType":"move","linkUrl":"/sg/one-ui/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Samsung Health","englishName":"samsung health","linkType":"move","linkUrl":"/sg/apps/samsung-health/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Apps \u0026 Services","englishName":"apps and services","linkType":"move","linkUrl":"/sg/apps/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Why Galaxy","englishName":"why galaxy","linkType":"move","linkUrl":"/sg/mobile/why-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Switch to Galaxy","englishName":"switch to galaxy","linkType":"move","linkUrl":"/sg/mobile/switch-to-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy Studio","englishName":"galaxy studio","linkType":"move","linkUrl":"/sg/accessories/galaxy-studio/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"layoutType":"l1only","ftImageUrl2":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png","ftImageAlt2":"Galaxy Z Flip6","ftImageAltEng2":"galaxy z flip6","ftDescription2":"Galaxy Z Flip6","ftDescriptionEng2":"galaxy z flip6","ftLinkType2":"move","ftLinkUrl2":"/sg/smartphones/galaxy-z-flip6/","ftImageUrl3":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png","ftImageAlt3":"Galaxy S24 Ultra","ftImageAltEng3":"galaxy s24 ultra","ftDescription3":"Galaxy S24 Ultra","ftDescriptionEng3":"galaxy s24 ultra","ftLinkType3":"move","ftLinkUrl3":"/sg/smartphones/galaxy-s24-ultra","ftImageUrl4":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png","ftImageAlt4":"Galaxy S24 | S24+","ftImageAltEng4":"Galaxy S24 | S24+","ftDescription4":"Galaxy S24 | S24+","ftDescriptionEng4":"Galaxy S24 | S24+","ftLinkType4":"move","ftLinkUrl4":"/sg/smartphones/galaxy-s24/","ftImageUrl5":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png","ftImageAlt5":"Galaxy S24 FE","ftImageAltEng5":"Galaxy S24 FE","ftDescription5":"Galaxy S24 FE","ftDescriptionEng5":"Galaxy S24 FE","ftLinkType5":"move","ftLinkUrl5":"/sg/smartphones/galaxy-s/galaxy-s24-fe-blue-256gb-sm-s721blbcxsp","ftImageUrl6":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png","ftImageAlt6":"Galaxy A55 5G","ftImageAltEng6":"galaxy a55 5g","ftDescription6":"Galaxy A55 5G","ftDescriptionEng6":"galaxy a55 5g","ftLinkType6":"move","ftLinkUrl6":"/sg/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-sm-a556elbaxsp","ftImageUrl7":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png","ftImageAlt7":"Galaxy Tab S10 Series","ftImageAltEng7":"galaxy tab s10 series","ftDescription7":"Galaxy Tab S10 Series","ftDescriptionEng7":"galaxy tab s10 series","ftLinkType7":"move","ftLinkUrl7":"/sg/tablets/galaxy-tab-s/galaxy-tab-s10-ultra-gray-256gb-sm-x920nzaaxsp/","ftImageUrl8":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png","ftImageAlt8":"Galaxy Watch Ultra","ftImageAltEng8":"galaxy watch ultra","ftDescription8":"Galaxy Watch Ultra","ftDescriptionEng8":"galaxy watch ultra","ftLinkType8":"new","ftLinkUrl8":"/sg/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaaxsp/","ftImageUrl9":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png","ftImageAlt9":"Galaxy Buds3 Pro","ftImageAltEng9":"galaxy buds3 pro","ftDescription9":"Galaxy Buds3 Pro","ftDescriptionEng9":"galaxy buds3 pro","ftLinkType9":"new","ftLinkUrl9":"/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftImageUrlDesktop2":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop3":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop4":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop5":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop6":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$84_68_PNG$","ftImageUrlDesktop7":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop8":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$84_68_PNG$","ftImageUrlDesktop9":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile2":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile3":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile4":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile5":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile6":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$","ftImageUrlMobile7":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile8":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$","ftImageUrlMobile9":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset2":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset3":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset4":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset5":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset6":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset7":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset8":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset9":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$","ftDataList":[{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png","ftImageAlt":"Galaxy Z Fold6","ftImageAltEng":"galaxy z fold6","ftDescription":"Galaxy Z Fold6","ftDescriptionEng":"galaxy z fold6","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-z-fold6/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240702|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png","ftImageAlt":"Galaxy Z Flip6","ftImageAltEng":"galaxy z flip6","ftDescription":"Galaxy Z Flip6","ftDescriptionEng":"galaxy z flip6","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-z-flip6/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240702|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png","ftImageAlt":"Galaxy S24 Ultra","ftImageAltEng":"galaxy s24 ultra","ftDescription":"Galaxy S24 Ultra","ftDescriptionEng":"galaxy s24 ultra","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-s24-ultra","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png","ftImageAlt":"Galaxy S24 | S24+","ftImageAltEng":"Galaxy S24 | S24+","ftDescription":"Galaxy S24 | S24+","ftDescriptionEng":"Galaxy S24 | S24+","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-s24/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png","ftImageAlt":"Galaxy S24 FE","ftImageAltEng":"Galaxy S24 FE","ftDescription":"Galaxy S24 FE","ftDescriptionEng":"Galaxy S24 FE","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-s/galaxy-s24-fe-blue-256gb-sm-s721blbcxsp","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240926|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png","ftImageAlt":"Galaxy A55 5G","ftImageAltEng":"galaxy a55 5g","ftDescription":"Galaxy A55 5G","ftDescriptionEng":"galaxy a55 5g","ftLinkType":"move","ftLinkUrl":"/sg/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-sm-a556elbaxsp","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png","ftImageAlt":"Galaxy Tab S10 Series","ftImageAltEng":"galaxy tab s10 series","ftDescription":"Galaxy Tab S10 Series","ftDescriptionEng":"galaxy tab s10 series","ftLinkType":"move","ftLinkUrl":"/sg/tablets/galaxy-tab-s/galaxy-tab-s10-ultra-gray-256gb-sm-x920nzaaxsp/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20241008|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png","ftImageAlt":"Galaxy Watch Ultra","ftImageAltEng":"galaxy watch ultra","ftDescription":"Galaxy Watch Ultra","ftDescriptionEng":"galaxy watch ultra","ftLinkType":"new","ftLinkUrl":"/sg/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaaxsp/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240702|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png","ftImageAlt":"Galaxy Buds3 Pro","ftImageAltEng":"galaxy buds3 pro","ftDescription":"Galaxy Buds3 Pro","ftDescriptionEng":"galaxy buds3 pro","ftLinkType":"new","ftLinkUrl":"/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240702|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true}],"ftbadgeFlag1":"true","ftbadgeText1":"NEW","ftbadgeType1":"new","ftbadgePeriod1":"20240702|20241231","ftbadgeFlag2":"true","ftbadgeText2":"NEW","ftbadgeType2":"new","ftbadgePeriod2":"20240702|20241231","ftbadgeFlag5":"true","ftbadgeText5":"NEW","ftbadgeType5":"new","ftbadgePeriod5":"20240926|20241231","ftbadgeFlag7":"true","ftbadgeText7":"NEW","ftbadgeType7":"new","ftbadgePeriod7":"20241008|20241231","ftbadgeFlag8":"true","ftbadgeText8":"NEW","ftbadgeType8":"new","ftbadgePeriod8":"20240702|20241231","ftbadgeFlag9":"true","ftbadgeText9":"NEW","ftbadgeType9":"new","ftbadgePeriod9":"20240702|20241231","ftbadgeDisplay1":true,"ftbadgeDisplay2":true,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":true,"ftbadgeDisplay6":false,"ftbadgeDisplay7":true,"ftbadgeDisplay8":true,"ftbadgeDisplay9":true},{"displayName":"TV \u0026 AV","englishName":"tv and av","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","groupCode":"26000000","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Recommended","englishName":"recommended","linkType":"move","linkUrl":"","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Exclusive TV Bundles","englishName":"Exclusive TV Bundles","linkType":"move","linkUrl":"/sg/offer/tv-bundles/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240401|20240630","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Samsung TV","englishName":"why samsung tv","linkType":"move","linkUrl":"/sg/tvs/why-samsung-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Neo QLED","englishName":"why neo qled","linkType":"move","linkUrl":"/sg/tvs/qled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Samsung OLED","englishName":"why samsung oled","linkType":"move","linkUrl":"/sg/tvs/oled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why 8K TVs","englishName":"why 8k tvs","linkType":"move","linkUrl":"/sg/tvs/8k-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why The Frame","englishName":"why the frame","linkType":"move","linkUrl":"/sg/lifestyle-tvs/the-frame/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Lifestyle TVs","englishName":"discover lifestyle tvs","linkType":"move","linkUrl":"/sg/lifestyle-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Best Samsung Gaming TV","englishName":"best samsung gaming tv","linkType":"move","linkUrl":"/sg/tvs/gaming-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Best TV for Sports","englishName":"Best TV for Sports","linkType":"move","linkUrl":"/sg/tvs/sports-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240610|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Why Samsung Smart TV","englishName":"why samsung smart tv","linkType":"move","linkUrl":"/sg/tvs/smart-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Why Micro LED","englishName":"Why Micro LED","linkType":"move","linkUrl":"/sg/tvs/micro-led/highlights/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Upgrade Offer","englishName":"TV Upgrade Offer","linkType":"move","linkUrl":"/sg/offer/upgrade/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20240426|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"}]}],[{"displayName":"TVs","englishName":"tvs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Discover TVs","englishName":"discover tvs","linkType":"move","linkUrl":"/sg/tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Buying Guide","englishName":"tv buying guide","linkType":"move","linkUrl":"/sg/tvs/tv-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Help Choose My TV ","englishName":"Help Choose My TV ","linkType":"move","linkUrl":"/sg/tvs/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Neo QLED","englishName":"neo qled","linkType":"move","linkUrl":"/sg/tvs/neo-qled-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230420|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"QLED","englishName":"qled","linkType":"move","linkUrl":"/sg/tvs/qled-tv/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","subTypeCode":"26010500","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230420|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"OLED","englishName":"oled","linkType":"move","linkUrl":"/sg/tvs/oled-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230420|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Frame","englishName":"the frame","linkType":"move","linkUrl":"/sg/lifestyle-tvs/the-frame/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Serif","englishName":"the serif","linkType":"move","linkUrl":"/sg/lifestyle-tvs/the-serif/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Sero","englishName":"the sero","linkType":"move","linkUrl":"/sg/lifestyle-tvs/the-sero/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Crystal UHD","englishName":"crystal uhd","linkType":"move","linkUrl":"/sg/tvs/all-tvs/?crystal-uhd","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","subTypeCode":"26010200","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"8K TVs","englishName":"8k tvs","linkType":"move","linkUrl":"/sg/tvs/8k-tv/","displayFlag":"Y","mobileOnlyFlag":"Y","groupCode":"26000000","typeCode":"26010000","subTypeCode":"26010500","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"4K TVs","englishName":"4k tvs","linkType":"move","linkUrl":"/sg/tvs/uhd-4k-tv/","displayFlag":"Y","mobileOnlyFlag":"Y","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Full HD/HD TVs","englishName":"full hd/hd tvs","linkType":"move","linkUrl":"/sg/tvs/all-tvs/?full-hd+hd","displayFlag":"Y","mobileOnlyFlag":"Y","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"TV Accessories","englishName":"tv accessories","linkType":"move","linkUrl":"/sg/tv-accessories/all-tv-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26040000","subTypeCode":"26040100","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Help Choose Your Best TV","englishName":"help choose your best tv","linkType":"move","linkUrl":"/sg/tvs/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"Y","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20221128|20230331","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All TVs","englishName":"all tvs","linkType":"move","linkUrl":"/sg/tvs/all-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}],[{"displayName":"TV by Size","englishName":"tv by size","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"98”","englishName":"98”","linkType":"move","linkUrl":"/sg/tvs/98-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"85\"","englishName":"85 inch tvs","linkType":"move","linkUrl":"/sg/tvs/85-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"77”","englishName":"77”","linkType":"move","linkUrl":"/sg/tvs/77-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"75\"","englishName":"75 inch tvs","linkType":"move","linkUrl":"/sg/tvs/75-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"65\"","englishName":"65 inch tvs","linkType":"move","linkUrl":"/sg/tvs/65-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"55\"","englishName":"55 inch tvs","linkType":"move","linkUrl":"/sg/tvs/55-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"50\"","englishName":"50 inch tvs","linkType":"move","linkUrl":"/sg/tvs/50-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"43\"","englishName":"43 inch tvs","linkType":"move","linkUrl":"/sg/tvs/43-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"32\"","englishName":"32 inch tvs","linkType":"move","linkUrl":"/sg/tvs/32-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"What is the Right TV Size?","englishName":"what is the right tv size","linkType":"move","linkUrl":"/sg/tvs/tv-buying-guide/what-size-tv-should-i-get/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26010000","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All TVs","englishName":"all tvs","linkType":"move","linkUrl":"/sg/tvs/all-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"TV by Resolution","englishName":"tv by resolution","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"8K TVs","englishName":"8k tvs","linkType":"move","linkUrl":"/sg/tvs/8k-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"4K TVs","englishName":"4k tvs","linkType":"move","linkUrl":"/sg/tvs/uhd-4k-tv/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Full HD/HD TVs","englishName":"full hd hd tvs","linkType":"move","linkUrl":"/sg/tvs/all-tvs/?full-hd+hd","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Projectors","englishName":"projectors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"The Premiere","englishName":"the premiere","linkType":"move","linkUrl":"/sg/projectors/the-premiere/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"The Freestyle","englishName":"the freestyle","linkType":"move","linkUrl":"/sg/projectors/all-projectors/?the-freestyle","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230808|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Help Choose Your Best TV","englishName":"help choose your best tv","linkType":"move","linkUrl":"/sg/tvs/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"Y","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Projectors","englishName":"all projectors","linkType":"move","linkUrl":"/sg/projectors/all-projectors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Sound Devices","englishName":"sound devices","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Discover Sound Devices","englishName":"discover sound devices","linkType":"move","linkUrl":"/sg/audio-devices/soundbar-overview/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Soundbar Buying Guide","englishName":"Soundbar Buying Guide","linkType":"move","linkUrl":"/sg/audio-devices/soundbar-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26020000","subTypeCode":"26020200","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Help Choose My Sound Device","englishName":"Help Choose My Sound Device","linkType":"move","linkUrl":"/sg/audio-devices/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Music Frame","englishName":"music frame","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?music-frame","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Q-Series Soundbars","englishName":"q series soundbars","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?q-series-soundbar","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26020000","subTypeCode":"26020200","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"S-Series All-in-one Soundbar","englishName":"S-Series All-in-one Soundbar","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?s-series-all-in-one-soundbar","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"S-Series Ultra Slim Soundbar","englishName":"S-Series Ultra Slim Soundbar","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?s-series-ultra-slim-soundbar","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"26000000","typeCode":"26020000","subTypeCode":"26020200","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"B-series Soundbars","englishName":"b series soundbars","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?b-series-soundbar","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Soundbars with Subwoofers","englishName":"soundbars with subwoofers","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/?soundbars-with-subwoofers","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Audio Accessories","englishName":"audio accessories","linkType":"move","linkUrl":"/sg/audio-accessories/all-audio-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Sound Devices","englishName":"all sound devices","linkType":"move","linkUrl":"/sg/audio-devices/all-audio-devices/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Home Appliances","englishName":"home appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","groupCode":"30000000","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Recommended","englishName":"recommended","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Discover Bespoke AI","englishName":"discover bespoke ai","linkType":"move","linkUrl":"/sg/home-appliances/bespoke-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230518|20240929","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Kitchen Appliances ","englishName":"bespoke kitchen appliances ","linkType":"move","linkUrl":"/sg/home-appliances/bespoke-kitchen-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230716|20240101","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"AI Energy Savings","englishName":"AI Energy Savings","linkType":"move","linkUrl":"/sg/home-appliances/sustainable-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20241003|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Discover Home Appliances","englishName":"discover home appliances","linkType":"move","linkUrl":"/sg/home-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"MyBespoke Refrigerator","englishName":"mybespoke refrigerator","linkType":"move","linkUrl":"/sg/bespoke-creators-collection/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20221220|20240613","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Design Studio","englishName":"bespoke design studio","linkType":"move","linkUrl":"/sg/home-appliances/bespoke-design-studio/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Design For Home","englishName":"design for home","linkType":"move","linkUrl":"/sg/home-appliances/design-for-home/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Jet™ AI","englishName":"bespoke je tm ai ","linkType":"move","linkUrl":"/sg/vacuum-cleaners/bespoke-jet-ai/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230921|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke AI™ Laundry","englishName":"bespoke ai™ laundry","linkType":"move","linkUrl":"/sg/washers-and-dryers/bespoke-ai-laundry/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230815|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Home Appliances Buying Guide","englishName":"home appliances buying guide","linkType":"move","linkUrl":"/sg/home-appliances/buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SmartThings Home","englishName":"smartthings home","linkType":"move","linkUrl":"/sg/home-appliances/smartthings/cooking/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Refrigerators","englishName":"refrigerators","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"All Refrigerators","englishName":"all refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/all-refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Refrigerators","englishName":"bespoke refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/bespoke/?bespoke-refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20221129|20230630","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Creators Collection","englishName":"bespoke creators collection","linkType":"move","linkUrl":"/sg/bespoke-creators-collection/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"French Door Refrigerators","englishName":"french door refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/french-door/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Side-by-Side Refrigerators","englishName":"side-by-side refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/side-by-side/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30020000","subTypeCode":"30020400","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bottom Mount Freezers","englishName":"bottom mount freezers","linkType":"move","linkUrl":"/sg/refrigerators/bottom-mount-freezer/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Top Mount Freezers","englishName":"top mount freezers","linkType":"move","linkUrl":"/sg/refrigerators/top-mount-freezer/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30020000","subTypeCode":"30020500","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"One Door Refrigerators","englishName":"One Door Refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/one-door/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30020000","subTypeCode":"30020700","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Refrigerators","englishName":"discover refrigerators","linkType":"move","linkUrl":"/sg/refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Laundry","englishName":"laundry","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"All Laundry","englishName":"all laundry","linkType":"move","linkUrl":"/sg/washers-and-dryers/all-washers-and-dryers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"BESPOKE AI™ Laundry","englishName":"bespoke ai tm laundry","linkType":"move","linkUrl":"/sg/washers-and-dryers/all-washers-and-dryers/?bespoke-laundry","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230707|20241226","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Front Load Washers","englishName":"Front Load Washers","linkType":"move","linkUrl":"/sg/washers-and-dryers/all-washers-and-dryers/?front-loader","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30010000","subTypeCode":"30010700","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Top Load Washers","englishName":"Top Load Washers","linkType":"move","linkUrl":"/sg/washers-and-dryers/all-washers-and-dryers/?top-load-washer/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30010000","subTypeCode":"30010400","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230426|20230731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Washer Dryer Combo","englishName":"washer dryer combo","linkType":"move","linkUrl":"/sg/washers-and-dryers/washer-dryer-combo/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Washer \u0026 Dryer Bundle","englishName":"Washer \u0026 Dryer Bundle","linkType":"move","linkUrl":"/sg/washer-and-dryer-bundle/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Dryers","englishName":"dryers","linkType":"move","linkUrl":"/sg/washers-and-dryers/dryers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"AirDresser","englishName":"airdresser","linkType":"move","linkUrl":"/sg/washers-and-dryers/airdresser/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20220823|20221230","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Laundry","englishName":"discover laundry","linkType":"move","linkUrl":"/sg/washers-and-dryers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}],[{"displayName":"Air Conditioners","englishName":"air conditioners","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"08000000","typeCode":"none","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"Discover WindFree™","englishName":"discover windfree tm","linkType":"move","linkUrl":"/sg/air-conditioners/windfree/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240404|20240531","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Air Conditioners","englishName":"all air conditioners","linkType":"move","linkUrl":"/sg/air-conditioners/all-air-conditioners/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Vacuum Cleaners","englishName":"vacuum cleaners","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"All Vacuum Cleaners","englishName":"all vacuum cleaners","linkType":"move","linkUrl":"/sg/vacuum-cleaners/all-vacuum-cleaners/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Jet™","englishName":"bespoke jet","linkType":"move","linkUrl":"/sg/vacuum-cleaners/bespoke-jet/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"hot","badgeText":"HOT","badgePeriod":"20221129|20230630","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Stick Vacuum","englishName":"stick vacuum","linkType":"move","linkUrl":"/sg/vacuum-cleaners/stick/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30050000","subTypeCode":"30050300","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Robot Vacuum","englishName":"robot vacuum","linkType":"move","linkUrl":"/sg/vacuum-cleaners/robot/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30050000","subTypeCode":"30050200","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Vacuum Accessories","englishName":"vacuum accessories","linkType":"move","linkUrl":"/sg/home-appliance-accessories/all-home-appliance-accessories/?vacuum-cleaner-accessories","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Vacuum Cleaners","englishName":"discover vacuum cleaners","linkType":"move","linkUrl":"/sg/vacuum-cleaners/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}],[{"displayName":"Cooking Appliances","englishName":"cooking appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"5","hasChildren":true,"level2List":[{"displayName":"All Cooking Appliances","englishName":"all cooking appliances","linkType":"move","linkUrl":"/sg/cooking-appliances/all-cooking-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Cooking Appliances","englishName":"bespoke cooking appliances","linkType":"move","linkUrl":"/sg/cooking-appliances/all-cooking-appliances/?bespoke-cooking-appliances","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230426|20230731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Built-in Oven","englishName":"Built-in Oven","linkType":"move","linkUrl":"/sg/cooking-appliances/all-cooking-appliances/?built-in-oven","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230426|20230731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Hobs","englishName":"hobs","linkType":"move","linkUrl":"/sg/cooking-appliances/all-cooking-appliances/?hobs","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230426|20230731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Hoods","englishName":"Hoods","linkType":"move","linkUrl":"/sg/cooking-appliances/all-cooking-appliances/?hoods","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Microwave Ovens","englishName":"microwave ovens","linkType":"move","linkUrl":"/sg/microwave-ovens/all-microwave-ovens/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"30000000","typeCode":"30030000","subTypeCode":"30030500","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Cooking Appliances Accessories","englishName":"Cooking Appliances Accessories","linkType":"move","linkUrl":"/sg/home-appliance-accessories/all-home-appliance-accessories/?cooking-appliances-accessories","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Cooking Appliances","englishName":"discover cooking appliances","linkType":"move","linkUrl":"/sg/cooking-appliances/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}],[{"displayName":"Dishwashers","englishName":"dishwashers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":" All Dishwashers","englishName":"all dishwashers","linkType":"move","linkUrl":"/sg/dishwashers/all-dishwashers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Bespoke Dishwashers","englishName":"bespoke dishwashers","linkType":"move","linkUrl":"/sg/dishwashers/all-dishwashers/?bespoke","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230323|20231231","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Freestanding Dishwashers","englishName":"freestanding dishwashers","linkType":"move","linkUrl":"/sg/dishwashers/all-dishwashers/?freestanding-dishwashers","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Discover Dishwashers","englishName":"discover dischwashers","linkType":"move","linkUrl":"/sg/dishwashers/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]},{"displayName":"Air Purifiers","englishName":"air purifiers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"6","hasChildren":true,"level2List":[{"displayName":"Filters \u0026 Accessories","englishName":"filters and accessories","linkType":"move","linkUrl":"/sg/home-appliance-accessories/all-home-appliance-accessories/?air-purifier-accessories","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Computing","englishName":"computing","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","groupCode":"29000000","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Recommended","englishName":"recommended","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Help me choose monitor","englishName":"Help me choose monitor","linkType":"move","linkUrl":"/sg/monitors/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Odyssey Gaming Monitors","englishName":"odyssey gaming monitors","linkType":"move","linkUrl":"/sg/monitors/odyssey-gaming-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"ViewFinity High Resolution Monitors","englishName":"ViewFinity High Resolution Monitors","linkType":"move","linkUrl":"/sg/monitors/high-resolution-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Computer Monitors","englishName":"computer monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Discover Computer Monitors","englishName":"discover computer monitors","linkType":"move","linkUrl":"/sg/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false},{"displayName":"Odyssey Gaming","englishName":"Odyssey Gaming","linkType":"move","linkUrl":"/sg/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"29000000","typeCode":"29020000","subTypeCode":"29020600","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20230613|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"ViewFinity High Resolution","englishName":"ViewFinity High Resolution","linkType":"move","linkUrl":"/sg/monitors/high-resolution/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smart Monitors","englishName":"Smart Monitors","linkType":"move","linkUrl":"/sg/monitors/smart-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240610|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Ultrawide","englishName":"Ultrawide","linkType":"move","linkUrl":"/sg/monitors/ultra-wide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Curved","englishName":"curved","linkType":"move","linkUrl":"/sg/monitors/curved/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"29000000","typeCode":"29020000","subTypeCode":"29020200","isBadgeDisplay":false},{"displayName":"4K UHD","englishName":"4K UHD","linkType":"move","linkUrl":"/sg/monitors/4k-uhd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Full HD","englishName":"Full HD","linkType":"move","linkUrl":"/sg/monitors/full-hd-1080p/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Monitors","englishName":"Business Monitors","linkType":"new","linkUrl":"/sg/business/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Computer Monitors","englishName":"all computer monitors","linkType":"move","linkUrl":"/sg/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}],[{"displayName":"Memory \u0026 Storage","englishName":"memory and storage","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Discover Memory \u0026 Storage","englishName":"discover memory and storage","linkType":"move","linkUrl":"/sg/memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false},{"displayName":"SSD","englishName":"ssd","linkType":"move","linkUrl":"/sg/ssd/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"29000000","badgeFlag":"false","isBadgeDisplay":false},{"displayName":"Portable SSD","englishName":"portable ssd","linkType":"move","linkUrl":"/sg/portable-ssd/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"29000000","isBadgeDisplay":false},{"displayName":"Memory Cards","englishName":"memory cards","linkType":"move","linkUrl":"/sg/memory-cards/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"29000000","isBadgeDisplay":false},{"displayName":"All Memory \u0026 Storage","englishName":"all memory and storage","linkType":"move","linkUrl":"/sg/memory-storage/all-memory-storage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Displays","englishName":"displays","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Recommeded","englishName":"Recommeded","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Help me choose monitor","englishName":"Help me choose monitor","linkType":"move","linkUrl":"/sg/monitors/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Odyssey Gaming Monitors","englishName":"Odyssey Gaming Monitors","linkType":"move","linkUrl":"/sg/monitors/odyssey-gaming-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"ViewFinity High Resolution Monitors","englishName":"ViewFinity High Resolution Monitors","linkType":"move","linkUrl":"/sg/monitors/high-resolution-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Computer Monitors","englishName":"Computer Monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Discover Computer Monitors","englishName":"Discover Computer Monitors","linkType":"move","linkUrl":"/sg/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Odyssey Gaming","englishName":"Odyssey Gaming","linkType":"move","linkUrl":"/sg/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240412|20240731","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"ViewFinity High Resolution","englishName":"ViewFinity High Resolution","linkType":"move","linkUrl":"/sg/monitors/high-resolution/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Smart Monitors","englishName":"Smart Monitors","linkType":"move","linkUrl":"/sg/monitors/smart-monitor/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"true","badgeType":"new","badgeText":"NEW","badgePeriod":"20240610|20241231","isBadgeDisplay":true,"shopLiveUseFlag":"false"},{"displayName":"Ultrawide","englishName":"Ultrawide","linkType":"move","linkUrl":"/sg/monitors/ultra-wide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Curved","englishName":"Curved","linkType":"move","linkUrl":"/sg/monitors/curved/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"4K UHD","englishName":"4K UHD","linkType":"move","linkUrl":"/sg/monitors/4k-uhd/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Full HD","englishName":"Full HD","linkType":"move","linkUrl":"/sg/monitors/full-hd-1080p/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"All Computer Monitors","englishName":"All Computer Monitors","linkType":"move","linkUrl":"/sg/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"For Business","englishName":"for business","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Smart Signage","englishName":"smart signage","linkType":"new","linkUrl":"/sg/business/smart-signage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"LED Signage","englishName":"led signage","linkType":"new","linkUrl":"/sg/business/led-signage/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Commercial TVs","englishName":"commercial tvs","linkType":"new","linkUrl":"/sg/business/commercial-tvs/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Business Monitors","englishName":"Business Monitors","linkType":"new","linkUrl":"/sg/business/monitors/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"Accessories","englishName":"accessories","linkType":"move","linkUrl":"/sg/accessories/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1only","ftImageAreaTitle":"New \u0026 Featured","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"SmartThings","englishName":"smartthings","linkType":"move","linkUrl":"/sg/smartthings/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"level1List":[],"layoutType":"l1only","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false}],"gnbRightModelList":[{"displayName":"Support","englishName":"support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","level1ColumnList":[[{"displayName":"Product Help","englishName":"product help","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"Support Home","englishName":"support home","linkType":"move","linkUrl":"/sg/support/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Manual and Software","englishName":"manual and software","linkType":"move","linkUrl":"/sg/support/user-manuals-and-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Search Support","englishName":"search support","linkType":"move","linkUrl":"/sg/search/?searchvalue\u003dmobile#support","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"SHOP FAQ","englishName":"shop faq","linkType":"move","linkUrl":"/sg/shop-faq/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Essential Onboarding Guide","englishName":"essential onboarding guide","linkType":"move","linkUrl":"/sg/welcome-to-samsung/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Repairs \u0026 Warranty","englishName":"repairs and warranty","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"Warranty Information","englishName":"warranty Information","linkType":"move","linkUrl":"/sg/support/warranty/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Service Locator","englishName":"service locator","linkType":"move","linkUrl":"/sg/support/service-centre/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Book/Track Repair","englishName":"book track repair","linkType":"move","linkUrl":"/sg/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Repair Cost","englishName":"repair cost","linkType":"move","linkUrl":"/sg/support/repair-cost/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Service Centre Waiting Time","englishName":"service centre waiting time","linkType":"move","linkUrl":"/sg/support/service-centre-wait-time/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Contact","englishName":"contact","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"Live Chat","englishName":"Live Chat","linkType":"new","linkUrl":"https://samsung-livechat.sprinklr.com/seao/sg/index.html","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"WhatsApp Chat","englishName":"WhatsApp Chat","linkType":"move","linkUrl":"https://spr.ly/SingaporeWhatsapp","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Call","englishName":"call","linkType":"move","linkUrl":"/sg/support/contact/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Email ","englishName":"email ","linkType":"move","linkUrl":"https://bit.ly/3pQRWnb","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"Additional Info","englishName":"additional Info","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"4","hasChildren":true,"level2List":[{"displayName":"News \u0026 Alerts","englishName":"news and alerts","linkType":"move","linkUrl":"/sg/support/newsalert/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"Members \u0026 Community","englishName":"members and community","linkType":"new","linkUrl":"https://r1.community.samsung.com/t5/singapore/ct-p/sg","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"For Business","englishName":"for business","linkType":"move","linkUrl":"/sg/business/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"level1List":[],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false}],"beforeLoginModel":{"displayName":"Before Login","englishName":"before_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"Orders","englishName":"orders","linkType":"move","linkUrl":"https://shop.samsung.com/sg/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Product Registration\n","englishName":"product registration","linkType":"move","linkUrl":"/sg/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Members","englishName":"members","linkType":"move","linkUrl":"/sg/members/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Samsung Rewards","englishName":"samsung rewards","linkType":"move","linkUrl":"/sg/rewards/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"afterLoginModel":{"displayName":"After Login","englishName":"after_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"My Page","englishName":"my page","linkType":"move","linkUrl":"/sg/mypage/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Orders","englishName":"orders","linkType":"move","linkUrl":"https://shop.samsung.com/sg/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Wishlist","englishName":"wishlist","linkType":"move","linkUrl":"https://shop.samsung.com/sg/my-account/wishlist/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false},{"displayName":"Product Registration\n","englishName":"product registration","linkType":"move","linkUrl":"/sg/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"My Rewards","englishName":"my rewards","linkType":"move","linkUrl":"/sg/mypage/rewards/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Members","englishName":"members","linkType":"move","linkUrl":"/sg/members/","displayFlag":"Y","mobileOnlyFlag":"N","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"gnbUtilModel":{"isLogin":"Y","isCart":"Y","shopIntegrationFlag":"Hybris","loginLinkUrl":"https://account.samsung.com/accounts/v1/DCGLSG/signInGate","logoutUrl":"https://account.samsung.com/accounts/v1/DCGLSG/signOutGate","stgloginLinkUrl":"https://stg-account.samsung.com/accounts/v1/DCGLSG/signInGate","stglogoutUrl":"https://stg-account.samsung.com/accounts/v1/DCGLSG/signOutGate","SAsignOutURL":"/aemapi/v6/data-login/afterLogout.sg.json","loginAccountServiceId":"9z5ss85h4x","SAserviceName":"SAMSUNG","countryCode":"SG","languageCode":"en","registURL":"/aemapi/v6/data-login/afterLogin.sg.json","stgStoreDomain":"https://stg3.shop.samsung.com","preqaStoreDomain":"https://qa1.shop.samsung.com","preqa2StoreDomain":"https://stg.shop.samsung.com","uatStoreDomain":"https://shop.samsung.com","hybrisApiJson":"Y","orderUrl":"/sg/track-order","myaccountUrl":"/sg/my-account/profile","updateProfileUrl":"/sg/my-account/profile","cartUrl":"/sg/cart","useFullCartUrl":false,"emailActivationURL":"/aemapi/v6/data-login/emailActivationURL.sg.json","storeDomain":"https://shop.samsung.com","privacyTag1":"\u003ca href\u003d\u0027/sg/info/privacy/\u0027 target\u003d\u0027_blank\u0027 class\u003d\u0027link-text\u0027 title\u003d\"Open in a New Window\"\u003e","privacyTag2":"\u003c/a\u003e","wishlistUrl":"https://shop.samsung.com/sg/mypage/wishlist/","saStoreDomain":"https://shop.samsung.com","addToCartPostYn":"Y","mySamsungRewardsTierType":"global","newMyRewardGrantPoint":"5%","newMyRewardCurrencyConv":"0.002","useNewAddToCartApi":"Y"},"homeLinkPath":"/sg/","language":"en_SG"}; </script> <nav id="component-id" class="nv00-gnb" role="navigation" aria-label="main navigation"> <div class="nv00-gnb__inner-wrap"> <div class="nv00-gnb__inner-wrap-looping--start" tabindex="0"></div> <div class="nv00-gnb__logo-wrap"> <a href="/sg/" class="nv00-gnb__logo " an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logo" aria-label="Samsung"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="120" height="32" viewBox="0 0 120 32"> <rect id="Clear_space" width="120" height="32" fill="none"/> <path id="Logo_ratio" d="M0,11.651V10.511H3.994v1.45a1.334,1.334,0,0,0,1.494,1.346A1.3,1.3,0,0,0,6.932,12.3a1.833,1.833,0,0,0-.026-1.113C6.133,9.243.851,8.363.18,5.333a5.347,5.347,0,0,1-.025-2.02C.567.88,2.705,0,5.359,0c2.113,0,5.025.492,5.025,3.754V4.816H6.674V3.884A1.275,1.275,0,0,0,5.282,2.537a1.25,1.25,0,0,0-1.365,1.01,2.021,2.021,0,0,0,.026.777c.437,1.734,6.081,2.667,6.7,5.8a6.943,6.943,0,0,1,.025,2.46C10.307,15.068,8.091,16,5.412,16,2.6,16,0,14.99,0,11.651ZM48.392,11.6V10.46h3.943v1.424A1.312,1.312,0,0,0,53.8,13.23a1.286,1.286,0,0,0,1.443-.984,1.759,1.759,0,0,0-.025-1.088c-.748-1.915-5.979-2.8-6.648-5.825a5.215,5.215,0,0,1-.026-1.994C48.959.932,51.1.052,53.7.052c2.088,0,4.973.518,4.973,3.728V4.816H54.989V3.91a1.268,1.268,0,0,0-1.365-1.346,1.2,1.2,0,0,0-1.34.984,2.017,2.017,0,0,0,.025.777c.412,1.734,6,2.641,6.623,5.747a6.806,6.806,0,0,1,.025,2.434c-.361,2.486-2.551,3.392-5.2,3.392C50.97,15.9,48.392,14.887,48.392,11.6Zm14.121.545a5.876,5.876,0,0,1-.025-.985V.44H66.25V11.495a4.111,4.111,0,0,0,.025.57,1.468,1.468,0,0,0,2.835,0,3.97,3.97,0,0,0,.026-.57V.44H72.9V11.158c0,.285-.026.829-.026.985-.257,2.8-2.448,3.7-5.179,3.7S62.771,14.938,62.513,12.143Zm30.974-.156A7.808,7.808,0,0,1,93.435,11V4.712c0-.259.025-.725.051-.985C93.821.932,96.063.052,98.717.052c2.629,0,4.947.88,5.206,3.676a7.185,7.185,0,0,1,.025.985V5.2h-3.762V4.376a3.1,3.1,0,0,0-.051-.57,1.553,1.553,0,0,0-2.964,0,3.088,3.088,0,0,0-.051.7V11.34a4.17,4.17,0,0,0,.026.57A1.472,1.472,0,0,0,98.717,13a1.406,1.406,0,0,0,1.52-1.087,2.09,2.09,0,0,0,.026-.57V9.165h-1.52V6.99H104V11a7.674,7.674,0,0,1-.052.984c-.257,2.718-2.6,3.676-5.231,3.676S93.744,14.705,93.487,11.987ZM41.049,15.378l-.1-13.825L38.369,15.378H34.607L32.055,1.553l-.1,13.825H28.242L28.551.466h6.056l1.881,11.651L38.369.466h6.055l.335,14.912Zm-19.79,0L19.249,1.553,17.187,15.378H13.168L15.9.466h6.623l2.732,14.912Zm62.977-.155L80.5,2.822l.206,12.4H77.046V.466h5.514l3.5,12.013L85.859.466h3.685V15.224Z" transform="translate(8 8)"/> </svg> </a> </div> <div class="nv00-gnb__search-wrap"> <button class="nv00-gnb__backward-btn"> <span class="hidden">previous menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <button class="nv00-gnb__search-btn gnb__search-btn-js" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">search</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button class="nv00-gnb__close-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">close menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div>  <div class="nv00-gnb__user-account-wrap"> <div class="nv00-gnb__user-account before-login"> <a class="nv00-gnb__user-account-link loginBtn" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLSG/signInGate" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="sign in sign up"> Log-In/Sign-Up </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/sg/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Why Create a Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Why Create a Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </div> <div class="nv00-gnb__user-account after-login"> <a class="nv00-gnb__user-account-link js-user-name" aria-label="Manage Account" href="https://account.samsung.com/membership/contents/profile/profile-gate"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/sg/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Why Create a Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Why Create a Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </div> </div>  <div class="nv00-gnb__l0-menu-wrap"> <ul class="nv00-gnb__l0-menu-list left-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop"> Shop <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Shop</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:new & featured" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured"> New & Featured <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/trending-now/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:samsung com exclusives" role="menuitem"> Samsung.com Exclusives<br /> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/tv-bundles/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:exclusive tv bundles" role="menuitem"> Exclusive TV Bundles </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/apps/samsung-shop-app/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:shop app" role="menuitem"> Shop App </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/game-portal/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:game portal" role="menuitem"> Game Portal </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/samsung-x-you/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:samsung x you" role="menuitem"> Samsung x You </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/smartthings/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:smartthings" role="menuitem"> SmartThings </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/design-for-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:new & featured:design for home" role="menuitem"> Design For Home </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:deals" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals"> Deals <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/black-friday-cyber-monday/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:black friday cyber monday sale" role="menuitem"> Black Friday Cyber Monday Sale </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/fold6-flip6/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:galaxy z fold6 | z flip6 offer" role="menuitem"> Galaxy Z Fold6 | Z Flip6 Offer </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/galaxy-fe-series/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:galaxy fe series offer" role="menuitem"> Galaxy FE Series Offer </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:all deals " role="menuitem"> All Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/mobile-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:mobile deals " role="menuitem"> Mobile Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/mobile-deals/#galaxy-tab" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:tablet deals" role="menuitem"> Tablet Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/mobile-deals/#Galaxy-WatchBuds" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:galaxy watch & bud deals " role="menuitem"> Galaxy Watch & Bud Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/tv-soundbar-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:tv & soundbar deals" role="menuitem"> TV & Soundbar Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/home-appliances-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:home appliance deals" role="menuitem"> Home Appliance Deals </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/computing-deals/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:deals:computing deals" role="menuitem"> Computing Deals </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:benefits program" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program"> Benefits Program <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/multistore/samsung_education_sg/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:student offers" role="menuitem"> Student Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/corporate-epp/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:corporate offers" role="menuitem"> Corporate Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:business offers" role="menuitem"> Business Offers </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:why buy from samsung" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung"> Why Buy From Samsung <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/why-buy-online/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:overview" role="menuitem"> Overview </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/price-promise/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:price promise" role="menuitem"> Price Promise </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/shop-faq/delivery-and-installations/general-delivery-services-fees-and-coverage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:free delivery " role="menuitem"> Free Delivery </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/shop-faq/payment-and-financing/what-are-the-available-financing-programs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:0% instalment plans" role="menuitem"> 0% Instalment Plans </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/rewards/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:samsung rewards " role="menuitem"> Samsung Rewards </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/warranty/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:official samsung warranty " role="menuitem"> Official Samsung Warranty </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/trade-in/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:mobile trade-in " role="menuitem"> Mobile Trade-In </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/upgrade/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:tv upgrade offer" role="menuitem"> TV Upgrade Offer </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/samsung-care-plus/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:samsung care plus" role="menuitem"> Samsung Care+ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/welcome-to-samsung/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:why buy from samsung:essential onboarding guide" role="menuitem"> Essential Onboarding Guide </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:samsung experience store" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:samsung experience store"> Samsung Experience Store <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/samsung-experience-store/about/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:samsung experience store:samsung experience store info" role="menuitem"> Samsung Experience Store Info </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/samsung-experience-store/livespace/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:samsung experience store:samsung live space" role="menuitem"> Samsung Live Space </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/store-pickup-and-support/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:samsung experience store:store pickup & support " role="menuitem"> Store Pickup & Support </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/samsung-experience-store/locations/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:samsung experience store:find a store " role="menuitem"> Find a Store </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="shop:benefits program" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program"> Benefits Program <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/multistore/samsung_education_sg/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:student offers" role="menuitem"> Student Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/corporate-epp/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:corporate offers" role="menuitem"> Corporate Offers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits program:business offers" role="menuitem"> Business Offers </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container"> <p class="nv00-gnb__l1-menu-container-title">AI</p> <div class="nv00-gnb__l1-menu-wrap l1-only"> <ul class="nv00-gnb__l1-menu-list" role="menu"> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/ai-products/" data-engname="ai:ai for all" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai for all" role="menuitem"> AI for All </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/galaxy-ai/" data-engname="ai:galaxy ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:galaxy ai" role="menuitem"> Galaxy AI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/tvs/8k-tv/highlights/" data-engname="ai:samsung ai tv" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:samsung ai tv" role="menuitem"> Samsung AI TV </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/home-appliances/bespoke-home/" data-engname="ai:bespoke ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:bespoke ai" role="menuitem"> Bespoke AI </a> </li> <li class="nv00-gnb__l1-menu" data-group-code="none"> <a class="nv00-gnb__l1-menu-link" href="/sg/ai-products/all-ai-products/" data-engname="ai:all ai products" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:all ai products" role="menuitem"> All AI Products </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container"> <p class="nv00-gnb__l1-menu-container-title">Mobile</p> <div class="nv00-gnb__l1-menu-wrap l1-only"> <ul class="nv00-gnb__l1-menu-list" role="menu"> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/mobile/" data-engname="mobile:discover mobiles" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:discover mobiles" role="menuitem"> Discover Mobiles </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/galaxy-ai/" data-engname="mobile:galaxy ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy ai" role="menuitem"> Galaxy AI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/smartphones/" data-engname="mobile:galaxy smartphone" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy smartphone" role="menuitem"> Galaxy Smartphone </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/tablets/" data-engname="mobile:galaxy tab" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy tab" role="menuitem"> Galaxy Tab </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/watches/" data-engname="mobile:galaxy watch" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy watch" role="menuitem"> Galaxy Watch </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/audio-sound/" data-engname="mobile:galaxy buds" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy buds" role="menuitem"> Galaxy Buds </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/mobile-accessories/" data-engname="mobile:galaxy accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy accessories" role="menuitem"> Galaxy Accessories </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/one-ui/" data-engname="mobile:one ui" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:one ui" role="menuitem"> One UI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/apps/samsung-health/" data-engname="mobile:samsung health" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:samsung health" role="menuitem"> Samsung Health </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/apps/" data-engname="mobile:apps and services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:apps and services" role="menuitem"> Apps & Services </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/mobile/why-galaxy/" data-engname="mobile:why galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:why galaxy" role="menuitem"> Why Galaxy </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/mobile/switch-to-galaxy/" data-engname="mobile:switch to galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:switch to galaxy" role="menuitem"> Switch to Galaxy </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/sg/accessories/galaxy-studio/" data-engname="mobile:galaxy studio" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy studio" role="menuitem"> Galaxy Studio </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap featured-products-thumbnail"> <p class="nv00-gnb__featured-products-thumbnail-title">New & Featured</p> <div class="nv00-gnb__featured-products-thumbnail-item-container"> <button class="nv00-gnb__featured-products-thumbnail-item--previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <ul class="nv00-gnb__featured-products-thumbnail-item-wrap" role="menu"> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-z-fold6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z fold6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Fold6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-z-flip6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z flip6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Flip6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-s24-ultra/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s24 ultra" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 Ultra" data-mobile-alt="Galaxy S24 Ultra" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 Ultra" data-mobile-alt="Galaxy S24 Ultra" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 Ultra</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-s24/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy S24 | S24+" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 | S24+" data-mobile-alt="Galaxy S24 | S24+" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_E1E2_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 | S24+" data-mobile-alt="Galaxy S24 | S24+" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 | S24+</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-s/galaxy-s24-fe-blue-256gb-sm-s721blbcxsp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:Galaxy S24 FE" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 FE" data-mobile-alt="Galaxy S24 FE" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_R12_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 FE" data-mobile-alt="Galaxy S24 FE" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 FE</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-sm-a556elbaxsp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy a55 5g" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy A55 5G" data-mobile-alt="Galaxy A55 5G" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$" data-desktop-alt="Galaxy A55 5G" data-mobile-alt="Galaxy A55 5G" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy A55 5G</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/tablets/galaxy-tab-s/galaxy-tab-s10-ultra-gray-256gb-sm-x920nzaaxsp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy tab s10 series" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Tab S10 Series" data-mobile-alt="Galaxy Tab S10 Series" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2404/gnb/GNB_TS10-Series_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Tab S10 Series" data-mobile-alt="Galaxy Tab S10 Series" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Tab S10 Series</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaaxsp/" aria-label="Galaxy Watch Ultra: Open in a New Window" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy watch ultra" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem" target="_blank"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Watch Ultra</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/" aria-label="Galaxy Buds3 Pro: Open in a New Window" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy buds3 pro" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem" target="_blank"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/sg/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Buds3 Pro</p> </a> </li> </ul> <button class="nv00-gnb__featured-products-thumbnail-item--next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av"> TV & AV <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">TV & AV</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:recommended" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended"> Recommended <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/tv-bundles/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:exclusive tv bundles" role="menuitem"> Exclusive TV Bundles </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/why-samsung-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why samsung tv" role="menuitem"> Why Samsung TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/qled-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why neo qled" role="menuitem"> Why Neo QLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/oled-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why samsung oled" role="menuitem"> Why Samsung OLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/8k-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why 8k tvs" role="menuitem"> Why 8K TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/lifestyle-tvs/the-frame/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why the frame" role="menuitem"> Why The Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/lifestyle-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:discover lifestyle tvs" role="menuitem"> Discover Lifestyle TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/gaming-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:best samsung gaming tv" role="menuitem"> Best Samsung Gaming TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/sports-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:best tv for sports" role="menuitem"> Best TV for Sports <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/smart-tv/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why samsung smart tv" role="menuitem"> Why Samsung Smart TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/micro-led/highlights/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:why micro led" role="menuitem"> Why Micro LED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/offer/upgrade/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:recommended:tv upgrade offer" role="menuitem"> TV Upgrade Offer <span class="badge-icon badge-icon--label badge-icon--bg-color-red">HOT</span> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:tvs" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs"> TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:discover tvs" role="menuitem"> Discover TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/tv-buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:tv buying guide" role="menuitem"> TV Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:help choose my tv " role="menuitem"> Help Choose My TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/neo-qled-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:neo qled" role="menuitem"> Neo QLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/qled-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:qled" role="menuitem"> QLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/oled-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:oled" role="menuitem"> OLED </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/lifestyle-tvs/the-frame/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the frame" role="menuitem"> The Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/lifestyle-tvs/the-serif/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the serif" role="menuitem"> The Serif </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/lifestyle-tvs/the-sero/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the sero" role="menuitem"> The Sero </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/all-tvs/?crystal-uhd" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:crystal uhd" role="menuitem"> Crystal UHD </a> </li> <li class="nv00-gnb__l2-menu mobile-only"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/8k-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:8k tvs" role="menuitem"> 8K TVs </a> </li> <li class="nv00-gnb__l2-menu mobile-only"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/uhd-4k-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:4k tvs" role="menuitem"> 4K TVs </a> </li> <li class="nv00-gnb__l2-menu mobile-only"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/all-tvs/?full-hd+hd" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:full hd/hd tvs" role="menuitem"> Full HD/HD TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tv-accessories/all-tv-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:tv accessories" role="menuitem"> TV Accessories </a> </li> <li class="nv00-gnb__l2-menu mobile-only"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:help choose your best tv" role="menuitem"> Help Choose Your Best TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/all-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:all tvs" role="menuitem"> All TVs </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:tv by size" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size"> TV by Size <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/98-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:98”" role="menuitem"> 98” </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/85-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:85 inch tvs" role="menuitem"> 85" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/77-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:77”" role="menuitem"> 77” </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/75-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:75 inch tvs" role="menuitem"> 75" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/65-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:65 inch tvs" role="menuitem"> 65" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/55-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:55 inch tvs" role="menuitem"> 55" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/50-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:50 inch tvs" role="menuitem"> 50" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/43-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:43 inch tvs" role="menuitem"> 43" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/32-inch-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:32 inch tvs" role="menuitem"> 32" </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/tv-buying-guide/what-size-tv-should-i-get/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:what is the right tv size" role="menuitem"> What is the Right TV Size? </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/all-tvs/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by size:all tvs" role="menuitem"> All TVs </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:tv by resolution" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by resolution"> TV by Resolution <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/8k-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by resolution:8k tvs" role="menuitem"> 8K TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/uhd-4k-tv/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by resolution:4k tvs" role="menuitem"> 4K TVs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/all-tvs/?full-hd+hd" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tv by resolution:full hd hd tvs" role="menuitem"> Full HD/HD TVs </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:projectors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors"> Projectors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/projectors/the-premiere/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:the premiere" role="menuitem"> The Premiere </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/projectors/all-projectors/?the-freestyle" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:the freestyle" role="menuitem"> The Freestyle </a> </li> <li class="nv00-gnb__l2-menu mobile-only"> <a class="nv00-gnb__l2-menu-link" href="/sg/tvs/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:help choose your best tv" role="menuitem"> Help Choose Your Best TV </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/projectors/all-projectors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:all projectors" role="menuitem"> All Projectors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="tv and av:sound devices" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices"> Sound Devices <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/soundbar-overview/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:discover sound devices" role="menuitem"> Discover Sound Devices </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/soundbar-buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:soundbar buying guide" role="menuitem"> Soundbar Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:help choose my sound device" role="menuitem"> Help Choose My Sound Device </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?music-frame" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:music frame" role="menuitem"> Music Frame </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?q-series-soundbar" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:q series soundbars" role="menuitem"> Q-Series Soundbars </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?s-series-all-in-one-soundbar" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:s-series all-in-one soundbar" role="menuitem"> S-Series All-in-one Soundbar </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?s-series-ultra-slim-soundbar" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:s-series ultra slim soundbar" role="menuitem"> S-Series Ultra Slim Soundbar </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?b-series-soundbar" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:b series soundbars" role="menuitem"> B-series Soundbars </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/?soundbars-with-subwoofers" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:soundbars with subwoofers" role="menuitem"> Soundbars with Subwoofers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-accessories/all-audio-accessories/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:audio accessories" role="menuitem"> Audio Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/audio-devices/all-audio-devices/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:all sound devices" role="menuitem"> All Sound Devices </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances"> Home Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Home Appliances</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:recommended" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended"> Recommended <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/bespoke-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:discover bespoke ai" role="menuitem"> Discover Bespoke AI </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/bespoke-kitchen-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:bespoke kitchen appliances " role="menuitem"> Bespoke Kitchen Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/sustainable-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:ai energy savings" role="menuitem"> AI Energy Savings <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:discover home appliances" role="menuitem"> Discover Home Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/bespoke-creators-collection/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:mybespoke refrigerator" role="menuitem"> MyBespoke Refrigerator </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/bespoke-design-studio/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:bespoke design studio" role="menuitem"> Bespoke Design Studio </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/design-for-home/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:design for home" role="menuitem"> Design For Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/bespoke-jet-ai/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:bespoke je tm ai " role="menuitem"> Bespoke Jet™ AI </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/bespoke-ai-laundry/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:bespoke ai™ laundry" role="menuitem"> Bespoke AI™ Laundry </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/buying-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:home appliances buying guide" role="menuitem"> Home Appliances Buying Guide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliances/smartthings/cooking/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:recommended:smartthings home" role="menuitem"> SmartThings Home </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:refrigerators" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators"> Refrigerators <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/all-refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:all refrigerators" role="menuitem"> All Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/bespoke/?bespoke-refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:bespoke refrigerators" role="menuitem"> Bespoke Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/bespoke-creators-collection/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:bespoke creators collection" role="menuitem"> Bespoke Creators Collection </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/french-door/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:french door refrigerators" role="menuitem"> French Door Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/side-by-side/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:side-by-side refrigerators" role="menuitem"> Side-by-Side Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/bottom-mount-freezer/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:bottom mount freezers" role="menuitem"> Bottom Mount Freezers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/top-mount-freezer/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:top mount freezers" role="menuitem"> Top Mount Freezers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/one-door/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:one door refrigerators" role="menuitem"> One Door Refrigerators </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/refrigerators/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:refrigerators:discover refrigerators" role="menuitem"> Discover Refrigerators </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:laundry" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry"> Laundry <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/all-washers-and-dryers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:all laundry" role="menuitem"> All Laundry </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/all-washers-and-dryers/?bespoke-laundry" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:bespoke ai tm laundry" role="menuitem"> BESPOKE AI™ Laundry <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/all-washers-and-dryers/?front-loader" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:front load washers" role="menuitem"> Front Load Washers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/all-washers-and-dryers/?top-load-washer/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:top load washers" role="menuitem"> Top Load Washers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/washer-dryer-combo/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:washer dryer combo" role="menuitem"> Washer Dryer Combo </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washer-and-dryer-bundle/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:washer & dryer bundle" role="menuitem"> Washer & Dryer Bundle </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/dryers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:dryers" role="menuitem"> Dryers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/airdresser/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:airdresser" role="menuitem"> AirDresser </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/washers-and-dryers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:laundry:discover laundry" role="menuitem"> Discover Laundry </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu" data-type-code="none" data-group-code="08000000"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:air conditioners" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air conditioners"> Air Conditioners <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/air-conditioners/windfree/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air conditioners:discover windfree tm" role="menuitem"> Discover WindFree™ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/air-conditioners/all-air-conditioners/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air conditioners:all air conditioners" role="menuitem"> All Air Conditioners </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:vacuum cleaners" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners"> Vacuum Cleaners <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/all-vacuum-cleaners/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:all vacuum cleaners" role="menuitem"> All Vacuum Cleaners </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/bespoke-jet/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:bespoke jet" role="menuitem"> Bespoke Jet™ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/stick/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:stick vacuum" role="menuitem"> Stick Vacuum </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/robot/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:robot vacuum" role="menuitem"> Robot Vacuum </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliance-accessories/all-home-appliance-accessories/?vacuum-cleaner-accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:vacuum accessories" role="menuitem"> Vacuum Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:discover vacuum cleaners" role="menuitem"> Discover Vacuum Cleaners </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:cooking appliances" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances"> Cooking Appliances <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/all-cooking-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:all cooking appliances" role="menuitem"> All Cooking Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/all-cooking-appliances/?bespoke-cooking-appliances" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:bespoke cooking appliances" role="menuitem"> Bespoke Cooking Appliances </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/all-cooking-appliances/?built-in-oven" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:built-in oven" role="menuitem"> Built-in Oven </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/all-cooking-appliances/?hobs" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:hobs" role="menuitem"> Hobs </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/all-cooking-appliances/?hoods" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:hoods" role="menuitem"> Hoods </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/microwave-ovens/all-microwave-ovens/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:microwave ovens" role="menuitem"> Microwave Ovens </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliance-accessories/all-home-appliance-accessories/?cooking-appliances-accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:cooking appliances accessories" role="menuitem"> Cooking Appliances Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/cooking-appliances/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:cooking appliances:discover cooking appliances" role="menuitem"> Discover Cooking Appliances </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:dishwashers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:dishwashers"> Dishwashers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/dishwashers/all-dishwashers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:dishwashers:all dishwashers" role="menuitem"> All Dishwashers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/dishwashers/all-dishwashers/?bespoke" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:dishwashers:bespoke dishwashers" role="menuitem"> Bespoke Dishwashers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/dishwashers/all-dishwashers/?freestanding-dishwashers" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:dishwashers:freestanding dishwashers" role="menuitem"> Freestanding Dishwashers </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/dishwashers/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:dishwashers:discover dischwashers" role="menuitem"> Discover Dishwashers </a> </li> </ul> <div class="nv00-gnb__l1-menu desktop-only"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:air purifiers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air purifiers"> Air Purifiers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliance-accessories/all-home-appliance-accessories/?air-purifier-accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air purifiers:filters and accessories" role="menuitem"> Filters & Accessories </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:vacuum cleaners" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners"> Vacuum Cleaners <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/all-vacuum-cleaners/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:all vacuum cleaners" role="menuitem"> All Vacuum Cleaners </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/bespoke-jet/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:bespoke jet" role="menuitem"> Bespoke Jet™ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/stick/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:stick vacuum" role="menuitem"> Stick Vacuum </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/robot/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:robot vacuum" role="menuitem"> Robot Vacuum </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliance-accessories/all-home-appliance-accessories/?vacuum-cleaner-accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:vacuum accessories" role="menuitem"> Vacuum Accessories </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/vacuum-cleaners/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:vacuum cleaners:discover vacuum cleaners" role="menuitem"> Discover Vacuum Cleaners </a> </li> </ul> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="home appliances:air purifiers" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air purifiers"> Air Purifiers <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/home-appliance-accessories/all-home-appliance-accessories/?air-purifier-accessories" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="home appliances:air purifiers:filters and accessories" role="menuitem"> Filters & Accessories </a> </li> </ul> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing"> Computing <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Computing</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:recommended" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:recommended"> Recommended <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:recommended:help me choose monitor" role="menuitem"> Help me choose monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/odyssey-gaming-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:recommended:odyssey gaming monitors" role="menuitem"> Odyssey Gaming Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/high-resolution-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:recommended:viewfinity high resolution monitors" role="menuitem"> ViewFinity High Resolution Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:computer monitors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors"> Computer Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:discover computer monitors" role="menuitem"> Discover Computer Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/gaming/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:odyssey gaming" role="menuitem"> Odyssey Gaming </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/high-resolution/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:viewfinity high resolution" role="menuitem"> ViewFinity High Resolution </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/smart-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:smart monitors" role="menuitem"> Smart Monitors <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/ultra-wide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:ultrawide" role="menuitem"> Ultrawide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/curved/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:curved" role="menuitem"> Curved </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/4k-uhd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:4k uhd" role="menuitem"> 4K UHD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/full-hd-1080p/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:full hd" role="menuitem"> Full HD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/monitors/" aria-label="Business Monitors: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:business monitors" role="menuitem" target="_blank"> Business Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/all-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:computer monitors:all computer monitors" role="menuitem"> All Computer Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="computing:memory and storage" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage"> Memory & Storage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/memory-storage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage:discover memory and storage" role="menuitem"> Discover Memory & Storage </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/ssd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage:ssd" role="menuitem"> SSD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/portable-ssd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage:portable ssd" role="menuitem"> Portable SSD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/memory-cards/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage:memory cards" role="menuitem"> Memory Cards </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/memory-storage/all-memory-storage/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="computing:memory and storage:all memory and storage" role="menuitem"> All Memory & Storage </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays"> Displays <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container left-side"> <p class="nv00-gnb__l1-menu-container-title">Displays</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:recommeded" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:recommeded"> Recommeded <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/help-me-choose/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:recommeded:help me choose monitor" role="menuitem"> Help me choose monitor </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/odyssey-gaming-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:recommeded:odyssey gaming monitors" role="menuitem"> Odyssey Gaming Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/high-resolution-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:recommeded:viewfinity high resolution monitors" role="menuitem"> ViewFinity High Resolution Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:computer monitors" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors"> Computer Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:discover computer monitors" role="menuitem"> Discover Computer Monitors </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/gaming/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:odyssey gaming" role="menuitem"> Odyssey Gaming </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/high-resolution/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:viewfinity high resolution" role="menuitem"> ViewFinity High Resolution </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/smart-monitor/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:smart monitors" role="menuitem"> Smart Monitors <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">NEW</span> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/ultra-wide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:ultrawide" role="menuitem"> Ultrawide </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/curved/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:curved" role="menuitem"> Curved </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/4k-uhd/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:4k uhd" role="menuitem"> 4K UHD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/full-hd-1080p/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:full hd" role="menuitem"> Full HD </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/monitors/all-monitors/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:computer monitors:all computer monitors" role="menuitem"> All Computer Monitors </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="displays:for business" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:for business"> For Business <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/smart-signage/" aria-label="Smart Signage: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:for business:smart signage" role="menuitem" target="_blank"> Smart Signage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/led-signage/" aria-label="LED Signage: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:for business:led signage" role="menuitem" target="_blank"> LED Signage <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/commercial-tvs/" aria-label="Commercial TVs: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:for business:commercial tvs" role="menuitem" target="_blank"> Commercial TVs <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/business/monitors/" aria-label="Business Monitors: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="displays:for business:business monitors" role="menuitem" target="_blank"> Business Monitors <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/sg/accessories/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories" role="menuitem"> Accessories </a> </li> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/sg/smartthings/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="smartthings" role="menuitem"> SmartThings </a> </li> </ul> <ul class="nv00-gnb__l0-menu-list right-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support"> Support <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container right-side"> <p class="nv00-gnb__l1-menu-container-title">Support</p> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:product help" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help"> Product Help <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:support home" role="menuitem"> Support Home </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/user-manuals-and-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:manual and software" role="menuitem"> Manual and Software </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/search/?searchvalue=mobile#support" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:search support" role="menuitem"> Search Support </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/shop-faq/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:shop faq" role="menuitem"> SHOP FAQ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/welcome-to-samsung/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:essential onboarding guide" role="menuitem"> Essential Onboarding Guide </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:repairs and warranty" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty"> Repairs & Warranty <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/warranty/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:warranty information" role="menuitem"> Warranty Information </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/service-centre/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:service locator" role="menuitem"> Service Locator </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/mypage/myproducts/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:book track repair" role="menuitem"> Book/Track Repair </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/repair-cost/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:repair cost" role="menuitem"> Repair Cost </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/service-centre-wait-time/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:service centre waiting time" role="menuitem"> Service Centre Waiting Time </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:contact" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact"> Contact <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://samsung-livechat.sprinklr.com/seao/sg/index.html" aria-label="Live Chat: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:live chat" role="menuitem" target="_blank"> Live Chat <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://spr.ly/SingaporeWhatsapp" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:whatsapp chat" role="menuitem"> WhatsApp Chat </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/contact/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:call" role="menuitem"> Call </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://bit.ly/3pQRWnb" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:email " role="menuitem"> Email </a> </li> </ul> </div>  <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:additional info" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional info"> Additional Info <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/sg/support/newsalert/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional info:news and alerts" role="menuitem"> News & Alerts </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="https://r1.community.samsung.com/t5/singapore/ct-p/sg" aria-label="Members & Community: Open in a New Window" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional info:members and community" role="menuitem" target="_blank"> Members & Community <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/sg/business/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business" role="menuitem"> For Business </a> </li> </ul> </div> <div class="nv00-gnb__utility-wrap"> <div class="nv00-gnb__utility search"> <button class="nv00-gnb__utility-btn gnb__search-btn-js" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search" aria-haspopup="true" aria-expanded="false"> <span class="hidden">Search</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> <div class="nv00-gnb__utility cart"> <a class="nv00-gnb__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://shop.samsung.com/sg/cart" href="https://shop.samsung.com/sg/cart" an-tr="nv00_gnb--cart-depth1" an-ca="navigation" an-ac="gnb" an-la="cart" role="button"> <span class="hidden">Cart</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cart-bold" href="#cart-bold"></use> </svg> <span class="cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"><span class="hidden">Number of Products : </span></span> </a> </div> <div class="nv00-gnb__utility before-login"> <a class="nv00-gnb__utility-btn mobile-only loginBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="login" aria-label="Manage Account" href="javascript:;" role="button"> <span class="hidden">Log-In/Sign-Up</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu desktop-only"> <a class="nv00-gnb__utility-user-menu-link loginBtn" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="sign in sign up" aria-label="sign in sign up" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLSG/signInGate" role="menuitem"> Log-In/Sign-Up </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/sg/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Why Create a Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Why Create a Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="https://shop.samsung.com/sg/mypage/orders" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="orders" aria-label="orders" role="menuitem"> Orders </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/sg/mypage/myproducts/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="product registration" aria-label="product registration" role="menuitem"> Product Registration<br /> </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/sg/members/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="members" aria-label="members" role="menuitem"> Members </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/sg/rewards/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="samsung rewards" aria-label="samsung rewards" role="menuitem"> Samsung Rewards </a> </li> </ul> </div> <div class="nv00-gnb__utility after-login"> <a class="nv00-gnb__utility-btn mobile-only js-account" href="javascript:;" role="button" aria-label="Manage Account"> <span class="hidden">Manage Account</span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu user desktop-only"> <a class="nv00-gnb__utility-user-menu-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="menuitem" aria-label="Manage Account"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/sg/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Why Create a Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Why Create a Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my page" target="_self" aria-label="my page" href="/sg/mypage/" role="menuitem">My Page</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="orders" target="_self" aria-label="orders" href="https://shop.samsung.com/sg/mypage/orders" role="menuitem">Orders</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="wishlist" target="_self" aria-label="wishlist" href="https://shop.samsung.com/sg/my-account/wishlist/" role="menuitem">Wishlist</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="product registration" target="_self" aria-label="product registration" href="/sg/mypage/myproducts/" role="menuitem">Product Registration<br /></a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my rewards" target="_self" aria-label="my rewards" href="/sg/mypage/rewards/" role="menuitem">My Rewards</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="members" target="_self" aria-label="members" href="/sg/members/" role="menuitem">Members</a> </li> <li class="nv00-gnb__utility-user-menu"> <a href="javascript:;" class="nv00-gnb__utility-user-menu-link logoutBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logout" aria-label="logout" role="menuitem">Log Out</a> </li> </ul> </div> <div class="nv00-gnb__utility hamburger"> <button class="nv00-gnb__utility-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:open" aria-expanded="false" aria-haspopup="true"> <span class="hidden">Navigation</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#menu-bold" href="#menu-bold"></use> </svg> </button> </div> </div> <div class="nv00-gnb__inner-wrap-looping--end" tabindex="0"></div> </div> <div class="nv00-gnb__dim-wrap" aria-hidden="true"></div> <form id="signInForm" name="signInForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLSG/signInGate"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id" value="9z5ss85h4x"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="/aemapi/v6/data-login/afterLogin.sg.json"/> <input type="hidden" name="state" id="signInState" value=""/> <input type="hidden" name="goBackURL" id="signInGoBackURL" value=""/> <input type="hidden" name="scope" id="scope" value=""/> </form>  <form id="signOutForm" name="signOutForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLSG/signOutGate"> <input type="hidden" name="client_id" value="9z5ss85h4x"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL" value="/aemapi/v6/data-login/afterLogout.sg.json"/> </form>  <form id="joinForm" name="joinForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="SignupAP"/> <input type="hidden" name="serviceID" value="9z5ss85h4x"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="registURL" id="joinRegistURL" value="/aemapi/v6/data-login/afterLogin.sg.json"/> <input type="hidden" name="returnURL" id="joinReturnURL"/> <input type="hidden" name="goBackURL" id="joinGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> <input type="hidden" name="emailActivationURL" id="joinEmailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.sg.json"/> </form>  <form id="findAccountForm" name="findAccountForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="FindEmail"/> <input type="hidden" name="serviceID" value="9z5ss85h4x"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="findGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form>  <form id="accountModifyForm" name="accountModifyForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="ModifyUserInfo"/> <input type="hidden" name="serviceID" value="9z5ss85h4x"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="SG"/> <input type="hidden" name="languageCode" value="en"/> <input type="hidden" name="goBackURL" id="accountModifyGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <form id="textForm" name="textForm"> <input type="hidden" name="productCountText" id="productCountText" value="Number of Products"/> </form> <input type="hidden" name="domain" id="domain" value="www.samsung.com"/> <input type="hidden" name="useLogin" id="useLogin" value="Y"/> <input type="hidden" name="useStore" id="useStore" value="Y"/> <input type="hidden" name="storeDomain" id="storeDomain" value="https://shop.samsung.com"/> <input type="hidden" name="hybrisApiJson" id="hybrisApiJson" value="Y"/> <input type="hidden" name="addToCartPostYn" id="addToCartPostYn" value="Y"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi" value="Y"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="https://account.samsung.com/accounts/v1/DCGLSG/signInGate"/> <input type="hidden" name="logoutURL" id="logoutURL" value="https://account.samsung.com/accounts/v1/DCGLSG/signOutGate"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL" value="/sg/my-account/profile"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="SG"/> <input type="hidden" name="languageCode" id="languageCode" value="en"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId" value="9z5ss85h4x"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.sg.json"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType" value="global"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv" value="0.002"/> <input type="hidden" name="gnbMyAccountUrl" id="gnbMyAccountUrl" value="/sg/my-account/profile"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/> <div class="nv00-gnb__layer-popup-wrap"> <div class="nv00-gnb__layer-popup-looping--start" tabindex="0"></div> <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">Your cart is empty.</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" an-tr="nv00_gnb-product detail-cart popup-other_interaction" an-ca="other interaction" an-ac="cart is empty:OK" an-la="cart is empty:OK" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">Sorry, there is insufficient stock for your cart.</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct"> <p class="layer-popup__title">Remove a Product</p> <p class="layer-popup__desc">Without this product, applied coupon or promotion code cannot be redeemed.<br/>Are you sure to remove this product?</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--outlined cta--black" aria-label="Accessibility Text"> Move to wish list </button> <button class="cta cta--contained cta--black" aria-label="Accessibility Text"> Delete </button> </div> <button class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb-layer_popup-js gnb__popup-privacy" id="layerPrivacy"> <p class="layer-popup__title">Privacy Policy</p> <div class="layer-popup__checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" type="checkbox" name="checkbox" id="privacy-terms"/> <label class="checkbox-v2__label" for="privacy-terms"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I have read and agree to the Samsung.com <a href='/sg/info/privacy/' target='_blank' class='link-text' title="Open in a New Window">Privacy Policy</a></span> </label> </div> <p class="layer-popup__checkbox-desc error" id="errorPrivacy">Tick this box to proceed to Samsung.com.</p> <div class="checkbox-v2"> <input class="checkbox-v2__input" type="checkbox" name="checkbox" id="privacy-terms2"/> <label class="checkbox-v2__label" for="privacy-terms2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">By ticking this box, I accept Samsung Service Updates, including : </span></label></div><p class="layer-popup__checkbox-desc">Samsung.com Services and marketing information, new product and service announcements as well as special offers, events and newsletters.</p> </div> <div class="layer-popup__cta-wrap"> <button id="privacyBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">PROCEED TO SAMSUNG.COM</button> <button class="cta cta--contained cta--black login-leave-btn" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);">Leave page</button> </div> <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">Close Privacy Policy</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference"> <p class="layer-popup__title">Check Preferences</p> <p class="layer-popup__desc">Help us to make recommendations for you by updating your product preferences.</p> <div class="layer-popup__cta-wrap"> <button id="preferenceCheckBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">YES</button> <button id="privacyCloseBtn" class="cta cta--contained cta--black" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);">LATER</button> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">Close Check Preferences</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="nv00-gnb__layer-popup-looping--end" tabindex="0"></div> </div> </nav>  <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/sg/aisearch"/> <input type="hidden" name="sc_gnb_placeholder" id="sc_gnb_placeholder" value="Galaxy Z Fold6"/> <input type="hidden" name="sc_gnb_aiSearchUseYn" id="sc_gnb_aiSearchUseYn" value="Y"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/>  <section class="gnb-search" role="dialog" aria-modal="true" style="display: none;"> <div class="gnb-search__dimmed"></div> <div class="gnb-search__looping--start" tabindex="0"></div> <div class="gnb-search__contents"> <h2 class="text-title">What are you looking for?</h2> <div class="gnb-search__search-wrap"> <form action="javascript:;" class="gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search form</legend> <div class="gnb-search__input-wrap"> <button type="button" class="gnb-search__input-btn--close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <label class="hidden" for="gnb-search-keyword">Search Keyword</label> <input type="text" name="search" class="gnb-search__input" id="gnb-search-keyword" maxlength="64" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> <span class="gnb-search__placeholder">Galaxy Z Fold6</span>  <button type="button" class="gnb-search__input-btn--cancel" an-tr="search layer-product detail-keyword delete-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword delete"> <span class="hidden">Delete</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button type="submit" class="gnb-search__input-btn--search" an-tr="search layer-product detail-submit-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:keyword"> <span class="hidden">Search</span> <svg class="icon" focusable="false"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button type="button" class="gnb-search__input-btn--scan-barcode"> <span class="hidden">Scan Barcode</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#barcode-regular" href="#barcode-regular"></use> </svg> </button> </div> </fieldset> </form> <div class="gnb-search__result-wrap gnb-search__result-wrap--hide" style="overflow: auto;"> <div class="gnb-search__no-suggestions gnb-search__no-suggestions--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">NO SUGGESTIONS</h3> </div> </div> <div class="gnb-search__related gnb-search__related--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Suggested Searches</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__popular-keyword gnb-search__popular-keyword--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Popular Keyword</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__history gnb-search__history--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">Search History</h3> <button class="gnb-search__btn--history-clear" an-tr="search layer-product detail-clear all-search" an-ca="search" an-ac="search layer" an-la="search history:clear all"> Clear All </button> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> </div> </div>  <div class="gnb-search__chip-wrap" role="list"> <h3 class="hidden">recommended search</h3> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy z fold6">Galaxy Z Fold6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy z flip6">Galaxy Z Flip6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:qled 8k">QLED 8K</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:oled tv">OLED TV</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:quickdrive">QuickDrive</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:smarttag2">SmartTag2</a> </div> </div> <button class="gnb-search__btn--close" an-tr="search layer-product detail-close-search" an-ca="search" an-ac="search layer" an-la="close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="gnb-search__looping--end" tabindex="0"></div> </section>  <div id="content" class="st-page-pd" role="main"> <input type="hidden" name="modelCode" id="modelCode" value="SM-R630NZAAASA"/> <input type="hidden" name="categorySubSubTypeCode" id="categorySubSubTypeCode"/> <input type="hidden" name="categorySubTypeCode" id="categorySubTypeCode" value="01040100"/> <input type="hidden" name="categoryTypeCode" id="categoryTypeCode" value="01040000"/> <input type="hidden" name="typeCodeForGNB" id="typeCodeForGNB" value="01040000"/> <input type="hidden" name="groupCodeForGNB" id="groupCodeForGNB" value="01000000"/> <input type="hidden" name="categoryGroupCode" id="categoryGroupCode" value="01000000"/> <input type="hidden" name="emiUrl" id="emiUrl" value="/sg/web/emi"/> <input type="hidden" name="financingUrl" id="financingUrl" value="/sg/web/si-calculator"/> <input type="hidden" name="categoryname" id="categoryname"/> <input type="hidden" name="modelName" id="modelName" value="SM-R630"/> <input type="hidden" name="useNewWtb" id="useNewWtb" value="Y"/> <input type="hidden" name="priceCurrency" id="priceCurrency" value="sgd"/> <input type="hidden" name="gpvGetTypeCheck" id="gpvGetTypeCheck" value="Y"/> <input type="hidden" name="isPreqa" id="isPreqa" value="false"/> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pd-g-product-promotion-bar aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-usp-banner aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-header-navigation aem-GridColumn aem-GridColumn--default--12"><div class="us-epp-discount-keep" style="display: none;"></div> <div class="pd-header-navigation-keep header-keep"> <div class="pd-header-navigation bg-black" id="anchorContainer">  <div class="pd-header-navigation__header pd-header-navigation__menu--close"> <h1 class="pd-header-navigation__headline"> <strong class="pd-header-navigation__headline-text">Galaxy Buds3 Pro</strong> </h1> <div class="pd-header-navigation__menu-wrap"> <button type="button" aria-label="prev" class="pd-header-navigation__btn pd-header-navigation__btn-prev"> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#previous-regular"></use> </svg> </button> <div class="pd-header-navigation__menu-inner"> <input type="hidden" name="featureAnchorListYn" id="featureAnchorListYn" value="N"/> <ul class="pd-header-navigation__menu"> <li id="anchor_pd-g-feature-benefit" class="pd-header-navigation__menu-item active" style="display: none; margin-left: 0px;"> <a href="#benefit" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:features" aria-label="Features">Features<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-feature-gallery-carousel-pim" class="pd-header-navigation__menu-item" style="display: none; margin-left: 0px;"> <a href="#gallery" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:gallery" aria-label="Gallery">Gallery<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-specs" class="pd-header-navigation__menu-item" style="display: none; margin-left: 0px;"> <a href="#specs" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:spec" aria-label="Spec">Spec<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="reviewWrap" class="pd-header-navigation__menu-item" style="display: none; margin-left: 0px;"> <a href="#reviews" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:review" aria-label="Review">Review<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-support" class="pd-header-navigation__menu-item" style="display: none; margin-left: 0px;"> <a href="#support" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:support" aria-label="Support">Support<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li> <li id="anchor_pd-g-product-compare" class="pd-header-navigation__menu-item" style="display: none; margin-left: 0px;"> <a href="#compare" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:compare" aria-label="Compare">Compare<svg class="icon"><use xlink:href="#done-bold" href="#done-bold"></use></svg></a></li>  </ul> <div class="pd-header-navigation__menu-bar"></div> </div> <button type="button" aria-label="next" class="pd-header-navigation__btn pd-header-navigation__btn-next"> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#next-regular"></use> </svg> </button> <div class="pd-header-navigation__menu-epromoter-cta"> <button class="cta cta--label cta--icon cta--icon-leading" an-ca="content click" an-ac="feature" an-la="floating chat:chat with an expert"> Chat with an expert <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#message-regular" href="#message-regular"></use> </svg> </button> </div> </div> </div> <div class="pd-buying-price"> <div class="pd-buying-price__wrap"></div>  <div class="pd-buying-price__cta"></div> </div> </div> <div class="pd-header-navigation__dummy"> <div class="pd-header-navigation__dummy-headline"></div>  <div class="pd-header-navigation__dummy-menu"></div> </div> </div> <input type="hidden" id="navPriceDisplayYn" value="Y"/> <input type="hidden" id="navShopServiceYn" value="Y"/> <input type="hidden" id="navPackageYn" value="N"/> <input type="hidden" id="pdType" value="N"/> <input type="hidden" id="navOldProductYn" value="N"/> <input type="hidden" id="shopSKU" value="SM-R630NZAAASA"/> <input type="hidden" id="wtbUseYn" value="N"/> <input type="hidden" id="pdpUrl" value="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <input type="hidden" id="ctaType" value="WHERETOBUY"/> <input type="hidden" id="marketingpdpYN" value="N"/> <input type="hidden" id="familyCode" value="511355"/> <input type="hidden" id="tellsomeYn" value="N"/> <input type="hidden" id="navDisplayName" value="Galaxy Bud3"/> <input type="hidden" id="navPageTrack" value="product detail"/> <input type="hidden" name="current-page-nav" id="current-page-nav" value="/content/samsung/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa"/> <input type="hidden" id="navConfiguratorUrl"/> <input type="hidden" id="navCtaLocalText"/> <input type="hidden" id="navCtaEngText"/> <input type="hidden" id="navConfiguratorUseYn" value="N"/> <input type="hidden" id="navDetailRootNodePath" value="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa.dynamic"/> </div> <div class="pd-g-product-detail-kv aem-GridColumn aem-GridColumn--default--12"> <div class="add-ons-evoucher-popup" style="display:none"> <div class="layer-popup" id="freeGiftPopup" role="dialog" tabindex="0" style="display:block"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="add-ons-evoucher-popup__contents scrollbar__contents"> <div class="add-ons-evoucher-popup__wrap"> <div class="add-ons-evoucher-popup__head"> <h2 class="layer-popup__title"></h2> </div> <div class="add-ons-evoucher-popup__body"> <ul class="add-ons-evoucher-popup__list"></ul> </div> </div> </div> </div> <div class="add-ons-evoucher-popup__button"> <div class="add-ons-evoucher-popup__button-item"> <button class="cta cta--contained cta--black cta--disabled" aria-label="Out of Stock" aria-disabled="true"> Out of Stock </button> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>  <section class="pdd16-step-buying" id="pdd16-step-buying" style="display:none;"> <div class="pdd16-step-buying__header"> <div class="pdd16-step-buying__header-wrap"> <div class="pdd16-step-buying__header-title"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$240_240_PNG$" alt="Front side view of the Galaxy Buds3 Pro in Silver colour. Buy the new Samsung Buds3 Pro online at Samsung Singapore."/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$240_240_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$240_240_PNG$" alt="Front side view of the Galaxy Buds3 Pro in Silver colour. Buy the new Samsung Buds3 Pro online at Samsung Singapore."/> </div> <div class="pdd16-step-buying__header-text"><strong>Galaxy Buds3 Pro</strong>  </div> <div class="pdd16-step-buying__quantity"> <strong></strong> </div> </div> <div class="pdd16-step-buying__add-on-list swiper-container basic-swiper" style="display:none;" aria-live="polite" data-swiper-option='{ "componentEl":".pdd16-step-buying__add-on-list", "keepWrapper": true, "offSlideAccessibility":true, "followFinger": false, "slidesPerView":"auto" }'> <button type="button" class="swiper-button-prev"> <span class="hidden">Previous</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <div class="swiper-wrapper" role="list"> </div> <button type="button" class="swiper-button-next"> <span class="hidden">Next</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div>  <div class="pdd16-step-buying__header-price"> <div class="pdd16-step-buying__header-price-text"> <strong>from £55.53/mo for 36 mos</strong> or £3,299.00  <div class="pdd16-step-buying__header-price-save"> <del class="was-text">£2,399.00</del> <span class="sale-text">save $ £400.00</span> </div> </div> </div> </div> </div> <div class="pdd16-step-buying__header__dummy"></div>  <div class="pdd16-step-buying__promotion-banner"> <svg class="icon" focusable="false"> <use xlink:href="#deal-bold" href="#deal-bold"></use> </svg> <p class="pdd16-step-buying__promotion-banner-text"></p> </div> <div class="pdd16-step-buying__contents"> <h2 class="pdd16-step-buying__headline">Amazing additions</h2> <h3 class="pdd16-step-buying__sub-headline" style="display:none;"></h3> <div class="pdd16-step-buying__evoucher" style="display:none;"> <div class="pdd16-step-buying__evoucher-wrap"> <ul class="pdd16-step-buying__evoucher-list"> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title">Selected items(<span></span>)</span> <p class="pdd16-step-buying__evoucher-content" id="selectedItem"></p> <input type="hidden" id="voucherTotal" value="0"/> </li> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title">My eVoucher Balance</span> <p class="pdd16-step-buying__evoucher-content" id="voucherBalance"></p> </li> <li class="pdd16-step-buying__evoucher-item"> <span class="pdd16-step-buying__evoucher-title">Extra Charge</span> <p class="pdd16-step-buying__evoucher-content" id="voucherCharge"></p> </li> </ul> </div> <div class="pdd16-step-buying__evoucher-cta"> <button class="cta cta--underline cta--black cta--icon cta--clear-all" aria-label="Clear All"> Clear All <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> <div class="pdd16-step-buying__tab-wrap"> <div class="tab bg-light-gray" data-use-arrow> <div class="tab__left-arrow-wrap disabled"> <button class="tab__left-arrow" type="button" role="button" aria-label="previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> </div> <ul class="tab__list" role="tablist"> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"><span class="tab__item-line"></span></button> </li> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"><span class="tab__item-line"></span></button> </li> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"><span class="tab__item-line"></span></button> </li> </ul> <div class="tab__right-arrow-wrap disabled"> <button class="tab__right-arrow" type="button" role="button" aria-label="next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> <div class="pdd16-step-buying__card-wrap swiper-container basic-swiper" aria-live="polite" data-swiper-option='{ "slidesPerView":1, "autoHeight":true, "pagination":false, "componentEl":".pdd16-step-buying__card-wrap", "watchOverflow":true, "offTxtAccesibility":"true" }'> <div class="swiper-wrapper"> <div class="pdd16-step-buying__tab pdd16-step-buying__2column swiper-slide"> <div class="pdd16-step-buying__list-type"> <a class="btn-type on" aria-label="2column"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false"> <path fill="none" d="M0 0H16V16H0z" transform="translate(-344 -388) translate(344 388)"/> <g> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 388)"/> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(344 394.649)"/> <path d="M.764 0h3.822a.764.764 0 0 1 .764.764v3.822a.764.764 0 0 1-.764.764H.764A.764.764 0 0 1 0 4.586V.764A.764.764 0 0 1 .764 0z" transform="translate(-344 -388) translate(2 2) translate(350.65 388)"/> <path 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)"/> </g> </svg> </a> <a class="btn-type" aria-label="1column"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" focusable="false"> <path fill="none" d="M0 0H16V16H0z" transform="translate(349 388) translate(-349 -388)"/> <g> <path 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" class="cls-2" transform="translate(344 388.732) translate(7 1.268) translate(-349 -388)"/> <path 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" class="cls-2" transform="translate(344 395.732) translate(7 1.268) translate(-349 -388)"/> </g> </svg> </a> </div> <div class="scrollbar"> <div class="scrollbar__contents"> <div class="pdd16-step-buying__view-more"> <button type="button" class="cta" aira-label="View more"> <svg class="icon next" focusable="false"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> <span class="cta-text">View more</span> <svg class="icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="pdd16-step-buying__disclaimer" style="display:none"> <p></p> </div> <div class="pdd16-step-buying__footer pdd16-step-buying__footer--fixed"> <div class="pdd16-step-buying__footer-price"> <p class="pdd16-step-buying__footer-text"><strong>Total</strong>VAT Inclusive</p> <p class="pdd16-step-buying__footer-sum"><strong>From $107.50/mo </strong> for most at 0% APR<br/>or $2,579.96</p> </div> </div> <div class="pdd16-step-buying__footer__dummy"></div> </div> </div> </div>  <div class="pdd16-step-buying__layer-learn-more" role="dialog" tabindex="0" aria-modal="true" id="layerPopupLearnMore"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title"></h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pdd16-step-buying__learn-more-images"> </div> <div class="pdd16-step-buying__learn-more-content"> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </section>   <div> <section class="pd-banner pd-banner--type-text" data-fold-data='{"bgColor": "#ffffff", "textColor": "black"}' data-unfold-data='{"bgColor": "#ffffff", "textColor": "black"}'> <div class="pd-banner__inner" data-end-time="203012310000Z" data-start-text="Start in" data-end-text="End in"> <p class="pd-banner__title">Enjoy deals worth $48!</p> <a class="pd-banner__toggle" aria-expanded="false" role="button" href="javascript:void(0)" an-tr="pdd11_offer banner-product detail-image-arrow" an-ca="indication" an-ac="view more" an-la="view more"> <svg class="icon icon--open" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-regular"></use> </svg> <svg class="icon icon--close" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-regular"></use> </svg> <span class="pd-banner__toggle-open-text hidden">Open More Info</span> <span class="pd-banner__toggle-close-text hidden">Close More Info</span> </a> <div class="pd-banner__content-wrap"> <div class="pd-banner__content"> <h2 class="pd-banner__headline">Enjoy deals worth $48!</h2> <div class="pd-banner__desc-wrap"> <p class="pd-banner__desc">Get a free <span style="color: rgb(51,102,255);"><strong>Clip Case with Carabiner</strong></span> (worth $48)<sup>˜</sup>. <br /><br /> <sup>˜</sup>Valid from 9 Nov – 6 Dec 2024. Gift needs to be redeemed via Galaxy Gift Redemption Portal While stocks last. While stocks last. T&Cs apply.<br /></p> <div class="pd-banner__image-mo"> <div class="image"> <img class="image__preview lazy-load" data-src="?$144_80_PNG$" alt="Enjoy deals worth $48!" role="img" data-comp-name="image"/> <img class="image__main lazy-load" data-src="?$144_80_PNG$" alt="Enjoy deals worth $48!" role="img" data-comp-name="image"/> </div> </div> </div> </div> </div> </div> </section> </div> <div class="product-detail-kv"> <div class="product-detail-kv__gallery-area"> <script type="text/javascript"> var spinImageNewData = []; </script> <div class="pd-header-gallery non-title" id="pd-header-gallery"> <div class="pd-header-gallery__item--swiper swiper-container basic-swiper" data-swiper-option='{ "keepWrapper": true, "slidesPerView": 1, "followFinger": false, "componentEl":".pd-header-gallery__item--swiper", "offTxtAccesibility":"true" }' data-an-la-in="gallery:image zoom in" data-an-la-out="gallery:image zoom out"> <div class="pd-info"> <h2 class="pd-info__title">Galaxy Buds3 Pro</h2> <div class="pd-info__wishlist"></div> </div> <button type="button" data-role="none" class="pd-header-gallery__arrow swiper-button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="header(pim)_gallery module-product detail-image-arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M60.715 12.694l3.457 3.612L31.058 48l33.114 31.694-3.457 3.612L23.828 48z"></path> </svg> </button> <div class="swiper-wrapper"> <div class="pd-header-gallery__item swiper-slide" data-type-headline="Front side view of the Galaxy Buds3 Pro in Silver colour. Buy the new Samsung Buds3 Pro online at Samsung Singapore." an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:1"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <figure class="first-image"> <picture> <source media="(max-width:767px)" srcset="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$360_288_PNG$, https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$720_576_PNG$ 1.5x"/> <source media="(min-width:768px) and (max-width:1365px)" srcset="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$365_292_PNG$, https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$730_584_PNG$ 1.5x"/> <source media="(min-width:1366px)" srcset="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$650_519_PNG$, https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$1300_1038_PNG$ 1.5x"/> <img src="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$650_519_PNG$" alt="Front side view of the Galaxy Buds3 Pro in Silver colour. Buy the new Samsung Buds3 Pro online at Samsung Singapore."/> </picture> </figure> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$2052_1641_PNG$" data-mobile-src="https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136766?$2160_1728_PNG$" alt="" role="img"/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="Checkout the front side view of the new Samsung Galaxy Buds3 Pro, available now at Samsung Singapore." an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:2"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136745?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136745?$720_576_PNG$" alt="Checkout the front side view of the new Samsung Galaxy Buds3 Pro, available now at Samsung Singapore."/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136745?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136745?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="Back side view of the Samsung Galaxy Buds3 Pro TWS earbuds in Silver colour." an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:3"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136746?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136746?$720_576_PNG$" alt="Back side view of the Samsung Galaxy Buds3 Pro TWS earbuds in Silver colour."/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136746?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136746?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="Side view of the Samsung Galaxy Buds3 Pro, available at Samsung Singapore in Silver colour." an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:4"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136747?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136747?$720_576_PNG$" alt="Side view of the Samsung Galaxy Buds3 Pro, available at Samsung Singapore in Silver colour."/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136747?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136747?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="Checkout the front view of the Galaxy Buds3 Pro charging case, displayed in Silver colour." an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:5"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136748?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136748?$720_576_PNG$" alt="Checkout the front view of the Galaxy Buds3 Pro charging case, displayed in Silver colour."/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136748?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136748?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-front-w-lighting Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:6"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136749?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136749?$720_576_PNG$" alt="case-front-w-lighting Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136749?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136749?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-back Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:7"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136750?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136750?$720_576_PNG$" alt="case-back Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136750?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136750?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-bottom Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:8"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136751?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136751?$720_576_PNG$" alt="case-bottom Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136751?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136751?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-opened Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:9"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136752?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136752?$720_576_PNG$" alt="case-opened Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136752?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136752?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-opened-w-lighting Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:10"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136753?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136753?$720_576_PNG$" alt="case-opened-w-lighting Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136753?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136753?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> <div class="pd-header-gallery__item swiper-slide" data-type-headline="case-opened-w-o-units Silver" an-tr="header(pim)_gallery module-product detail-image-index" an-ca="indication" an-ac="carousel" an-la="carousel:index:11"> <div class="pd-header-gallery__item-wrap" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery"> <span class="blind">Click or tap to zoom in/out</span> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136754?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136754?$720_576_PNG$" alt="case-opened-w-o-units Silver"/> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136754?$2052_1641_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-542136754?$2160_1728_PNG$" alt=""/> </div>  <p class="snackbar" aria-hidden="true">Click or tap to zoom out</p> </div> </div> </div> </div> <button type="button" data-role="none" class="pd-header-gallery__arrow swiper-button-next" aria-label="Next" role="button" aria-disabled="false" an-tr="header(pim)_gallery module-product detail-image-arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M31.828 16.306l3.457-3.612L72.172 48 35.285 83.306l-3.457-3.612L64.941 48z"></path> </svg> </button> <a href="javascript:;" class="zoom-btn" style="left: 0; top: 0;" aria-hidden="true" tabindex="-1"> <span class="hidden">Zoom in</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#zoom-in-regular" href="#zoom-in-regular"></use> </svg> </a> <div class="pd-header-gallery__control"> <div class="pd-header-gallery__item-btn"> <ul class="pd-header-gallery__item-tab-list" role="list"> <li class="pd-header-gallery__item-tab-item" role="listitem"> <button class="pd-header-gallery__item-tab-button plus" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom in"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#zoom-in-regular" href="#zoom-in-regular"></use> </svg> </button> </li> <li class="pd-header-gallery__item-tab-item" role="listitem"> <button class="pd-header-gallery__item-tab-button minus" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom out" disabled> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#zoom-out-regular" href="#zoom-out-regular"></use> </svg> </button> </li> </ul> <ul class="pd-header-gallery__item-panel pd-header-gallery__item-moving" id="galleryMoving" role="list"> <li class="pd-header-gallery__item-moving-item" role="listitem"> <button class="pd-header-gallery__item-moving-button up" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom up"> <span class="hidden">Move Thumbnail Image down</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button> </li> <li class="pd-header-gallery__item-moving-item" role="listitem"> <button class="pd-header-gallery__item-moving-button down" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom down"> <span class="hidden">Move Thumbnail Image up</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button> </li> <li class="pd-header-gallery__item-moving-item" role="listitem"> <button class="pd-header-gallery__item-moving-button left" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom left"> <span class="hidden">Move Thumbnail Image right</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button> </li> <li class="pd-header-gallery__item-moving-item" role="listitem"> <button class="pd-header-gallery__item-moving-button right" an-tr="header(pim)_gallery module-product detail-cta-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image zoom right"> <span class="hidden">Move Thumbnail Image left</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button> </li> </ul> </div> </div> </div> <div class="pd-header-gallery__thumbnail"> <div class="pd-header-gallery__thumbnail-tab"> <div class="tab" data-comp-name="tab"> <ul class="tab__list" role="tablist"> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab" an-tr="header(pim)_gallery module-product detail-tab-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image:tab"> <span class="tab__item-text">Images (<em class="num">11</em>)</span> <span class="tab__item-line"></span> </button> </li> </ul> </div> </div> <div class="pd-header-gallery__thumbnail-wrap pd-header-gallery__thumbnail-image is-active"> <button type="button" class="swiper-button-prev pd-header-gallery__thumbnail-button" an-tr="header(pim)_gallery module-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="#previous-bold" href="#previous-bold"></use> </svg> </button> <div class="pd-header-gallery__thumbnail-swiper swiper-container basic-swiper" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView":3.346, "allowTouchMove": true }, "768": { "slidesPerView":6, "allowTouchMove": false } }, "keepWrapper":true, "componentEl":".pd-header-gallery__thumbnail-image", "observer": true, "observeParents": true}'> <ul class="pd-header-gallery__thumbnail-list swiper-wrapper" role="list"> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767?$82_53_PNG$" alt="Front side view of the Galaxy Buds3 Pro in Silver colour. Buy the new Samsung Buds3 Pro online at Samsung Singapore." role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136755?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136755?$82_53_PNG$" alt="Checkout the front side view of the new Samsung Galaxy Buds3 Pro, available now at Samsung Singapore." role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136756?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136756?$82_53_PNG$" alt="Back side view of the Samsung Galaxy Buds3 Pro TWS earbuds in Silver colour." role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136757?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136757?$82_53_PNG$" alt="Side view of the Samsung Galaxy Buds3 Pro, available at Samsung Singapore in Silver colour." role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136758?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136758?$82_53_PNG$" alt="Checkout the front view of the Galaxy Buds3 Pro charging case, displayed in Silver colour." role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136759?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136759?$82_53_PNG$" alt="case-front-w-lighting Silver" role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136760?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136760?$82_53_PNG$" alt="case-back Silver" role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136761?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136761?$82_53_PNG$" alt="case-bottom Silver" role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136762?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136762?$82_53_PNG$" alt="case-opened Silver" role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136763?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136763?$82_53_PNG$" alt="case-opened-w-lighting Silver" role="img" data-comp-name="image"/> </div> </a> </li> <li class="pd-header-gallery__thumbnail-item swiper-slide" role="listitem"> <a href="javascript:void(0);" role="button" an-tr="header(pim)_gallery module-product detail-module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load-man responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136764?$86_56_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136764?$82_53_PNG$" alt="case-opened-w-o-units Silver" role="img" data-comp-name="image"/> </div> </a> </li> </ul> </div> <button type="button" class="swiper-button-next pd-header-gallery__thumbnail-button" an-tr="header(pim)_gallery module-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> </div> <div class="pd-header-gallery__thumbnail-wrap pd-header-gallery__thumbnail-video"> <button type="button" class="swiper-button-prev pd-header-gallery__thumbnail-button" an-tr="header(pim)_gallery module-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="#previous-bold" href="#previous-bold"></use> </svg> </button> <div class="pd-header-gallery__thumbnail-swiper swiper-container basic-swiper" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView":3.346, "allowTouchMove": true }, "768": { "slidesPerView":6, "allowTouchMove": false } }, "keepWrapper":true, "componentEl":".pd-header-gallery__thumbnail-video", "observer": true, "observeParents": true}'> </div> <button type="button" class="swiper-button-next pd-header-gallery__thumbnail-button" an-tr="header(pim)_gallery module-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> </div> </div> <div class="pd-header-gallery__layer-dimmed"></div> <script defer type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/popupnew360.js"></script> </div> </div> <div class="product-detail-kv__cta-epromotor"> <button class="cta cta--label cta--black cta--icon cta--icon-leading" an-ca="content click" an-ac="feature" an-la="floating chat:chat with an expert"> Chat with an expert <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#message-regular" href="#message-regular"></use> </svg> </button> </div> <div class="product-detail-kv__buying-tool">  <div id="detail-input-hidden" style="display: none;"> <input type="hidden" id="isCommonTradein" name="isCommonTradein" value="Y"/> <input type="hidden" id="returnPolicy" name="returnPolicy"/> <input type="hidden" id="warranty" name="warranty"/> <input type="hidden" id="oldProductYn" value="N"/> <input type="hidden" id="pdWtbCtaBtnYn"/> <input type="hidden" id="pdRemoveTagTxt" value="Galaxy Buds3 Pro"/> <input type="hidden" id="wtbSrc" value="//images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767"/> <input type="hidden" id="pdProductType" value="PHONE"/> <input type="hidden" id="pdUpgradeUseYn"/> <input type="hidden" id="pdProductTypeCheckYn" name="pdProductTypeCheckYn"/> <input type="hidden" id="pdTimeformatFront" name="pdTimeformatFront"/> <input type="hidden" id="multiCareYn" name="multiCareYn"/> <input type="hidden" id="pdBogoUseYn" name="pdBogoUseYn"/> <input type="hidden" id="pdSoftBundleUseYn" name="pdSoftBundleUseYn"/> <input type="hidden" id="promotionImgType" name="promotionImgType"/> <input type="hidden" id="commonCode" name="commonCode"/> <input type="hidden" id="pdCareLearnMoreUrl" name="pdCareLearnMoreUrl"/> <input type="hidden" id="pdPageCareYn"/> <input type="hidden" id="smcType" name="smcType"/> <input type="hidden" id="pdTradeInUrl" name="pdTradeInUrl"/> <input type="hidden" id="pdUpgradeLearnMoreUrl" name="pdUpgradeLearnMoreUrl"/> <input type="hidden" id="pdCalculateFinancingYn" name="pdCalculateFinancingYn" value="N"/> <input type="hidden" id="pdWarrantyLearnMoreUrl" name="pdWarrantyLearnMoreUrl"/> <input type="hidden" id="detailNodePath" name="detailNodePath" value="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa.dynamic"/> <input type="hidden" id="checkOutUrl" name="checkOutUrl"/> <input type="hidden" id="cartUrl" name="cartUrl" value="/sg/cart"/> <input type="hidden" id="pdDisplayYn" name="pdDisplayYn" value="Y"/> <input type="hidden" id="financeplusUrl" name="financeplusUrl"/> <input type="hidden" id="currentPdpUrl" name="pdpUrl" value="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <input type="hidden" id="pageTrackPd" name="pageTrackPd" value="product detail"/> <input type="hidden" id="ebtButtonUse" name="ebtButtonUse" value="N"/> <input type="hidden" id="pvitype" name="pvitype" value="mobile"/> <input type="hidden" id="buyNowUrlYn" name="buyNowUrlYn"/> <input type="hidden" id="pvisubtype" name="pvisubtype" value="wearable"/> <input type="hidden" id="pimsubtype" name="pimsubtype" value="galaxy buds"/> <input type="hidden" id="parentPath" name="parentPath" value="/content/samsung/sg/audio-sound/galaxy-buds"/> <input type="hidden" id="deliveryYN" name="deliveryYN" value="N"/> <input type="hidden" id="pfAllUrl" name="pfAllUrl" value="/sg/audio-sound/all-audio-sound.html?galaxy-buds"/> <input type="hidden" id="pdCtaType" name="ctaType" value="whereToBuy"/> <input type="hidden" id="useWtbStockFunction" name="useWtbStockFunction" value="N"/> <input type="hidden" id="wtbDispFuncUseYN" name="wtbDispFuncUseYN" value="N"/> <input type="hidden" id="bespokeCtaUse" name="bespokeCtaUse" value="N"/> <input type="hidden" id="bespokeCtaLink" name="bespokeCtaLink"/> <input type="hidden" id="splitPdYn" name="splitPdYn" value="Y"/> <input type="hidden" id="splitPdTradeInYn" name="splitPdTradeInYn" value="Y"/> <input type="hidden" id="splitPdSamsungCarePlusYn" name="splitPdSamsungCarePlusYn" value="Y"/> <input type="hidden" id="splitPdLeaseYn" name="splitPdLeaseYn" value="N"/> <input type="hidden" id="splitPdUpgradeYn" name="splitPdUpgradeYn" value="N"/> <input type="hidden" id="splitPdTariffYn" name="splitPdTariffYn" value="N"/> <input type="hidden" id="storeWebDomain" name="storeWebDomain"/>  <input type="hidden" id="gpvStoreDomain" name="gpvStoreDomain" value="https://p1.ecom.samsung.com"/> <input type="hidden" id="personalizeCheckStatus" name="personalizeCheckStatus"/> <input type="hidden" id="thirdPASeller" name="thirdPASeller"/> <input type="hidden" id="modelLaunchYear" name="modelLaunchYear"/> <input type="hidden" id="productType" name="productType" value="P"/> <input type="hidden" id="apiChangeModelCode" name="apiChangeModelCode" value="SM-R630NZAAASA"/> <input type="hidden" id="apiChangeCategorySubSubTypeCode" name="apiChangeCategorySubSubTypeCode"/> <input type="hidden" id="apiChangeCategorySubTypeCode" name="apiChangeCategorySubTypeCode" value="01040100"/> <input type="hidden" id="apiChangeCategoryTypeCode" name="apiChangeCategoryTypeCode" value="01040000"/> <input type="hidden" id="apiChangeCategoryGroupCode" name="apiChangeCategoryGroupCode" value="01000000"/> <input type="hidden" id="apiChangeModelName" name="apiChangeModelName" value="SM-R630"/> <input type="hidden" id="apiChangeShopSKU" name="apiChangeShopSKU" value="SM-R630NZAAASA"/> <input type="hidden" id="apiChangePdpUrl" name="apiChangePdpUrl" value="/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"/> <input type="hidden" id="apiChangeFamilyCode" name="apiChangeFamilyCode" value="511355"/> <input type="hidden" id="apiChangeDisplayName" name="apiChangeDisplayName" value="Galaxy Buds3 Pro"/> <input type="hidden" id="apiChangePdJcrTitle" name="apiChangePdJcrTitle" value="Galaxy Buds3 Pro Silver | Samsung Singapore"/> <input type="hidden" id="apiChangeWtbUseYn" name="apiChangeWtbUseYn" value="N"/> <input type="hidden" id="apiChangeStockStatus" name="apiChangeStockStatus" value=""/> <input type="hidden" id="ecomStoreType" name="ecomStoreType"/> <input type="hidden" id="refurYn" name="refurYn" value="N"/> <input type="hidden" id="offerId" name="offerId"/> <input type="hidden" id="virtualModelCode" name="virtualModelCode"/> <input type="hidden" id="originShopSku" name="originShopSku" value="SM-R630NZAAASA"/> <input type="hidden" id="originModelCode" name="originModelCode"/> <input type="hidden" id="eanCode" name="eanCode"/> <input type="hidden" id="ceTradeUpProductYn" name="ceTradeUpProductYn" value="N"/> <input type="hidden" id="ceTradeUpEnabledYn" name="ceTradeUpEnabledYn" value="N"/> <input type="hidden" id="ceTradeUpDeployable" name="ceTradeUpDeployable" value="true"/> <input type="hidden" id="pdPackageYn" name="pdPackageYn" value="N"/> <input type="hidden" id="pdChildModelCnt" name="pdChildModelCnt" value="0"/> <script type="text/javascript"> var globalShopInfo = {"priceDisplayYN":"Y","shopServiceYN":"Y","taxPrice":"358","taxPriceDisplay":"$358.00","price":"358","priceDisplay":"$358.00","merchandisingText":"NEW"}; var gpv2ShopInfo = {}; var newHybrisShopInfo = {}; /* new-hybris */ var hybrisShopInfo = {}; </script> </div> <section class="pd-buying-tool"> <div class="pd-buying-tool__info"> <div class="pd-info"> <strong class="pd-info__badge-icon"> <span class="badge-icon badge-icon--label badge-icon--bg-color-teal">NEW</span> </strong> <h2 class="pd-info__title">Galaxy Buds3 Pro</h2> <p class="pd-info__sku"> <span class="pd-info__sku-code">SM-R630NZAAASA </span> </p> <div class="pd-info__wishlist"></div>   <div class="pd-info__rating"> <a href="javascript:void(0)" role="button" an-tr="header(pim)_option selector-product detail-review-review1" an-ca="review" an-ac="pd buying tool" an-la="read review" class="add-special-tagging"> <span class="rating"> <span class="rating__inner"> <span class="rating__star-list"> <span class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" style="width: 100%;"></span> </span> <span class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" style="width: 100%;"></span> </span> <span class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" style="width: 100%;"></span> </span> <span class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" style="width: 100%;"></span> </span> <span class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" style="width: 50%;"></span> </span> </span> <strong class="rating__point"> <span class="hidden">Product Ratings : </span> <span>4.4</span> </strong> <em class="rating__review-count"> (<span class="hidden">Number of Ratings :</span><span>4090</span>) </em> </span> </span> </a> </div>      <div class="pd-info__usp-list"> <ul class="dot-list" role="list"> <li class="dot-list__item" role="listitem"> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M48 32c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"></path> </svg> <span class="usp-text">Ultimate Hi-Fi</span> </li> <li class="dot-list__item" role="listitem"> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M48 32c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"></path> </svg> <span class="usp-text">Iconic design with Blade Lights</span> </li> <li class="dot-list__item" role="listitem"> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M48 32c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"></path> </svg> <span class="usp-text">Adaptive Noise Control</span> </li> </ul> </div> </div> </div> <section class="pdd24-product-recommendation"> <div class="pdd24-product-recommendation__inner"> <div class="pdd24-product-recommendation__title"> </div> <div class="pdd24-product-recommendation__swiper-area"> <div class="lineup-card"> <div class="lineup-card__swiper"> <div class="lineup-card__data-swiper swiper-container basic-swiper"> <div class="swiper-wrapper" role="list"> </div> </div> </div> </div> </div> <div class="pdd24-product-recommendation__no-item" style="display:none;"> <p class="pdd24-product-recommendation__no-item-description">This product is no longer available. Please choose another from the range.</p> <div class="pdd24-product-recommendation__no-item-cta"> <a class="cta cta--underline cta--black Choose now" href="javascript:void(0)" aria-label="Link Title" an-ca="option click" an-ac="recommended product" an-la="Choose now" an-tr="pdd24_product card case-product detail-choose now cta-option_click1"> Choose now </a> </div> </div> </div> </section> <div class="pd-buying-tool__option"> <div class="pd-select-option trade-in off-change" style="display: none;"></div> <div class="option-result result-trade-in option-result--content" style="display: none;"></div> <div class="pd-select-option pd-select-option--check-dealer-stock" style="display: none;"></div>  <div class="pd-select-option option-device off-scroll off-change bundle-group" id="option-device"> <h3 class="pd-select-option__headline">Choose your device</h3> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging " type="radio" name="pd-capacity2" id="pd-capacity2-0" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="device:galaxy buds3" data-modelcode="SM-R530NZAAASA" data-familycode="511748" data-originpdpurl="/sg/audio-sound/galaxy-buds/galaxy-buds3-silver-sm-r530nzaaasa/"/> <label class="pd-option-selector__label" for="pd-capacity2-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">Galaxy Buds3</strong> <span class="pd-option-selector__sub-text">From $258.00</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging checked" type="radio" name="pd-capacity2" id="pd-capacity2-1" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="device:galaxy buds3 pro" data-modelcode="SM-R630NZAAASA" checked="checked"/> <label class="pd-option-selector__label" for="pd-capacity2-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">Galaxy Buds3 Pro</strong> <span class="pd-option-selector__sub-text">From $358.00</span> </span> </span> </label> </div> </li> </ul> <p class="pd-select-option__alert-message"> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M48 2.5c25.089 0 45.5 20.412 45.5 45.502C93.5 73.09 73.089 93.5 48 93.5S2.5 73.09 2.5 48.002C2.5 22.912 22.911 2.5 48 2.5zM51 40H39.542v6H45v30h6V40zm-4.002-21l-.217.005A5.005 5.005 0 0042 24a5.006 5.006 0 004.781 4.996l.217.005.217-.005a5.009 5.009 0 004.78-4.774l.005-.223-.005-.216a5.008 5.008 0 00-4.774-4.778L46.998 19z"></path> </svg> <span class='pd-select-option__alert-span-text'></span> </p> </div> </div> <div class="pd-select-option off-scroll off-change option-color bundle-group" id="option-color"> <h3 class="pd-select-option__headline">Choose your Colour</h3> <div class="pd-select-option__wrap"> <div class="pd-select-option__color-name">Colour : <span id="multiColorText"></span></div> <ul class="pd-select-option__list pd-select-option__list--color-chip" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging buyingoption-api checked" type="radio" name="pd-color" id="pd-color-0" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="colour:silver" data-colorname="Silver" data-modelcode="SM-R630NZAAASA" checked="checked" data-modelname="sm-r630"/> <label class="pd-option-selector__label" for="pd-color-0"> <span class="pd-option-selector__color" style="background:#75787b;"> <span class="hidden"></span> </span> </label> <input id="galleryValueName__" type="hidden" value="#75787b"/> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging buyingoption-api " type="radio" name="pd-color" id="pd-color-1" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="colour:blue white" data-colorname="White" data-valuecode="1424" data-clickevent="true" data-optioncode="CM001" data-check="N" data-modelcode="SM-R630NZWAASA" data-familycode="511355" data-modelname="sm-r630"/> <label class="pd-option-selector__label" for="pd-color-1"> <span class="pd-option-selector__color" style="background:#f5f7f6;"> <span class="hidden"></span> </span> </label> <input id="galleryValueName_CM001_1424" type="hidden" value="#f5f7f6"/> </div> </li> </ul> </div> <div class="pd-select-option__eta-text" style="display:none;"> <svg class="icon"> <use xlink:href="#in-stock-regular" href="#in-stock-regular"></use> </svg> <span></span> </div> </div> <div class="pd-select-option option-bezelcolor bundle-group" id="option-bezelcolor" style="display: none;"></div> <div class="pd-select-option__eta-text text-type2 js-shippingOrBack" style="display: none;"></div> <div class="pd-select-option__eta-text js-deliveryMessage" style="display: none;"></div> <div class="pd-select-option option-between" style="display: none;"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">Choose your Between</h3> </div> <div class="pd-select-option__wrap"></div> </div> <div class="pd-select-option pd-select-option--delivery-detail" style="display: none;"></div> <div class="option-result result-delivery" style="display: none;"></div> <div class="pd-select-option__extra-benefit" style="display: none;"></div> <div class="pd-select-option off-change option-tariff" style="display: none;"></div> <div class="option-result result-tariff-optioin" style="display: none;"></div> <div class="pd-select-option option-offer-finance" style="display: none;"></div> <div class="pd-select-option off-change option-care" style="display: none;"></div> <div class="option-result-dev result-care" style="display: none;"></div> <div class="pd-select-option off-change option-new-assured-buy-back" style="display: none;"></div> <div class="option-result-dev result-option-new-assured-buy-back" style="display: none;"></div> <div class="pd-select-option off-change option-warranty" style="display: none;"></div> <div class="option-result result-warranty" style="display: none;"></div> <div class="pd-select-option off-change option-warranty-vd" style="display: none;"></div> <div class="option-result option-result--extended-warranty-option" style="display: none;"></div> <div class="pd-select-option option-embed-addon" style="display: none;"></div> <div class="pd-select-option pd-select-option--type-offer option-offer" style="display: none;"></div> <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program" style="display: none;"></div> <div class="option-result result-upgrade" style="display: none;"></div> <div class="pd-select-option off-change option-galaxy-forever" style="display: none;"></div> <div class="option-result result-galaxy-forever" style="display: none;"></div> <div class="pd-select-option off-change option-assured-buy-back" style="display: none;"></div> <div class="option-result-dev result-option-assured-buy-back" style="display: none;"></div> <div class="option-divider emi-links" style="display: none;"></div> <div class="pd-buying-tool__emi-calculator" style="display: none;"></div> </div> <div class="pd-buying-tool__cost-box"> </div> <div class="add-on__layer-learn-more" role="dialog" aria-modal="true" id="addOnLayerPopupLearnMore"> <div class="add-on-popup"> <div class="add-on-popup__inner"> <h2 class="add-on-popup__title"></h2> <div class="add-on-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="add-on__learn-more-images"></div> <div class="add-on__learn-more-content"></div> </div> </div> <button type="button" class="add-on-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon add-on-popup__icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </section>  <script type="application/ld+json" data-type="seo" data-object-type="Product" data-id="eebb3c93-8197-45fd-b261-ba9cc4eaef85">{"@context":"http://schema.org","@type":"Product","brand":{"@type":"Brand","name":"Samsung"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.4","ratingCount":"4090"},"@id":"https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/","name":"Galaxy Buds3 Pro","image":"https://images.samsung.com/is/image/samsung/p6pim/sg/2407/gallery/sg-galaxy-buds3-pro-r630-sm-r630nzaaasa-thumb-542136767","description":"Ultimate Hi-Fi\nIconic design with Blade Lights\nAdaptive Noise Control","sku":"SM-R630NZAAASA","offers":{"@type":"Offer","url":"https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/","priceCurrency":"SGD","availability":"inStock","price":"358"}}</script>  <div id="detail-google-off" style="display: none;"> <div class="sdf-component-templates"> <div class="pd-buying-tool__emi-calculator sdf-component-template" data-sdf-template="calculator @ drawObj" data-sdf-test="{{calculator.hasComponent}}" data-sdf-unwrap="true"> <a class="cta cta--underline cta--black add-special-tagging {{calculator.emiAttr.class}}" aria-haspopup="true" data-sdf-attr.href="{{calculator.emiAttr.href}}" data-sdf-attr.target="{{calculator.emiAttr.target}}" data-sdf-attr.title="{{calculator.emiAttr.title}}" an-tr="header(pim)_option selector-product detail-text-calculator" an-ca="option click" an-ac="pd buying tool" an-la="calculator" data-sdf-attr.data-target-popup="{{calculator.emiAttr.layerTarget}}">{{calculator.emiAttr.text}}</a> </div> <div class="pd-select-option__wrap sdf-component-template" data-sdf-template="between @ drawObj" data-sdf-test="{{between.hasComponent}}" data-sdf-unwrap="true"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item selected" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" id="pd-leasing-0" type="radio" name="pd-leasing" checked="checked" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="leasing:no"/> <label class="pd-option-selector__label" for="pd-leasing-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{between.purchase.text}}</strong> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" id="pd-leasing-1" name="pd-leasing" type="radio" data-tenure-unit="{{between.nonPurchase.tenureUnit}}" data-tenure-value="{{between.nonPurchase.tenureValue}}" data-monthly-value="{{between.nonPurchase.monthlyValue}}" data-payment-value="{{between.nonPurchase.paymentValue}}" data-sdf-attr.data-leaseing="{{between.nonPurchase.dataLeaseing}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="leasing:yes"/> <label class="pd-option-selector__label" for="pd-leasing-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{between.nonPurchase.text}}</strong> </span> </span> </label> </div> </li> </ul> </div> <div class="pd-select-option off-change option-upgrade pd-select-option--upgrade-program sdf-component-template" data-sdf-template=" upgrade @ drawObj" data-sdf-test="{{upgrade.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{upgrade.title}}">{{upgrade.title}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{upgrade.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging" aria-haspopup="dialog" data-sdf-attr.href="{{upgrade.learnMoreCta.href}}" data-sdf-attr.target="{{upgrade.learnMoreCta.target}}" data-sdf-attr.title="{{upgrade.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{upgrade.learnMoreCta.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="upgrade program:learn more">{{upgrade.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{upgrade.description}}">{{upgrade.description}}</p> <div class="pd-select-option__wrap" data-sdf-test="{{upgrade.isNotEmbededType}}"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{upgrade.yesAttr.class}}" type="radio" name="pd-samsung-upgrade" id="pd-samsung-upgrade-0" data-target-popup="{{upgrade.yesAttr.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="upgrade program:yes"/> <label class="pd-option-selector__label" for="pd-samsung-upgrade-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{upgrade.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{upgrade.yesAttr.subText}}</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{upgrade.noAttr.class}}" type="radio" name="pd-samsung-upgrade" id="pd-samsung-upgrade-1" data-target-popup="{{upgrade.noAttr.layerTarget}}" data-event-type="{{upgrade.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="upgrade program:no"/> <label class="pd-option-selector__label" for="pd-samsung-upgrade-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{upgrade.noAttr.text}}</strong> </span> </span> </label> </div> </li> </ul> </div> <p class="pd-select-option__desc selected-disclaimer"></p> </div> <div class="option-result result-upgrade sdf-component-template" data-sdf-template=" upgradeResult @ drawObj " data-sdf-unwrap="true" data-sdf-test="{{upgradeResult.isGp}}"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-price="{{upgradeResult.dataPrice}}" data-sdf-attr.data-id="{{upgradeResult.dataId}}"> <p class="option-result__text-title" data-sdf-test="{{upgradeResult.displayModelName}}">{{upgradeResult.displayModelName}}</p> <p class="option-result__text" data-sdf-test="{{upgradeResult.discountText1}}">{{upgradeResult.discountText1}}</p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}"> <p class="option-result__desc">{{upgradeResult.description1}}</p> <p class="option-result__desc">{{upgradeResult.description2}}</p> </div> <a href="javascript:void(0)" class="option-result__close remove-upgrade-result"><span class="hidden">Close</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="option-result result-upgrade hidden sdf-component-template" data-sdf-template="upgradeResultHybris @ drawObj " data-sdf-unwrap="true" data-sdf-test="{{upgradeResultHybris.isHybris}}"> <div class="option-result__desc-wrap" data-sdf-test="{{upgradeResult.description1}}"> <p class="option-result__desc">{{upgradeResult.description1}}</p> <p class="option-result__desc">{{upgradeResult.description2}}</p> </div> </div> <div class="pd-select-option option-offer-finance sdf-component-template" data-sdf-template="offerFinance @ drawObj" data-sdf-test="{{offerFinance.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{offerFinance.title}}</h3> <span class="pd-select-option__cta-wrap"> <a class="cta cta--underline cta--black" href="{{offerFinance.learnMoreCta.href}}" rel="nofollow" role="button" target="{{offerFinance.learnMoreCta.target}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="samsung finance:learn more">{{offerFinance.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc">{{offerFinance.description}}</p> </div> <div class="pd-select-option option-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForever @ drawObj" data-sdf-test="{{galaxyForever.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{galaxyForever.title}}">{{galaxyForever.title}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{galaxyForever.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging hubble-pd-popup-opener" aria-haspopup="dialog" data-sdf-attr.href="{{galaxyForever.learnMoreCta.href}}" data-sdf-attr.target="{{galaxyForever.learnMoreCta.target}}" data-sdf-attr.title="{{galaxyForever.learnMoreCta.title}}" data-sdf-attr.data-layer-target="{{galaxyForever.learnMoreCta.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy forever:learn more">{{galaxyForever.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{galaxyForever.description}}">{{galaxyForever.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{galaxyForever.yesAttr.class}}" type="radio" name="pd-samsung-galaxy-forever" id="pd-samsung-galaxy-forever-0" data-layer-target="{{galaxyForever.yesAttr.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy forever:yes"/> <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{galaxyForever.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{galaxyForever.yesAttr.subText}}</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{galaxyForever.noAttr.class}}" type="radio" name="pd-samsung-galaxy-forever" id="pd-samsung-galaxy-forever-1" data-layer-target="{{galaxyForever.noAttr.layerTarget}}" data-event-type="{{galaxyForever.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy forever:no"/> <label class="pd-option-selector__label" for="pd-samsung-galaxy-forever-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{galaxyForever.noAttr.text}}</strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-galaxy-forever sdf-component-template" data-sdf-template=" galaxyForeverResult @ drawObj " data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-price="{{galaxyForeverResult.dataPrice}}" data-sdf-attr.data-id="{{galaxyForeverResult.dataId}}"> <p class="option-result__text-title" data-sdf-test="{{galaxyForeverResult.displayModelName}}">{{galaxyForeverResult.displayModelName}}</p> <p class="option-result__text" data-sdf-test="{{galaxyForeverResult.discountText1}}">{{galaxyForeverResult.discountText1}}</p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{galaxyForeverResult.description1}}"> <p class="option-result__desc">{{galaxyForeverResult.description1}}</p> <p class="option-result__desc">{{galaxyForeverResult.description2}}</p> </div> <a href="javascript:void(0)" class="option-result__close remove-forever-result"><span class="hidden">Close</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="pd-select-option option-bezelcolor bundle-group sdf-component-template" data-sdf-template="bezelOption @ drawObj" data-sdf-test="{{bezelOption.hasComponent}}" data-sdf-unwrap="true"> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.bezel}}"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">Choose your colour</h3> </div> <p class="pd-select-option__desc">Customisable bezels sold separately</p> <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}"> <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" type="radio" name="pd-color-multi" id="pd-color-multi-0" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode=""/> <label class="pd-option-selector__label" for="pd-color-multi-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">No color <i>(Default)</i></span> </span> </label> </div> </li> </ul> </div> </div> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.freestyle}}"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">Choose your skin Colour</h3> </div> <p class="pd-select-option__desc">Customisation skin sold separately</p> <div class="pd-select-option__wrap" data-sdf-test="{{bezelOption.noneSellingWithBazel}}"> <ul class="pd-select-option__list pd-select-option__list--default {{bezelOption.bezelImageClass}}" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" type="radio" name="pd-color-multi" id="pd-color-multi-0" data-bezelmodelcode="dummyCode" data-bezelmodelpatterncode=""/> <label class="pd-option-selector__label" for="pd-color-multi-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">White <i>(included)</i></span> </span> </label> </div> </li> </ul> </div> </div> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.noneType}}"> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" role="listitem" data-sdf-repeat.item="{{bezelOption.noneTypeList}}"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" type="radio" name="pd-color-multi" id="pd-color-multi1-{{item.index}}" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="bezel:none type {{item.name}}"/> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasNotImage}}"> <span class="pd-option-selector__color" style="background: {{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" alt="image" role="img" data-comp-name="image"/> </div> </div> </label> </div> <p class="pd-select-option__item-option-text">{{item.name}}</p> <p class="pd-select-option__item-notice">Out Of Stock</p> </li> </ul> </div> </div> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.modernType}}"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline">Modern Type</h4> <button type="button" class="pd-select-option__info-link" aria-haspopup="true" data-target-popup="mordernType" aria-label="MordernType information details"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use></svg> </button> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" role="listitem" data-sdf-repeat.item="{{bezelOption.modernTypeList}}"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" type="radio" name="pd-color-multi" id="pd-color-multi1-{{item.index}}" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="bezel:modern type {{item.name}}"/> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasNotImage}}"> <span class="pd-option-selector__color" style="background: {{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" alt="image" role="img" data-comp-name="image"/> </div> </div> </label> </div> <p class="pd-select-option__item-option-text">{{item.name}}</p> <p class="pd-select-option__item-notice">Out Of Stock</p> </li> </ul> </div> </div> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.beveledType}}"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline">Bevelled Type</h4> <button type="button" class="pd-select-option__info-link" aria-haspopup="true" data-target-popup="beveledType" aria-label="Type information details"> <span class="hidden">Type information details</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use></svg> </button> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" role="listitem" data-sdf-repeat.item="{{bezelOption.beveledTypeList}}"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" type="radio" name="pd-color-multi" id="pd-color-multi2-{{item.index}}" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="bezel:beveled type {{item.name}}"/> <label class="pd-option-selector__label" for="pd-color-multi2-{{item.index}}" data-sdf-test="{{item.hasNotImage}}"> <span class="pd-option-selector__color" style="background: {{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi2-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" alt="image" role="img" data-comp-name="image"/> </div> </div> </label> </div> <p class="pd-select-option__item-option-text">{{item.name}}</p> <p class="pd-select-option__item-notice">Out Of Stock</p> </li> </ul> </div> </div> <div data-sdf-unwrap="true" data-sdf-test="{{bezelOption.freestyle}}"> <div class="pd-select-option__sub-headline-wrap"> <h4 class="pd-select-option__sub-headline">Skin Colour</h4> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--color" role="list"> <li class="pd-select-option__item" role="listitem" data-sdf-repeat.item="{{bezelOption.freestyleList}}"> <div class="pd-option-selector" data-disabled="{{item.disabledClass}}"> <input class="hidden bezel-option-input add-special-tagging buyingoption-api" data-bezelmodelcode="{{item.modelCode}}" data-bezelmodelpatterncode="{{item.modelPatternCode}}" type="radio" name="pd-color-multi" id="pd-color-multi1-{{item.index}}" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="bezel:modern type {{item.name}}"/> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasNotImage}}"> <span class="pd-option-selector__color" style="background: {{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="{{item.imageUrl}}$n_80_PNG$" data-mobile-src="{{item.imageUrl}}$n_160_PNG$" alt="image" role="img" data-comp-name="image"/> </div> </div> </label> </div> <p class="pd-select-option__item-option-text">{{item.name}}</p> <p class="pd-select-option__item-notice">Out Of Stock</p> </li> </ul> </div> </div> <div class="pd-select-option__bezel-type-popup" role="dialog" id="mordernType"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Bezel type</h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pd-selector-option__bezel-image"> <div class="image"> <img class="image__preview lazy-load responsive-img" 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$" alt="alt text" role="img"/> <img class="image__main lazy-load responsive-img" 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$" alt="alt text" role="img"/> </div> </div> <ul class="pd-selector-option__bezel-list"> <li class="pd-selector-option__bezel-item"><strong class="pd-selector-option__bezel-title">Modern Type</strong> <p class="pd-selector-option__bezel-description">The Frame's customisable bezels magnetically click into place. Now, you can switch between styles in a snap.</p></li> </ul> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="pd-select-option__bezel-type-popup" role="dialog" id="beveledType"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Bezel type</h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pd-selector-option__bezel-image"> <div class="image"> <img class="image__preview lazy-load responsive-img" 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$" alt="alt text" role="img"/> <img class="image__main lazy-load responsive-img" 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$" alt="alt text" role="img"/> </div> </div> <ul class="pd-selector-option__bezel-list"> <li class="pd-selector-option__bezel-item"><strong class="pd-selector-option__bezel-title">Bevelled Type</strong> <p class="pd-selector-option__bezel-description">The new Bevelled type bezel design offers an elegant 45-degree angled inner edge bezel.</p></li> </ul> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </div> <div class="pd-select-option__eta-text text-type2 js-shippingOrBack sdf-component-template" data-sdf-template="shippingOrBack @ drawObj" data-sdf-test="{{shippingOrBack.hasComponent}}" data-sdf-unwrap="true"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#in-stock-regular" href="#in-stock-regular"></use> </svg> <span>{{shippingOrBack.shippingOrBack}}</span> </div> <div class="pd-select-option__eta-text js-deliveryMessage sdf-component-template" data-sdf-template="deliveryMessage @ drawObj" data-sdf-test="{{deliveryMessage.hasComponent}}" data-sdf-unwrap="true"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#in-stock-regular" href="#in-stock-regular"></use> </svg> <span>{{deliveryMessage.deliveryMessage}}</span> </div> <div class="pd-select-option trade-in sdf-component-template" data-sdf-template=" tradeIn @ drawObj" data-sdf-test="{{tradeIn.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{tradeIn.title}}"> {{tradeIn.title}} </h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{tradeIn.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging" aria-haspopup="dialog" role="button" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:learn more" href="{{tradeIn.learnMoreCta.href}}" rel="nofollow" data-sdf-attr.target="{{tradeIn.learnMoreCta.target}}" data-sdf-attr.title="{{tradeIn.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{tradeIn.learnMoreCta.layerTarget}}">{{tradeIn.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{tradeIn.description}}">{{tradeIn.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{tradeIn.yesAttr.class}}" type="radio" name="pd-trade-in" id="pd-trade-in-0" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.yesAttr.layerTarget}}" data-event-type="{{tradeIn.yesAttr.eventType}}" aria-haspopup="dialog" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:yes"/> <label class="pd-option-selector__label" for="pd-trade-in-0" data-sdf-test="{{tradeIn.yesAttr.isPopup}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{tradeIn.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{tradeIn.yesAttr.subText}}</span> </span> </span> </label> <a href="{{tradeIn.yesAttr.href}}" rel="nofollow" target="_blank" class="pd-option-selector__link" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{tradeIn.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{tradeIn.yesAttr.subText}}</span> </span> </span> </a> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input option-result-focus add-special-tagging {{tradeIn.noAttr.class}}" type="radio" name="pd-trade-in" id="pd-trade-in-1" data-sdf-test="{{tradeIn.yesAttr.isPopup}}" data-target-popup="{{tradeIn.noAttr.layerTarget}}" data-event-type="{{tradeIn.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:no"/> <label class="pd-option-selector__label" for="pd-trade-in-1" data-sdf-test="{{tradeIn.yesAttr.isPopup}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{tradeIn.noAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{tradeIn.noAttr.subText}}</span> </span> </span> </label> <a href="javascript:void(0);" class="pd-option-selector__link" data-sdf-test="{{tradeIn.yesAttr.isDirectLink}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{tradeIn.noAttr.text}}</strong> </span> </span> </a> </div> </li> </ul> </div> </div> <div class="option-result result-trade-in sdf-component-template" data-sdf-template=" tradeInResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price option-result__multiple" data-sdf-attr.data-price="{{tradeInResult.dataPrice}}" data-sdf-attr.data-cart-id="{{tradeInResult.dataQuoteId}}" data-sdf-attr.data-id="{{tradeInResult.dataId}}" data-sdf-attr.data-cash-back-price="{{tradeInResult.dataCashBack}}" data-sdf-attr.data-is-instant="{{tradeInResult.isUpfront}}"> <p class="option-result__multiple-result">Congratulations, your trade-in discount has been applied.</p> <ul> <li class="option-result__multiple-item" data-sdf-repeat.item="{{tradeInResult.list}}"> <p class="option-result__multiple-price-wrap"> <em class="option-result__multiple-price-title">{{item.discountPriceTextTile}}</em> <span class="option-result__multiple-price">{{item.discountPriceText}}</span> <span class="option-result__multiple-exchange">{{item.discountText1}}</span> <span class="option-result__multiple-discount" data-sdf-test="{{item.abondementAmountText}}">{{item.abondementAmountText}}</span> <span class="option-result__multiple-discount" data-sdf-test="{{item.spotGuaranteeAmountText}}">{{item.spotGuaranteeAmountText}}</span> <span class="option-result__multiple-discount">{{item.specialDiscountText}}</span> </p> <p class="option-result__multiple-text">{{item.displayModelName}}</p> <p class="option-result__multiple-btn"> <button class="option-result__multiple-delete remove-trade-in-result" data-trade-index="{{item.index}}" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:delete"> Remove </button> <button class="option-result__multiple-change open-trade-popup" data-trade-index="{{item.index}}" an-tr="header(pim)_trade in-product detail-option-click{{item.count}}" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:change"> Edit </button> </p> </li> </ul> </div> <p class="option-result__multiple-desc desc-target"> Values will vary based on model and condition of trade-in. T&Cs apply. </p> <p class="pd-select-option__alert-text alert-text" style="display: none;"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> The device you are trading in is more valuable than the phone you are buying. Unfortunately we cannot credit you the excess value, so please remove the trade in device, or change the device you are purchasing </p> <p class="pd-select-option__alert-text over-price-alert alert-text" style=" display: none;"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-bold" href="#info-bold"></use> </svg> The trade-in price of the device is higher in value than the device you are purchasing. The excess value will not be refunded to you. </p> <div class="pd-select-option__cta"> <a class="cta cta--outlined cta--black open-trade-popup limit-count" href="javascript:void(0)" aria-label="Link Title" an-tr="header(pim)_trade in-product detail-option-click" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:add another trade-in"> Add Another Trade-in </a> </div> </div> <div class="pd-select-option pd-select-option--check-dealer-stock sdf-component-template" data-sdf-template="checkDealerStock @ drawObj" data-sdf-test="{{checkDealerStock.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">Dealer stock quantity</h3> </div> <p class="pd-select-option__desc">You can check the stock quantity for each region</p> <p class="pd-select-option__notice pd-select-option__notice--normal"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg>Please select city </p> <div class="pd-select-option__wrap"> <div class="pd-select-option__menu pd-select-option__menu--placeholder"> <div class="menu filled" data-comp-name="menu" data-type="filled" data-open-direction="down"> <select class="menu__select" name="check-dealer-stock" data-default-message="{{checkDealerStock.selectCity}}" tabindex="-1" aria-hidden="true"> <option disabled value="select City" data-sdf-test="{{checkDealerStock.selectCity}}">{{checkDealerStock.selectCity}}</option> <option data-sdf-repeat.item="{{checkDealerStock.dataList}}" value="{{item.isocodeShort}}">{{item.name}}</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button"> <span class="menu__select-field-text">Select city</span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <p class="pd-select-option__check-message pd-select-option__check-message--success"> <span>Only {0} left in stock.</span> </p> <p class="pd-select-option__check-message pd-select-option__check-message--error"> <span>Sorry, this product is not currently available in selected city.</span> </p> </div> </div> <div class="pd-select-option off-change option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBack @ drawObj" data-sdf-test="{{assuredBuyBack.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{assuredBuyBack.title}}">{{assuredBuyBack.title}}</h3> </div> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" type="radio" name="pd-galaxy-assured" id="pd-galaxy-assured-0" data-event-type="{{assuredBuyBack.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy assured:no"/> <label class="pd-option-selector__label" for="pd-galaxy-assured-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">None</strong> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input open-popup add-special-tagging" type="radio" name="pd-galaxy-assured" id="pd-galaxy-assured-1" data-target-popup="{{assuredBuyBack.yesAttr.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy assured:yes"/> <label class="pd-option-selector__label" for="pd-galaxy-assured-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text" data-sdf-test="{{assuredBuyBack.yesAttr.text}}">{{assuredBuyBack.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text" data-sdf-test="{{assuredBuyBack.yesAttr.subText}}">{{assuredBuyBack.yesAttr.subText}}</span> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev result-option-assured-buy-back sdf-component-template" data-sdf-template="assuredBuyBackResult @ drawObj" data-sdf-unwrap="true"> <input type="hidden" class="hidden result-price" data-sdf-attr.data-price="{{assuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{assuredBuyBackResult.dataSalePrice}}"/> </div> <div class="pd-select-option off-change option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBack @ drawObj" data-sdf-test="{{newAssuredBuyBack.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{newAssuredBuyBack.title}}">{{newAssuredBuyBack.title}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{newAssuredBuyBack.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging" aria-haspopup="dialog" data-sdf-attr.href="{{newAssuredBuyBack.learnMoreCta.href}}" data-sdf-attr.target="{{newAssuredBuyBack.learnMoreCta.target}}" data-sdf-attr.title="{{newAssuredBuyBack.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{newAssuredBuyBack.learnMoreCta.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy assured:learn more">{{newAssuredBuyBack.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{newAssuredBuyBack.description}}">{{newAssuredBuyBack.description}}</p> <p class="pd-select-option__notice"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg>Please select Samsung Assured Buyback or no coverage </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{newAssuredBuyBack.itemSet}}" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input open-popup add-special-tagging" type="radio" name="pd-galaxy-new-assured" id="pd-galaxy-new-assured-{{item.index}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy assured:yes"/> <label class="pd-option-selector__label" for="pd-galaxy-new-assured-{{item.index}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text" data-sdf-test="{{item.title}}">{{item.title}}</strong> <span class="pd-option-selector__sub-text" data-sdf-test="{{item.priceDisplay}}">{{item.priceDisplay}}</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" type="radio" name="pd-galaxy-new-assured" id="pd-galaxy-new-assured-0" data-event-type="{{newAssuredBuyBack.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="galaxy assured:no"/> <label class="pd-option-selector__label" for="pd-galaxy-new-assured-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{newAssuredBuyBack.noAttr.text}}</strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev result-option-new-assured-buy-back sdf-component-template" data-sdf-template="newAssuredBuyBackResult @ drawObj" data-sdf-unwrap="true"> <input type="hidden" class="hidden result-price" data-sdf-attr.model-code="{{newAssuredBuyBackResult.dataModelCode}}" data-sdf-attr.model-name="{{newAssuredBuyBackResult.dataModelName}}" data-sdf-attr.data-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.data-sale-price="{{newAssuredBuyBackResult.dataPrice}}" data-sdf-attr.data-display-price="{{newAssuredBuyBackResult.dataDisplayPrice}}" data-sdf-attr.data-display-name="{{newAssuredBuyBackResult.dataDisplayName}}"/> </div> <div class="pd-select-option option-care sdf-component-template" data-sdf-template=" care @ drawObj" data-sdf-test="{{care.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{care.title}}">{{care.title}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{care.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging" aria-haspopup="dialog" href="{{care.learnMoreCta.href}}" rel="nofollow" data-sdf-attr.target="{{care.learnMoreCta.target}}" data-sdf-attr.title="{{care.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{care.learnMoreCta.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:learn more">{{care.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{care.description}}">{{care.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide pd-select-option__list--samsung-care" role="list"> <li class="pd-select-option__item" data-sdf-repeat.item="{{care.itemSet}}" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input open-popup add-special-tagging" type="radio" name="pd-samsung-care" id="pd-samsung-care-{{item.index}}" data-target-popup="{{care.yesAttr.layerTarget}}" data-index="{{item.index}}" data-paymentCycle="{{item.paymentCycle}}" data-prePopup="{{item.prePopup}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:yes"/> <label class="pd-option-selector__label" for="pd-samsung-care-{{item.index}}"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text" data-sdf-test="{{item.optionName}}">{{item.optionName}}</strong> <span class="pd-option-selector__sub-text">  <span class="s-option-price" data-sdf-test="{{item.isAlMese}}">{{item.optionSalePrice}} al mese</span> <span class="s-option-price" data-sdf-test="{{item.isNoAlMese}}">{{item.optionSalePrice}}</span> <span class="pd-option-selector__save-text" data-sdf-test="{{item.optionSavePrice}}">{{item.optionOriPrice}} {{item.optionSavePrice}}</span> </span> </span> </span> </label> </div> <p class="pd-select-option__item-disclaimer" data-sdf-test="{{item.specialText}}">{{item.specialText}}</p> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" type="radio" name="pd-samsung-care" id="pd-samsung-care-0" data-event-type="{{care.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:no"/> <label class="pd-option-selector__label" for="pd-samsung-care-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">None</strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result-dev hidden result-care sdf-component-template" data-sdf-template=" careResult @ drawObj " data-sdf-unwrap="true"> <input type="hidden" class="hidden result-price" data-sdf-attr.data-price="{{careResult.dataPrice}}" data-sdf-attr.data-sale-price="{{careResult.dataSalePrice}}" data-sdf-attr.data-model-name="{{careResult.dataModelName}}" data-sdf-attr.data-model-code="{{careResult.dataModelCode}}" data-sdf-attr.data-id="{{careResult.dataId}}"/> </div> <div class="pd-select-option option-warranty sdf-component-template" data-sdf-template="warranty @ drawObj" data-sdf-test="{{warranty.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline" data-sdf-test="{{warranty.title}}">{{warranty.title}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{warranty.learnMoreCta.text}}"> <a class="cta cta--underline cta--black add-special-tagging" href="{{warranty.learnMoreCta.href}}" rel="nofollow" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:learn more">{{warranty.learnMoreCta.text}}</a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{warranty.description}}">{{warranty.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{warranty.yesAttr.class}}" type="radio" name="pd-samsung-warranty" id="pd-samsung-warranty-0" data-target-popup="{{warranty.yesAttr.layerTarget}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:yes"/> <label class="pd-option-selector__label" for="pd-samsung-warranty-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{warranty.yesAttr.text}}</strong> <span class="pd-option-selector__sub-text">{{warranty.yesAttr.subText}}</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging {{warranty.noAttr.class}}" type="radio" name="pd-samsung-warranty" id="pd-samsung-warranty-1" data-target-popup="{{warranty.noAttr.layerTarget}}" data-event-type="{{warranty.noAttr.eventType}}" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:no"/> <label class="pd-option-selector__label" for="pd-samsung-warranty-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">{{warranty.noAttr.text}}</strong> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-warranty sdf-component-template" data-sdf-template=" warrantyResult @ drawObj " data-sdf-unwrap="true"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-price="{{warrantyResult.dataPrice}}" data-sdf-attr.data-sale-price="{{warrantyResult.dataSalePrice}}" data-sdf-attr.data-model-name="{{warrantyResult.dataModelName}}" data-sdf-attr.data-model-code="{{warrantyResult.dataModelCode}}" data-sdf-attr.data-id="{{warrantyResult.dataId}}"> <p class="option-result__text-title" data-sdf-test="{{warrantyResult.displayModelName}}">{{warrantyResult.displayModelName}}</p> <p class="option-result__text" data-sdf-test="{{warrantyResult.discountText1}}">{{warrantyResult.discountText1}}</p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{warrantyResult.description1}}"> <p class="option-result__desc">{{warrantyResult.description1}}</p> </div> <a href="javascript:void(0)" class="option-result__close remove-warranty-result"><span class="hidden">Close</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="pd-select-option option-warranty-vd sdf-component-template" data-sdf-template="warrantyVd @ drawObj" data-sdf-test="{{warrantyVd.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{warrantyVd.title}}</h3> <span class="pd-select-option__cta-wrap"> <a class="cta cta--underline cta--black" data-target-popup="ExtendedWarrantyLearnMorePopup" aria-haspopup="dialog" an-tr="header(pim)_service option selector-product detail-extended warranty-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:learn more" data-sdf-attr.href="{{warrantyVd.learnMoreCta.learnMoreHref}}" data-sdf-attr.target="{{warrantyVd.learnMoreCta.learnMoreTarget}}" data-sdf-attr.data-target-popup="{{warrantyVd.learnMoreCta.learnMoreTargetPopup}}" role="button">{{warrantyVd.learnMoreCta.learnMoreText}}</a> </span> </div> <p class="pd-select-option__desc">{{warrantyVd.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden" type="radio" name="pd-extended-warranty-option" id="pd-extended-warranty-option-0" checked data-target-popup="{{warrantyVd.yesAttr.layerTarget}}" aria-haspopup="dialog" an-tr="header(pim)_service option selector-product detail-extended warranty-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:yes"/> <label class="pd-option-selector__label" for="pd-extended-warranty-option-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"><strong class="pd-option-selector__main-text">{{warrantyVd.yesAttr.text}}</strong></span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-result-focus" type="radio" name="pd-extended-warranty-option" id="pd-extended-warranty-option-1" an-tr="header(pim)_service option selector-product detail-extended warranty-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:no"/> <label class="pd-option-selector__label" for="pd-extended-warranty-option-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"><strong class="pd-option-selector__main-text">{{warrantyVd.noAttr.text}}</strong></span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result option-result--extended-warranty-option sdf-component-template" data-sdf-template="warrantyVdResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__text-wrap" data-sdf-attr.data-price="{{warrantyVdResult.price}}" data-sdf-attr.data-model-code="{{warrantyVdResult.smcCode}}"> <p class="option-result__text-title">{{warrantyVdResult.title}}</p> <p class="option-result__text">{{warrantyVdResult.priceDisplay}}</p> </div> <a href="javascript:void(0)" class="option-result__close" an-tr="header(pim)_service option selector-product detail-extended warranty-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:delete"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="pd-info__wishlist sdf-component-template" data-sdf-template="wishlist @ drawObj" data-sdf-unwrap="true"> <a class="pd-wishlist-cta js-layer-open {{wishList.contentWrapperClass}}" href="javascript:void(0);" data-target-popup="wishPopup" data-modelcode="{{wishList.moCode}}" data-modelname="{{wishList.moName}}" data-modeldisplay="galaxy buds3 pro" data-sdf-attr.data-modelprice="{{wishList.price}}" data-div-id="{{wishList.targetId}}" data-pvitype="mobile" data-pvisubtype="wearable" data-pimsubtype="galaxy buds" data-component="HDD01" data-added-text="Remove wishlist" data-add-text="Add to wishlist" aria-selected="{{wishList.isSelected}}" data-stock="{{wishList.stockLevelStatus}}"> <span class="hidden">My Wishlist</span> <svg class="icon unselect" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M82.659 46.562c-.237.336-1.321 1.867-1.736 2.413-6.187 8.141-26.914 24.719-32.859 29.329L48 78.25l-.064.054c-5.945-4.61-26.672-21.188-32.857-29.327a136.36 136.36 0 01-1.737-2.415A19.366 19.366 0 0110.5 36.449c0-10.729 8.748-19.457 19.5-19.457a19.549 19.549 0 0115.957 8.28L48 28.171l2.044-2.899A19.548 19.548 0 0166 16.992c10.753 0 19.5 8.728 19.5 19.457 0 3.577-.982 7.072-2.841 10.113M66 11.992a24.556 24.556 0 00-18 7.875 24.552 24.552 0 00-18-7.875c-13.509 0-24.5 10.971-24.5 24.457 0 4.53 1.254 8.957 3.625 12.802l.086.13s1.391 1.967 1.885 2.619c3.235 4.257 10.172 10.853 20.619 19.603a514.58 514.58 0 0010.291 8.386c4.905 3.893 4.905 3.893 5.706 3.986l.288.033.289-.033c.8-.093.8-.093 5.706-3.986a517.926 517.926 0 0010.29-8.386c10.447-8.75 17.384-15.346 20.62-19.604.494-.651 1.884-2.618 1.884-2.618l.086-.13A24.365 24.365 0 0090.5 36.449c0-13.486-10.99-24.457-24.5-24.457"></path> </svg> <svg class="icon select" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M48.002 84.009l-.298-.035c-.796-.096-.796-.096-5.698-3.986a514.58 514.58 0 01-10.291-8.386c-10.447-8.75-17.384-15.346-20.618-19.603-.495-.651-1.886-2.62-1.886-2.62l-.085-.129A24.366 24.366 0 015.5 36.448c0-13.486 10.991-24.457 24.5-24.457 6.87 0 13.392 2.896 18 7.875a24.56 24.56 0 0118-7.875c13.51 0 24.5 10.971 24.5 24.457 0 4.53-1.253 8.957-3.625 12.802l-.085.129s-1.391 1.969-1.886 2.62c-3.234 4.257-10.172 10.853-20.618 19.603a514.58 514.58 0 01-10.291 8.386c-4.901 3.89-4.901 3.89-5.696 3.985l-.297.036z"></path> </svg> </a> </div> <div class="pd-buying-price" data-sdf-template="pdBuyingAnchor @ price" data-sdf-unwrap="true"> <div class="pd-header-navigation__combo-package-wrap"> </div> <div class="pd-buying-price__badge mobile" data-sdf-test="{{price.priceWrapper.hasEnergyLabel}}"> <a class="pd-buying-price__product-fiche-link add-special-tagging {{price.priceWrapper.ficheAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.ficheAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.ficheAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.ficheAttr.title}}" data-sdf-test="{{price.priceWrapper.ficheAttr.text}}">{{price.priceWrapper.ficheAttr.text}}</a> <a class="add-special-tagging {{price.priceWrapper.labelAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.labelAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.labelAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.labelAttr.title}}" data-sdf-test="{{price.priceWrapper.labelAttr.text}}"> <span class="badge__grade--with-text {{price.priceWrapper.labelAttr.spanClass}}"><span class="hidden">{{price.priceWrapper.labelAttr.text}}</span></span> </a> <div class="badge-repairability" data-sdf-test="{{price.priceWrapper.repairAttr.text}}"> </div> </div> <div class="pd-buying-price__badge mobile" data-sdf-test="{{price.priceWrapper.hasNewEnergyLabel}}"> <div class="badge-energy-label"> <a class="badge-energy-label__text" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.ficheAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.ficheAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.ficheAttr.title}}" data-sdf-test="{{price.priceWrapper.ficheAttr.text}}">{{price.priceWrapper.ficheAttr.text}}</a> <a class="badge-energy-label__badge {{price.priceWrapper.labelAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.labelAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.labelAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.labelAttr.title}}" data-sdf-test="{{price.priceWrapper.labelAttr.text}}">{{price.priceWrapper.labelAttr.text}}</a> </div> <div class="badge-repairability" data-sdf-test="{{price.priceWrapper.repairAttr.text}}"> </div> </div> <div class="pd-buying-price__wrap"> <p class="pd-buying-price__advice-price" data-sdf-test="{{priceAnchor.priceWrapper.info.noLineOrignal}}">{{priceAnchor.priceWrapper.info.noLineOrignal}}</p> <div class="pd-buying-price__badge desktop" data-sdf-test="{{price.priceWrapper.hasEnergyLabel}}"> <div class="badge-repairability" data-sdf-test="{{price.priceWrapper.repairAttr.text}}"> </div> <a class="pd-buying-price__product-fiche-link add-special-tagging {{price.priceWrapper.ficheAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.ficheAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.ficheAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.ficheAttr.title}}" data-sdf-test="{{price.priceWrapper.ficheAttr.text}}">{{price.priceWrapper.ficheAttr.text}}</a> <a class="add-special-tagging {{price.priceWrapper.labelAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.labelAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.labelAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.labelAttr.title}}" data-sdf-test="{{price.priceWrapper.labelAttr.text}}"> <span class="badge__grade--with-text {{price.priceWrapper.labelAttr.spanClass}}"><span class="hidden">{{price.priceWrapper.labelAttr.text}}</span></span> </a> </div> <div class="pd-buying-price__badge desktop" data-sdf-test="{{price.priceWrapper.hasNewEnergyLabel}}"> <div class="badge-repairability" data-sdf-test="{{price.priceWrapper.repairAttr.text}}"> </div> <div class="badge-energy-label"> <a class="badge-energy-label__text" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.ficheAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.ficheAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.ficheAttr.title}}" data-sdf-test="{{price.priceWrapper.ficheAttr.text}}">{{price.priceWrapper.ficheAttr.text}}</a> <a class="badge-energy-label__badge {{price.priceWrapper.labelAttr.class}}" an-tr="pdd01_anchor nav-product detail-text-product fiche" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:product fiche" data-sdf-attr.href="{{price.priceWrapper.labelAttr.href}}" data-sdf-attr.target="{{price.priceWrapper.labelAttr.target}}" data-sdf-attr.title="{{price.priceWrapper.labelAttr.title}}" data-sdf-test="{{price.priceWrapper.labelAttr.text}}">{{price.priceWrapper.labelAttr.text}}</a> </div> </div> <div class="pd-buying-price__new-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPrice}}"> {{priceAnchor.priceWrapper.info.totalPrice}} </div> <div class="pd-buying-price__box"> <p class="pd-buying-price__trade-in">{{priceAnchor.priceWrapper.info.ceExchangePrice}}</p> <div class="pd-buying-price__tax">{{priceAnchor.priceWrapper.info.orignalPriceAddText}}</div> <div class="pd-buying-price__label" data-sdf-test="{{priceAnchor.priceWrapper.info.lowestWasPricetext}}">{{priceAnchor.priceWrapper.info.lowestWasPricetext}}</div> <div class="pd-buying-price__was" data-sdf-test="{{priceAnchor.priceWrapper.info.orignalPrice}}"> <span class="hidden">Original Price:</span> {{priceAnchor.priceWrapper.info.orignalPrice}} </div> <div class="pd-buying-price__save" data-sdf-test="{{priceAnchor.priceWrapper.info.savePrice}}">{{priceAnchor.priceWrapper.info.savePrice}}</div> <div class="pd-buying-price__disclaimer" data-sdf-test="{{priceAnchor.priceWrapper.info.disclaimer}}">{{priceAnchor.priceWrapper.info.disclaimer}}</div> </div> </div>  <div class="pd-buying-price__cta"> <a class="cta cta--contained cta--emphasis add-special-tagging {{price.anchorNaviAttr.class}}" data-sdf-attr.href="{{price.anchorNaviAttr.href}}" data-sdf-attr.target="{{price.anchorNaviAttr.target}}" data-sdf-attr.data-cta-type="{{price.anchorNaviAttr.ctaType}}" data-sdf-attr.data-modelname="{{price.anchorNaviAttr.modelName}}" data-sdf-attr.data-title="{{price.anchorNaviAttr.dataTtile}}" data-sdf-attr.data-img-src="{{price.anchorNaviAttr.imgSrc}}" data-sdf-attr.data-iacode="{{price.anchorNaviAttr.iaCode}}" data-sdf-attr.data-modelcode="{{price.anchorNaviAttr.dataModelCode}}" data-sdf-attr.data-sku-code="{{price.anchorNaviAttr.moCode}}" data-sdf-attr.title="{{price.anchorNaviAttr.title}}" data-sdf-test="{{price.anchorNaviAttr.text}}" data-sdf-attr.data-gs-flag="{{price.anchorNaviAttr.gsFlag}}">{{price.anchorNaviAttr.text}}</a> </div> </div> <div class="pd-buying-tool__cost-box sdf-component-template" data-sdf-template="buyingPrice @ price" data-sdf-unwrap="true"> <div class="summary"> <div class="summary__product-wrap"> <strong class="summary__product-name">Galaxy Buds3 Pro</strong> <p class="summary__product-price" style="display:none;">{{price.priceWrapper.info.salePriceFormatted}}</p> </div> <div class="summary__select-option-wrap"> <span class="summary__select-option">Galaxy Buds3 Pro</span> <span class="summary__select-option">Silver</span> </div> <div data-sdf-attr.class="summary__product-wrap" data-sdf-repeat.item="{{price.summaryArea.embedAddonSelected}}"> <p data-sdf-attr.class="summary__product-name">{{item.name}}</p> <p data-sdf-attr.class="summary__product-price">{{item.summaryPrice}}</p> </div> <div class="summary__product-wrap warranty-wrap"></div> </div> <div class="cost-box {{price.classType}}"> <p class="cost-box__price" data-sdf-test="{{price.priceWrapper.info.totalPrice}}"> <strong class="cost-box__price-now">{{price.priceWrapper.info.totalPrice}}</strong> <span class="cost-box__price-vat" data-sdf-test="{{price.priceWrapper.info.vatText}}">{{price.priceWrapper.info.vatText}}</span> </p> <p class="cost-box__price-tax"> {{price.priceWrapper.info.orignalPriceAddText}} </p> <p class="cost-box__description" data-sdf-test="{{price.priceWrapper.info.lowestWasPricetext}}">{{price.priceWrapper.info.lowestWasPricetext}}</p> <p class="cost-box__price-sub"> <span data-sdf-unwrap="true" data-sdf-test="{{price.priceWrapper.info.hasNoLowestWasPrice}}"> <span class="cost-box__price-original" data-sdf-test="{{price.priceWrapper.info.orignalPrice}}"><span class="hidden">Was Price</span></span> <strong class="cost-box__price-save" data-sdf-test="{{price.priceWrapper.info.savePrice}}"><span class="hidden">Price</span></strong> </span> <span data-sdf-unwrap="true" data-sdf-test="{{price.priceWrapper.info.hasLowestWasPrice}}"> <s class="cost-box__price-original" data-sdf-test="{{price.priceWrapper.info.orignalPrice}}"><span class="hidden">Was Price</span>{{price.priceWrapper.info.orignalPrice}}</s> <strong class="cost-box__price-save" data-sdf-test="{{price.priceWrapper.info.savePrice}}"><span class="hidden">Price</span>{{price.priceWrapper.info.savePrice}}</strong> </span> </p> <p class="cost-box__stock-text" data-sdf-test="{{price.priceWrapper.info.walkoutQtyText}}">{{price.priceWrapper.info.walkoutQtyText}}</p> <p class="cost-box__stock-text" data-sdf-test="{{price.priceWrapper.info.homeDeliveryQtyText}}">{{price.priceWrapper.info.homeDeliveryQtyText}}</p> <p class="cost-box__sales-pitch" data-sdf-test="{{price.priceWrapper.info.salesPitch}}">{{price.priceWrapper.info.salesPitch}}</p> <p class="cost-box__description" data-sdf-test="{{price.priceWrapper.info.text}}">{{price.priceWrapper.info.text}}</p> <p class="cost-box__description" data-sdf-test="{{price.priceWrapper.info.text2}}">{{price.priceWrapper.info.text2}}</p> <p class="cost-box__description" data-sdf-test="{{price.priceWrapper.info.text3}}"><svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#clock-regular" href="#clock-regular"></use></svg>{{price.priceWrapper.info.text3}}</p> <p class="cost-box__description" data-sdf-test="{{price.priceWrapper.info.shippingOrBack}}"><svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#in-stock-regular" href="#in-stock-regular"></use></svg>{{price.priceWrapper.info.shippingOrBack}}</p> <div class="cost-box__cta-wrap {{price.ctaWrapperClass}}"> <span class="cost-box__cta" data-sdf-test="{{price.bespokeAttr.text}}"> <a class="cta cta--contained cta--black add-special-tagging {{price.bespokeAttr.class}}" data-sdf-attr.href="{{price.bespokeAttr.href}}" data-sdf-attr.target="{{price.bespokeAttr.target}}" data-sdf-attr.title="{{price.bespokeAttr.title}}">{{price.bespokeAttr.text}}</a> </span> <span class="cost-box__cta" data-sdf-test="{{price.containedAttr.text}}"> <a class="cta cta--contained cta--emphasis add-special-tagging {{price.containedAttr.class}}" data-sdf-attr.href="{{price.containedAttr.href}}" data-sdf-attr.target="{{price.containedAttr.target}}" data-sdf-attr.data-cta-type="{{price.containedAttr.ctaType}}" data-sdf-attr.data-modelname="{{price.containedAttr.modelName}}" data-sdf-attr.data-title="{{price.containedAttr.dataTtile}}" data-sdf-attr.data-img-src="{{price.containedAttr.imgSrc}}" data-sdf-attr.data-iacode="{{price.containedAttr.iaCode}}" data-sdf-attr.data-modelcode="{{price.containedAttr.dataModelCode}}" data-sdf-attr.data-sku-code="{{price.containedAttr.moCode}}" data-sdf-attr.title="{{price.containedAttr.title}}" data-sdf-attr.style="{{price.containedAttr.style}}" data-sdf-attr.data-gs-flag="{{price.containedAttr.gsFlag}}">{{price.containedAttr.text}}</a> </span> <span class="cost-box__cta" data-sdf-test="{{price.reserveInStoreAttr.text}}"> <a class="cta cta--contained cta--emphasis add-special-tagging {{price.reserveInStoreAttr.class}}" data-sdf-attr.href="{{price.reserveInStoreAttr.href}}" data-sdf-attr.target="{{price.reserveInStoreAttr.target}}" data-sdf-attr.title="{{price.reserveInStoreAttr.title}}">{{price.reserveInStoreAttr.text}}</a> </span> <span class="cost-box__cta" data-sdf-test="{{price.outlinedAttr.text}}"> <a class="cta cta--outlined cta--black add-special-tagging {{price.outlinedAttr.class}}" data-sdf-attr.href="{{price.outlinedAttr.href}}" data-sdf-attr.target="{{price.outlinedAttr.target}}" data-sdf-attr.data-cta-type="{{price.outlinedAttr.ctaType}}" data-sdf-attr.title="{{price.outlinedAttr.title}}">{{price.outlinedAttr.text}}</a> </span> <span class="cost-box__cta" data-sdf-test="{{price.wtbAttr.text}}"> <a class="cta cta--label cta--black cta--icon cta--icon-leading add-special-tagging {{price.wtbAttr.class}}" data-sdf-attr.href="{{price.wtbAttr.href}}" data-sdf-attr.target="{{price.wtbAttr.target}}" data-sdf-attr.title="{{price.wtbAttr.title}}" data-sdf-attr.data-modelname="{{price.wtbAttr.modelName}}" data-sdf-attr.data-title="{{price.wtbAttr.dataTtile}}" data-sdf-attr.data-img-src="{{price.wtbAttr.imgSrc}}" data-sdf-attr.data-iacode="{{price.wtbAttr.iaCode}}" data-sdf-attr.data-modelcode="{{price.wtbAttr.dataModelCode}}"> {{price.wtbAttr.text}} <svg class="icon" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M48 1.5c20.982 0 38 16.927 38 37.819 0 8.759-2.997 16.687-8.588 23.482l-.048.06-25.566 29.891a5.002 5.002 0 01-7.598-.001L18.59 62.8C12.996 56.003 10 48.076 10 39.318c0-20.892 17.018-37.82 38-37.82zm0 8c-16.574 0-30 13.355-30 29.819 0 6.853 2.323 12.998 6.718 18.34L48 84.885l23.222-27.151.359-.443c4.103-5.153 6.298-10.975 6.414-17.433l.005-.54C78 22.856 64.574 9.5 48 9.5zm-.023 8.73c11.599 0 21 9.403 21 21 0 11.598-9.401 21-21 21-11.596 0-21-9.403-21-21 0-11.596 9.404-21 21-21zm0 7c-7.73 0-14 6.27-14 14 0 7.731 6.27 14 14 14 7.733 0 14-6.268 14-14 0-7.731-6.267-14-14-14z"></path> </svg> </a> </span> </div> </div> </div>  <div class="pd-select-option pd-select-option--delivery-detail sdf-component-template" data-sdf-template="delivery @ drawObj" data-sdf-test="{{delivery.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{delivery.headline}}</h3> </div> <div class="pd-select-option__input-wrap"> <div class="text-field-v2 no-title {{delivery.labelClass}}"> <label class="text-field-v2__hint" for="delivery-zipcode">{{delivery.label}}</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="delivery-zipcode" type="text" autocomplete="off" data-sdf-attr.maxlength="{{delivery.inputAttr.maxlength}}" data-sdf-attr.disabled="{{delivery.inputAttr.disabled}}" data-sdf-attr.value="{{delivery.inputAttr.value}}"/> <button class="text-field-v2__input-icon delete add-special-tagging" title="Delete" an-tr="header(pim)_option selector-product detail-image-submit" an-ca="option click" an-ac="pd buying tool" an-la="zip code:delete"> <svg class="icon delete" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text error">{{delivery.errorMessage}}</p> </div> <a class="cta cta--contained cta--black check-zipcode {{delivery.ctaClass}}" href="javascript:void(0)" title="Apply"> Apply</a> </div> </div> <div class="option-result result-delivery sdf-component-template" data-sdf-template="deliveryResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__text-wrap"> <p class="option-result__text delivery-priority" data-sdf-test="{{deliveryResult.priorityText}}">{{deliveryResult.priorityText}}</p> <p class="option-result__text delivery-standard" data-sdf-test="{{deliveryResult.mainText}}">{{deliveryResult.mainText}}</p> <p class="option-result__sub-text" data-sdf-test="{{deliveryResult.subText}}"> {{deliveryResult.subText}}<br/> Standard installation charges may apply.<a href="https://images.samsung.com/is/content/samsung/assets/in/info/installation/Delivery-Service-TnC.pdf" class="option-result__text-link" target="_blank" aria-label="Link Title">Click here</a> for more details. </p> </div> <div class="option-result__desc-wrap"> <p class="option-result__desc-title" data-sdf-test="{{deliveryResult.decText}}">{{deliveryResult.decText}}</p> <p class="option-result__desc" data-sdf-repeat.item="{{deliveryResult.disclaimerList}}">{{item.disclaimer}}</p> </div> <a href="javascript:void(0)" class="option-result__close remove-delivery" an-tr="header(pim)_option selector-product detail-image-submit" an-ca="option click" an-ac="pd buying tool" an-la="zip code:delete"><span class="hidden">Close</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> </div> <div class="pd-select-option option-tariff sdf-component-template" data-sdf-template="tariffOption @ drawObj" data-sdf-test="{{tariffOption.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{tariffOption.headline}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{tariffOption.href}}"> <a class="cta cta--underline cta--black add-special-tagging" aria-haspopup="dialog" role="button" target="_blank" title="Learn more" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="tariff:learn more" href="{{tariffOption.href}}" rel="nofollow">Learn more</a> </span> </div> <p class="pd-select-option__desc">{{tariffOption.description}}</p> <p class="pd-select-option__carrier" data-sdf-list.logoitem="{{tariffOption.logoList}}"> <img class="carrier-logo" data-sdf-attr.src="{{logoitem.src}}" data-sdf-attr.alt="{{logoitem.alt}}"/> </p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" type="radio" name="pd-tariff-option" id="pd-tariff-option-0" checked data-target-popup="tariffPopup" aria-haspopup="dialog" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="network plans:yes"/> <label class="pd-option-selector__label" for="pd-tariff-option-0"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <span class="pd-option-selector__main-text">{{tariffOption.yesAttr.text}}</span> </span> </span> </label> </div> </li> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input class="hidden option-input add-special-tagging" type="radio" name="pd-tariff-option" id="pd-tariff-option-1" an-tr="header(pim)_option selector-product detail-select-service option" an-ca="option click" an-ac="pd buying tool" an-la="network plans:no"/> <label class="pd-option-selector__label" for="pd-tariff-option-1"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <span class="pd-option-selector__main-text">{{tariffOption.noAttr.text}}</span> </span> </span> </label> </div> </li> </ul> </div> </div> <div class="option-result result-tariff-optioin sdf-component-template" data-sdf-template="tariffOptionResult @ drawObj" data-sdf-unwrap="true" data-sdf-test="{{tariffOptionResult.hasComponent}}"> <div class="option-result__text-wrap result-price" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}"> <p class="option-result__text-title" data-sdf-test="{{tariffOptionResult.displayModelName}}">{{tariffOptionResult.displayModelName}}</p> <p class="option-result__text" data-sdf-test="{{tariffOptionResult.discountText1}}">{{tariffOptionResult.discountText1}}</p> </div> <div class="option-result__desc-wrap" data-sdf-test="{{tariffOptionResult.description1}}"> <p class="option-result__desc">{{tariffOptionResult.description1}}</p> <p class="option-result__desc">{{tariffOptionResult.description2}}</p> </div> <a href="javascript:void(0)" class="option-result__close remove-tariff-option-result"><span class="hidden">Close</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M79.17 11.17L48 42.34 16.83 11.17l-5.66 5.66L42.34 48 11.17 79.17l5.66 5.66L48 53.66l31.17 31.17 5.66-5.66L53.66 48l31.17-31.17z"></path> </svg> </a> <p class="option-result__desc">{{tariffOptionResult.description}}</p> <p class="option-result__price" data-sdf-attr.data-price="{{tariffOptionResult.dataPrice}}" data-sdf-attr.data-simsku-code="{{tariffOptionResult.dataSimskuCode}}" data-sdf-attr.data-model-code="{{tariffOptionResult.dataModelCode}}" data-sdf-attr.data-id="{{tariffOptionResult.dataId}}">{{tariffOptionResult.price}}</p> <p class="option-result__disclaimer">{{tariffOptionResult.disclaimer}}</p> </div> <div class="pd-select-option option-embed-addon sdf-component-template" data-sdf-template="embedAddon @ drawObj" data-sdf-test="{{embedAddon.hasComponent}}" data-sdf-unwrap="true"> <h3 class="pd-select-option__headline">{{embedAddon.title}}</h3> <p class="pd-select-option__desc">{{embedAddon.description}}</p> <ul class="add-on-product-list-wrap" data-sdf-test="{{embedAddon.isNotVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0"> <li data-sdf-repeat.item="{{embedAddon.itemSet}}" class="add-on-product{{item.oosClass}}"> <div class="checkbox-v2"> <input class="checkbox-v2__input" type="checkbox" name="checkbox" id="add-on-product-{{item.index}}" an-ca="option click" an-ac="pd buying tool" an-la="add on product purchase only:{{item.nameToLowerCase}}" data-modelname="{{item.groupCode}}" data-modelcode="{{item.modelCode}}"/> <label class="checkbox-v2__label" for="add-on-product-{{item.index}}"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">{{item.name}}</span> </label> </div> <div class="image"> <img class="image__preview lazy-load" data-src="{{item.imgSrc}}" alt="{{item.imgAlt}}" role="img"/> <img class="image__main lazy-load" data-src="{{item.imgSrc}}" alt="{{item.imgAlt}}" role="img"/> </div> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">{{item.iconTitle}}</span> <p class="add-on-product__title" data-model-name="{{item.name}}">{{item.name}}</p> <p data-sdf-test="{{item.modelCode}}" class="add-on-product__serial-number" data-model-code="{{item.modelCode}}">{{item.modelCode}}</p> <p data-sdf-test="{{item.description}}" class="add-on-product__desc">{{item.description}}</p> </div> <div class="add-on-product__price-wrap"> <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">{{item.finalPrice}}</p> <del class="add-on-product__original-price" data-sdf-test="{{item.originalPrice}}" data-original-price="{{item.originalPriceValue}}">{{item.originalPrice}}</del> <span class="add-on-product__saving-price" data-sdf-test="{{item.savePrice}}" data-save-price="{{item.savePriceValue}}">{{item.savePrice}}</span> <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}">Out Of Stock</span> </div> <button class="cta cta--underline cta--black cta-learn-more" aria-label="Learn More" data-model-idx="{{item.index}}" data-sdf-test="{{item.isLearnMorePopup}}"> Learn more</button> </div> </li> </ul> <ul class="add-on-product-list-wrap--vd" data-sdf-test="{{embedAddon.isVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0"> <li data-sdf-repeat.item="{{embedAddon.itemSet}}" class="add-on-product{{item.oosClass}}"> <div class="image"> <img class="image__preview lazy-load" data-src="{{item.imgSrc}}" alt="{{item.imgAlt}}" role="img"/> <img class="image__main lazy-load" data-src="{{item.imgSrc}}" alt="{{item.imgAlt}}" role="img"/> </div> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">{{item.iconTitle}}</span> <p class="add-on-product__title" data-model-name="{{item.name}}">{{item.name}}</p> <p data-sdf-test="{{item.description}}" class="add-on-product__desc">{{item.description}}</p> <ul data-sdf-test="{{item.dotList1}}" class="add-on-product__dot-list"> <li data-sdf-test="{{item.dotList1}}">{{item.dotList1}}</li> <li data-sdf-test="{{item.dotList2}}">{{item.dotList2}}</li> <li data-sdf-test="{{item.dotList3}}">{{item.dotList3}}</li> </ul> </div> <div class="add-on-product__price-wrap"> <p class="add-on-product__final-price" data-price="{{item.finalPriceValue}}">{{item.finalPrice}}</p> <del class="add-on-product__original-price" data-sdf-test="{{item.originalPrice}}" data-original-price="{{item.originalPriceValue}}">{{item.originalPrice}}</del> <span class="add-on-product__saving-price" data-sdf-test="{{item.savePrice}}" data-save-price="{{item.savePriceValue}}">{{item.savePrice}}</span> <span class="add-on-product__out-of-stock" data-sdf-test="{{item.isOOS}}">Out Of Stock</span> </div> <button data-sdf-test="{{item.isStock}}" data-id="add-on-product-{{item.index}}" data-mode-code="{{item.modelCode}}" class="cta cta--contained cta--black cta--dense embed-addon-add" aria-label="Add">Add</button> <button data-sdf-test="{{item.isOOS}}" class="cta cta--contained cta--black cta--dense cta--disabled embed-addon-add" aria-label="Add" disabled>Add</button> </div> </li> </ul> <div class="add-on-product__view-btns-wrap" data-sdf-test="{{embedAddon.useMobileCTA}}"> <button class="cta cta--outlined cta--black cta--icon cta--view-more"> View more <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </button> </div> </div> <div class="pd-select-option pd-select-option--type-offer option-offer sdf-component-template" data-sdf-template=" offer @ drawObj " data-sdf-test="{{offer.hasComponent}}" data-sdf-unwrap="true"> <h3 class="pd-select-option__headline">{{offer.headline}}</h3> <div class="pd-offer"> <ul class="pd-offer__list"> <li class="pd-offer__item has-component {{offer.bogo.title}}" data-sdf-test="{{offer.bogo.hasItem}}"> <div class="pd-offer__content pd-offer__content--buy-get-free {{offer.bogo.item.contentWrapperClass}}"> <div class="pd-offer__image-icon"> <div class="image"> <img class="image__preview lazy-load" data-src="{{offer.bogo.item.imgAttr.srcPc}}?$LazyLoad_Home_PNG$"/> <img class="image__main lazy-load" data-src="{{offer.bogo.item.imgAttr.srcPc}}?$48_48_PNG$"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{offer.bogo.item.headline}}">{{offer.bogo.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{offer.bogo.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{offer.bogo.item.description.main}}}"> {{decmain.text}}<br/> </p> <p class="pd-offer__desc-sub" data-sdf-test="{{offer.bogo.item.description.sub}}">{{offer.bogo.item.description.sub}}</p> <p class="pd-offer__desc-date" data-sdf-test="{{offer.bogo.item.description.date}}">{{offer.bogo.item.description.date}}</p> </div> <div class="pd-price" data-sdf-test="{{offer.bogo.item.price.hasPrice}}" data-sdf-attr.data-price="{{offer.bogo.item.price.price}}"> <s class="pd-price__original" data-sdf-test="{{offer.bogo.item.price.original}}">{{offer.bogo.item.price.original}}</s> <strong class="pd-price__save" data-sdf-test="{{offer.bogo.item.price.save}}">{{offer.bogo.item.price.save}}</strong> <em class="pd-price__now" data-sdf-test="{{offer.bogo.item.price.now}}">{{offer.bogo.item.price.now}}</em> </div> </div> </div> </li> <li class="pd-offer__item has-component {{offer.gift.title}}" data-sdf-test="{{offer.gift.hasItem}}" data-sdf-attr.data-gift-index="{{offer.gift.giftIndex}}"> <div class="pd-offer__content pd-offer__content--bundle {{offer.gift.item.contentWrapperClass}}"> <div class="pd-offer__content-inner"> <div class="pd-offer__image-icon"> <div class="image"> <img class="image__preview lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/offer_etc.svg?$LazyLoad_Home_PNG$" alt=""/> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/offer_etc.svg?$48_48_PNG$" alt=""/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{offer.gift.item.headline}}">{{offer.gift.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{offer.gift.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{offer.gift.item.description.main}}}"> {{decmain.text}}<br/> </p> <p class="pd-offer__desc-date" data-sdf-test="{{offer.gift.item.description.date}}">{{offer.gift.item.description.date}}</p> </div> <div class="pd-offer__cta"> <a class="cta cta--underline cta--black add-special-tagging {{offer.gift.item.learnMoreCta.class}}" data-sdf-attr.href="{{offer.gift.item.learnMoreCta.href}}" data-sdf-attr.data-target-popup="{{offer.gift.item.learnMoreCta.layerTarget}}" data-sdf-attr.data-gift-idx="{{offer.gift.item.learnMoreCta.giftIdx}}" data-sdf-attr.title="{{offer.gift.item.learnMoreCta.title}}" an-tr="header(pim)_offer option:bundle offer-product detail-text-link" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add to basket" data-sdf-test="{{offer.gift.item.learnMoreCta.text}}">{{offer.gift.item.learnMoreCta.text}}</a> </div> </div> </div> <div class="pd-offer__selected-bundle-wrap" data-sdf-test="{{offer.gift.item.hasBundle}}" data-sdf-list.bundle="{{offer.gift.item.bundleList}}"> <div class="pd-offer__selected-bundle" data-sdf-attr.data-sale-price="{{bundle.dataSalePrice}}" data-sdf-attr.data-price="{{bundle.dataPrice}}" data-sdf-attr.data-model-name="{{bundle.dataModelName}}" data-sdf-attr.data-sku-code="{{bundle.dataSkuCode}}" data-sdf-attr.data-model-code="{{bundle.dataModelCode}}" data-sdf-attr.data-index="{{bundle.dataIndex}}"> <div class="pd-offer__image-icon" data-sdf-test="{{bundle.imgAttr.srcPc}}"> <div class="image"> <img class="image__preview lazy-load" data-src="{{bundle.imgAttr.srcPc}}?$LazyLoad_Home_PNG$" alt="{{bundle.imgAttr.alt}}"/> <img class="image__main lazy-load" data-src="{{bundle.imgAttr.srcPc}}?$48_48_PNG$" alt="{{bundle.imgAttr.alt}}"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{bundle.title}}">{{bundle.title}}</strong> <div class="pd-price"> <s class="pd-price__original" data-sdf-test="{{bundle.price.original}}">{{bundle.price.original}}</s> <strong class="pd-price__save" data-sdf-test="{{bundle.price.save}}">{{bundle.price.save}}</strong> <em class="pd-price__now" data-sdf-test="{{bundle.price.now}}">{{bundle.price.now}}</em> </div> </div> <button class="pd-offer__selected-bundle-cancel" type="button" data-sdf-attr.data-event-index="{{bundle.dataEventType}}" href="javascript:void(0)" role="button" an-tr="header(pim)_offer option:bundle offer-product detail-image-delete" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:delete"> <span class="hidden">{{bundle.deleteTitle}}</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M80.233 12.232l3.535 3.536-32.232 32.231 32.23 32.231-3.535 3.536L48 51.535 15.768 83.768l-3.535-3.536 32.232-32.233-32.233-32.231 3.535-3.536L48 44.464z"></path> </svg> </button> </div> </div> </div> </li> <li data-sdf-repeat.combo="{{offer.combo}}" class="pd-offer__item has-component {{combo.title}}" data-sdf-attr.data-combo-index="{{combo.comboIndex}}"> <div class="pd-offer__content pd-offer__content--bundle {{combo.item.contentWrapperClass}}"> <div class="pd-offer__content-inner"> <div class="pd-offer__image-icon" data-sdf-test="{{combo.item.iconName}}"> <div class="image"> <img class="image__preview lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/{{combo.item.iconName}}.svg?$LazyLoad_Home_PNG$" alt=""/> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/{{combo.item.iconName}}.svg?$48_48_PNG$" alt=""/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{combo.item.headline}}">{{combo.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{combo.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{combo.item.description.main}}}"> {{decmain.text}}<br/> </p> <p class="pd-offer__desc-date" data-sdf-test="{{combo.item.description.date}}">{{combo.item.description.date}}</p> </div> <div class="pd-offer__cta"> <a class="cta cta--underline cta--black add-special-tagging {{combo.item.learnMoreCta.class}}" data-sdf-attr.href="{{combo.item.learnMoreCta.href}}" data-sdf-attr.data-target-popup="{{combo.item.learnMoreCta.layerTarget}}" data-sdf-attr.data-combo-idx="{{combo.item.learnMoreCta.comboIdx}}" data-sdf-attr.title="{{combo.item.learnMoreCta.title}}" an-tr="header(pim)_offer option:bundle offer-product detail-text-link" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add to basket" data-sdf-test="{{combo.item.learnMoreCta.text}}">{{combo.item.learnMoreCta.text}}</a> </div> </div> </div> <div class="pd-offer__selected-bundle-wrap" data-sdf-test="{{combo.item.hasBundle}}" data-sdf-list.bundle="{{combo.item.bundleList}}"> <div class="pd-offer__selected-bundle" data-sdf-attr.data-sale-price="{{bundle.dataSalePrice}}" data-sdf-attr.data-price="{{bundle.dataPrice}}" data-sdf-attr.data-model-name="{{bundle.dataModelName}}" data-sdf-attr.data-sku-code="{{bundle.dataSkuCode}}" data-sdf-attr.data-model-code="{{bundle.dataModelCode}}" data-sdf-attr.data-index="{{bundle.dataIndex}}"> <div class="pd-offer__image-icon" data-sdf-test="{{bundle.imgAttr.srcPc}}"> <div class="image"> <img class="image__preview lazy-load" data-src="{{bundle.imgAttr.srcPc}}?$LazyLoad_Home_PNG$" alt="{{bundle.imgAttr.alt}}"/> <img class="image__main lazy-load" data-src="{{bundle.imgAttr.srcPc}}?$48_48_PNG$" alt="{{bundle.imgAttr.alt}}"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{bundle.title}}">{{bundle.title}}</strong> <div class="pd-price"> <s class="pd-price__original" data-sdf-test="{{bundle.price.original}}">{{bundle.price.original}}</s> <strong class="pd-price__save" data-sdf-test="{{bundle.price.save}}">{{bundle.price.save}}</strong> <em class="pd-price__now" data-sdf-test="{{bundle.price.now}}">{{bundle.price.now}}</em> </div> </div> <button class="pd-offer__selected-bundle-cancel" type="button" data-sdf-attr.data-event-index="{{bundle.dataEventType}}" href="javascript:void(0)" role="button" an-tr="header(pim)_offer option:bundle offer-product detail-image-delete" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:delete"> <span class="hidden">{{bundle.deleteTitle}}</span> <svg class="icon" focusable="false" viewBox="0 0 96 96"> <path d="M80.233 12.232l3.535 3.536-32.232 32.231 32.23 32.231-3.535 3.536L48 51.535 15.768 83.768l-3.535-3.536 32.232-32.233-32.233-32.231 3.535-3.536L48 44.464z"></path> </svg> </button> </div> </div> </div> </li> <li class="pd-offer__item has-component {{offer.delightDelivery.title}}" data-sdf-test="{{offer.delightDelivery.hasItem}}"> <div class="pd-offer__content pd-offer__content--buy-get-free {{offer.delightDelivery.item.contentWrapperClass}}"> <div class="pd-offer__image-icon"> <div class="image"> <img class="image__preview lazy-load" data-src="{{offer.delightDelivery.item.imgAttr.srcPc}}?$LazyLoad_Home_PNG$" alt="{{offer.delightDelivery.item.imgAttr.alt}}"/> <img class="image__main lazy-load" data-src="{{offer.delightDelivery.item.imgAttr.srcPc}}?$48_48_PNG$" alt="{{offer.delightDelivery.item.imgAttr.alt}}"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{offer.delightDelivery.item.headline}}">{{offer.delightDelivery.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{offer.delightDelivery.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{offer.delightDelivery.item.description.main}}}"> {{decmain.text}}<br/> </p> </div> <div class="pd-offer__cta"> <a class="cta cta--underline cta--black" data-sdf-attr.href="{{offer.delightDelivery.item.learnMoreCta.href}}" data-sdf-attr.title="{{offer.delightDelivery.item.learnMoreCta.title}}" data-sdf-attr.target="{{offer.delightDelivery.item.learnMoreCta.target}}">Learn more</a> </div> </div> </div> </li> <li data-sdf-repeat.finance="{{offer.promotionFinance}}" class="pd-offer__item has-component {{finance.title}}"> <div class="pd-offer__content pd-offer__content--calculate {{finance.item.contentWrapperClass}}"></div> </li> <li data-sdf-repeat.message="{{offer.promotionMessage}}" class="pd-offer__item has-component {{message.title}}"> <div class="pd-offer__content pd-offer__content--data {{message.item.contentWrapperClass}}"> <div class="pd-offer__image-icon" data-sdf-test="{{message.item.iconAttr.src}}"> <div class="image"> <img class="image__preview lazy-load" data-src="{{message.item.iconAttr.src}}?$LazyLoad_Home_PNG$" alt="{{message.item.iconAttr.alt}}"/> <img class="image__main lazy-load" data-src="{{message.item.iconAttr.src}}?$48_48_PNG$" alt="{{message.item.iconAttr.alt}}"/> </div> </div> <div class="pd-offer__desc" data-sdf-test="{{message.item.description.hasDescription}}"> <p data-sdf-list.decmain="{{message.item.description.main}}}">{{decmain.text}}</p> </div> </div> </li> <li data-sdf-repeat.smartclub="{{offer.promotionSmartclub}}" class="pd-offer__item has-component {{smartclub.title}}" role="listitem"> <div class="pd-offer__content pd-offer__content--smartclub {{smartclub.item.contentWrapperClass}}"></div> </li> </ul> </div>   </div> </div> </div>  </div> </div> <div class="product-summary product-emc-task"></div></div> <div class="pd-g-feature-benefit aem-GridColumn aem-GridColumn--default--12" id="benefit"> <input type="hidden" name="hasBenefit" id="hasBenefit" value="Y"/> <input type="hidden" name="hasGallery" id="hasGallery" value="N"/>  <div class="pd-g-product-summary"> <input type="hidden" name="summaryEmptyYn" id="summaryEmptyYn" value="Y"/> <input type="hidden" name="summaryProductType" id="summaryProductType" value="P"/> </div> <div> <html> <head> <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":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxz62dgz2bgwsa-f-6b554e9a3-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154623","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"6019e16","ak.r":45578,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":53418,"ak.gh":"23.52.171.213","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732326820","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==tPtgiFIt7v4Xfhr05hfKNa1A1OGrb7mP6AERgh+P/Jsi3HAsNuT3hXImD5DgMG7AQsa9tKEK8VaTzSNMgPA+k/YOR+kI/L3YFkki7A8u5R1hmj7PwIiw6x9RzjvPrBaKd3PslZ+A0fUFEDRsij+8zHY/Z+hmZtnb33q2UMHqROJ0WpciyDzv1+tWm79mfb8AfzPCiy126c9jVOJJBN3UM9q/5r1rtPbskTqJy6GGV9CM/WljQM4mxsnSxsWUuYxsZbnKuaoIm0qXOj4bXPKObs7EFWtn9YRYkyVViXC6lpeEIwsBGYoIjU6WoXEg4LdGqjZvzIgJIFDRtF3iVlU+tDfSCuJjrU/FrMoRUX23RhFYFUdGGS8GQ1aXHLzQp2ZXbzIv5wLkJqbzQRyI/Tp787gv30shZ9ToWHammJufzDM=","ak.pv":"3677","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.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","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></head> <body>  <style> @charset "UTF-8"; html.is-no-scroll { overflow: hidden; } html:not(.mobile).is-no-scroll { padding-right: 17px; } html #wrap { position: static; min-width: auto; } .is-feature-hide { display: none !important; } sup.not-ihrn { display: none !important; } sup.is-ihrn { display: inline !important; } .f_header-type1 .not-ihrn { display: none; } .is-not-ihrn sup.not-ihrn { display: inline !important; } .is-not-ihrn sup.is-ihrn { display: none !important; } .is-not-ihrn .f_header-type1 .is-ihrn { display: none; } .is-not-ihrn .f_header-type1 .not-ihrn { display: block; } .blind { display: block; overflow: hidden; position: absolute !important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); } .is-scroll-lock { overflow: hidden; } button[class*=c_btn_close-], a[class*=c_btn_close-] { display: inline-block; font-size: 0; line-height: 0; -webkit-box-sizing: content-box; box-sizing: content-box; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; cursor: pointer; } button.c_btn_close-type1, a.c_btn_close-type1 { width: 69px; height: 69px; text-align: center; } div[class*=m_layer-] { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(27, 29, 55, 0); z-index: 2500; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } div[class*=m_layer-] span.layer-title { position: absolute; left: -999em; } div[class*=m_layer-] .m_ly_inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } div[class*=m_layer-] .m_ly_header { position: absolute; left: 30px; top: 43px; opacity: 0; } div[class*=m_layer-] .m_ly_contents { position: absolute; left: 110px; right: 110px; top: 120px; bottom: 100px; opacity: 0; } div[class*=m_layer-] .c_btn_type2-next { position: absolute; top: 50%; margin-top: -89px; right: 0; } div[class*=m_layer-] .c_btn_type2-prev { position: absolute; top: 50%; margin-top: -89px; left: 0; } div[class*=m_layer-] .c_btn_close-type1 { position: absolute; right: 7px; top: 27px; opacity: 0; outline: 0; transform: rotate(-360deg) scale(0.5); -webkit-transform: rotate(-360deg) scale(0.5); -moz-transform: rotate(-360deg) scale(0.5); -o-transform: rotate(-360deg) scale(0.5); transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1); } div[class*=m_layer-] .c_paging-type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0; } div[class*=m_layer-] .m_paging_type1 { position: absolute; left: 0; right: 0; bottom: 13px; opacity: 0; } .load div[class*=m_layer-] { -webkit-transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s, background 0.3s ease-in-out 0.3s; } .load div[class*=m_layer-] .m_ly_contents { transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } .load div[class*=m_layer-] .m_ly_header { transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1); } .load div[class*=m_layer-].show { transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; -o-transition: background 0.3s ease-in-out, opacity 0.3s ease-out; } .ie11 div[class*=m_layer-] .c_btn_close-type1 { -webkit-transform: none; transform: none; } div[class*=m_layer-].show { visibility: visible; background-color: rgba(0, 0, 0, 0.97); } div[class*=m_layer-].show .c_paging-type1 { opacity: 1; } div[class*=m_layer-].show .m_paging_type1 { opacity: 1; } div[class*=m_layer-].show .c_btn_close-type1 { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } div[class*=m_layer-].show .c_btn_close-type1:focus { outline: 1px dotted #fff; } div[class*=m_layer-].show .m_ly_contents { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } div[class*=m_layer-].show .m_ly_header { opacity: 0.95; outline: invert none medium; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); } .m_layer-youtube .m_ly_header { max-width: 75%; } .m_video_view { position: absolute; left: 50%; top: 50%; width: 1000px; height: 562px; margin-left: -500px; margin-top: -281px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 101; } .m_video_view iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*=m_layer-] { background-color: rgba(0, 0, 0, 0.88); display: block; } div.m_layer-youtube[class*=m_layer-] .modals_close-area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } div.m_layer-youtube[class*=m_layer-] .m_video_view { position: relative; top: auto; left: auto; margin: 0; height: 59.5vh; max-height: 565px; padding-top: 0; } div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { position: relative; bottom: 0; width: 45px; height: 45px; left: 50%; display: block; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 20px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { position: absolute; width: 45px; height: 45px; background-color: #fff !important; border-radius: 50%; -webkit-box-shadow: 0 0 10px -6px #000; box-shadow: 0 0 10px -6px #000; z-index: 2; -webkit-transform: none; transform: none; right: 0; top: 0; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:after { content: ""; display: block; overflow: hidden; width: 45px; height: 45px; background: url(https://www.samsung.com/global/galaxy/common/images/c_btn_close_2_bk.png) center center/35% no-repeat; cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:focus:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1.focus-visible:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } div.m_layer-youtube[class*=m_layer-].show .m_ly_contents { left: 50%; right: auto; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .firefox div.m_layer-youtube .c_btn_close-type1.focus-visible { outline: 2px dashed #fff; } html.rtl div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { left: auto; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .rtl div[class*=m_layer-]._new .m_ly_gallery .zoom { left: auto; right: 0; } .rtl div[class*=m_layer-]._new .m_ly_header { left: auto; right: 50px; } .rtl div[class*=m_layer-]._new .c_btn_close-type1 { right: auto; left: 25px; } .rtl.s34 div[class*=m_layer-]._new .m_ly_thumnail { left: auto; right: 50%; margin-left: 0; margin-right: 394px; } .rtl.s3 div[class*=m_layer-]._new .m_ly_header { right: 50%; margin-left: 0; margin-right: -445px; } .rtl.s3 div[class*=m_layer-]._new .c_btn_close-type1 { left: 50%; margin-left: -445px; margin-right: 0; } .rtl.s3 div[class*=m_layer-]._new .m_ly_thumnail { margin-right: 292px; } @media screen and (max-width: 1023px) { .m_video_view { left: 0; width: 100%; height: 0; margin: 0; padding-top: 56.25%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } div.m_layer-youtube[class*=m_layer-].show .m_ly_contents { position: relative; } div.m_layer-youtube[class*=m_layer-] .m_video_view { -webkit-transform: none; transform: none; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { margin-bottom: 30px; } } @media screen and (max-width: 767px) { div.m_layer-youtube[class*=m_layer-] .m_video_view { height: 28.9vh; max-height: 220px; min-height: 220px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close_area { width: 25px; height: 25px; padding-top: 15px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1 { width: 25px; height: 25px; } div.m_layer-youtube[class*=m_layer-] .c_btn_close-type1:after { width: 25px; height: 25px; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wearable-buds :root { --swiper-theme-color: #007aff; --swiper-navigation-size: 44px; } .wearable-buds .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .wearable-buds .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .wearable-buds .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .wearable-buds .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .wearable-buds .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .wearable-buds .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .wearable-buds .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .wearable-buds .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .wearable-buds .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .wearable-buds .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wearable-buds .swiper-container-android .swiper-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wearable-buds .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wearable-buds .swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .wearable-buds .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .wearable-buds .swiper-slide-invisible-blank { visibility: hidden; } .wearable-buds .swiper-container-autoheight { height: auto; } .wearable-buds .swiper-container-autoheight .swiper-slide { height: auto; } .wearable-buds .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .wearable-buds .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .wearable-buds .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-3d .swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-3d .swiper-slide-shadow-bottom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-left { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-right { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-slide-shadow-top { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .wearable-buds .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wearable-buds .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .wearable-buds .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .wearable-buds .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .wearable-buds .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .wearable-buds .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .wearable-buds .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); right: 10px; left: auto; } .wearable-buds .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; content: "next"; } .wearable-buds .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); left: 10px; right: auto; } .wearable-buds .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; content: "prev"; } .wearable-buds .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-buds .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .wearable-buds .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .wearable-buds .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .wearable-buds .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .wearable-buds .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .wearable-buds .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .wearable-buds .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-buds .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff; } .wearable-buds .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000; } .wearable-buds .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000; } .wearable-buds .swiper-button-lock { display: none; } .wearable-buds .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .wearable-buds .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .wearable-buds .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .wearable-buds .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .wearable-buds .swiper-pagination-custom { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .wearable-buds .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .wearable-buds .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .wearable-buds .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .wearable-buds button.swiper-pagination-bullet { border: 0; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wearable-buds .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .wearable-buds .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .wearable-buds .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .wearable-buds .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .wearable-buds .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .wearable-buds .swiper-pagination-white { --swiper-pagination-color: #fff; } .wearable-buds .swiper-pagination-black { --swiper-pagination-color: #000; } .wearable-buds .swiper-pagination-lock { display: none; } .wearable-buds .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .wearable-buds .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .wearable-buds .swiper-scrollbar-cursor-drag { cursor: move; } .wearable-buds .swiper-scrollbar-lock { display: none; } .wearable-buds .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .wearable-buds .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-zoom-container > img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .wearable-buds .swiper-slide-zoomed { cursor: move; } .wearable-buds .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .wearable-buds .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .wearable-buds .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .wearable-buds .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .wearable-buds .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .wearable-buds .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-fade .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-cube { overflow: visible; } .wearable-buds .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .wearable-buds .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-cube .swiper-slide-next { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .wearable-buds .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .wearable-buds .swiper-container-flip { overflow: visible; } .wearable-buds .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .wearable-buds .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .wearable-buds .swiper-container-flip .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .wearable-buds .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cm-layer { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483002; } .cm-layer__dimmed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #141414; } .cm-layer__body { position: absolute; overflow-y: auto; width: 100%; height: 100%; font-size: 0; text-align: center; padding: 70px; padding: 4.8611111111vw; } @media (min-width: 1440px) { .cm-layer__body { padding: 70px; } } .cm-layer__body::before { display: inline-block; height: 100%; vertical-align: middle; content: ""; } .cm-layer__wrapper { display: inline-block; vertical-align: middle; } .cm-layer__content { height: 100%; font-size: 12px; font-size: 0.8333333333vw; } @media (min-width: 1440px) { .cm-layer__content { font-size: 12px; } } .cm-layer__scroll-area { overflow-x: hidden; overflow-y: auto; padding-bottom: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .cm-layer__fixed-area { padding: 0 40px 50px; padding: 0px 40px 50px; padding: 0vw 2.7777777778vw 3.4722222222vw; } @media (min-width: 1440px) { .cm-layer__fixed-area { padding: 0px 40px 50px; } } .cm-layer__btn-close { position: absolute; top: -47px; top: -3.2638888889vw; right: 48px; right: 3.3333333333vw; width: 48px; width: 3.3333333333vw; height: 48px; height: 3.3333333333vw; border-radius: 50%; } @media (min-width: 1440px) { .cm-layer__btn-close { top: -47px; } } @media (min-width: 1440px) { .cm-layer__btn-close { right: 48px; } } @media (min-width: 1440px) { .cm-layer__btn-close { width: 48px; } } @media (min-width: 1440px) { .cm-layer__btn-close { height: 48px; } } .rtl .cm-layer__btn-close { right: auto; left: 13px; left: 0.9027777778vw; } @media (min-width: 1440px) { .rtl .cm-layer__btn-close { left: 13px; } } .cm-layer .layer-title { font-size: 27px; font-size: 1.875vw; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .cm-layer .layer-title { font-size: 27px; } } html.rtl .cm-layer .layer-title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .cm-layer .layer-title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .cm-layer .layer-title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .cm-layer .layer-title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .cm-layer .layer-title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .cm-layer .layer-title { font-family: "SamsungSharpSans", Sylfaen; } .cm-layer .layer-text { margin-top: 34px; margin-top: 2.3611111111vw; font-size: 14px; font-size: 0.9722222222vw; } @media (min-width: 1440px) { .cm-layer .layer-text { margin-top: 34px; } } @media (min-width: 1440px) { .cm-layer .layer-text { font-size: 14px; } } @media screen and (max-width: 767px) { .cm-layer__body { padding: 0; } .cm-layer__wrapper { min-width: auto; width: 100%; max-height: none; margin: 0; border-radius: 42.6111111111px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__wrapper { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .cm-layer__wrapper .js-picture-video { display: inline-block; max-height: 1124px; vertical-align: middle; } .cm-layer__content { max-width: none; padding: 136.3555555556px 51.1333333333px 46.8722222222px; padding: 17.7777777778vw 6.6666666667vw 6.1111111111vw; font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__content { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .cm-layer__content::before { display: none; } .cm-layer__btn-close { z-index: 10; top: 31.9583333333px; top: 4.1666666667vw; right: 27.6972222222px; right: 3.6111111111vw; width: 76.7px; width: 10vw; height: 76.7px; height: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { top: 15px; top: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { right: 13px; right: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { width: 36px; width: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer__btn-close { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) { .rtl .cm-layer__btn-close { right: auto; left: 0; } .cm-layer .layer-title { font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-title { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .cm-layer .layer-text { margin-top: 72.4388888889px; margin-top: 9.4444444444vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-text { margin-top: 34px; margin-top: 9.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cm-layer .layer-text { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .cm-layer.type-mo-full .cm-layer__dimmed { background: #fff; } .cm-layer.type-mo-full .cm-layer__body { padding: 19.175px 0px 0px; padding: 2.5vw 0vw 0vw; } .cm-layer.type-mo-full .cm-layer__wrapper { height: 100%; border-radius: 42.6111111111px 42.6111111111px 0px 0px; border-radius: 5.5555555556vw 5.5555555556vw 0vw 0vw; -webkit-box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.06); } .cm-layer.type-mo-top .cm-layer__body { top: 0; height: auto; max-height: 100%; padding: 0; overflow-y: auto; } .cm-layer.type-mo-top .cm-layer__wrapper { border-radius: 0; } } @media screen and (orientation: landscape) and (max-width: 767px) { .cm-layer__body { -webkit-overflow-scrolling: touch; } .cm-layer__wrapper { height: auto; } .cm-layer__content { height: auto; } } .video__container { overflow: hidden; position: relative; } .video__container video { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .video__container img { position: absolute; top: 0; left: 0; height: 100%; } .video__container.loaded video { z-index: 1; } .low_network .video__container.loaded video { z-index: 0; } .video__container.loaded .video__controller { display: block; } .video__container.loaded .video__end-frame { opacity: 0; } .low_network .video__container.loaded .video__end-frame { opacity: 1; } .video__container.loaded.playing video { opacity: 1; } .video__container.loaded.playing .video__start-frame, .video__container.loaded.playing .video__end-frame { opacity: 0; } .video__container.loaded.paused video { z-index: 1; opacity: 1; } .video__container.loaded.paused .video__start-frame, .video__container.loaded.paused .video__end-frame { opacity: 0; } .video__container.loaded.ended video { z-index: 0; opacity: 0; } .video__container.loaded.ended .video__start-frame { opacity: 1; } .low_network .video__container.loaded.ended .video__start-frame { opacity: 0; } .video__container.loaded.ended .video__end-frame { opacity: 0; } .low_network .video__container.loaded.ended .video__end-frame { opacity: 1; } .video__container.ended video { z-index: 0; opacity: 0; } .video__container.ended .video__start-frame { opacity: 0; } .low_network .video__container.ended .video__start-frame { opacity: 1; } .video__container.ended .video__end-frame { opacity: 1; } .low_network .video__container.ended .video__end-frame { opacity: 0; } .video__container.ended .video__controller, .video__container.paused .video__controller, .video__container:hover .video__controller { opacity: 1; } .video__controller { display: none !important; position: absolute; z-index: 1; right: 12px; right: 0.8333333333vw; bottom: 12px; bottom: 0.8333333333vw; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .video__controller { right: 12px; } } @media (min-width: 1440px) { .video__controller { bottom: 12px; } } @media (min-width: 1440px) { .video__controller { width: 36px; } } @media (min-width: 1440px) { .video__controller { height: 36px; } } .video__controller .btn-video-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; } .video__controller .play { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23fff' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .pause { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23FFF' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23FFF' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .play.black { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23000' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23000' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller .pause.black { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23000' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23000' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .video__controller.is-use-controller { display: block !important; opacity: 0; } .video__controller.is-use-controller:focus, .low_network .video__controller.is-use-controller { opacity: 1; } .rtl .video__controller { right: auto; left: 12px; left: 0.8333333333vw; } @media (min-width: 1440px) { .rtl .video__controller { left: 12px; } } .low_network .video__controller { display: block !important; } .video__controller .pause { display: none; } .video__controller.is-paused .play { display: none; } .video__controller.is-paused .pause { display: block; } .video__start-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } .video__end-frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } @media screen and (max-width: 767px) { .video__controller { right: 25.5666666667px; right: 3.3333333333vw; bottom: 25.5666666667px; bottom: 3.3333333333vw; width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { right: 12px; right: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { bottom: 12px; bottom: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { width: 24px; width: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .video__controller { height: 24px; height: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .video__controller { right: auto; left: 25.5666666667px; left: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .video__controller { left: 12px; left: 3.3333333333vw; } } .wearable-buds * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top; } .wearable-buds a { color: #000; text-decoration: none; } .wearable-buds section { display: block; } .wearable-buds sup { font-size: 63%; top: 0.7em; vertical-align: top; } .wearable-buds sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } .wearable-buds button { overflow: visible; background-color: transparent; cursor: pointer; font-family: "SamsungOne", arial, sans-serif; font-weight: 400; } html.rtl .wearable-buds button { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds button { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds button { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds button { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds button { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds button { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds button { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds img { max-width: 100%; height: auto; } .wearable-buds figure img { display: block; } html.js-focus-visible .wearable-buds a:focus, html.js-focus-visible .wearable-buds button:focus, html.js-focus-visible .wearable-buds input:focus, html.js-focus-visible .wearable-buds select:focus, html.js-focus-visible .wearable-buds textarea:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .wearable-buds .ff-color--blue { color: #006bea; } .wearable-buds .video__container.loaded video { opacity: 1; } .wearable-buds .video__container .video__warning { font-size: 60px; font-size: 4.1666666667vw; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #f00; z-index: 1; } @media (min-width: 1440px) { .wearable-buds .video__container .video__warning { font-size: 60px; } } .wearable-buds .video__container .video__controller-wrap { z-index: 2; position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 1440px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wearable-buds .video__container .video__controller-wrap.video-wide { width: 1440px; width: 100vw; } @media (min-width: 1440px) { .wearable-buds .video__container .video__controller-wrap.video-wide { width: 1440px; } } .wearable-buds .is-hidden { visibility: hidden; opacity: 0; } .common-br-mo { display: none; } .common-cta { overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 6; min-height: 48px; min-height: 3.3333333333vw; padding: 0px 23px; padding: 0vw 1.5972222222vw; border: 1px solid #000; border-radius: 8px; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.3; letter-spacing: 0.12em; text-align: center; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; } @media (min-width: 1440px) { .common-cta { min-height: 48px; } } @media (min-width: 1440px) { .common-cta { padding: 0px 23px; } } @media (min-width: 1440px) { .common-cta { font-size: 12px; } } html.rtl .common-cta { font-family: "SamsungOne"; } html[lang^=ko] .common-cta { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .common-cta { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common-cta { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common-cta { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common-cta { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .common-cta { font-family: "SamsungOneGeorgian", Sylfaen; } .isIEorEdge .common-cta { height: 48px; height: 3.3333333333vw; } @media (min-width: 1440px) { .isIEorEdge .common-cta { height: 48px; } } .mac .common-cta { letter-spacing: 0.033em; } .common-cta span { position: relative; z-index: 5; color: #000; -webkit-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } .common-cta::after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; -webkit-transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out; content: ""; } .rtl .common-cta::after { left: auto; right: 0; } .common-cta:focus span, .common-cta:hover span { color: #fff; } .common-cta:focus::after, .common-cta:hover::after { width: 100%; } .common-cta.s-encased { border: 1px solid #000; background-color: #000; } .common-cta.s-encased span { color: #fff; } .common-cta.s-encased::after { background-color: #fff; } .common-cta.s-encased:focus span, .common-cta.s-encased:hover span { color: #000; } .common-cta .s-white { border: 1px solid #fff; } .common-cta .s-white span { color: #fff; } .common-cta .s-white::after { background-color: #fff; } .common-cta .s-white:focus span, .common-cta .s-white:hover span { color: #000; } .common-cta .s-white:focus::after, .common-cta .s-white:hover::after { width: 100%; } .common-cta .s-white.s-encased { border: 1px solid #fff; background-color: #fff; } .common-cta .s-white.s-encased span { color: #000; } .common-cta .s-white.s-encased::after { background-color: #000; } .common-cta .s-white.s-encased:focus span, .common-cta .s-white.s-encased:hover span { color: #fff; } .common-cta-round { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 33px; min-height: 2.2916666667vw; min-width: 96px; min-width: 6.6666666667vw; padding: 8px 29px 8px; padding: 0.5555555556vw 2.0138888889vw 0.5555555556vw; border-radius: 50px; border-radius: 3.4722222222vw; background-color: #000; letter-spacing: 0; font-size: 14px; font-size: 0.9722222222vw; border-radius: 50px; border-radius: 3.4722222222vw; border: 1px solid #000; } @media (min-width: 1440px) { .common-cta-round { min-height: 33px; } } @media (min-width: 1440px) { .common-cta-round { min-width: 96px; } } @media (min-width: 1440px) { .common-cta-round { padding: 8px 29px 8px; } } @media (min-width: 1440px) { .common-cta-round { border-radius: 50px; } } @media (min-width: 1440px) { .common-cta-round { font-size: 14px; } } @media (min-width: 1440px) { .common-cta-round { border-radius: 50px; } } .isIEorEdge .common-cta-round { height: 33px; height: 2.2916666667vw; } @media (min-width: 1440px) { .isIEorEdge .common-cta-round { height: 33px; } } .common-cta-round span { color: #fff !important; } .common-cta-round::after { display: none; } .common-cta-round:focus span, .common-cta-round:hover span { color: #fff !important; } .common-bottom-disclaimer__link { color: inherit; text-decoration: underline !important; } .common__disclaimer { font-size: 11px; font-size: 0.7638888889vw; font-size: 11px; line-height: 1.54; color: #666; } @media (min-width: 1440px) { .common__disclaimer { font-size: 11px; } } .common__wrap { max-width: 1920px; max-width: 133.3333333333vw; margin: 0 auto; } @media (min-width: 1440px) { .common__wrap { max-width: 1920px; } } .common__headline { font-size: 60px; font-size: 4.1666666667vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.2; font-weight: bold; color: inherit; } @media (min-width: 1440px) { .common__headline { font-size: 60px; } } html.rtl .common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common__headline { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .common__headline { line-height: 1.4; } .common__headline sup { font-size: 44%; top: 1.2em; letter-spacing: -0.07em; } .common__sub-headline { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 48px; font-size: 3.3333333333vw; line-height: 1.2; font-weight: bold; color: inherit; } html.rtl .common__sub-headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common__sub-headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common__sub-headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common__sub-headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common__sub-headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common__sub-headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common__sub-headline { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .common__sub-headline { font-size: 48px; } } html[lang^=my] .common__sub-headline { line-height: 1.4; } .common__description { font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: inherit; } @media (min-width: 1440px) { .common__description { font-size: 18px; } } html[lang^=my] .common__description { line-height: 1.4; } .common-ai-text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: ltr; font-family: "SamsungSharpSans", arial, sans-serif; } html.rtl .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .common-ai-text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .common-ai-text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .common-ai-text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .common-ai-text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .common-ai-text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .common-ai-text { font-family: "SamsungSharpSans", Sylfaen; } .common-ai-text__icon { display: inline-block; width: 69px; width: 4.7916666667vw; height: 73px; height: 5.0694444444vw; margin: -1px 13px 0px 12px; margin: -0.0694444444vw 0.9027777778vw 0vw 0.8333333333vw; } @media (min-width: 1440px) { .common-ai-text__icon { width: 69px; } } @media (min-width: 1440px) { .common-ai-text__icon { height: 73px; } } @media (min-width: 1440px) { .common-ai-text__icon { margin: -1px 13px 0px 12px; } } .common-ai-text sup { -ms-flex-item-align: start; align-self: flex-start; } .common__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .common__tab--video .video__container { width: 100%; padding-bottom: 56.16667%; } .common__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .common__tab-panels { display: grid; grid-area: 1/1; grid-template-columns: 1fr; } .common__tab-panel { grid-area: 1/1; opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .common__tab-panel.is-active { opacity: 1; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; pointer-events: auto; } .common__tab-cta .tab-cta__text { color: inherit; } @media screen and (max-width: 767px) { .wearable-buds .video__container .video__warning { font-size: 85.2222222222px; font-size: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .video__container .video__warning { font-size: 40px; font-size: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .video__controller-wrap.video-wide { width: 100%; } .common-br-pc { display: none; } .common-br-mo { display: block; } .common-cta { min-height: 102.2666666667px; min-height: 13.3333333333vw; padding: 0px 46.8722222222px; padding: 0vw 6.1111111111vw; font-size: 27.6972222222px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta { min-height: 48px; min-height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { .isIEorEdge .common-cta { height: 102.2666666667px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .common-cta { height: 48px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) { .common-cta-round { min-height: 70.3083333333px; min-height: 9.1666666667vw; min-width: 276.9722222222px; min-width: 36.1111111111vw; padding: 17.0444444444px 49.0027777778px; padding: 2.2222222222vw 6.3888888889vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; border-radius: 106.5277777778px; border-radius: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta-round { min-height: 33px; min-height: 9.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta-round { min-width: 130px; min-width: 36.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta-round { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-cta-round { border-radius: 50px; border-radius: 13.8888888889vw; } } @media screen and (max-width: 767px) { .isIEorEdge .common-cta-round { height: 70.3083333333px; height: 9.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .isIEorEdge .common-cta-round { height: 33px; height: 9.1666666667vw; } } @media screen and (max-width: 767px) { .common__disclaimer { font-size: 27.6972222222px; font-size: 3.6111111111vw; line-height: 1.538; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__disclaimer { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__disclaimer { line-height: 1.6; } .common__wrap { max-width: initial; } .common__headline { font-size: 93.7444444444px; font-size: 12.2222222222vw; line-height: 1.136364; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__headline { font-size: 44px; font-size: 12.2222222222vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__headline { line-height: 1.4; } .common__sub-headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.333333; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__sub-headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__sub-headline { line-height: 1.4; } .common__description { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common__description { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .common__description { line-height: 1.6; } .common-ai-text { line-height: 1.2; } html[lang^=my] .common-ai-text { line-height: 1.4; } .common-ai-text__icon { width: 68.1777777778px; width: 8.8888888889vw; height: 76.7px; height: 10vw; margin: -2.1305555556px 17.0444444444px 0px 17.0444444444px; margin: -0.2777777778vw 2.2222222222vw 0vw 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-ai-text__icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .common-ai-text__icon { height: 36px; height: 10vw; } } .wearable-buds .kv { position: relative; background-color: #000; } .wearable-buds .kv::after, .wearable-buds .kv::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .kv::before { bottom: initial; top: -1px; } .wearable-buds .kv__wrap { position: relative; } .wearable-buds .kv__header { margin: -138px 0px 0px -565px; margin: -9.5833333333vw 0vw 0vw -39.2361111111vw; gap: 5px; gap: 0.3472222222vw; position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .kv__header { margin: -138px 0px 0px -565px; } } @media (min-width: 1440px) { .wearable-buds .kv__header { gap: 5px; } } .wearable-buds .kv__header picture { font-size: 0; } .wearable-buds .kv__header picture img { vertical-align: middle; } .wearable-buds .kv__header--headline img { height: 69px; height: 4.7916666667vw; } @media (min-width: 1440px) { .wearable-buds .kv__header--headline img { height: 69px; } } .wearable-buds .kv__header--ai img { height: 50px; height: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .kv__header--ai img { height: 50px; } } .wearable-buds .kv__background { display: block; height: 960px; height: 66.6666666667vw; } @media (min-width: 1440px) { .wearable-buds .kv__background { height: 960px; } } .wearable-buds .kv__background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .wearable-buds .kv__description { padding: 32px 0px 80px; padding: 2.2222222222vw 0vw 5.5555555556vw; max-width: 834px; max-width: 57.9166666667vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.333333; margin: 0 auto; color: #fff; text-align: center; } @media (min-width: 1440px) { .wearable-buds .kv__description { padding: 32px 0px 80px; } } @media (min-width: 1440px) { .wearable-buds .kv__description { max-width: 834px; } } @media (min-width: 1440px) { .wearable-buds .kv__description { font-size: 12px; } } html[lang^=my] .wearable-buds .kv__description { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .kv__header { margin: 210.925px 0px 0px 0px; margin: 27.5vw 0vw 0vw 0vw; gap: 0; top: 0; left: 0; width: 100%; text-align: center; } .wearable-buds .kv__header--headline img { height: 66.0472222222px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__header--headline img { height: 31px; height: 8.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .kv__header--ai img { height: 46.8722222222px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__header--ai img { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .kv__background { height: 1320.9444444444px; height: 172.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__background { height: 620px; height: 172.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .kv__description { padding: 34.0888888889px 34.0888888889px 68.1777777778px; padding: 4.4444444444vw 4.4444444444vw 8.8888888889vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .kv__description { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .kv__description { line-height: 1.4; } } .wearable-buds .overview { position: relative; padding: 100px 0px 99px; padding: 6.9444444444vw 0vw 6.875vw; color: #fff; background-color: #000; text-align: center; } .wearable-buds .overview::after, .wearable-buds .overview::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .overview::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .overview { padding: 100px 0px 99px; } } .wearable-buds .overview * { color: inherit; } .wearable-buds .overview .common__headline { font-size: 38px; font-size: 2.6388888889vw; line-height: 1.105263; } @media (min-width: 1440px) { .wearable-buds .overview .common__headline { font-size: 38px; } } html[lang^=my] .wearable-buds .overview .common__headline { line-height: 1.4; } .wearable-buds .overview .common__headline .common-ai-text__icon { width: 60px; width: 4.1666666667vw; height: 50px; height: 3.4722222222vw; margin: 0; } @media (min-width: 1440px) { .wearable-buds .overview .common__headline .common-ai-text__icon { width: 60px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__headline .common-ai-text__icon { height: 50px; } } .wearable-buds .overview .common__description { margin: 42px auto 0px; margin: 2.9166666667vw auto 0vw; max-width: 484px; max-width: 33.6111111111vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; } @media (min-width: 1440px) { .wearable-buds .overview .common__description { margin: 42px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__description { max-width: 484px; } } @media (min-width: 1440px) { .wearable-buds .overview .common__description { font-size: 18px; } } html[lang^=my] .wearable-buds .overview .common__description { line-height: 1.4; } .wearable-buds .overview .common__description span { display: inline-block; } @media screen and (max-width: 767px) { .wearable-buds .overview { padding: 93.7444444444px 51.1333333333px; padding: 12.2222222222vw 6.6666666667vw; } .wearable-buds .overview .common__wrap { max-width: initial; } .wearable-buds .overview .common__headline { padding-top: 4.2611111111px; padding-top: 0.5555555556vw; font-size: 68.1777777778px; font-size: 8.8888888889vw; line-height: 1.09375; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline { padding-top: 2px; padding-top: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline { font-size: 32px; font-size: 8.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .overview .common__headline { line-height: 1.4; } .wearable-buds .overview .common__headline .common-ai-text__icon { margin: -17.0444444444px 0px 0px -4.2611111111px; margin: -2.2222222222vw 0vw 0vw -0.5555555556vw; width: 110.7888888889px; width: 14.4444444444vw; height: 85.2222222222px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline .common-ai-text__icon { width: 52px; width: 14.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__headline .common-ai-text__icon { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .overview .common__description { margin-top: 53.2638888889px; margin-top: 6.9444444444vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__description { margin-top: 25px; margin-top: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .overview .common__description { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .overview .common__description { line-height: 1.6; } } .wearable-buds .highlight-carousel { position: relative; overflow: hidden; background-color: #000; } .wearable-buds .highlight-carousel::after, .wearable-buds .highlight-carousel::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .highlight-carousel::before { bottom: initial; top: -1px; } .wearable-buds .wearable-common__wrap { position: relative; max-width: 1920px; overflow: hidden; margin: 0 auto; padding: 80px 0px 72px; padding: 5.5555555556vw 0vw 5vw; } @media (min-width: 1440px) { .wearable-buds .wearable-common__wrap { padding: 80px 0px 72px; } } .wearable-buds .wearable-common__headline { z-index: 2; position: relative; width: 988px; width: 68.6111111111vw; margin: 0px auto 36px; margin: 0vw auto 2.5vw; font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.5; color: #fff; } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { margin: 0px auto 36px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__headline { font-size: 48px; } } html.rtl .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .wearable-common__headline { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .wearable-common__headline { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-buds .wearable-common__headline { padding-left: 260px; padding-left: 18.0555555556vw; padding-right: 0; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__headline { padding-left: 260px; } } .wearable-buds .wearable-common__carousel { height: 100%; } .wearable-buds .wearable-common__carousel-text { z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; min-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0px 105px 24px 32px; padding: 0vw 7.2916666667vw 1.6666666667vw 2.2222222222vw; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background: linear-gradient(transparent, #000); -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-text { padding: 0px 105px 24px 32px; } } .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 32px 24px 105px; padding: 0vw 2.2222222222vw 1.6666666667vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 32px 24px 105px; } } .wearable-buds .wearable-common__carousel-tit { left: 0px; left: 0vw; bottom: 0px; bottom: 0vw; font-size: 24px; font-size: 1.6666666667vw; font-family: "SamsungSharpSans", arial, sans-serif; color: #fff; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { left: 0px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { bottom: 0px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-tit { font-size: 24px; } } html.rtl .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .wearable-common__carousel-tit { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .wearable-common__carousel-tit { font-family: "SamsungSharpSans", Sylfaen; } .rtl .wearable-buds .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; padding: 0vw 2.2222222222vw 1.25vw 7.2916666667vw; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-tit { padding: 0px 32px 18px 105px; } } .color_yb .wearable-buds .wearable-common__carousel-tit { color: #fff01f !important; background-color: #000 !important; } .wearable-buds .wearable-common__carousel-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .wearable-buds .wearable-common__carousel-navigation-wrap { z-index: 2; position: absolute; top: 0; left: 0; right: 0; width: 988px; width: 68.6111111111vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-navigation-wrap { width: 988px; } } .wearable-buds .wearable-common__carousel-arrow { position: absolute; top: 270px; top: 18.75vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' focusable='false' aria-hidden='true'%3E%3Cpath style='opacity:0.45;fill-rule:evenodd;clip-rule:evenodd' d='M20,40C9,40,0,31,0,20S9,0,20,0s20,9,20,20S31,40,20,40z'/%3E%3Cg style='opacity:0.15'%3E%3Cpath style='fill:%23FFFF' d='M20,39C9.5,39,1,30.5,1,20S9.5,1,20,1s19,8.5,19,19S30.5,39,20,39 M20,40c11,0,20-9,20-20S31,0,20,0S0,9,0,20 S9,40,20,40L20,40z'/%3E%3C/g%3E%3Cpath style='fill:%23FFFF' d='M16.8,28.8l-0.9-0.9l8.3-7.9l-8.3-7.9l0.9-0.9L26,20L16.8,28.8z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { top: 270px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-arrow { height: 40px; } } .color_yb .wearable-buds .wearable-common__carousel-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' focusable='false' aria-hidden='true'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' d='M20,40C9,40,0,31,0,20S9,0,20,0s20,9,20,20S31,40,20,40z'/%3E%3Cg%3E%3Cpath style='fill:%23fff01f' d='M20,39C9.5,39,1,30.5,1,20S9.5,1,20,1s19,8.5,19,19S30.5,39,20,39 M20,40c11,0,20-9,20-20S31,0,20,0S0,9,0,20 S9,40,20,40L20,40z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M16.8,28.8l-0.9-0.9l8.3-7.9l-8.3-7.9l0.9-0.9L26,20L16.8,28.8z'/%3E%3C/svg%3E%0A"); } .wearable-buds .wearable-common__carousel-arrow img { display: none; } .wearable-buds .wearable-common__carousel-arrow.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .wearable-buds .wearable-common__carousel-next { right: -20px; right: -1.3888888889vw; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-next { right: -20px; } } .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; left: -1.3888888889vw; right: auto; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; } } .wearable-buds .wearable-common__carousel-prev { left: -20px; left: -1.3888888889vw; -webkit-transform: scale(-1); transform: scale(-1); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-prev { left: -20px; } } .rtl .wearable-buds .wearable-common__carousel-prev { left: auto; right: -20px; right: -1.3888888889vw; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-common__carousel-prev { right: -20px; } } .wearable-buds .wearable-common__carousel-pagination-wrap { position: absolute; left: 50%; bottom: 0; height: 20px; height: 1.3888888889vw; width: 988px; width: 68.6111111111vw; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-pagination-wrap { height: 20px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 988px; } } .wearable-buds .wearable-common__carousel-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; height: 100%; background: transparent; } .wearable-buds .wearable-common__carousel-pagination li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .wearable-common__carousel-pagination-bullet { width: 100%; height: 100%; background-color: transparent; border-radius: 0; } .wearable-buds .wearable-common__carousel-pagination-bullet:focus { -webkit-box-shadow: 0 0 0 2px #000; box-shadow: 0 0 0 2px #000; outline: 2px dotted #fff; opacity: 1; } .wearable-buds .wearable-common__carousel-scrollbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; width: 988px; width: 68.6111111111vw; height: 20px; height: 1.3888888889vw; margin: 40px auto 0px; margin: 2.7777777778vw auto 0vw; overflow: hidden; background-color: transparent; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { height: 20px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-scrollbar { margin: 40px auto 0px; } } .wearable-buds .wearable-common__carousel-scrollbar::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #5b5b5b; opacity: 1 !important; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; } .color_yb .wearable-buds .wearable-common__carousel-scrollbar::after { height: 6px; height: 0.4166666667vw; border: 1px solid #fff01f !important; background-color: #000 !important; -webkit-box-shadow: 0 0 0 5px #000 !important; box-shadow: 0 0 0 5px #000 !important; } @media (min-width: 1440px) { .color_yb .wearable-buds .wearable-common__carousel-scrollbar::after { height: 6px; } } .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag { cursor: pointer; z-index: 1; background-color: transparent; } .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { content: ""; position: absolute; top: 50%; left: 0; height: 4px; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; border-radius: 2px; } .color_yb .wearable-buds .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { background-color: #fff01f !important; } .wearable-buds .wearable-common__carousel-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .wearable-buds .wearable-common__carousel-container { width: 100%; overflow: visible; } .wearable-buds .wearable-common__carousel-container.background-slider { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .wearable-buds .wearable-common__carousel-container.dimmed-slider { z-index: 1; opacity: 0.3; position: absolute; left: 50%; top: 0; width: 1920px; width: 133.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider { width: 1920px; } } .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { content: ""; position: absolute; bottom: 18px; bottom: 1.25vw; right: 34px; right: 2.3611111111vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='ico_pause_Background_Mask_' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect id='ico_pause_Background_Mask_3' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3Cg id='ico_pause' clip-path='url(%23clip-path)'%3E%3Cpath id='Vector' d='M20,40a20,20,0,1,1,7.654-1.522A19.9,19.9,0,0,1,20,40ZM20,4.687a15.312,15.312,0,1,0,5.86,1.166A15.234,15.234,0,0,0,20,4.687Z' fill='rgba(255,255,255,0.4)'/%3E%3Cpath id='Vector-2' data-name='Vector' d='M11.875,15A3.125,3.125,0,0,1,8.75,11.875V3.125A3.1,3.1,0,0,1,9.665.915a3.126,3.126,0,0,1,4.42,0A3.1,3.1,0,0,1,15,3.125v8.75A3.125,3.125,0,0,1,11.875,15Zm-8.75,0a3.1,3.1,0,0,1-2.21-.915A3.148,3.148,0,0,1,0,11.875V3.125A3.125,3.125,0,0,1,5.334.915a3.1,3.1,0,0,1,.915,2.21v8.75A3.125,3.125,0,0,1,3.125,15Z' transform='translate(12.5 12.5)' fill='%23fff'/%3E%3Cg id='ico_pause_copy' data-name='ico_pause copy'%3E%3Crect id='ico_pause_Background_Mask_4' data-name='ico_pause (Background/Mask)' width='40' height='40' fill='none'/%3E%3Cg id='ico_pause_copy-2' data-name='ico_pause copy' clip-path='url(%23clip-path)'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M15.313,20a15.243,15.243,0,0,0-1.165-5.86,15.216,15.216,0,0,0-3.319-4.967A15.246,15.246,0,0,0,5.86,5.853,15.243,15.243,0,0,0,0,4.687V0A19.908,19.908,0,0,1,7.654,1.522a19.911,19.911,0,0,1,6.489,4.336,19.9,19.9,0,0,1,4.334,6.488A19.893,19.893,0,0,1,20,20Z' transform='translate(20)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { bottom: 18px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { right: 34px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { height: 40px; } } .wearable-buds .wearable-common__carousel-container.front-slider { z-index: 2; position: relative; left: 50%; top: 0; width: 1920px; width: 133.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider { width: 1920px; } } .rtl .wearable-buds .wearable-common__carousel-container.front-slider { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { opacity: 0.6; margin: 0px 12px; margin: 0vw 0.8333333333vw; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw; border-radius: 20px; border-radius: 1.3888888889vw; overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { margin: 0px 12px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 580px; } } @media (min-width: 1440px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; } } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { opacity: 1; } .wearable-buds .wearable-highlight-carousel__image { position: relative; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw; } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__image { width: 988px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__image { height: 580px; } } .wearable-buds .wearable-highlight-carousel__video { height: 100%; } .wearable-buds .wearable-highlight-carousel__video video { border-bottom: 1px solid #000; -webkit-box-sizing: content-box; box-sizing: content-box; } .wearable-buds .wearable-highlight-carousel__video .video__controller { z-index: 3; opacity: 1; right: 32px; right: 2.2222222222vw; bottom: 16px; bottom: 1.1111111111vw; width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; -webkit-transform: translateZ(0); transform: translateZ(0); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 32px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { bottom: 16px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { height: 40px; } } .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 32px; left: 2.2222222222vw; right: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 32px; } } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller { overflow: hidden; border-radius: 50%; background-color: #000 !important; } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px; width: 2.7777777778vw; height: 40px; height: 2.7777777778vw; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { height: 40px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:first-child { stroke: rgba(255, 255, 255, 0.4); } .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff; stroke-dasharray: 266; stroke-dashoffset: 266; } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff01f !important; } .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { position: absolute; top: 50%; left: 50%; width: 34px; width: 2.3611111111vw; height: 34px; height: 2.3611111111vw; background-repeat: no-repeat; background-position: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { width: 34px; } } @media (min-width: 1440px) { .wearable-buds .wearable-highlight-carousel__video .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { height: 34px; } } .wearable-buds .wearable-highlight-carousel__video .video__controller--paused { display: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3c0.4,0,0.8,0.3,0.8,0.8 v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller--paused { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff01f' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3c0.4,0,0.8,0.3,0.8,0.8 v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3C/svg%3E"); } .color_yb .wearable-buds .wearable-highlight-carousel__video .video__controller--playing { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff01f' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3C/svg%3E"); } .wearable-buds .wearable-highlight-carousel__video.playing .video__controller--paused { display: block; } .wearable-buds .wearable-highlight-carousel__video.playing .video__controller--playing { display: none; } .wearable-buds .highlight-inner { z-index: 3; position: absolute; top: 210px; top: 14.5833333333vw; right: 66px; right: 4.5833333333vw; width: 248px; width: 17.2222222222vw; text-align: center; color: #fff; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-buds .highlight-inner { top: 210px; } } @media (min-width: 1440px) { .wearable-buds .highlight-inner { right: 66px; } } @media (min-width: 1440px) { .wearable-buds .highlight-inner { width: 248px; } } html.rtl .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .highlight-inner { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .highlight-inner { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .highlight-inner__txt { font-size: 23px; font-size: 1.5972222222vw; } @media (min-width: 1440px) { .wearable-buds .highlight-inner__txt { font-size: 23px; } } .wearable-buds .highlight-inner__value { font-size: 80px; font-size: 5.5555555556vw; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); } @media (min-width: 1440px) { .wearable-buds .highlight-inner__value { font-size: 80px; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__wrap { padding: 93.7444444444px 0px 76.7px; padding: 12.2222222222vw 0vw 10vw; } .wearable-buds .wearable-common__headline { width: 664.7333333333px; width: 86.6666666667vw; margin-bottom: 42.6111111111px; margin-bottom: 5.5555555556vw; font-size: 51.1333333333px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { margin-bottom: 20px; margin-bottom: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__headline { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__headline { padding: 0px 63.9166666667px; padding: 0vw 8.3333333333vw; } .wearable-buds .wearable-common__carousel-text { min-height: 191.75px; min-height: 25vw; padding: 0px 149.1388888889px 42.6111111111px 34.0888888889px; padding: 0vw 19.4444444444vw 5.5555555556vw 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-text { min-height: 90px; min-height: 25vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-text { padding: 0px 34.0888888889px 42.6111111111px 149.1388888889px; padding: 0vw 4.4444444444vw 5.5555555556vw 19.4444444444vw; } .wearable-buds .wearable-common__carousel-tit { font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.3125; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-tit { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .wearable-common__carousel-tit { line-height: 1.4; } .wearable-buds .wearable-common__carousel-navigation-wrap { width: 664.7333333333px; width: 86.6666666667vw; left: -31.9583333333px; left: -4.1666666667vw; right: -31.9583333333px; right: -4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { left: -15px; left: -4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-navigation-wrap { right: -15px; right: -4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-arrow { top: 413.3277777778px; top: 53.8888888889vw; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { top: 194px; top: 53.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-arrow { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-next { right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-next { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -42.6111111111px; left: -5.5555555556vw; right: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-common__carousel-next { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-prev { left: -42.6111111111px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-prev { left: -20px; left: -5.5555555556vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-common__carousel-prev { left: auto; right: -42.6111111111px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-common__carousel-prev { right: -20px; right: -5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 664.7333333333px; width: 86.6666666667vw; height: 42.6111111111px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-pagination-wrap { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-pagination-wrap { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 664.7333333333px; width: 86.6666666667vw; height: 42.6111111111px; height: 5.5555555556vw; margin-top: 25.5666666667px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-scrollbar { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-container.front-slider { width: 100%; } .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 664.7333333333px; width: 86.6666666667vw; height: 918.2694444444px; height: 119.7222222222vw; border-radius: 42.6111111111px; border-radius: 5.5555555556vw; margin: 0; opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 431px; height: 119.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; border-radius: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .wearable-highlight-carousel__image { width: 664.7333333333px; width: 86.6666666667vw; height: 918.2694444444px; height: 119.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__image { width: 312px; width: 86.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__image { height: 431px; height: 119.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 29.8277777778px; right: 3.8888888889vw; bottom: 29.8277777778px; bottom: 3.8888888889vw; width: 68.1777777778px; width: 8.8888888889vw; height: 68.1777777778px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { right: 14px; right: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { bottom: 14px; bottom: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 29.8277777778px; left: 3.8888888889vw; right: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .wearable-highlight-carousel__video .video__controller { left: 14px; left: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 68.1777777778px; width: 8.8888888889vw; height: 68.1777777778px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { width: 32px; width: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon { height: 32px; height: 8.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 17.0444444444px; stroke-width: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 8px; stroke-width: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { width: 46.8722222222px; width: 6.1111111111vw; height: 46.8722222222px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { width: 22px; width: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-buds .wearable-highlight-carousel__video .video__controller .video__controller--playing { height: 22px; height: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner { top: 95.875px; top: 12.5vw; right: 0; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner { top: 45px; top: 12.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner__txt { font-size: 29.8277777778px; font-size: 3.8888888889vw; color: #354144; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner__txt { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .highlight-inner__value { font-size: 87.3527777778px; font-size: 11.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .highlight-inner__value { font-size: 41px; font-size: 11.3888888889vw; } } .wearable-buds .welcome { position: relative; padding: 90px 0px 103px; padding: 6.25vw 0vw 7.1527777778vw; background-color: #000; color: #fff; } .wearable-buds .welcome::after, .wearable-buds .welcome::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .welcome::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .welcome { padding: 90px 0px 103px; } } .wearable-buds .welcome * { color: #fff; } .wearable-buds .welcome .common__headline { padding: 0px 0px 60px; padding: 0vw 0vw 4.1666666667vw; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .welcome .common__headline { padding: 0px 0px 60px; } } .wearable-buds .welcome__background { max-width: 1440px; max-width: 100vw; position: relative; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .welcome__background { max-width: 1440px; } } .wearable-buds .welcome__background img { height: 888px; height: 61.6666666667vw; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .welcome__background img { height: 888px; } } .wearable-buds .welcome__background--after { position: absolute; top: 0; left: 0; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .welcome { padding: 0px 0px 104.3972222222px; padding: 0vw 0vw 13.6111111111vw; } .wearable-buds .welcome .common__headline { padding: 93.7444444444px 51.1333333333px 202.4027777778px; padding: 12.2222222222vw 6.6666666667vw 26.3888888889vw; line-height: 1.204545; max-width: initial; } html[lang^=my] .wearable-buds .welcome .common__headline { line-height: 1.4; } .wearable-buds .welcome .common__headline sup { display: block; } .wearable-buds .welcome__background { max-width: initial; } .wearable-buds .welcome__background img { height: 596.5555555556px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .welcome__background img { height: 280px; height: 77.7777777778vw; } } .wearable-buds .new-design { position: relative; padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; background-color: #000; color: #fff; } .wearable-buds .new-design::after, .wearable-buds .new-design::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .new-design::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .new-design { padding: 93px 0px 100px; } } .wearable-buds .new-design * { color: inherit; } .wearable-buds .new-design__header { max-width: 900px; max-width: 62.5vw; gap: 30px; gap: 2.0833333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .new-design__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .new-design__header { gap: 30px; } } .wearable-buds .new-design__header .common__sub-headline { width: 800px; width: 55.5555555556vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .new-design__header .common__sub-headline { width: 800px; } } .wearable-buds .new-design__header .common__description { color: #eee; } .wearable-buds .new-design__video { padding: 59px 0px 0px; padding: 4.0972222222vw 0vw 0vw; max-width: 1440px; max-width: 100vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .new-design__video { padding: 59px 0px 0px; } } @media (min-width: 1440px) { .wearable-buds .new-design__video { max-width: 1440px; } } .wearable-buds .new-design__video .video__container { height: 810px; height: 56.25vw; } @media (min-width: 1440px) { .wearable-buds .new-design__video .video__container { height: 810px; } } .wearable-buds .new-design__colorchip { padding: 98px 0px 0px; padding: 6.8055555556vw 0vw 0vw; max-width: 1200px; max-width: 83.3333333333vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip { padding: 98px 0px 0px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip { max-width: 1200px; } } .wearable-buds .new-design__colorchip--title { font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.041667; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip--title { font-size: 48px; } } html.rtl .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .new-design__colorchip--title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .new-design__colorchip--title { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .new-design__colorchip--title { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab { margin-top: 33px; margin-top: 2.2916666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab { margin-top: 33px; } } .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 38px; margin-top: 2.6388888889vw; gap: 17px; gap: 1.1805555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 38px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 17px; } } .wearable-buds .new-design__colorchip .common__tab-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; width: 1.8055555556vw; height: 26px; height: 1.8055555556vw; position: relative; display: block; border-radius: 50%; background-color: #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { height: 26px; } } .wearable-buds .new-design__colorchip .common__tab-cta [class*=color]::before { content: ""; position: absolute; inset: -4px; margin: auto; display: block; border-radius: 50%; background-color: transparent; border: 1px solid transparent; -webkit-transition: border 0.2s; transition: border 0.2s; } .wearable-buds .new-design__colorchip .common__tab-cta [class*=gray] { background-color: #5c5c5c; } .wearable-buds .new-design__colorchip .common__tab-cta.is-active [class*=color]::before { border-color: #197ae5; } .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; margin-top: 0.6944444444vw; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; line-height: 1.214286; text-align: center; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; } } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-name { font-size: 14px; } } html.rtl .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .new-design__colorchip .common__tab-name { font-family: "SamsungOneGeorgian", Sylfaen; } html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab-name span { display: none; } .wearable-buds .new-design__colorchip .common__tab-name span.is-active { display: block; } .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; gap: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; } } .wearable-buds .new-design__colorchip .common__tab-color { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .new-design__colorchip .common__tab-color img { height: 588px; height: 40.8333333333vw; } @media (min-width: 1440px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 588px; } } @media screen and (max-width: 767px) { .wearable-buds .new-design { padding: 0; } .wearable-buds .new-design__header { padding: 98.0055555556px 51.1333333333px 85.2222222222px; padding: 12.7777777778vw 6.6666666667vw 11.1111111111vw; gap: 38.35px; gap: 5vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__header .common__sub-headline { width: 100%; } .wearable-buds .new-design__video { padding: 0px 0px 102.2666666667px; padding: 0vw 0vw 13.3333333333vw; max-width: initial; } .wearable-buds .new-design__video .video__container { height: 728.65px; height: 95vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__video .video__container { height: 342px; height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip { padding: 104.3972222222px 51.1333333333px 108.6583333333px; padding: 13.6111111111vw 6.6666666667vw 14.1666666667vw; max-width: initial; } .wearable-buds .new-design__colorchip--title { font-size: 51.1333333333px; font-size: 6.6666666667vw; line-height: 1.125; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip--title { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .new-design__colorchip--title { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab { margin-top: 44.7416666667px; margin-top: 5.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab { margin-top: 21px; margin-top: 5.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 36.2194444444px; gap: 4.7222222222vw; margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-list { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-list { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 55.3944444444px; width: 7.2222222222vw; height: 55.3944444444px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { width: 26px; width: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-cta [class*=color] { height: 26px; height: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 21.3055555556px; margin-top: 2.7777777778vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.214286; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-name { margin-top: 10px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-name { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .new-design__colorchip .common__tab-name { line-height: 1.4; } .wearable-buds .new-design__colorchip .common__tab-colors { gap: 51.1333333333px; gap: 6.6666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-colors { gap: 24px; gap: 6.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 511.3333333333px; height: 66.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .new-design__colorchip .common__tab-color img { height: 240px; height: 66.6666666667vw; } } .wearable-buds .intuitive-control { position: relative; padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; background-color: #000; color: #fff; } .wearable-buds .intuitive-control::after, .wearable-buds .intuitive-control::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .intuitive-control::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .intuitive-control { padding: 93px 0px 100px; } } .wearable-buds .intuitive-control * { color: inherit; } .wearable-buds .intuitive-control__wrap { max-width: 1280px; max-width: 88.8888888889vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__wrap { max-width: 1280px; } } .wearable-buds .intuitive-control__header { gap: 24px; gap: 1.6666666667vw; max-width: 900px; max-width: 62.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__header { gap: 24px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control__header { max-width: 900px; } } .wearable-buds .intuitive-control .common__sub-headline { width: 800px; width: 55.5555555556vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__sub-headline { width: 800px; } } .wearable-buds .intuitive-control .common__description { color: #eee; } .wearable-buds .intuitive-control .common__tab { margin: 20px auto 0px; margin: 1.3888888889vw auto 0vw; max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab { margin: 20px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab { max-width: 1440px; } } .wearable-buds .intuitive-control .common__tab-list { top: 302px; top: 20.9722222222vw; margin-right: 200px; margin-right: 13.8888888889vw; gap: 23px; gap: 1.5972222222vw; position: absolute; right: 50%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { top: 302px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { margin-right: 200px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-list { gap: 23px; } } .wearable-buds .intuitive-control .common__tab-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .intuitive-control .common__tab-cta--checker { width: 19px; width: 1.3194444444vw; height: 19px; height: 1.3194444444vw; margin-right: 20px; margin-right: 1.3888888889vw; border-width: 2px; border-width: 0.1388888889vw; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-style: solid; border-color: #fff; border-radius: 50%; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { width: 19px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { height: 19px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { margin-right: 20px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker { border-width: 2px; } } .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 9px; width: 0.625vw; height: 9px; height: 0.625vw; content: ""; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #fff; border-radius: 50%; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 9px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { height: 9px; } } .wearable-buds .intuitive-control .common__tab-cta--image { margin-right: 14px; margin-right: 0.9722222222vw; width: 96px; width: 6.6666666667vw; -ms-flex-negative: 0; flex-shrink: 0; display: block; position: relative; opacity: 0.3; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image { margin-right: 14px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image { width: 96px; } } .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 24px; width: 1.6666666667vw; height: 24px; height: 1.6666666667vw; position: absolute; right: 0; bottom: 0; opacity: 0; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 24px; } } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { height: 24px; } } .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 10px; gap: 0.6944444444vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0.3; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 10px; } } .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.090909; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 22px; } } html.rtl .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .intuitive-control .common__tab-cta--text { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #eee; } @media (min-width: 1440px) { .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 18px; } } html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--desc { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--image, .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--image-play, .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--checker::after { display: block; } .wearable-buds .intuitive-control .common__tab-panels::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(105%, #000)) 0% 0% no-repeat; background: transparent linear-gradient(180deg, transparent 0%, #000 105%) 0% 0% no-repeat; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -ms-touch-action: none; touch-action: none; } .wearable-buds .intuitive-control .common__tab-panel { background-color: #000; } .wearable-buds .intuitive-control__background { height: 720px; height: 50vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } @media (min-width: 1440px) { .wearable-buds .intuitive-control__background { height: 720px; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control { padding: 0px 0px 106.5277777778px; padding: 0vw 0vw 13.8888888889vw; } .wearable-buds .intuitive-control__wrap { max-width: initial; } .wearable-buds .intuitive-control__header { padding: 95.875px 51.1333333333px 63.9166666667px; padding: 12.5vw 6.6666666667vw 8.3333333333vw; gap: 38.35px; gap: 5vw; position: static; margin: 0; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control__header .common__sub-headline { width: 100%; } .wearable-buds .intuitive-control__header br { display: none; } .wearable-buds .intuitive-control .common__description { max-width: initial; } .wearable-buds .intuitive-control .common__tab { margin-top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .intuitive-control .common__tab-list { gap: 85.2222222222px; gap: 11.1111111111vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; position: relative; top: initial; right: initial; margin: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-list { gap: 40px; gap: 11.1111111111vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .intuitive-control .common__tab-list { margin: 0; left: initial; } .wearable-buds .intuitive-control .common__tab-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wearable-buds .intuitive-control .common__tab-cta--checker { width: 42.6111111111px; width: 5.5555555556vw; height: 42.6111111111px; height: 5.5555555556vw; border-width: 2.1305555556px; border-width: 0.2777777778vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { width: 20px; width: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { height: 20px; height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 25.5666666667px; width: 3.3333333333vw; height: 25.5666666667px; height: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { width: 12px; width: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--checker::after { height: 12px; height: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--image { margin: 25.5666666667px 0px 0px; margin: 3.3333333333vw 0vw 0vw; width: 106.5277777778px; width: 13.8888888889vw; height: 106.5277777778px; height: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image { width: 50px; width: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image { height: 50px; height: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 29.8277777778px; width: 3.8888888889vw; height: 29.8277777778px; height: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { width: 14px; width: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--image-play { height: 14px; height: 3.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { top: 225.8388888889px; top: 29.4444444444vw; gap: 25.5666666667px; gap: 3.3333333333vw; padding: 0px 34.0888888889px; padding: 0vw 4.4444444444vw; min-height: 144.8777777778px; min-height: 18.8888888889vw; position: absolute; left: 0; width: 100%; opacity: 0; text-align: center; -ms-touch-action: none; touch-action: none; pointer-events: none; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { top: 106px; top: 29.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { gap: 12px; gap: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--textblock { min-height: 68px; min-height: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 38.35px; font-size: 5vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--text { font-size: 18px; font-size: 5vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--text { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.357143; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-cta--desc { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .intuitive-control .common__tab-cta--desc { line-height: 1.4; } .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1; } .wearable-buds .intuitive-control .common__tab-panels { margin: 259.9277777778px 0px 0px; margin: 33.8888888889vw 0vw 0vw; } .wearable-buds .intuitive-control .common__tab-panels::after { height: 596.5555555556px; height: 77.7777777778vw; background: transparent -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(120%, #000)) 0% 0% no-repeat; background: transparent linear-gradient(180deg, transparent 0%, #000 120%) 0% 0% no-repeat; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control .common__tab-panels::after { height: 280px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .intuitive-control__background { height: 596.5555555556px; height: 77.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .intuitive-control__background { height: 280px; height: 77.7777777778vw; } } .wearable-buds .sound-bigmo { position: relative; color: #fff; background-color: #000; overflow: hidden; } .wearable-buds .sound-bigmo::after, .wearable-buds .sound-bigmo::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .sound-bigmo::before { bottom: initial; top: -1px; } .wearable-buds .sound-bigmo * { color: #fff; } .wearable-buds .sound-bigmo .common__headline { padding: 93px 0px 53px; padding: 6.4583333333vw 0vw 3.6805555556vw; text-align: center; } @media (min-width: 1440px) { .wearable-buds .sound-bigmo .common__headline { padding: 93px 0px 53px; } } .wearable-buds .sound-bigmo__video { max-height: 600px; max-height: 41.6666666667vw; position: relative; height: 100vh; } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video { max-height: 600px; } } .wearable-buds .sound-bigmo__video .video__container { position: absolute; top: 0; left: 50%; width: 100%; height: 100vh; max-height: 600px; max-height: 41.6666666667vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 600px; } } .wearable-buds .sound-bigmo__video .video__container video { width: 1920px; width: 133.3333333333vw; } @media (min-width: 1440px) { .wearable-buds .sound-bigmo__video .video__container video { width: 1920px; } } .wearable-buds .sound-bigmo__video .video__container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo { padding: 0px 0px 93.7444444444px; padding: 0vw 0vw 12.2222222222vw; } .wearable-buds .sound-bigmo .common__headline { padding: 95.875px 51.1333333333px 127.8333333333px; padding: 12.5vw 6.6666666667vw 16.6666666667vw; } .wearable-buds .sound-bigmo__video { max-height: 728.65px; max-height: 95vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video { max-height: 342px; max-height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 728.65px; max-height: 95vw; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video .video__container { max-height: 342px; max-height: 95vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-bigmo__video .video__container video { width: 1534px; width: 200vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-bigmo__video .video__container video { width: 720px; width: 200vw; } } .wearable-buds .crystal-tw { position: relative; padding: 93px 0px 60px; padding: 6.4583333333vw 0vw 4.1666666667vw; background-color: #000; color: #fff; } .wearable-buds .crystal-tw::after, .wearable-buds .crystal-tw::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-tw::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-tw { padding: 93px 0px 60px; } } .wearable-buds .crystal-tw * { color: #fff; } .wearable-buds .crystal-tw__header { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__header { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__header { max-width: 1200px; } } .wearable-buds .crystal-tw .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .crystal-tw .common__description { padding-top: 6px; padding-top: 0.4166666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } @media (min-width: 1440px) { .wearable-buds .crystal-tw .common__description { padding-top: 6px; } } .wearable-buds .crystal-tw__content { margin-top: 57px; margin-top: 3.9583333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content { margin-top: 57px; } } .wearable-buds .crystal-tw__content ul { position: relative; z-index: 3; } .wearable-buds .crystal-tw__content [class*=__caption] { padding-top: 16px; padding-top: 1.1111111111vw; font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.454545; position: absolute; z-index: 2; font-weight: bold; opacity: 0; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class*=__caption] { padding-top: 16px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class*=__caption] { font-size: 22px; } } html.rtl .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-tw__content [class*=__caption] { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { line-height: 1.6; } .wearable-buds .crystal-tw__content [class*=__caption]::before { content: ""; position: absolute; top: 0; display: block; width: 100%; height: 1px; background-color: #bbb; } .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: 124px; top: 8.6111111111vw; margin-left: 180px; margin-left: 12.5vw; width: 230px; width: 15.9722222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: 124px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { margin-left: 180px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { width: 230px; } } .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { right: 0; } .wearable-buds .crystal-tw__content [class$="--light"] { top: 201px; top: 13.9583333333vw; margin-right: -80px; margin-right: -5.5555555556vw; width: 350px; width: 24.3055555556vw; right: 50%; text-align: left; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 201px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { margin-right: -80px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--light"] { width: 350px; } } .wearable-buds .crystal-tw__content [class$="--light"]::before { left: 0; } .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 308px; top: 21.3888888889vw; margin-left: 57px; margin-left: 3.9583333333vw; width: 248px; width: 17.2222222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 308px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { margin-left: 57px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { width: 248px; } } .wearable-buds .crystal-tw__content [class$="--swipe"]::before { right: 0; } .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 425px; top: 29.5138888889vw; margin-left: -21px; margin-left: -1.4583333333vw; width: 221px; width: 15.3472222222vw; left: 50%; text-align: right; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 425px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { margin-left: -21px; } } @media (min-width: 1440px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { width: 221px; } } .wearable-buds .crystal-tw__content [class$="--pinch"]::before { right: 0; } .wearable-buds .crystal-tw__content.scroll-effect [class*=__caption] { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--wind-shield"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--light"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--swipe"] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--pinch"] { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .wearable-buds .crystal-tw__content.scroll-effect .crystal-tw__image--on { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-tw__image { height: 520px; height: 36.1111111111vw; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; } @media (min-width: 1440px) { .wearable-buds .crystal-tw__image { height: 520px; } } .wearable-buds .crystal-tw__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .wearable-buds .crystal-tw__image--on { z-index: 2; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw { padding: 0; } .wearable-buds .crystal-tw__header { gap: 38.35px; gap: 5vw; padding: 95.875px 51.1333333333px 78.8305555556px; padding: 12.5vw 6.6666666667vw 10.2777777778vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content { padding: 0px 0px 108.6583333333px; padding: 0vw 0vw 14.1666666667vw; } .wearable-buds .crystal-tw__content [class*=__caption] { padding: 0px 25.5666666667px; padding: 0vw 3.3333333333vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 1.125; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class*=__caption] { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-tw__content [class*=__caption] { line-height: 1.4; } .wearable-buds .crystal-tw__content [class*=__caption]::before { background-color: #8f8f8f; } .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: -51.1333333333px; top: -6.6666666667vw; margin-right: -132.0944444444px; margin-right: -17.2222222222vw; left: initial; right: 50%; margin-left: 0; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { top: -24px; top: -6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"] { margin-right: -62px; margin-right: -17.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { height: 189.6194444444px; height: 24.7222222222vw; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--wind-shield"]::before { height: 89px; height: 24.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 270.5805555556px; top: 35.2777777778vw; margin-left: 80.9611111111px; margin-left: 10.5555555556vw; right: initial; left: 50%; margin-right: 0; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"] { top: 127px; top: 35.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"] { margin-left: 38px; margin-left: 10.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--light"]::before { height: 142.7472222222px; height: 18.6111111111vw; width: 1px; top: initial; bottom: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--light"]::before { height: 67px; height: 18.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 409.0666666667px; top: 53.3333333333vw; margin-left: 25.5666666667px; margin-left: 3.3333333333vw; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { top: 192px; top: 53.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"] { margin-left: 12px; margin-left: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--swipe"]::before { height: 134.225px; height: 17.5vw; top: initial; right: initial; bottom: 0; left: 0; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--swipe"]::before { height: 63px; height: 17.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 545.4222222222px; top: 71.1111111111vw; margin-left: -27.6972222222px; margin-left: -3.6111111111vw; width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { top: 256px; top: 71.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"] { margin-left: -13px; margin-left: -3.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content [class$="--pinch"]::before { height: 196.0111111111px; height: 25.5555555556vw; top: initial; right: initial; left: 0; bottom: 0; width: 1px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__content [class$="--pinch"]::before { height: 92px; height: 25.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-tw__content.scroll-effect [class*=__caption] { opacity: 1; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--wind-shield"] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--light"] { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--swipe"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .wearable-buds .crystal-tw__content.scroll-effect [class$="--pinch"] { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .wearable-buds .crystal-tw__content.scroll-effect .crystal-tw__image--on { opacity: 1; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .wearable-buds .crystal-tw__image { height: 596.5555555556px; height: 77.7777777778vw; width: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-tw__image { height: 280px; height: 77.7777777778vw; } } .wearable-buds .crystal-amplifier { position: relative; padding: 100px 0px; padding: 6.9444444444vw 0vw; color: #fff; background-color: #000; } .wearable-buds .crystal-amplifier::after, .wearable-buds .crystal-amplifier::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-amplifier::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier { padding: 100px 0px; } } .wearable-buds .crystal-amplifier__wrap { position: relative; } .wearable-buds .crystal-amplifier__wrap.frame01 .crystal-amplifier__item-amp { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-amplifier__item { position: absolute; z-index: 2; opacity: 0; } .wearable-buds .crystal-amplifier__item--label { font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.09375; display: block; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--label { font-size: 32px; } } html.rtl .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-amplifier__item--label { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-amplifier__item--label { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-amplifier__item--label { line-height: 1.4; } .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; margin-top: 0.8333333333vw; font-size: 14px; font-size: 0.9722222222vw; line-height: 1.357143; color: #eee; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item--desc { font-size: 14px; } } html[lang^=my] .wearable-buds .crystal-amplifier__item--desc { line-height: 1.4; } .wearable-buds .crystal-amplifier__item-amp { margin-left: -346px; margin-left: -24.0277777778vw; margin-bottom: -133px; margin-bottom: -9.2361111111vw; padding: 0px 0px 329px 20px; padding: 0vw 0vw 22.8472222222vw 1.3888888889vw; width: 296px; width: 20.5555555556vw; bottom: 50%; left: 50%; border-left: 1px solid #8f8f8f; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { margin-left: -346px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { margin-bottom: -133px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { padding: 0px 0px 329px 20px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-amp { width: 296px; } } .wearable-buds .crystal-amplifier__item-speaker { margin-top: 14px; margin-top: 0.9722222222vw; margin-left: -15px; margin-left: -1.0416666667vw; padding: 181px 0px 0px 20px; padding: 12.5694444444vw 0vw 0vw 1.3888888889vw; top: 50%; left: 50%; border-left: 1px solid #8f8f8f; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { margin-top: 14px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { margin-left: -15px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker { padding: 181px 0px 0px 20px; } } .wearable-buds .crystal-amplifier__item-speaker::before { margin-top: 42px; margin-top: 2.9166666667vw; width: 215px; width: 14.9305555556vw; height: 121px; height: 8.4027777778vw; content: ""; position: absolute; top: 0; right: 100%; border-bottom: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-top: 42px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { width: 215px; } } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker::before { height: 121px; } } .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: 295px; max-width: 20.4861111111vw; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: 295px; } } .wearable-buds .crystal-amplifier__item-hidden-image { display: none; } .wearable-buds .crystal-amplifier__item-origin-image { height: 710px; height: 49.3055555556vw; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .crystal-amplifier__item-origin-image { height: 710px; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier { padding: 102.2666666667px 0px; padding: 13.3333333333vw 0vw; } .wearable-buds .crystal-amplifier__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker::before, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker::after, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker--label, .wearable-buds .crystal-amplifier__wrap.frame02 .crystal-amplifier__item-speaker--desc { opacity: 1; } .wearable-buds .crystal-amplifier__item { position: relative; border: 0; } .wearable-buds .crystal-amplifier__item--label { font-size: 46.8722222222px; font-size: 6.1111111111vw; line-height: 1.090909; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--label { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-amplifier__item--label { line-height: 1.4; } .wearable-buds .crystal-amplifier__item--desc { margin-top: 25.5666666667px; margin-top: 3.3333333333vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--desc { margin-top: 12px; margin-top: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item--desc { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-amplifier__item--desc { line-height: 1.6; } .wearable-buds .crystal-amplifier__item-amp { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; inset: initial; z-index: 2; margin: 0; width: auto; -webkit-transition-delay: 0s; transition-delay: 0s; } .wearable-buds .crystal-amplifier__item-amp::before { margin-top: 166.1833333333px; margin-top: 21.6666666667vw; margin-left: -89.4833333333px; margin-left: -11.6666666667vw; width: 44.7416666667px; width: 5.8333333333vw; height: 85.2222222222px; height: 11.1111111111vw; border-width: 2.1305555556px 2.1305555556px 0px 0px; border-width: 0.2777777778vw 0.2777777778vw 0vw 0vw; top: 100%; bottom: initial; left: 50%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { margin-top: 78px; margin-top: 21.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { margin-left: -42px; margin-left: -11.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { width: 21px; width: 5.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::before { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-top: 17.0444444444px; margin-top: 2.2222222222vw; margin-left: -161.9222222222px; margin-left: -21.1111111111vw; height: 453.8083333333px; height: 59.1666666667vw; content: ""; position: absolute; top: 100%; left: 50%; display: block; width: 1px; background-color: #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-top: 8px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { margin-left: -76px; margin-left: -21.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-amp::after { height: 213px; height: 59.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker { margin: 713.7361111111px 0px 0px; margin: 93.0555555556vw 0vw 0vw; padding: 0px 51.1333333333px 0px; padding: 0vw 6.6666666667vw 0vw; position: relative; inset: initial; z-index: 1; width: auto; opacity: 1; } .wearable-buds .crystal-amplifier__item-speaker::before { margin-right: -234.3611111111px; margin-right: -30.5555555556vw; margin-bottom: 213.0555555556px; margin-bottom: 27.7777777778vw; width: 255.6666666667px; width: 33.3333333333vw; height: 174.7055555556px; height: 22.7777777778vw; top: initial; right: 50%; bottom: 100%; z-index: 2; margin-top: initial; border-left: 0; border-right: 1px solid #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-right: -110px; margin-right: -30.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { margin-bottom: 100px; margin-bottom: 27.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { width: 120px; width: 33.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::before { height: 82px; height: 22.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-right: 21.3055555556px; margin-right: 2.7777777778vw; margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; height: 315.3222222222px; height: 41.1111111111vw; content: ""; position: absolute; right: 50%; bottom: 100%; width: 1px; background-color: #8f8f8f; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-right: 10px; margin-right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-speaker::after { height: 148px; height: 41.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-speaker--desc { max-width: initial; } .wearable-buds .crystal-amplifier__item-speaker::before, .wearable-buds .crystal-amplifier__item-speaker::after, .wearable-buds .crystal-amplifier__item-speaker--label, .wearable-buds .crystal-amplifier__item-speaker--desc { opacity: 0; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .wearable-buds .crystal-amplifier__item-hidden-image { margin-bottom: 72.4388888889px; margin-bottom: 9.4444444444vw; position: absolute; bottom: 100%; left: 0; display: block; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-amplifier__item-hidden-image { margin-bottom: 34px; margin-bottom: 9.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-amplifier__item-origin-image { display: block; overflow: hidden; position: absolute !important; width: 1px; height: 1px; font-size: 1px; line-height: 1px; clip: rect(1px, 1px, 1px, 1px); } } .wearable-buds .crystal-hifi { position: relative; padding: 94px 0px 107px; padding: 6.5277777778vw 0vw 7.4305555556vw; background-color: #000; color: #fff; } .wearable-buds .crystal-hifi::after, .wearable-buds .crystal-hifi::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #000; z-index: -1; } .wearable-buds .crystal-hifi::before { bottom: initial; top: -1px; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi { padding: 94px 0px 107px; } } .wearable-buds .crystal-hifi__header { gap: 30px; gap: 2.0833333333vw; max-width: 900px; max-width: 62.5vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__header { gap: 30px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__header { max-width: 900px; } } .wearable-buds .crystal-hifi .common__description { color: #eee; } .wearable-buds .crystal-hifi__content { gap: 24px; gap: 1.6666666667vw; margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1104px; max-width: 76.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { gap: 24px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__content { max-width: 1104px; } } .wearable-buds .crystal-hifi__bit { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .crystal-hifi__bit--image { height: 420px; height: 29.1666666667vw; display: block; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; width: 100%; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--image { height: 420px; } } .wearable-buds .crystal-hifi__bit--text { margin-top: 25px; margin-top: 1.7361111111vw; font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.105263; font-weight: bold; text-align: center; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 25px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text { font-size: 32px; } } html.rtl .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .crystal-hifi__bit--text { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .crystal-hifi__bit--text { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .crystal-hifi__bit--text { line-height: 1.4; } .wearable-buds .crystal-hifi__bit--text small { margin-top: 6px; margin-top: 0.4166666667vw; font-size: 22px; font-size: 1.5277777778vw; line-height: 1.090909; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text small { margin-top: 6px; } } @media (min-width: 1440px) { .wearable-buds .crystal-hifi__bit--text small { font-size: 22px; } } html[lang^=my] .wearable-buds .crystal-hifi__bit--text small { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi { padding: 95.875px 51.1333333333px 106.5277777778px; padding: 12.5vw 6.6666666667vw 13.8888888889vw; } .wearable-buds .crystal-hifi__header { gap: 36.2194444444px; gap: 4.7222222222vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__header { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__content { margin-top: 83.0916666667px; margin-top: 10.8333333333vw; gap: 34.0888888889px; gap: 4.4444444444vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__content { margin-top: 39px; margin-top: 10.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__content { gap: 16px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__bit--image { height: 276.9722222222px; height: 36.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--image { height: 130px; height: 36.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 40.4805555556px; margin-top: 5.2777777778vw; font-size: 38.35px; font-size: 5vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text { margin-top: 19px; margin-top: 5.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text { font-size: 18px; font-size: 5vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-hifi__bit--text { line-height: 1.4; } .wearable-buds .crystal-hifi__bit--text small { margin-top: 17.0444444444px; margin-top: 2.2222222222vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.357143; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text small { margin-top: 8px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .crystal-hifi__bit--text small { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .crystal-hifi__bit--text small { line-height: 1.4; } } .wearable-buds .galaxy-ai { background-color: #000; color: #fff; text-align: center; } .wearable-buds .galaxy-ai__wrap { position: relative; } .wearable-buds .galaxy-ai__header { top: 481px; top: 33.4027777778vw; position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai__header { top: 481px; } } .wearable-buds .galaxy-ai .common__headline { gap: 7px; gap: 0.4861111111vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; direction: inherit; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline { gap: 7px; } } .wearable-buds .galaxy-ai .common__headline .common-ai-text { direction: ltr; } .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: -3px 0px 0px -6px; margin: -0.2083333333vw 0vw 0vw -0.4166666667vw; width: 90px; width: 6.25vw; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: -3px 0px 0px -6px; } } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { width: 90px; } } .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon img { width: 100%; } .wearable-buds .galaxy-ai .common__headline small { font-size: 48px; font-size: 3.3333333333vw; font-family: "SamsungSharpSans", arial, sans-serif; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 48px; } } html.rtl .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .galaxy-ai .common__headline small { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .galaxy-ai .common__headline small { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .galaxy-ai__background { height: 840px; height: 58.3333333333vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .galaxy-ai__background { height: 840px; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai__header { top: 547.5527777778px; top: 71.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai__header { top: 257px; top: 71.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline { gap: 21.3055555556px; gap: 2.7777777778vw; padding-top: 4.2611111111px; padding-top: 0.5555555556vw; font-size: 68.1777777778px; font-size: 8.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline { padding-top: 2px; padding-top: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline { font-size: 32px; font-size: 8.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { margin: -12.7833333333px 0px 0px -6.3916666667px; margin: -1.6666666667vw 0vw 0vw -0.8333333333vw; width: 112.9194444444px; width: 14.7222222222vw; height: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline .common-ai-text__icon { width: 53px; width: 14.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 57.525px; font-size: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai .common__headline small { font-size: 27px; font-size: 7.5vw; } } @media screen and (max-width: 767px) { .wearable-buds .galaxy-ai .common__headline small sup { display: block; } .wearable-buds .galaxy-ai__background { height: 1043.9722222222px; height: 136.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .galaxy-ai__background { height: 490px; height: 136.1111111111vw; } } .wearable-buds .sound-optimization { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .sound-optimization { padding: 92px 0px 100px; } } .wearable-buds .sound-optimization__wrap { max-width: 1440px; max-width: 100vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__wrap { max-width: 1440px; } } .wearable-buds .sound-optimization__header { top: 182px; top: 12.6388888889vw; max-width: 420px; max-width: 29.1666666667vw; margin-left: 180px; margin-left: 12.5vw; gap: 30px; gap: 2.0833333333vw; position: absolute; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { top: 182px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { max-width: 420px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { margin-left: 180px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization__header { gap: 30px; } } .wearable-buds .sound-optimization .common__sub-headline { width: 350px; width: 24.3055555556vw; margin-top: -7px; margin-top: -0.4861111111vw; line-height: 1.25; } @media (min-width: 1440px) { .wearable-buds .sound-optimization .common__sub-headline { width: 350px; } } @media (min-width: 1440px) { .wearable-buds .sound-optimization .common__sub-headline { margin-top: -7px; } } html[lang^=my] .wearable-buds .sound-optimization .common__sub-headline { line-height: 1.4; } .wearable-buds .sound-optimization .common__description { color: #313131; } .wearable-buds .sound-optimization__image { height: 768px; height: 53.3333333333vw; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1440px) { .wearable-buds .sound-optimization__image { height: 768px; } } @media screen and (max-width: 767px) { .wearable-buds .sound-optimization { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .sound-optimization__wrap { max-width: initial; } .wearable-buds .sound-optimization__header { padding: 0px 51.1333333333px 78.8305555556px; padding: 0vw 6.6666666667vw 10.2777777778vw; gap: 40.4805555556px; gap: 5.2777777778vw; position: static; margin: 0; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-optimization__header { gap: 19px; gap: 5.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .sound-optimization__header .common__sub-headline { width: 100%; } .wearable-buds .sound-optimization__image { height: 592.2944444444px; height: 77.2222222222vw; position: static; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .sound-optimization__image { height: 278px; height: 77.2222222222vw; } } .wearable-buds .anc { padding: 93px 0px 97px; padding: 6.4583333333vw 0vw 6.7361111111vw; } @media (min-width: 1440px) { .wearable-buds .anc { padding: 93px 0px 97px; } } .wearable-buds .anc__header { gap: 78px; gap: 5.4166666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .anc__header { gap: 78px; } } @media (min-width: 1440px) { .wearable-buds .anc__header { max-width: 1200px; } } .wearable-buds .anc .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; line-height: 1.2; } html[lang^=my] .wearable-buds .anc .common__sub-headline { line-height: 1.4; } .wearable-buds .anc .common__description { padding-top: 6px; padding-top: 0.4166666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; color: #313131; } @media (min-width: 1440px) { .wearable-buds .anc .common__description { padding-top: 6px; } } .wearable-buds .anc__content { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1440px; max-width: 100vw; gap: 60px; gap: 4.1666666667vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .anc__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .anc__content { max-width: 1440px; } } @media (min-width: 1440px) { .wearable-buds .anc__content { gap: 60px; } } .wearable-buds .anc .video__container { height: 620px; height: 43.0555555556vw; width: 100%; } @media (min-width: 1440px) { .wearable-buds .anc .video__container { height: 620px; } } .wearable-buds .anc__points { max-width: 940px; max-width: 65.2777777778vw; } @media (min-width: 1440px) { .wearable-buds .anc__points { max-width: 940px; } } .wearable-buds .anc__points ul { gap: 80px; gap: 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } @media (min-width: 1440px) { .wearable-buds .anc__points ul { gap: 80px; } } .wearable-buds .anc__points li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; } .wearable-buds .anc__point--label { gap: 8px; gap: 0.5555555556vw; font-size: 22px; font-size: 1.5277777778vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.090909; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .anc__point--label { gap: 8px; } } @media (min-width: 1440px) { .wearable-buds .anc__point--label { font-size: 22px; } } html.rtl .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .anc__point--label { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .anc__point--label { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .anc__point--label { line-height: 1.4; } .wearable-buds .anc__point--label img { height: 36px; height: 2.5vw; } @media (min-width: 1440px) { .wearable-buds .anc__point--label img { height: 36px; } } .wearable-buds .anc__point--value { margin-top: 11px; margin-top: 0.7638888889vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #313131; } @media (min-width: 1440px) { .wearable-buds .anc__point--value { margin-top: 11px; } } @media (min-width: 1440px) { .wearable-buds .anc__point--value { font-size: 18px; } } html[lang^=my] .wearable-buds .anc__point--value { line-height: 1.4; } .wearable-buds .anc .common__tab { display: none; } @media screen and (max-width: 767px) { .wearable-buds .anc { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .anc__header { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; gap: 36.2194444444px; gap: 4.7222222222vw; max-width: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc__header { gap: 17px; gap: 4.7222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc__content { margin-top: 61.7861111111px; margin-top: 8.0555555556vw; gap: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc__content { margin-top: 29px; margin-top: 8.0555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .video__container { height: 362.1944444444px; height: 47.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .video__container { height: 170px; height: 47.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc__points { display: none; } .wearable-buds .anc .common__tab { margin-top: 80.9611111111px; margin-top: 10.5555555556vw; padding: 0px 42.6111111111px; padding: 0vw 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab { margin-top: 38px; margin-top: 10.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-list { gap: 21.3055555556px; gap: 2.7777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-list { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta { gap: 10.6527777778px; gap: 1.3888888889vw; padding: 0px 6.3916666667px 12.7833333333px; padding: 0vw 0.8333333333vw 1.6666666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; min-width: 0; border-bottom: 2px solid transparent; opacity: 0.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta { gap: 5px; gap: 1.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta img { width: 49.0027777778px; width: 6.3888888889vw; height: 49.0027777778px; height: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta img { width: 23px; width: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta img { height: 23px; height: 6.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-cta strong { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.071429; word-break: break-all; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-cta strong { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .anc .common__tab-cta strong { line-height: 1.4; } .wearable-buds .anc .common__tab-cta.is-active { border-bottom-color: #000; opacity: 1; } .wearable-buds .anc .common__tab-panels { margin-top: 49.0027777778px; margin-top: 6.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-panels { margin-top: 23px; margin-top: 6.3888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .anc .common__tab-panel { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.4; max-width: initial; text-align: center; color: #313131; background-color: #fff; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .anc .common__tab-panel { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .anc .common__tab-panel { line-height: 1.6; } } .wearable-buds .translation { padding: 93px 0px 100px; padding: 6.4583333333vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .translation { padding: 93px 0px 100px; } } .wearable-buds .translation__header { max-width: 900px; max-width: 62.5vw; gap: 24px; gap: 1.6666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .translation__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .translation__header { gap: 24px; } } .wearable-buds .translation .common__sub-headline { line-height: 1.2; width: 900px; width: 62.5vw; margin: auto; } html[lang^=my] .wearable-buds .translation .common__sub-headline { line-height: 1.4; } @media (min-width: 1440px) { .wearable-buds .translation .common__sub-headline { width: 900px; } } .wearable-buds .translation .common__description { color: #313131; } .wearable-buds .translation .common__tab { margin-top: 60px; margin-top: 4.1666666667vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab { margin-top: 60px; } } .wearable-buds .translation .common__tab-list { gap: 40px; gap: 2.7777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-list { gap: 40px; } } .wearable-buds .translation .common__tab-cta { gap: 4px; gap: 0.2777777778vw; width: 218px; width: 15.1388888889vw; min-height: 110px; min-height: 7.6388888889vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; opacity: 0.2; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { gap: 4px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { width: 218px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta { min-height: 110px; } } .wearable-buds .translation .common__tab-cta img { height: 72px; height: 5vw; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta img { height: 72px; } } .wearable-buds .translation .common__tab-cta strong { padding-bottom: 3px; padding-bottom: 0.2083333333vw; font-size: 22px; font-size: 1.5277777778vw; border-width: 0px 0px 2px 0px; border-width: 0vw 0vw 0.1388888889vw 0vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.318182; display: inline-block; font-weight: bold; border-style: solid; border-color: transparent; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 3px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { font-size: 22px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-cta strong { border-width: 0px 0px 2px 0px; } } html.rtl .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .translation .common__tab-cta strong { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .translation .common__tab-cta strong { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .translation .common__tab-cta strong { line-height: 1.4; } .wearable-buds .translation .common__tab-cta.is-active { opacity: 1; } .wearable-buds .translation .common__tab-cta.is-active strong { border-color: #000; } .wearable-buds .translation .common__tab-panels { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1440px; max-width: 100vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panels { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panels { max-width: 1440px; } } .wearable-buds .translation .common__tab-panel { position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; } .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 15px; gap: 1.0416666667vw; max-width: 300px; max-width: 20.8333333333vw; font-size: 26px; font-size: 1.8055555556vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.307692; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; color: #757575; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 15px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { max-width: 300px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon { font-size: 26px; } } html.rtl .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .translation .common__tab-panel .translation__balloon { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { line-height: 1.4; } .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 120px; height: 8.3333333333vw; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 120px; } } .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 80px; top: 5.5555555556vw; margin-right: 312px; margin-right: 21.6666666667vw; right: 50%; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 80px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-right: 312px; } } .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 312px; margin-left: 21.6666666667vw; left: 50%; right: initial; margin-right: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 312px; } } .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 85px; bottom: 5.9027777778vw; margin-left: 312px; margin-left: 21.6666666667vw; font-size: 28px; font-size: 1.9444444444vw; line-height: 1.321429; left: 50%; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 85px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-left: 312px; } } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { font-size: 28px; } } html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon--right { line-height: 1.4; } .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 312px; margin-right: 21.6666666667vw; left: initial; right: 50%; margin-left: initial; } @media (min-width: 1440px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 312px; } } .wearable-buds .translation .common__tab-panel .translation__content--image { height: 618px; height: 42.9166666667vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 618px; } } .wearable-buds .translation__content--text { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 900px; max-width: 62.5vw; font-size: 18px; font-size: 1.25vw; line-height: 1.333333; color: #313131; text-align: center; } @media (min-width: 1440px) { .wearable-buds .translation__content--text { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .translation__content--text { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .translation__content--text { font-size: 18px; } } html[lang^=my] .wearable-buds .translation__content--text { line-height: 1.4; } @media screen and (max-width: 767px) { .wearable-buds .translation { padding: 95.875px 0px 106.5277777778px; padding: 12.5vw 0vw 13.8888888889vw; } .wearable-buds .translation__header { padding: 0px 51.1333333333px 68.1777777778px; padding: 0vw 6.6666666667vw 8.8888888889vw; gap: 42.6111111111px; gap: 5.5555555556vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation__header .common__sub-headline { width: 100%; } .wearable-buds .translation .common__tab { margin: 0; } .wearable-buds .translation .common__tab-list { gap: 46.8722222222px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-list { gap: 22px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta { gap: 14.9138888889px; gap: 1.9444444444vw; width: 298.2777777778px; width: 38.8888888889vw; min-height: 136.3555555556px; min-height: 17.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { gap: 7px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { width: 140px; width: 38.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta { min-height: 64px; min-height: 17.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta img { height: 76.7px; height: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta img { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 8.5222222222px; padding-bottom: 1.1111111111vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; border-width: 0px 0px 4.2611111111px 0px; border-width: 0vw 0vw 0.5555555556vw 0vw; line-height: 1.071429; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta strong { padding-bottom: 4px; padding-bottom: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-cta strong { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation .common__tab-cta strong { line-height: 1.4; } .wearable-buds .translation .common__tab-panels { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panels { margin-top: 30px; margin-top: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 10.6527777778px; gap: 1.3888888889vw; max-width: 187.4888888889px; max-width: 24.4444444444vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { gap: 5px; gap: 1.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { max-width: 88px; max-width: 24.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation .common__tab-panel .translation__balloon { line-height: 1.4; } .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 102.2666666667px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon img { height: 48px; height: 13.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 14.9138888889px; top: 1.9444444444vw; margin-right: 144.8777777778px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { top: 7px; top: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-right: 68px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 144.8777777778px; margin-left: 18.8888888889vw; margin-right: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--left { margin-left: 68px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 17.0444444444px; bottom: 2.2222222222vw; margin-left: 144.8777777778px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { bottom: 8px; bottom: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-left: 68px; margin-left: 18.8888888889vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 144.8777777778px; margin-right: 18.8888888889vw; margin-left: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .translation .common__tab-panel .translation__balloon--right { margin-right: 68px; margin-right: 18.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 340.8888888889px; height: 44.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation .common__tab-panel .translation__content--image { height: 160px; height: 44.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .translation__content--text { margin-top: 76.7px; margin-top: 10vw; padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.428571; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__content--text { margin-top: 36px; margin-top: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .translation__content--text { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .translation__content--text { line-height: 1.6; } } .wearable-buds .super-clear-call { padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-buds .super-clear-call { padding: 100px 0px; } } .wearable-buds .super-clear-call__wrap { max-width: 1440px; max-width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1440px) { .wearable-buds .super-clear-call__wrap { max-width: 1440px; } } .wearable-buds .super-clear-call__header { margin-left: 120px; margin-left: 8.3333333333vw; max-width: 420px; max-width: 29.1666666667vw; gap: 24px; gap: 1.6666666667vw; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .super-clear-call__header { margin-left: 120px; } } @media (min-width: 1440px) { .wearable-buds .super-clear-call__header { max-width: 420px; } } @media (min-width: 1440px) { .wearable-buds .super-clear-call__header { gap: 24px; } } .wearable-buds .super-clear-call__header .common__description { color: #313131; } .wearable-buds .super-clear-call__image { height: 580px; height: 40.2777777778vw; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (min-width: 1440px) { .wearable-buds .super-clear-call__image { height: 580px; } } @media screen and (max-width: 767px) { .wearable-buds .super-clear-call { padding: 0; } .wearable-buds .super-clear-call__wrap { max-width: initial; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wearable-buds .super-clear-call__header { gap: 25.5666666667px; gap: 3.3333333333vw; padding: 68.1777777778px 51.1333333333px; padding: 8.8888888889vw 6.6666666667vw; margin: 0; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .super-clear-call__header { gap: 12px; gap: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .super-clear-call__image { height: 617.8611111111px; height: 80.5555555556vw; width: 100%; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .super-clear-call__image { height: 290px; height: 80.5555555556vw; } } .wearable-buds .tv-360 { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .tv-360 { padding: 92px 0px 100px; } } .wearable-buds .tv-360__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .tv-360__wrap { max-width: 1440px; } } .wearable-buds .tv-360__header { max-width: 900px; max-width: 62.5vw; gap: 32px; gap: 2.2222222222vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .tv-360__header { max-width: 900px; } } @media (min-width: 1440px) { .wearable-buds .tv-360__header { gap: 32px; } } .wearable-buds .tv-360__header .common__sub-headline { width: 700px; width: 48.6111111111vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .tv-360__header .common__sub-headline { width: 700px; } } .wearable-buds .tv-360 .common__description { color: #313131; } .wearable-buds .tv-360__image { margin-top: 60px; margin-top: 4.1666666667vw; height: 640px; height: 44.4444444444vw; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .tv-360__image { margin-top: 60px; } } @media (min-width: 1440px) { .wearable-buds .tv-360__image { height: 640px; } } @media screen and (max-width: 767px) { .wearable-buds .tv-360 { padding: 98.0055555556px 0px; padding: 12.7777777778vw 0vw; } .wearable-buds .tv-360__wrap { max-width: initial; } .wearable-buds .tv-360__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .tv-360__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .tv-360__header .common__sub-headline { line-height: 1.2222; width: 100%; } html[lang^=my] .wearable-buds .tv-360__header .common__sub-headline { line-height: 1.4; } .wearable-buds .tv-360__image { height: 696.6916666667px; height: 90.8333333333vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .tv-360__image { height: 327px; height: 90.8333333333vw; } } .wearable-buds .auto-switch { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .auto-switch { padding: 92px 0px 100px; } } .wearable-buds .auto-switch__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .auto-switch__wrap { max-width: 1440px; } } .wearable-buds .auto-switch__header { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .auto-switch__header { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .auto-switch__header { max-width: 1200px; } } .wearable-buds .auto-switch .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .auto-switch .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 8px; padding-top: 0.5555555556vw; color: #313131; } @media (min-width: 1440px) { .wearable-buds .auto-switch .common__description { padding-top: 8px; } } .wearable-buds .auto-switch__content { margin-top: 60px; margin-top: 4.1666666667vw; height: 500px; height: 34.7222222222vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .auto-switch__content { margin-top: 60px; } } @media (min-width: 1440px) { .wearable-buds .auto-switch__content { height: 500px; } } .wearable-buds .auto-switch__content .video__container { height: 100%; } .wearable-buds .auto-switch__content .video__container video { background-color: #fff; } .wearable-buds .auto-switch__content .video__container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .auto-switch { padding: 100.1361111111px 0px; padding: 13.0555555556vw 0vw; } .wearable-buds .auto-switch__wrap { max-width: initial; } .wearable-buds .auto-switch__header { padding: 0px 51.1333333333px 80.9611111111px; padding: 0vw 6.6666666667vw 10.5555555556vw; gap: 38.35px; gap: 5vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auto-switch__header { gap: 18px; gap: 5vw; } } @media screen and (max-width: 767px) { .wearable-buds .auto-switch__content { height: 447.4166666667px; height: 58.3333333333vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auto-switch__content { height: 210px; height: 58.3333333333vw; } } .wearable-buds .auracast { padding: 92px 0px 100px; padding: 6.3888888889vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .auracast { padding: 92px 0px 100px; } } .wearable-buds .auracast__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .auracast__wrap { max-width: 1440px; } } .wearable-buds .auracast__header { max-width: 1200px; max-width: 83.3333333333vw; gap: 60px; gap: 4.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .auracast__header { max-width: 1200px; } } @media (min-width: 1440px) { .wearable-buds .auracast__header { gap: 60px; } } .wearable-buds .auracast__header .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .auracast__header .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .auracast__header .common__description { padding-top: 8px; } } .wearable-buds .auracast__content { margin-top: 60px; margin-top: 4.1666666667vw; } @media (min-width: 1440px) { .wearable-buds .auracast__content { margin-top: 60px; } } .wearable-buds .auracast__content img { height: 720px; height: 50vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (min-width: 1440px) { .wearable-buds .auracast__content img { height: 720px; } } @media screen and (max-width: 767px) { .wearable-buds .auracast { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .auracast__wrap { max-width: initial; } .wearable-buds .auracast__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auracast__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .auracast__content { margin: 0; } .wearable-buds .auracast__content img { height: 1048.2333333333px; height: 136.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .auracast__content img { height: 492px; height: 136.6666666667vw; } } .wearable-buds .voice-command { padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-buds .voice-command { padding: 100px 0px; } } .wearable-buds .voice-command__wrap { gap: 60px; gap: 4.1666666667vw; max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .voice-command__wrap { gap: 60px; } } @media (min-width: 1440px) { .wearable-buds .voice-command__wrap { max-width: 1200px; } } .wearable-buds .voice-command__header { padding-bottom: 10px; padding-bottom: 0.6944444444vw; gap: 33px; gap: 2.2916666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .voice-command__header { padding-bottom: 10px; } } @media (min-width: 1440px) { .wearable-buds .voice-command__header { gap: 33px; } } .wearable-buds .voice-command .common__description { color: #313131; } .wearable-buds .voice-command__image { height: 512px; height: 35.5555555556vw; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: auto; } @media (min-width: 1440px) { .wearable-buds .voice-command__image { height: 512px; } } @media screen and (max-width: 767px) { .wearable-buds .voice-command { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .voice-command__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; max-width: initial; } .wearable-buds .voice-command__header { padding: 0px 51.1333333333px 87.3527777778px; padding: 0vw 6.6666666667vw 11.3888888889vw; gap: 46.8722222222px; gap: 6.1111111111vw; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .voice-command__header { gap: 22px; gap: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .voice-command__image { height: 515.5944444444px; height: 67.2222222222vw; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .voice-command__image { height: 242px; height: 67.2222222222vw; } } .wearable-buds .mindfulness { padding: 96px 0px 102px; padding: 6.6666666667vw 0vw 7.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness { padding: 96px 0px 102px; } } .wearable-buds .mindfulness__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness__wrap { max-width: 1440px; } } .wearable-buds .mindfulness__header { max-width: 1200px; max-width: 83.3333333333vw; gap: 60px; gap: 4.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .mindfulness__header { max-width: 1200px; } } @media (min-width: 1440px) { .wearable-buds .mindfulness__header { gap: 60px; } } .wearable-buds .mindfulness .common__sub-headline { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .mindfulness .common__description { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-top: 5px; padding-top: 0.3472222222vw; color: #313131; } @media (min-width: 1440px) { .wearable-buds .mindfulness .common__description { padding-top: 5px; } } .wearable-buds .mindfulness__videos { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; height: 700px; height: 48.6111111111vw; } @media (min-width: 1440px) { .wearable-buds .mindfulness__videos { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .mindfulness__videos { height: 700px; } } .wearable-buds .mindfulness__videos .video__container { height: 100%; } .wearable-buds .mindfulness__videos .video__container video { background-color: #fff; } .wearable-buds .mindfulness__videos .video__container img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } @media screen and (max-width: 767px) { .wearable-buds .mindfulness { padding: 100.1361111111px 0px 106.5277777778px; padding: 13.0555555556vw 0vw 13.8888888889vw; } .wearable-buds .mindfulness__wrap { max-width: initial; } .wearable-buds .mindfulness__header { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; gap: 42.6111111111px; gap: 5.5555555556vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; text-align: center; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .mindfulness__header { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .mindfulness__videos { height: 553.9444444444px; height: 72.2222222222vw; margin: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .mindfulness__videos { height: 260px; height: 72.2222222222vw; } } .wearable-buds .android-connectivity { padding: 100px 0px; padding: 6.9444444444vw 0vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity { padding: 100px 0px; } } .wearable-buds .android-connectivity__wrap { max-width: 1200px; max-width: 83.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__wrap { max-width: 1200px; } } .wearable-buds .android-connectivity__header { width: 420px; width: 29.1666666667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__header { width: 420px; } } .wearable-buds .android-connectivity__header .common__sub-headline + .common__description { margin-top: 24px; margin-top: 1.6666666667vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__header .common__sub-headline + .common__description { margin-top: 24px; } } .wearable-buds .android-connectivity__cta-wrap { margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__cta-wrap { margin-top: 40px; } } .wearable-buds .android-connectivity__cta-wrap--mo { display: none; } .wearable-buds .android-connectivity__cta-item + .android-connectivity__cta-item { margin-top: 10px; margin-top: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__cta-item + .android-connectivity__cta-item { margin-top: 10px; } } .wearable-buds .android-connectivity__content { width: 550px; width: 38.1944444444vw; margin: 0px 18px 0px 0px; margin: 0vw 1.25vw 0vw 0vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__content { width: 550px; } } @media (min-width: 1440px) { .wearable-buds .android-connectivity__content { margin: 0px 18px 0px 0px; } } .rtl .wearable-buds .android-connectivity__content { margin: 0px 0px 0px 18px; margin: 0vw 0vw 0vw 1.25vw; } @media (min-width: 1440px) { .rtl .wearable-buds .android-connectivity__content { margin: 0px 0px 0px 18px; } } .wearable-buds .android-connectivity__image { width: 100%; } .wearable-buds .android-connectivity__image-wrap { width: 550px; width: 38.1944444444vw; height: 760px; height: 52.7777777778vw; margin-bottom: -65px; margin-bottom: -4.5138888889vw; } @media (min-width: 1440px) { .wearable-buds .android-connectivity__image-wrap { width: 550px; } } @media (min-width: 1440px) { .wearable-buds .android-connectivity__image-wrap { height: 760px; } } @media (min-width: 1440px) { .wearable-buds .android-connectivity__image-wrap { margin-bottom: -65px; } } @media screen and (max-width: 767px) { .wearable-buds .android-connectivity { padding: 106.5277777778px 0px 106.5277777778px; padding: 13.8888888889vw 0vw 13.8888888889vw; } .wearable-buds .android-connectivity__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: initial; } .wearable-buds .android-connectivity__header { width: 100%; padding: 0px 51.1333333333px 0px; padding: 0vw 6.6666666667vw 0vw; } .wearable-buds .android-connectivity__header .common__sub-headline + .common__description { margin-top: 42.6111111111px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__header .common__sub-headline + .common__description { margin-top: 20px; margin-top: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .android-connectivity__cta-wrap { margin-top: 0px; margin-top: 0vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__cta-wrap { margin-top: 0px; margin-top: 0vw; } } @media screen and (max-width: 767px) { .wearable-buds .android-connectivity__cta-wrap--pc { display: none; } .wearable-buds .android-connectivity__cta-wrap--mo { display: block; } .wearable-buds .android-connectivity__cta-item { text-align: center; } .wearable-buds .android-connectivity__cta-item + .android-connectivity__cta-item { margin-top: 21.3055555556px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__cta-item + .android-connectivity__cta-item { margin-top: 10px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .android-connectivity__content { width: 767px; width: 100vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__content { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) { .wearable-buds .android-connectivity__image-wrap { width: 100%; height: 703.0833333333px; height: 91.6666666667vw; margin-bottom: 0px; margin-bottom: 0vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__image-wrap { height: 330px; height: 91.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .android-connectivity__image-wrap { margin-bottom: 0px; margin-bottom: 0vw; } } .wearable-buds .charging { padding: 97px 0px 0px; padding: 6.7361111111vw 0vw 0vw; } @media (min-width: 1440px) { .wearable-buds .charging { padding: 97px 0px 0px; } } .wearable-buds .charging__wrap { max-width: 1440px; max-width: 100vw; } @media (min-width: 1440px) { .wearable-buds .charging__wrap { max-width: 1440px; } } .wearable-buds .charging__headline { max-width: 900px; max-width: 62.5vw; margin: 0 auto; text-align: center; } @media (min-width: 1440px) { .wearable-buds .charging__headline { max-width: 900px; } } .wearable-buds .charging__content { margin-top: 60px; margin-top: 4.1666666667vw; height: 850px; height: 59.0277777778vw; position: relative; } @media (min-width: 1440px) { .wearable-buds .charging__content { margin-top: 60px; } } @media (min-width: 1440px) { .wearable-buds .charging__content { height: 850px; } } .wearable-buds .charging__content.scroll-effect .charging__on { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .wearable-buds .charging__note { bottom: 180px; bottom: 12.5vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.166667; position: absolute; left: 0; z-index: 3; width: 100%; text-align: center; } @media (min-width: 1440px) { .wearable-buds .charging__note { bottom: 180px; } } @media (min-width: 1440px) { .wearable-buds .charging__note { font-size: 12px; } } html[lang^=my] .wearable-buds .charging__note { line-height: 1.4; } .wearable-buds .charging img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .wearable-buds .charging img.charging__on { z-index: 2; opacity: 0; } @media screen and (max-width: 767px) { .wearable-buds .charging { padding: 106.5277777778px 0px 0px; padding: 13.8888888889vw 0vw 0vw; } .wearable-buds .charging__headline { padding: 0px 51.1333333333px 85.2222222222px; padding: 0vw 6.6666666667vw 11.1111111111vw; max-width: initial; } .wearable-buds .charging__content { margin: 0; height: 707.3444444444px; height: 92.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__content { height: 332px; height: 92.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .charging__note { bottom: 125.7027777778px; bottom: 16.3888888889vw; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.2; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__note { bottom: 59px; bottom: 16.3888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .charging__note { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .charging__note { line-height: 1.4; } } .wearable-buds .essential { padding-bottom: 100px; padding-bottom: 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .essential { padding-bottom: 100px; } } .wearable-buds .essential__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; gap: 26px; gap: 1.8055555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__header { gap: 26px; } } .wearable-buds .essential__header .common__description { color: #313131; } .wearable-buds .essential__content { margin: 60px auto 0px; margin: 4.1666666667vw auto 0vw; max-width: 1408px; max-width: 97.7777777778vw; } @media (min-width: 1440px) { .wearable-buds .essential__content { margin: 60px auto 0px; } } @media (min-width: 1440px) { .wearable-buds .essential__content { max-width: 1408px; } } .wearable-buds .essential__content ul { gap: 26px; gap: 1.8055555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1440px) { .wearable-buds .essential__content ul { gap: 26px; } } .wearable-buds .essential__content li { padding: 0px 34px 0px 44px; padding: 0vw 2.3611111111vw 0vw 3.0555555556vw; min-height: 280px; min-height: 19.4444444444vw; border-radius: 40px; border-radius: 2.7777777778vw; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #f7f7f7; } @media (min-width: 1440px) { .wearable-buds .essential__content li { padding: 0px 34px 0px 44px; } } @media (min-width: 1440px) { .wearable-buds .essential__content li { min-height: 280px; } } @media (min-width: 1440px) { .wearable-buds .essential__content li { border-radius: 40px; } } .wearable-buds .essential__content--head { padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__content--head { padding-top: 8px; } } .wearable-buds .essential__content--head h3 { font-size: 32px; font-size: 2.2222222222vw; font-family: "SamsungSharpSans", arial, sans-serif; line-height: 1.1875; display: block; font-weight: bold; } @media (min-width: 1440px) { .wearable-buds .essential__content--head h3 { font-size: 32px; } } html.rtl .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .essential__content--head h3 { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .essential__content--head h3 { font-family: "SamsungSharpSans", Sylfaen; } html[lang^=my] .wearable-buds .essential__content--head h3 { line-height: 1.4; } .wearable-buds .essential__content--body { padding-bottom: 56px; padding-bottom: 3.8888888889vw; font-family: "SamsungSharpSans", arial, sans-serif; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; color: #313131; } @media (min-width: 1440px) { .wearable-buds .essential__content--body { padding-bottom: 56px; } } html.rtl .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .essential__content--body { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .essential__content--body { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .essential__content--body--block { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .wearable-buds .essential__content--body--block-label { margin-bottom: 9px; margin-bottom: 0.625vw; font-size: 18px; font-size: 1.25vw; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-label { margin-bottom: 9px; } } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-label { font-size: 18px; } } .wearable-buds .essential__content--body--block-data { font-size: 120px; font-size: 8.3333333333vw; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; direction: ltr; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-data { font-size: 120px; } } html[lang^=my] .wearable-buds .essential__content--body--block-data { line-height: 1.4; } .wearable-buds .essential__content--body--block-data-unit { font-size: 50px; font-size: 3.4722222222vw; position: relative; top: -0.2em; } @media (min-width: 1440px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 50px; } } .wearable-buds .essential__content .essential__content-playtime { max-width: 914px; max-width: 63.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime { max-width: 914px; } } .wearable-buds .essential__content .essential__content-playtime .essential__content--body { padding-bottom: 0; -ms-flex-item-align: initial; align-self: initial; } .wearable-buds .essential__content .essential__content-playtime .playtime-content { gap: 34px; gap: 2.3611111111vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content { gap: 34px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content__block { display: grid; grid-template: repeat(2, -webkit-min-content)/auto 1fr; grid-template: repeat(2, min-content)/auto 1fr; } .wearable-buds .essential__content .essential__content-playtime .playtime-content--caption { font-size: 18px; font-size: 1.25vw; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--caption { font-size: 18px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--upto { font-size: 18px; font-size: 1.25vw; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; line-height: 1; grid-row: span 2; align-self: flex-end; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--upto { font-size: 18px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { margin-bottom: -17px; margin-bottom: -1.1805555556vw; font-size: 120px; font-size: 8.3333333333vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { margin-bottom: -17px; } } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value { font-size: 120px; } } .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { padding-bottom: 10px; padding-bottom: 0.6944444444vw; font-size: 50px; font-size: 3.4722222222vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { padding-bottom: 10px; } } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-playtime .playtime-content--value span { font-size: 50px; } } .wearable-buds .essential__content .essential__content-bluetooth { max-width: 462px; max-width: 32.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-bluetooth { max-width: 462px; } } .wearable-buds .essential__content .essential__content-water { max-width: 570px; max-width: 39.5833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-water { max-width: 570px; } } .wearable-buds .essential__content .essential__content-water .essential__content--head { padding-top: 8px; padding-top: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-water .essential__content--head { padding-top: 8px; } } .wearable-buds .essential__content .essential__content-weight { max-width: 812px; max-width: 56.3888888889vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-weight { max-width: 812px; } } .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 30px; gap: 2.0833333333vw; } @media (min-width: 1440px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 30px; } } @media screen and (max-width: 767px) { .wearable-buds .essential { padding: 0px 51.1333333333px 106.5277777778px; padding: 0vw 6.6666666667vw 13.8888888889vw; } .wearable-buds .essential__header { gap: 34.0888888889px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__header { gap: 16px; gap: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content { margin-top: 83.0916666667px; margin-top: 10.8333333333vw; max-width: initial; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content { margin-top: 39px; margin-top: 10.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content ul { gap: 21.3055555556px; gap: 2.7777777778vw; display: grid; grid-template: repeat(3, -webkit-min-content)/repeat(2, 1fr); grid-template: repeat(3, min-content)/repeat(2, 1fr); } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content ul { gap: 10px; gap: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content li { padding: 74.5694444444px 0px; padding: 9.7222222222vw 0vw; min-height: 349.4111111111px; min-height: 45.5555555556vw; border-radius: 63.9166666667px; border-radius: 8.3333333333vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content li { min-height: 164px; min-height: 45.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content li { border-radius: 30px; border-radius: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content--head { padding-top: 0; width: 100%; text-align: center; } .wearable-buds .essential__content--head h3 { font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.071429; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--head h3 { font-size: 14px; font-size: 3.8888888889vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .essential__content--head h3 { line-height: 1.4; } .wearable-buds .essential__content--body { padding: 0; -ms-flex-item-align: center; align-self: center; } .wearable-buds .essential__content--body--block-label { margin-bottom: 0; font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 1.111111; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-label { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .essential__content--body--block-label { line-height: 1.4; } .wearable-buds .essential__content--body--block-data { font-size: 110.7888888889px; font-size: 14.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-data { font-size: 52px; font-size: 14.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content--body--block-data-unit { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime { grid-column: span 2; max-width: initial; } .wearable-buds .essential__content .essential__content-playtime .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-playtime .essential__content--body { gap: 31.9583333333px; gap: 4.1666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body { gap: 15px; gap: 4.1666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content { gap: 14.9138888889px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content { gap: 7px; gap: 1.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--upto { font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--upto { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { margin-bottom: -8.5222222222px; margin-bottom: -1.1111111111vw; font-size: 106.5277777778px; font-size: 13.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { margin-bottom: -4px; margin-bottom: -1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value { font-size: 50px; font-size: 13.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { padding-bottom: 8.5222222222px; padding-bottom: 1.1111111111vw; font-size: 46.8722222222px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { padding-bottom: 4px; padding-bottom: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--value span { font-size: 22px; font-size: 6.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--caption { font-size: 21.3055555556px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-playtime .essential__content--body .playtime-content--caption { font-size: 10px; font-size: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-bluetooth { max-width: initial; } .wearable-buds .essential__content .essential__content-bluetooth .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-water { max-width: initial; } .wearable-buds .essential__content .essential__content-water .essential__content--head { padding: 0; max-width: initial; } .wearable-buds .essential__content .essential__content-weight { grid-column: span 2; max-width: initial; } .wearable-buds .essential__content .essential__content-weight .essential__content--head { max-width: initial; } .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 12.7833333333px; gap: 1.6666666667vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body { gap: 6px; gap: 1.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block { width: 247.1444444444px; width: 32.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block { width: 116px; width: 32.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .essential__content .essential__content-weight .essential__content--body .essential__content--body--block-data { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .wearable-buds .compare { position: relative; } .wearable-buds .compare * { color: #000; font-family: "SamsungSharpSans", arial, sans-serif; } html.rtl .wearable-buds .compare * { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare * { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare * { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare * { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare * { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare * { font-family: "SamsungSharpSans", Sylfaen; } .wearable-buds .compare__wrap { position: relative; margin: auto; padding: 140px 0px 100px; padding: 9.7222222222vw 0vw 6.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__wrap { padding: 140px 0px 100px; } } .wearable-buds .compare__wrap.cta-hidden .compare__list-item .compare__cta { display: none; } .wearable-buds .compare__text { width: 970px; width: 67.3611111111vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .compare__text { width: 970px; } } .wearable-buds .compare__text .compare__headline { font-size: 48px; font-size: 3.3333333333vw; line-height: 1.25; padding: 0; } @media (min-width: 1440px) { .wearable-buds .compare__text .compare__headline { font-size: 48px; } } .wearable-buds .compare__text .compare__headline sup { font-size: 40%; top: 1.5em; } .wearable-buds .compare__list-wrap { position: relative; width: 980px; width: 68.0555555556vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap { width: 980px; } } .wearable-buds .compare__list-wrap .compare__container { padding: 60px 0px 80px; padding: 4.1666666667vw 0vw 5.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container { padding: 60px 0px 80px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 218px; width: 15.1388888889vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item { width: 218px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 19px; margin-top: 1.3194444444vw; min-height: 45px; min-height: 3.125vw; opacity: 1; text-align: center; font-size: 21px; font-size: 1.4583333333vw; line-height: 1.42; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 19px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { min-height: 45px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { font-size: 21px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title-image { width: 100%; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { position: relative; width: 100%; height: 218px; height: 15.1388888889vw; margin: auto; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { height: 218px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item { display: none; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item.is-active { display: block; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { display: block; position: relative; width: 100%; height: 218px; height: 15.1388888889vw; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { height: 218px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image img { position: absolute; width: auto; height: 100%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 12px; margin-top: 0.8333333333vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 12px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; white-space: nowrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; gap: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 10px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 56px; height: 3.8888888889vw; padding-bottom: 28px; padding-bottom: 1.9444444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 56px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { padding-bottom: 28px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 28px; width: 1.9444444444vw; height: 28px; height: 1.9444444444vw; padding: 4px; padding: 0.2777777778vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 28px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { height: 28px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { padding: 4px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-chip { display: block; position: relative; width: 100%; height: 100%; margin: 0 auto; border-radius: 50%; border: 1px solid #8f8f8f; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 400; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 14px; } } html.rtl .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name.is-active { opacity: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { position: absolute; top: -5px; top: -0.3472222222vw; left: -5px; left: -0.3472222222vw; right: -5px; right: -0.3472222222vw; bottom: -5px; bottom: -0.3472222222vw; border-style: solid; border-width: 2px; border-width: 0.1388888889vw; border-color: #0c71e5; border-radius: 50%; content: ""; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { top: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { left: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { right: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { bottom: -5px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { border-width: 2px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-name { opacity: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin: 35px auto 0px; margin: 2.4305555556vw auto 0vw; text-transform: uppercase; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { margin: 35px auto 0px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item { display: block; text-align: center; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 6; line-height: 1.3; text-align: center; min-width: 174px; min-width: 12.0833333333vw; min-height: 38px; min-height: 2.6388888889vw; border-radius: 11px; border-radius: 0.7638888889vw; border: 1px solid #000; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 174px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-height: 38px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { border-radius: 11px; } } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { z-index: 5; font-size: 12px; font-size: 0.8333333333vw; text-transform: uppercase; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; letter-spacing: 0.12em; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 12px; } } html.rtl .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item + .compare__cta-item { margin-top: 10px; margin-top: 0.6944444444vw; } @media (min-width: 1440px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item + .compare__cta-item { margin-top: 10px; } } .wearable-buds .compare__list-wrap .swiper-pagination { display: none; } .wearable-buds .compare__list-wrap.slide-on .compare__list-arrow { display: block; } .wearable-buds .compare__list-arrow { display: none; } .wearable-buds .compare__list-nav { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 980px; width: 68.0555555556vw; background-color: #fff; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav { width: 980px; } } .wearable-buds .compare__list-nav-wrap { position: absolute; top: 288px; top: 20vw; width: 100%; height: 100%; z-index: 1; overflow: hidden; pointer-events: none; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-wrap { top: 288px; } } .wearable-buds .compare__list-nav-title { -ms-flex-negative: 0; flex-shrink: 0; padding: 10px 0px; padding: 0.6944444444vw 0vw; width: 218px; width: 15.1388888889vw; min-height: 45px; min-height: 3.125vw; font-size: 21px; font-size: 1.4583333333vw; line-height: 1.42; text-align: center; background-color: #fff; } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { padding: 10px 0px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { width: 218px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { min-height: 45px; } } @media (min-width: 1440px) { .wearable-buds .compare__list-nav-title { font-size: 21px; } } .wearable-buds .compare__list-nav-title-image { width: 100%; } .wearable-buds .compare__table-wrapper { overflow: hidden; } .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 90px; padding-top: 6.25vw; -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap { padding-top: 90px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row + .compare__row { margin-top: 90px; margin-top: 6.25vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row + .compare__row { margin-top: 90px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; min-height: 30px; min-height: 2.0833333333vw; padding-bottom: 21px; padding-bottom: 1.4583333333vw; margin-bottom: 40px; margin-bottom: 2.7777777778vw; border-bottom: 2px solid #000; border-width: 2px; border-width: 0.1388888889vw; font-family: "SamsungSharpSans", arial, sans-serif; font-size: 28px; font-size: 1.9444444444vw; line-height: 1.07; color: #000; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 30px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { padding-bottom: 21px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { margin-bottom: 40px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { border-width: 2px; } } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-size: 28px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name sup { color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row.compare__play-time .compare__column-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 218px; width: 15.1388888889vw; text-align: center; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap + .compare__column-wrap { margin-top: 40px; margin-top: 2.7777777778vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap + .compare__column-wrap { margin-top: 40px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 218px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare__table-specs-feature, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-support::before, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-fill .compare-ico-notsupport::before { background: -webkit-gradient(linear, left top, left bottom, from(#2189ff), to(#2189ff)) left no-repeat #000; background: linear-gradient(#2189ff, #2189ff) left no-repeat #000; background-size: 0 100%; -webkit-background-clip: text; background-clip: text; color: transparent; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare__table-specs-feature, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support::before, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport::before { -webkit-animation: compare-text-fill 1s forwards linear; animation: compare-text-fill 1s forwards linear; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico .fill-line { fill: #2189ff; -webkit-transition: fill 0.3s 0.5s; transition: fill 0.3s 0.5s; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { display: block; position: absolute; right: -18px; right: -1.25vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; width: 0.0694444444vw; height: calc(100% - 0.6944444444vw); content: ""; clear: both; background-color: rgba(117, 117, 117, 0.2); } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: -18px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 1px; } } .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: auto; left: -18px; left: -1.25vw; } @media (min-width: 1440px) { .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { left: -18px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column:last-child::after { display: none; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 12px; margin-bottom: 0.8333333333vw; font-size: 14px; font-size: 0.9722222222vw; font-family: "SamsungOne", arial, sans-serif; font-weight: 700; line-height: 1.14; color: #757575; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 12px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-size: 14px; } } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOneKorean", Dotum, "돋움", sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOne", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-family: "SamsungOneGeorgian", Sylfaen; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; color: #000; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; width: 4.4444444444vw; height: 64px; height: 4.4444444444vw; margin-bottom: 8px; margin-bottom: 0.5555555556vw; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 64px; } } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 8px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico svg { width: 100%; height: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support::before { display: inline-block; content: "O"; color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support.and-support::before { content: "O / O"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support.and-notsupport::before { content: "O / -"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 20px; font-size: 1.3888888889vw; line-height: 1.3; } html.rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-size: 20px; } } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport::before { display: inline-block; content: "-"; color: #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport.and-notsupport::before { content: "- / -"; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico[tabindex="0"]:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare__table-specs-title, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare-ico-support, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare-ico-notsupport, .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.compare__column-align .compare__table-specs-feature { margin-bottom: auto; } @-webkit-keyframes compare-text-fill { to { background-size: 100% 100%; } } @keyframes compare-text-fill { to { background-size: 100% 100%; } } .wearable-buds .compare .wearable-common__carousel-scrollbar { display: none; } @media screen and (max-width: 767px) { .wearable-buds .compare { padding: 0; } .wearable-buds .compare__wrap { width: 100%; padding: 106.5277777778px 0px; padding: 13.8888888889vw 0vw; overflow: hidden; } .wearable-buds .compare__text { padding: 0px 51.1333333333px; padding: 0vw 6.6666666667vw; width: 100%; } .wearable-buds .compare__text .compare__headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.26; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__text .compare__headline { font-size: 30px; font-size: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__text .compare__headline sup { font-size: 63%; top: 0.7em; } .wearable-buds .compare__list-wrap { margin: 0px 61.7861111111px; margin: 0vw 8.0555555556vw; width: auto; } .wearable-buds .compare__list-wrap::after, .wearable-buds .compare__list-wrap::before { display: block; content: ""; clear: both; position: absolute; width: 100vw; height: 100%; top: 0; z-index: 8; pointer-events: none; background-color: #fff; } .wearable-buds .compare__list-wrap::after { right: calc(100% - 4px); } .wearable-buds .compare__list-wrap::before { left: calc(100% - 4px); } .wearable-buds .compare__list-wrap .compare__container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 2.1305555556px; padding: 0vw 0.2777777778vw; margin: 42.6111111111px 0px 0px; margin: 5.5555555556vw 0vw 0vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item { width: 50%; padding: 0px 6.3916666667px; padding: 0vw 0.8333333333vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 29.8277777778px; margin-top: 3.8888888889vw; min-height: 104.3972222222px; min-height: 13.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { margin-top: 14px; margin-top: 3.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-title { min-height: 49px; min-height: 13.6111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { width: 100%; height: 306.8px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { width: 100%; height: 306.8px; height: 40vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-figure .compare__list-product-item .compare__list-product-image { height: 144px; height: 40vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { margin: 19.175px auto 0px; margin: 2.5vw auto 0vw; padding: 8.5222222222px; padding: 1.1111111111vw; border-radius: 53.2638888889px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { padding: 4px; padding: 1.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-inner { border-radius: 53.2638888889px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-inner { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { padding: 17.0444444444px 0px; padding: 2.2222222222vw 0vw; border-radius: 53.2638888889px; border-radius: 6.9444444444vw; font-size: 27.6972222222px; font-size: 3.6111111111vw; width: 129.9638888889px; width: 16.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { border-radius: 25px; border-radius: 6.9444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { font-size: 13px; font-size: 3.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button { width: 61px; width: 16.9444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 17.0444444444px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap { margin-top: 8px; margin-top: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 17.0444444444px; gap: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors { gap: 8px; gap: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 38.35px; height: 5vw; padding-bottom: 44.7416666667px; padding-bottom: 5.8333333333vw; -webkit-box-sizing: content-box; box-sizing: content-box; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li { padding-bottom: 21px; padding-bottom: 5.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 38.35px; width: 5vw; height: 38.35px; height: 5vw; padding: 4.2611111111px; padding: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { width: 18px; width: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { height: 18px; height: 5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color { padding: 2px; padding: 0.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 1.5; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color-name { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { position: absolute; top: -6.3916666667px; top: -0.8333333333vw; left: -6.3916666667px; left: -0.8333333333vw; right: -6.3916666667px; right: -0.8333333333vw; bottom: -6.3916666667px; bottom: -0.8333333333vw; border-style: solid; border-width: 2.1305555556px; border-width: 0.2777777778vw; border-color: #0c71e5; border-radius: 50%; content: ""; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { top: -3px; top: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { left: -3px; left: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { right: -3px; right: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { bottom: -3px; bottom: -0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-colors-wrap .compare__list-colors-inner .compare__list-colors li .compare__color.is-active .compare__color-chip::after { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta { margin: 51.1333333333px auto 0px; margin: 6.6666666667vw auto 0vw; } .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 268.45px; min-width: 35vw; min-height: 80.9611111111px; min-height: 10.5555555556vw; border-radius: 23.4361111111px; border-radius: 3.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-width: 126px; min-width: 35vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { min-height: 38px; min-height: 10.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta { border-radius: 11px; border-radius: 3.0555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 25.5666666667px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta span { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item + .compare__cta-item { margin-top: 21.3055555556px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item + .compare__cta-item { margin-top: 10px; margin-top: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow { display: block; position: absolute; top: 573.1194444444px; top: 74.7222222222vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 767px; width: 100vw; height: calc(100% - 121.3888888889vw); z-index: 9; pointer-events: none; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow { top: 269px; top: 74.7222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow { width: 360px; width: 100vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner { z-index: 5; position: sticky; width: 100%; top: 383.5px; top: 50vw; left: 0; margin-left: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner { top: 180px; top: 50vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { top: 0; border-radius: 50%; margin-top: 0; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; padding: 17.0444444444px; padding: 2.2222222222vw; background-color: #7F7F7F; border: 1px solid rgba(0, 0, 0, 0.1); pointer-events: auto; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { width: 40px; width: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { height: 40px; height: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next, .wearable-buds .compare__list-arrow-inner .swiper-button-prev { padding: 8px; padding: 2.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next:after, .wearable-buds .compare__list-arrow-inner .swiper-button-prev:after { display: none; } .wearable-buds .compare__list-arrow-inner .swiper-button-next img, .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { width: 100%; -webkit-filter: invert(1); filter: invert(1); } .wearable-buds .compare__list-arrow-inner .swiper-button-next.swiper-button-disabled, .wearable-buds .compare__list-arrow-inner .swiper-button-prev.swiper-button-disabled { opacity: 0; } .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: 21.3055555556px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: 10px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next { right: auto; left: 21.3055555556px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next { left: 10px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-next img { -webkit-transform: scale(-1); transform: scale(-1); } .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: 21.3055555556px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: 10px; left: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { -webkit-transform: scale(-1); transform: scale(-1); } .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev { left: auto; right: 21.3055555556px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev { right: 10px; right: 2.7777777778vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { -webkit-transform: scale(1); transform: scale(1); } .wearable-buds .compare__list-nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; -webkit-transition: -webkit-transform 0.2s linear !important; transition: -webkit-transform 0.2s linear !important; transition: transform 0.2s linear !important; transition: transform 0.2s linear, -webkit-transform 0.2s linear !important; } .wearable-buds .compare__list-nav-wrap { top: 336.6277777778px; top: 43.8888888889vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-wrap { top: 158px; top: 43.8888888889vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-nav-title { width: 319.5833333333px; width: 41.6666666667vw; min-height: 104.3972222222px; min-height: 13.6111111111vw; padding: 21.3055555556px 6.3916666667px; padding: 2.7777777778vw 0.8333333333vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; line-height: 42.6111111111px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { width: 150px; width: 41.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { min-height: 49px; min-height: 13.6111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__list-nav-title { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__list-nav-title-image { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap { padding: 117.1805555556px 0px 357.9333333333px; padding: 15.2777777778vw 0vw 46.6666666667vw; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner { width: 100%; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 57.525px; min-height: 7.5vw; padding: 0 4px; padding-bottom: 4.2611111111px; padding-bottom: 0.5555555556vw; margin-bottom: 63.9166666667px; margin-bottom: 8.3333333333vw; border-width: 2.1305555556px; border-width: 0.2777777778vw; font-size: 40.4805555556px; font-size: 5.2777777778vw; line-height: 63.9166666667px; line-height: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { min-height: 27px; min-height: 7.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { padding-bottom: 2px; padding-bottom: 0.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { margin-bottom: 30px; margin-bottom: 8.3333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { border-width: 1px; border-width: 0.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { font-size: 19px; font-size: 5.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__table-specs-name { line-height: 30px; line-height: 8.3333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row + .compare__row { margin-top: 127.8333333333px; margin-top: 16.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row + .compare__row { margin-top: 60px; margin-top: 16.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 319.5833333333px; width: 41.6666666667vw; padding: 0px 31.9583333333px; padding: 0vw 4.1666666667vw; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column { width: 150px; width: 41.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap + .compare__column-wrap { margin-top: 85.2222222222px; margin-top: 11.1111111111vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column-wrap + .compare__column-wrap { margin-top: 40px; margin-top: 11.1111111111vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 2.1305555556px; width: 0.2777777778vw; right: 0; height: calc(100% - 5.5555555556vw); min-height: 19.175px; min-height: 2.5vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { width: 1px; width: 0.2777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { min-height: 9px; min-height: 2.5vw; } } @media screen and (max-width: 767px) { .rtl .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column::after { right: auto; left: 0; } .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; font-size: 23.4361111111px; font-size: 3.0555555556vw; margin-bottom: 12.7833333333px; margin-bottom: 1.6666666667vw; line-height: 1.45; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { font-size: 11px; font-size: 3.0555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-title { margin-bottom: 6px; margin-bottom: 1.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare__table-specs-feature { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 76.7px; width: 10vw; height: 76.7px; height: 10vw; margin-bottom: 21.3055555556px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { width: 36px; width: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { height: 36px; height: 10vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico { margin-bottom: 10px; margin-bottom: 2.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { line-height: 42.6111111111px; line-height: 5.5555555556vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-support { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { line-height: 42.6111111111px; line-height: 5.5555555556vw; font-size: 34.0888888889px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { line-height: 20px; line-height: 5.5555555556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column .compare-ico-notsupport { font-size: 16px; font-size: 4.4444444444vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row.compare__connectivity .compare__column { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wearable-buds .compare .wearable-common__carousel-scrollbar { display: block; margin: 26.6319444444px auto; margin: 3.4722222222vw auto; height: 6.3916666667px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 6.3916666667px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::before { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 6.3916666667px; height: 0.8333333333vw; background-color: #000; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .compare .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { height: 3px; height: 0.8333333333vw; } } @media screen and (max-width: 767px) { .wearable-buds .compare .wearable-common__carousel-scrollbar::after { background-color: #eee; } } .wearable-buds .banner { padding: 60px 0px 120px; padding: 4.1666666667vw 0vw 8.3333333333vw; } @media (min-width: 1440px) { .wearable-buds .banner { padding: 60px 0px 120px; } } .wearable-buds .banner__wrap { max-width: 988px; max-width: 68.6111111111vw; margin: 0 auto; } @media (min-width: 1440px) { .wearable-buds .banner__wrap { max-width: 988px; } } .wearable-buds .banner__cards { gap: 20px; gap: 1.3888888889vw; display: grid; } @media (min-width: 1440px) { .wearable-buds .banner__cards { gap: 20px; } } .wearable-buds .banner__card { border-radius: 26px; border-radius: 1.8055555556vw; padding: 40px 35px; padding: 2.7777777778vw 2.4305555556vw; gap: 20px; gap: 1.3888888889vw; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #f4f4f4; overflow: hidden; } @media (min-width: 1440px) { .wearable-buds .banner__card { border-radius: 26px; } } @media (min-width: 1440px) { .wearable-buds .banner__card { padding: 40px 35px; } } @media (min-width: 1440px) { .wearable-buds .banner__card { gap: 20px; } } .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", arial, sans-serif; font-size: 26px; font-size: 1.8055555556vw; line-height: 1.3; position: relative; z-index: 2; font-weight: bold; } html.rtl .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne"; } html[lang^=ko] .wearable-buds .banner__card--title { font-family: "Samsung Sharp Sans", "SamsungOneKorean", sans-serif; } html[lang^=th] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "SamsungOne", arial, sans-serif; } html[lang^=my] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Pyidaungsu", arial, sans-serif; } html[lang^=zh-CN] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-TW] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=zh-HK] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif; } html[lang^=ja] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", Meiryo, sans-serif; } html[lang^=ka-GE] .wearable-buds .banner__card--title { font-family: "SamsungSharpSans", Sylfaen; } @media (min-width: 1440px) { .wearable-buds .banner__card--title { font-size: 26px; } } html[lang^=my] .wearable-buds .banner__card--title { line-height: 1.4; } .wearable-buds .banner__card--cta { padding: 15px 23px; padding: 1.0416666667vw 1.5972222222vw; border-radius: 8px; border-radius: 0.5555555556vw; font-size: 12px; font-size: 0.8333333333vw; line-height: 1.166667; position: relative; z-index: 2; display: inline-block; font-weight: 700; border: 1px solid #000; overflow: hidden; text-transform: uppercase; } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { padding: 15px 23px; } } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { border-radius: 8px; } } @media (min-width: 1440px) { .wearable-buds .banner__card--cta { font-size: 12px; } } html[lang^=my] .wearable-buds .banner__card--cta { line-height: 1.4; } .wearable-buds .banner__card--cta::after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; } .wearable-buds .banner__card--cta:focus, .wearable-buds .banner__card--cta:hover { color: #fff; } .wearable-buds .banner__card--cta:focus::after, .wearable-buds .banner__card--cta:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .wearable-buds .banner__card--image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } .wearable-buds .banner__card--white .banner__card--title { color: #fff; } .wearable-buds .banner__card--white .banner__card--cta { color: #fff; border: 1px solid #fff; } .wearable-buds .banner.banner--type1 .banner__cards { grid-template: repeat(2, -webkit-min-content)/repeat(3, 1fr); grid-template: repeat(2, min-content)/repeat(3, 1fr); } .wearable-buds .banner.banner--type1 .banner__card { height: 432px; height: 30vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type1 .banner__card { height: 432px; } } .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; height: 25.2777777778vw; grid-column: span 3; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; } } .wearable-buds .banner.banner--type2 .banner__cards { grid-template: repeat(2, -webkit-min-content)/repeat(2, 1fr); grid-template: repeat(2, min-content)/repeat(2, 1fr); } .wearable-buds .banner.banner--type2 .banner__card { height: 398px; height: 27.6388888889vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type2 .banner__card { height: 398px; } } .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 816px; height: 56.6666666667vw; grid-row: 1/span 2; grid-column: 2; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 816px; } } .wearable-buds .banner.banner--type3 .banner__cards { grid-template: 1fr/repeat(2, 1fr); } .wearable-buds .banner.banner--type3 .banner__card { height: 540px; height: 37.5vw; } @media (min-width: 1440px) { .wearable-buds .banner.banner--type3 .banner__card { height: 540px; } } @media screen and (max-width: 767px) { .wearable-buds .banner { padding: 127.8333333333px 51.1333333333px; padding: 16.6666666667vw 6.6666666667vw; } .wearable-buds .banner__wrap { max-width: initial; } .wearable-buds .banner__cards { gap: 42.6111111111px; gap: 5.5555555556vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__cards { gap: 20px; gap: 5.5555555556vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner__card { padding: 95.875px 85.2222222222px; padding: 12.5vw 11.1111111111vw; gap: 51.1333333333px; gap: 6.6666666667vw; border-radius: 55.3944444444px; border-radius: 7.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card { gap: 24px; gap: 6.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card { border-radius: 26px; border-radius: 7.2222222222vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner__card--title { font-size: 51.1333333333px; font-size: 6.6666666667vw; line-height: 1.25; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--title { font-size: 24px; font-size: 6.6666666667vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .banner__card--title { line-height: 1.4; } .wearable-buds .banner__card--cta { padding: 21.3055555556px 42.6111111111px; padding: 2.7777777778vw 5.5555555556vw; border-radius: 17.0444444444px; border-radius: 2.2222222222vw; font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 1.166667; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--cta { border-radius: 8px; border-radius: 2.2222222222vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner__card--cta { font-size: 12px; font-size: 3.3333333333vw; } } @media screen and (max-width: 767px) { html[lang^=my] .wearable-buds .banner__card--cta { line-height: 1.4; } .wearable-buds .banner.banner--type1 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type1 .banner__card { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 933.1833333333px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type1 .banner__card:nth-child(4) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type2 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type2 .banner__card { height: 370px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 933.1833333333px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type2 .banner__card:nth-child(3) { height: 438px; height: 121.6666666667vw; } } @media screen and (max-width: 767px) { .wearable-buds .banner.banner--type3 .banner__card { height: 788.3055555556px; height: 102.7777777778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .wearable-buds .banner.banner--type3 .banner__card { height: 370px; height: 102.7777777778vw; } } /* [S] Contrast */ .cp-high-contrast__inner { max-width: 1440px; margin: 0 auto; padding: 15px 0px 17px; padding: 1.04167vw 0vw 1.18056vw; font-size: 0; text-align: right; } @media (min-width: 1440px) { .cp-high-contrast__inner { padding: 15px 0px 17px; } } .rtl .cp-high-contrast__inner { text-align: left; } .cp-high-contrast .btn-contrast { display: inline-block; margin-left: 3px; margin-left: 0.20833vw; padding: 1px; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast { margin-left: 3px; } } .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 3px; margin-right: 0.20833vw; } @media (min-width: 1440px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; } } .cp-high-contrast .btn-contrast:first-child { margin-left: 0; } .rtl .cp-high-contrast .btn-contrast:first-child { margin-right: 0; } .cp-high-contrast .btn-contrast span { display: inline-block; width: 30px; width: 2.08333vw; height: 30px; height: 2.08333vw; font-size: 13px; font-size: 0.90278vw; line-height: 28px; line-height: 1.94444vw; text-align: center; border-width: 2px; border-style: solid; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { width: 30px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { height: 30px; } } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 1.21875vw; } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { font-size: 13px; } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; } } @media (min-width: 1440px) { .cp-high-contrast .btn-contrast span { line-height: 28px; } } .cp-high-contrast .btn-contrast.type-contrast span { color: #fff01f; border-color: #fff01f; background-color: #000; } .cp-high-contrast .btn-contrast.type-default span { color: #666; border-color: #bdbdbd; background-color: #fff; } @media screen and (max-width: 767px) { .cp-high-contrast__inner { padding: 21.33333px 34.13333px; padding: 2.77778vw 4.44444vw; text-align: left; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast__inner { padding: 10px 16px; padding: 2.77778vw 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast__inner { text-align: right; } .cp-high-contrast .btn-contrast { margin-left: 6.4px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast { margin-left: 3px; margin-left: 0.83333vw; } } @media screen and (max-width: 767px) { .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 6.4px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; margin-right: 0.83333vw; } } @media screen and (max-width: 767px) { .cp-high-contrast .btn-contrast span { width: 64px; width: 8.33333vw; height: 64px; height: 8.33333vw; font-size: 27.73333px; font-size: 3.61111vw; line-height: 59.73333px; line-height: 7.77778vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { width: 30px; width: 8.33333vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { height: 30px; height: 8.33333vw; } } @media screen and (max-width: 767px) { html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 37.44px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { font-size: 13px; font-size: 3.61111vw; } html[lang^=th] .cp-high-contrast .btn-contrast span { font-size: 17.55px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .cp-high-contrast .btn-contrast span { line-height: 28px; line-height: 7.77778vw; } } /* [E] Contrast */ .color_yb .wearable-buds #desc-section li, .color_yb .wearable-buds #desc-section li a:focus, .color_yb .wearable-buds .m_feature-desc, .color_yb .wearable-buds .m_content-desc ol, .color_yb .wearable-buds .m_feature-desc ol, .color_yb .wearable-buds sup, .color_yb .wearable-buds sup a, .color_yb .wearable-buds .common__text, .color_yb .wearable-buds .common__headline, .color_yb .wearable-buds .common__sub-headline, .color_yb .wearable-buds .common__description, .color_yb .wearable-buds .common__disclaimer, .color_yb .wearable-buds .kv__headline span, .color_yb .wearable-buds .kv__description, .color_yb .wearable-buds .highlight-carousel .wearable-common__headline, .color_yb .wearable-buds .highlight-carousel .wearable-common__carousel-wrap .wearable-common__carousel-item .wearable-common__carousel-tit, .color_yb .wearable-buds .new-design__colorchip--title, .color_yb .wearable-buds .new-design__colorchip .common__tab-name span, .color_yb .wearable-buds .crystal-amplifier__item--label, .color_yb .wearable-buds .crystal-amplifier__item--desc, .color_yb .wearable-buds .crystal-hifi__bit--text, .color_yb .wearable-buds .essential__content--head h3, .color_yb .wearable-buds .essential__content--body--block-label, .color_yb .wearable-buds .essential__content--body--block-data, .color_yb .wearable-buds .essential__content .essential__content-playtime .playtime-content__block, .color_yb .wearable-buds .crystal-tw__content [class*=__caption] span { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .crystal-tw__content [class*=__caption]::before { background-color: #000 !important; border: 1px solid #fff01f !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta--desc { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--desc { background-color: #fff01f !important; color: #000 !important; } .color_yb .wearable-buds .intuitive-control .common__tab-cta--image, .color_yb .wearable-buds .intuitive-control .common__tab-cta--textblock { opacity: 1; } @media screen and (max-width: 767px) { .color_yb .wearable-buds .intuitive-control .common__tab-cta--textblock { opacity: 0; } .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--text, .color_yb .wearable-buds .intuitive-control .common__tab-cta.is-active .common__tab-cta--desc { background-color: #000 !important; color: #fff01f !important; } } .color_yb .wearable-buds .anc__point--label span, .color_yb .wearable-buds .anc__point--value, .color_yb .wearable-buds .anc .common__tab-panel, .color_yb .wearable-buds .anc .common__tab-cta strong { background-color: #000 !important; color: #fff01f !important; } @media screen and (max-width: 767px) { .color_yb .wearable-buds .anc .common__tab-cta { opacity: 1; } .color_yb .wearable-buds .anc .common__tab-cta.is-active strong { background-color: #fff01f !important; color: #000 !important; } } .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding-left: 10px; padding-left: 0.6944444444vw; } @media (min-width: 1440px) { .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding-left: 10px; } } @media screen and (max-width: 767px) { .color_yb .wearable-buds .hot-command__header .common__sub-headline { padding: 0; } } .color_yb .wearable-buds .translation .common__tab-cta { opacity: 1; } .color_yb .wearable-buds .translation .common__tab-cta.is-active strong { background-color: #fff01f !important; color: #000 !important; } .color_yb .wearable-buds .translation .common__tab-cta strong, .color_yb .wearable-buds .translation .common__tab-panel .translation__balloon strong, .color_yb .wearable-buds .translation__content--text { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .compare__headline, .color_yb .wearable-buds .compare__list-title, .color_yb .wearable-buds .compare__color-name, .color_yb .wearable-buds .compare__specs-name, .color_yb .wearable-buds .compare__specs-feature, .color_yb .wearable-buds .compare__table-specs-name, .color_yb .wearable-buds .compare__table-specs-feature, .color_yb .wearable-buds .compare__table-specs-title, .color_yb .wearable-buds .compare-ico-support, .color_yb .wearable-buds .compare-ico-notsupport, .color_yb .compare-ico-support::before, .color_yb .compare-ico-notsupport::before, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button.is-active, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta::after, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:focus, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:hover { background-color: #000 !important; color: #fff01f !important; } .color_yb .wearable-buds .compare__size-cta { background-color: #000; } .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico .fill-line { fill: #000; } .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare__table-specs-feature, .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support, .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport, .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-support::before, .color_yb .compare__table-wrapper .compare__table-wrap .compare__table-inner .compare__row .compare__column.js-text-active .compare-ico-notsupport::before { -webkit-animation: none; animation: none; color: #fff01f; background-clip: unset; } .color_yb .wearable-buds .compare__table-specs-feature span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta:hover span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta:focus span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:hover span, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.learn-more-cta:focus span, .color_yb .wearable-buds .compare__size-cta .tab-cta__text, .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta:hover span, .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta:focus span { color: #fff01f !important; } .color_yb .wearable-buds .compare__size-cta.is-active { background-color: #fff01f !important; } .color_yb .wearable-buds .compare__size-cta.is-active .tab-cta__text, .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__cta-item .common-cta.buy__cta span { color: #000; } .color_yb .wearable-buds .compare__color-chip:after { border-color: #000; } .color_yb .wearable-buds .compare__list-wrap .compare__container .compare__list-item .compare__list-size-button, .color_yb .wearable-buds .compare__list-arrow .swiper-button-next, .color_yb .wearable-buds .compare__list-arrow .swiper-button-prev { color: #000 !important; background-color: #fff01f; } .color_yb .wearable-buds .compare .common-cta { border-color: #000 !important; background-color: #fff01f !important; } .color_yb .wearable-buds .compare .compare__view-more-button .view-more__cta span.arrow-ico { background: transparent !important; } .color_yb .wearable-buds .compare__list-arrow-inner .swiper-button-next img, .color_yb .wearable-buds .compare__list-arrow-inner .swiper-button-prev img { -webkit-filter: none; filter: none; } .color_yb .wearable-buds .banner__card .banner__card--title, .color_yb .wearable-buds .banner__card .banner__card--cta { color: #000 !important; background-color: #fff01f !important; } .color_yb .wearable-buds .banner__card .banner__card--cta:focus, .color_yb .wearable-buds .banner__card .banner__card--cta:hover { color: #fff01f !important; } .color_yb .video__controller .play, .color_yb .video__controller .play.black { background-color: #000; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath style='fill:%23fff01f' d='M4.4,2.3c0.4-0.2,0.9-0.2,1.3,0.1h0.1L18.3,11c0.6,0.4,0.8,1.2,0.4,1.9 c-0.1,0.1-0.2,0.2-0.3,0.3h-0.1L5.8,21.7C5.5,21.9,5.3,22,5,22c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.2-0.7-0.7-0.7-1.1V3.5 C3.7,3,3.9,2.6,4.4,2.3L4.4,2.3L4.4,2.3z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .color_yb .video__controller .pause, .color_yb .video__controller .pause.black { background-color: #000; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' focusable='false' aria-hidden='true'%3E%3Cg transform='translate(7.552 6.24)'%3E%3Cpath style='fill:%23fff01f' d='M12.6,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8h4.3 c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H12.6L12.6,21.2z M4,21.2c-0.4,0-0.8-0.3-0.8-0.8V3.2c0-0.4,0.3-0.8,0.8-0.8 h4.3c0.4,0,0.8,0.3,0.8,0.8v17.2c0,0.4-0.3,0.8-0.8,0.8H4L4,21.2z'/%3E%3C/g%3E%3Cpath style='fill:%23fff01f' d='M18,2c8.8,0,16,7.2,16,16s-7.2,16-16,16S2,26.8,2,18S9.2,2,18,2 M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18 s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3C/svg%3E%0A"); } .m_content-desc { background-color: #f7f7f7; } .m_content-desc img { width: 100%; height: 100%; } .m_content-desc .m_feature-desc { padding: 42px 30px 40px; padding: 2.9166666667vw 2.0833333333vw 2.7777777778vw; } @media (min-width: 1440px) { .m_content-desc .m_feature-desc { padding: 42px 30px 40px; } } .m_content-desc .f_header-type1 { position: static; max-width: 1024px; max-width: 71.11111vw; margin: 0 auto; text-align: left; } @media (min-width: 1440px) { .m_content-desc .f_header-type1 { max-width: 1024px; } } @media screen and (min-width: 1441px) { .m_content-desc .f_header-type1 { max-width: 1440px; } } .rtl .m_content-desc .f_header-type1 { text-align: right; } .m_content-desc ol { padding-left: 20px; } .rtl .m_content-desc ol { padding-left: 0; padding-right: 20px; } .m_content-desc ol li { position: relative; font-size: 13px; line-height: 1.538; color: #666; list-style-type: decimal; } .m_content-desc ol li a { color: inherit; -webkit-box-shadow: none; box-shadow: none; } .m_content-desc ol li.is-active { color: #2089ff; } .m_content-desc ol li.is-active .click_disclaimer { display: inline-block; } .m_content-desc ol li .click_disclaimer { display: none; position: absolute; top: 0; left: -48px; width: 16px; height: 16px; } .rtl .m_content-desc ol li .click_disclaimer { left: auto; right: -48px; } .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { left: -41px; } .rtl .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { left: auto; right: -41px; } @media screen and (max-width: 767px) { .m_content-desc .m_feature-desc { padding: 85.33333px 0px 81.06667px; padding: 11.11111vw 0vw 10.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc .m_feature-desc { padding: 40px 0px 38px; padding: 11.11111vw 0vw 10.55556vw; } } @media screen and (max-width: 767px) { .m_content-desc .f_header-type1 { max-width: inherit; margin: 0px 38.4px; margin: 0vw 5vw; padding: 0; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc .f_header-type1 { margin: 0px 18px; margin: 0vw 5vw; } } @media screen and (max-width: 767px) { .m_content-desc ol { padding-left: 42.66667px; padding-left: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol { padding-left: 20px; padding-left: 5.55556vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol { padding-left: 0; padding-right: 42.66667px; padding-right: 5.55556vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .rtl .m_content-desc ol { padding-right: 20px; padding-right: 5.55556vw; } } @media screen and (max-width: 767px) { .m_content-desc ol li { font-size: 27.73333px; font-size: 3.61111vw; line-height: 1.538; } html[lang^=th] .m_content-desc ol li { font-size: 37.44px; font-size: 4.875vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li { font-size: 13px; font-size: 3.61111vw; } html[lang^=th] .m_content-desc ol li { font-size: 17.55px; font-size: 4.875vw; } } @media screen and (max-width: 767px) { html[lang^=th] .m_content-desc ol li { line-height: 1.1535; } html[lang^=my] .m_content-desc ol li { line-height: 1.6; } .m_content-desc ol li .click_disclaimer { top: auto; left: auto; width: 34.13333px; width: 4.44444vw; height: 34.13333px; height: 4.44444vw; margin-left: 3px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li .click_disclaimer { width: 16px; width: 4.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li .click_disclaimer { height: 16px; height: 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol li .click_disclaimer { right: auto; margin-left: 0; margin-right: 3px; } .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { top: auto; left: auto; width: 34.13333px; width: 4.44444vw; height: 34.13333px; height: 4.44444vw; margin-left: 3px; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { width: 16px; width: 4.44444vw; } } @media screen and (max-width: 767px) and (max-width: 360px) { .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { height: 16px; height: 4.44444vw; } } @media screen and (max-width: 767px) { .rtl .m_content-desc ol li:nth-child(-n+9) .click_disclaimer { right: auto; margin-left: 0; margin-right: 3px; } } sup { font-size: 63%; top: 0.7em; vertical-align: top; } sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400; } </style>  <div id="contents" class="wearable-buds wearable-dotcom"> <script> const LOCAL_VARI = { play: 'Play', // 'LOCAL-01 pause: 'Pause', // 'LOCAL-02 previous: 'Previous', // 'LOCAL-03 next: 'Next', // 'LOCAL-04 slide: 'Slide', // 'LOCAL-05 selected: 'selected', // 'LOCAL-06 learnMore: 'Learn More', // 'LOCAL-07 }; </script>  <div class="kv js-nav-top" id="KV"> <div class="common__wrap kv__wrap"> <div class="kv__header"> <picture class="kv__header--headline"> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-headline-pc.png"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-headline-pc.png?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-headline-mo.png"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-headline-mo.png?imwidth=360"> <img src="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-headline-pc.png" data-copy-set="C01-001" alt="Galaxy Buds3 Pro"> </picture> <picture class="kv__header--ai"> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-galaxy-ai-pc.png"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-galaxy-ai-pc.png?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-galaxy-ai-mo.png"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-galaxy-ai-mo.png?imwidth=360"> <img src="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-galaxy-ai-pc.png" data-copy-set="C01-002" alt="Galaxy AI is here"> </picture> </div> <figure class="kv__background"> <picture> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-pc.jpg"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-pc.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-mo.jpg"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-mo.jpg?imwidth=360"> <img src="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-kv-pc.jpg" data-copy-set="C01-004" alt="A single, silver coloured Galaxy Buds3 Pro earbud."> </picture> </figure> <p class="kv__description" data-copy-set="C01-003"> Image simulated. Available colours of Galaxy Buds3 Pro may vary by country or carrier. Galaxy Buds3 Pro supports Galaxy AI features such as Interpreter and Live Translate when paired with compatible Samsung Galaxy devices. Availability of Galaxy AI features may vary by device model. See samsung.com for details. </p> </div> </div>  <div class="overview" id="overview"> <div class="common__wrap"> <h2 class="common__headline common-ai-text" data-copy-set="C02-001"> Galaxy AI<span class="common-ai-text__icon"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-ai_0710.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-ai_0710.svg" aria-hidden="true" alt=""></span>is here </h2> <p class="common__description" data-copy-set="C02-002"> Galaxy AI is here for your all-new <span>Galaxy Buds3 Pro</span> <br> <br>Redefine your listening experience — featuring our first-ever planar tweeter and debut of dual amp on Galaxy Buds. Capture a high range of intricate details with enhanced 2-way speaker. Minimise distortion with our powerful dual amp. Hear each note in crystal-clear clarity, with 24-bit CODEC. Take your listening experience to the next level with Galaxy AI-boosted noise control and real-time interpretation. See your Galaxy Buds in a new light. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a> </sup> </p> </div> </div>  <div class="highlight-carousel" id="highlight"> <div class="wearable-common__wrap"> <div class="wearable-common__carousel-container background-slider" aria-hidden="true"> <div class="wearable-common__carousel swiper"> <div class="wearable-common__carousel-inner swiper-wrapper"> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-bg-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-bg-mo.jpg" alt=""> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-bg-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-bg-mo_0710.jpg" alt=""> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-bg-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-bg-mo.jpg" alt=""> </div> <div class="wearable-common__carousel-item swiper-slide"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-bg-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-bg-mo.jpg" alt=""> </div> </div> </div> </div> <div class="wearable-common__carousel-wrap"> <div class="wearable-common__carousel-container front-slider"> <button class="blind js-blind-controller" tabindex="-1">Play</button> <div class="wearable-common__carousel swiper"> <div class="wearable-common__carousel-inner swiper-wrapper">  <div class="wearable-common__carousel-item swiper-slide" aria-hidden="false"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights01-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights01-mo"> <button class="video__controller is-use-controller" title="Iconic design with Blade Lights overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^design:movi-play" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:catch-the-highlights^design:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewbox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-001"> Iconic design with Blade Lights <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide01-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-005">A pair of silver coloured Galaxy Buds3 Pro earbuds in an open case.</p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights02-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights02-mo_0710"> <button class="video__controller is-use-controller" title="Immersive Sound with Ultimate Hi-Fi overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^sound:movi-play" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:catch-the-highlights^sound:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewbox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-002"> Immersive Sound with Ultra High-Quality Audio <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-6"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide02-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-006">Multiple lines create wave-like shapes and particles, representing different aspects of sound. The particles disappear in a flash of light, transforming into the Blade Light and showing the Galaxy Buds3 Pro.</p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights03-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights03-mo"> <button class="video__controller is-use-controller" title="Adaptive Noise Control overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^anc:movi-play" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:catch-the-highlights^anc:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewbox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-003"> Adaptive Noise Control <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-8"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide03-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-007">A Galaxy Buds3 Pro earbud in silver. Large particles, representing noise are on one side of the earbud and sans particles on the other. 3 images appear. An image of New York City with several taxis, people having a conversation and an ambulance with the siren on.</p> </div> </div> <div class="wearable-common__carousel-item swiper-slide" aria-hidden="true"> <div class="wearable-highlight-carousel__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights04-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlights04-mo_0710"> <button class="video__controller is-use-controller" title="Galaxy AI-powered sound overview video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:catch-the-highlights^galaxy-ai:movi-play" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:catch-the-highlights^galaxy-ai:movi-play"> <span class="blind">play</span> <svg class="progress-icon" viewbox="0 0 100 100"> <circle r="42" cx="50%" cy="50%" fill="transparent"></circle> <circle class="draw-line" r="42" cx="50%" cy="50%" fill="transparent"></circle> </svg> <span class="video__controller--paused" aria-hidden="true"></span> <span class="video__controller--playing" aria-hidden="true"></span> </button> <div class="wearable-common__carousel-text"> <h2 class="wearable-common__carousel-tit" data-copy-set="C03-004"> Galaxy AI-powered sound <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-10"></a> </sup> </h2> </div> <video playsinline muted preload="auto" tabindex="-1" aria-hidden="true"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-highlight-slide04-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-008">Galaxy AI is here.</p> </div> </div> </div> </div> <div class="wearable-common__carousel-navigation-wrap"> <button class="wearable-common__carousel-arrow wearable-common__carousel-prev" type="button" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:catch-the-highlights:sldr-arrow:left" ga-ca="indication" ga-ac="carousel" ga-la="gbuds:highlights:catch-the-highlights:sldr-arrow:left"> <span class="blind">Previous</span> </button> <button class="wearable-common__carousel-arrow wearable-common__carousel-next" type="button" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:catch-the-highlights:sldr-arrow:right" ga-ca="indication" ga-ac="carousel" ga-la="gbuds:highlights:catch-the-highlights:sldr-arrow:right"> <span class="blind">Next</span> </button> </div> <div class="wearable-common__carousel-pagination-wrap"> <ul class="wearable-common__carousel-pagination" role="list"> </ul> </div> <div class="swiper-scrollbar wearable-common__carousel-scrollbar" aria-hidden="true"></div> </div> </div> </div> </div>  <div class="welcome js-nav-top" id="design"> <div class="common__wrap welcome__wrap"> <h2 class="common__headline" data-copy-set="C04-001"> Lighting up the all-new Galaxy Buds <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></a> </sup> </h2> <div class="welcome__background"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img welcome__background--before" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-welcome-dark-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-welcome-dark-mo.jpg" alt="A pair of silver coloured Galaxy Buds3 Pro earbuds are in a closed case with a green light blinking in the center." data-copy-set="C04-002"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img welcome__background--after" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-welcome-light-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-welcome-light-mo.jpg" alt="" aria-hidden="true"> </div> </div> </div>  <div class="new-design" id="ergonomically-designed"> <div class="common__wrap new-design__wrap"> <div class="new-design__header"> <h3 class="common__sub-headline" data-copy-set="C05-001"> Ergonomically designed for supreme sound </h3> <p class="common__description" data-copy-set="C05-002"> Experience our <strong>all-new design engineered for optimal sound.</strong> Our re-imagined Galaxy Buds3 Pro feature small, angled heads for a comfortable fit and to streamline your audio experience while accented Blade Lights let you to express yourself. Highlighting the blade design is a sleek case with a transparent cover and delicate curved shape, equipped with USB-C and wireless charging capabilities. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-4"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a> </sup> </p> </div> <div class="new-design__video"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-mo" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-video-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-video-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-video-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-video-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C05-003"> A pair of silver Galaxy Buds3 Pro appear in a closed case which opens up. Once open, the earbuds slide up with the Blade Lights on and hover over the open case. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Buds / Case video" data-tagging="band" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:design:movi-play" ga-ca="content click" ga-ac="feature" ga-la=""> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> <div class="new-design__colorchip"> <h3 class="new-design__colorchip--title" data-copy-set="C05-004"> Colour <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-11"></a></sup> </h3> <div class="common__tab"> <div class="common__tab-panels"> <div id="new-design-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind" data-copy-set="C05-007">Silver Case</span> <div class="common__tab-colors"> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-silver01-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-silver01-mo.jpg" data-copy-set="C05-009" alt="A silver Galaxy Buds3 Pro device with the earbuds in a case."> </div> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-silver02-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-silver02-mo.jpg" data-copy-set="C05-010" alt="A single, Galaxy Buds3 Pro earbud in silver."> </div> </div> </div> <div id="new-design-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind" data-copy-set="C05-008">White Case</span> <div class="common__tab-colors"> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-white01-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-white01-mo.jpg" data-copy-set="C05-011" alt="A white Galaxy Buds3 Pro device with the earbuds in a case."> </div> <div class="common__tab-color"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-white02-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-new-design-colorchip-white02-mo.jpg" data-copy-set="C05-012" alt="A single, Galaxy Buds3 Pro earbud in white."> </div> </div> </div> </div> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-labelledby="wearable-buds__color-silver" aria-controls="new-design-tabpanel1" aria-selected="true" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:design^color:slct-color:silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:design^color:slct-color:silver"> <span class="common__tab-cta--color-gray"></span> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-labelledby="wearable-buds__color-white" aria-controls="new-design-tabpanel2" aria-selected="false" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:design^color:slct-color:white" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:design^color:slct-color:white"> <span class="common__tab-cta--color-white"></span> </a> </div> <div class="common__tab-name"> <span id="wearable-buds__color-silver" aria-hidden="true" class="tab-cta__text is-active" data-copy-set="C05-005">Silver</span> <span id="wearable-buds__color-white" aria-hidden="true" class="tab-cta__text" data-copy-set="C05-006">White</span> </div> </div> </div> </div> </div>  <div class="intuitive-control" id="intuitive-control"> <div class="common__wrap intuitive-control__wrap"> <div class="intuitive-control__header"> <h3 class="common__sub-headline" data-copy-set="C06-001"> Flawless control at your fingertips </h3> <p class="common__description" data-copy-set="C06-002"> Leave your phone in your pocket and <strong>conveniently control your earbuds by using simple gestures.</strong> Even with a swift swipe, rest assured your Galaxy Buds3 Pro stay securely in your ears. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a> </sup> </p> </div> <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="intuitive-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:design^swipe-or-pinch:slct-item:swipe" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:design^swipe-or-pinch:slct-item:swipe"> <span class="common__tab-cta--checker"></span> <span class="common__tab-cta--image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-icon-mo.png" alt="" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image-play" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-icon-play-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-icon-play-mo.png" alt="" aria-hidden="true"> </span> <div class="common__tab-cta--textblock"> <strong class="common__tab-cta--text" data-copy-set="C06-003">Swipe</strong> <span class="common__tab-cta--desc" data-copy-set="C06-004"> Swipe up/down the Blade <br>to adjust the volume. </span> </div> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="intuitive-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:design^swipe-or-pinch:slct-item:pinch" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:design^swipe-or-pinch:slct-item:pinch"> <span class="common__tab-cta--checker"></span> <span class="common__tab-cta--image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-icon-mo.png" alt="" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image-play" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-icon-play-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-icon-play-mo.png" alt="" aria-hidden="true"> </span> <div class="common__tab-cta--textblock"> <strong class="common__tab-cta--text" data-copy-set="C06-005">Pinch Control</strong> <span class="common__tab-cta--desc" data-copy-set="C06-006"> Pinch to play and pause, <br class="common-br-pc">or pinch and hold to change noise control or to launch <br class="common-br-pc">your favourite app. </span> </div> </a> </div> <div class="common__tab-panels"> <div id="intuitive-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind" data-copy-set="C06-007">Swipe Content</span> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-mo"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab01-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C06-008"> A finger swipes across the blade of a single, Galaxy Buds3 Pro earbud. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Intuitive Control swipe video" data-tagging="swipe" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la=""> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> <div id="intuitive-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind" data-copy-set="C06-009">Pinch Control Content</span> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-mo"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-intuitive-control-tab02-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C06-010"> A finger pinches the blade of a single, Galaxy Buds3 Pro earbud. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Intuitive Control pinch control video" data-tagging="pinch" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" tabindex="-1"> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> </div> </div> </div> </div>  <div class="sound-bigmo js-nav-top" id="intelligently-sound"> <div class="common__wrap"> <h2 class="common__headline" data-copy-set="C07-001"> Redefining sound <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a> </sup> </h2> <div class="sound-bigmo__video"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-pc_0926" data-media-mo="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-mo_0926" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-bigmo-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C07-002"> Multiple lines create wave-like shapes and particles, representing different aspects of sound. The particles disappear in a flash of light, transforming into the Blade Light and showing the Galaxy Buds3 Pro. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" title="Redefining sound video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:sound:movi-play:#" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:sound:movi-play:#"> <span class="blind">play</span> <span class="btn-video-control play"></span> <span class="btn-video-control pause"></span> </button> </div> </div> </div> </div> </div>  <div class="crystal-tw" id="clear-cut-sound"> <div class="common__wrap crystal-tw__wrap"> <div class="crystal-tw__header"> <h3 class="common__sub-headline" data-copy-set="C08-001"> Clear-cut sound in each note </h3> <p class="common__description" data-copy-set="C08-002"> Immerse yourself in the elaborate details — from the deep rumble of the bass to the clear, crisp highs of the trebles — with enhanced 2-way speaker. Hear the vibrato of instruments with minimal distortion through our first-ever dual amp. </p> </div> <div class="crystal-tw__content"> <div class="crystal-tw__image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-tw__image--off" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-tw-off-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-tw-off-mo.jpg" alt="A single, Galaxy Buds3 Pro earbud in silver." data-copy-set="C08-007"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-tw__image--on" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-tw-on-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-tw-on-mo.jpg" alt="" aria-hidden="true"> </div> <ul role="list"> <li role="listitem" class="crystal-tw__caption--wind-shield"> <span data-copy-set="C08-003">Wind Shield</span> </li> <li role="listitem" class="crystal-tw__caption--light"> <span data-copy-set="C08-004">Blade Lights</span> </li> <li role="listitem" class="crystal-tw__caption--swipe"> <span data-copy-set="C08-005">Swipe</span> </li> <li role="listitem" class="crystal-tw__caption--pinch"> <span data-copy-set="C08-006">Pinch Control</span> </li> </ul> </div> </div> </div>  <div class="crystal-amplifier" id="enhanced-2-way-speaker"> <div class="common__wrap crystal-amplifier__wrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-amplifier__item-origin-image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-amplifier-pc.jpg" alt="An x-ray showing parts of a single, Galaxy Buds3 Pro earbud." data-copy-set="C09-005"> <ul role="list"> <li role="listitem" class="crystal-amplifier__item crystal-amplifier__item-amp"> <h4 class="crystal-amplifier__item--label crystal-amplifier__item-amp--label" data-copy-set="C09-001"> Dual Amplifier </h4> <p class="crystal-amplifier__item--desc crystal-amplifier__item-amp--desc" data-copy-set="C09-002"> Powered by our first-ever, independently controlled woofer and tweeter, Galaxy Buds3 Pro <strong>diminishes interference</strong> between speakers — allowing you to <strong>experience a broader spectrum of sound and balance across various frequencies.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a> </sup> </p> </li> <li role="listitem" class="crystal-amplifier__item crystal-amplifier__item-speaker"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-amplifier__item-hidden-image" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-amplifier-mo.jpg" alt="" aria-hidden="true"> <h4 class="crystal-amplifier__item--label crystal-amplifier__item-speaker--label" data-copy-set="C09-003"> Enhanced 2-Way Speaker </h4> <p class="crystal-amplifier__item--desc crystal-amplifier__item-speaker--desc" data-copy-set="C09-004"> Discover an orchestra of sound — the full-bodied bass of the cello from the woofer to the subtle tremble of strings through a planar tweeter — coming together in harmony to evoke waves of emotion and <strong>unveil the minute details that would've gone unnoticed.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a> </sup> </p> </li> </ul> </div> </div>  <div class="crystal-hifi" id="ultimate-hi-fi"> <div class="common__wrap crystal-hifi__wrap"> <div class="crystal-hifi__header"> <h3 class="common__sub-headline" data-copy-set="C10-001"> Stunning, <br>studio-like sound </h3> <p class="common__description" data-copy-set="C10-002"> Retain ultra high-quality audio from the recording studio to your Galaxy Buds3 Pro. The Samsung Seamless Codec compresses and encodes up to 24bit / 96kHz audio. Then, decodes on the Galaxy Buds3 Pro, maintaining the 24bit / 96kHz, high-fidelity sound so you can <strong>hear the intricate details, just as it was intended.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-6"></a> </sup> </p> </div> <div class="crystal-hifi__content"> <div class="crystal-hifi__bit"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-hifi__bit--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-hifi-16bit-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-hifi-16bit-mo.jpg" data-copy-set="C10-005" alt="An uneven 3D bell curve formed with medium, silver-colored, cubic columns."> <div class="crystal-hifi__bit--text" data-copy-set="C10-003"> 16bit / 44.1 kHz </div> </div> <div class="crystal-hifi__bit"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img crystal-hifi__bit--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-hifi-24bit-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-crystal-hifi-24bit-mo.jpg" data-copy-set="C10-006" alt="A smooth 3D bell curve formed with smaller, silver-coloured, cubic columns."> <div class="crystal-hifi__bit--text" data-copy-set="C10-004"> 24bit / 96 kHz <small>Samsung <br class="common-br-mo">Seamless Codec</small> </div> </div> </div> </div> </div>  <div class="galaxy-ai js-nav-top" id="galaxy-ai"> <div class="common__wrap galaxy-ai__wrap"> <div class="galaxy-ai__header"> <h2 class="common__headline common-ai-text"> <strong data-copy-set="C11-001"> Galaxy AI<span class="common-ai-text__icon"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-ai_0710.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-ai_0710.svg" aria-hidden="true" alt=""></span>is here </strong> <small> for your all-new Galaxy Buds <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-10"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-14"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-15"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-16"></a> </sup> </small> </h2> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img galaxy-ai__background" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-galaxy-ai-background-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-galaxy-ai-background-mo.jpg" alt=""> </div> </div>  <div class="sound-optimization" id="Adaptive-eq-anc"> <div class="common__wrap sound-optimization__wrap"> <div class="sound-optimization__header"> <h3 class="common__sub-headline" data-copy-set="C12-001"> Galaxy AI adjusts sound to your fit </h3> <p class="common__description" data-copy-set="C12-002"> Delve into your personal soundscape with Galaxy AI-assisted Adaptive EQ/Adaptive ANC. Based on individual ear shape and wearing habits, our <strong>AI-boosted algorithm analyses sound</strong> detected through the inner and outer mics in real-time. Then, Galaxy AI optimises your listening experience by <strong>adjusting the sound to conform to your fit with pinpoint precision.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-17"></a> </sup> </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img sound-optimization__image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-optimization-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-sound-optimization-mo.jpg" alt="A man using Galaxy Buds3 Pro in silver." data-copy-set="C12-003"> </div> </div>  <div class="anc" id="adaptive-noise-control"> <div class="common__wrap anc__wrap"> <div class="anc__header"> <h3 class="common__sub-headline" data-copy-set="C13-001"> Adaptive Noise Control. Tune into what matters </h3> <p class="common__description" data-copy-set="C13-002"> Keep your Galaxy Buds3 Pro on and continue to engage with the world around you. Using Galaxy AI, Galaxy Buds3 Pro <strong>identifies and prevents unnecessary noise intuitively.</strong> Then, it optimises your audio experience by calibrating the ANC and Ambient modes to correspond to your surroundings. So you can <strong>listen to your favourite tunes, uninterrupted.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-8"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-18"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-40"></a> </sup> </p> </div> <div class="anc__content"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-mo_0710" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-startframe-mo_0710.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C13-009"> A Galaxy Buds3 Pro earbud in silver with 'Galaxy AI is here' above the earbud. Large particles, representing noise are on one side of the earbud and sans particles on the other. 3 images appear. An image of New York City with several taxis, people having a conversation and an ambulance with the siren on. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Adaptive Noise Control video" data-tagging="band" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la=""> <span class="blind">play</span> <span class="btn-video-control play black"></span> <span class="btn-video-control pause black"></span> </button> </div> </div>  <div class="anc__points"> <ul role="list"> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-noise-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-noise-icon-mo.png" alt=""> <span data-copy-set="C13-003">Noise Control</span> </strong> <p class="anc__point--value" data-copy-set="C13-004"> Instead of adjusting ANC manually, <strong>Adaptive Noise Control automatically assesses and reduces unwanted external noise</strong> — such as traffic — creating the right balance, allowing you to focus on hearing what you want to hear. </p> </li> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-conversation-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-conversation-icon-mo.png" alt=""> <span data-copy-set="C13-005">Conversation</span> </strong> <p class="anc__point--value" data-copy-set="C13-006"> <strong>Carry on a conversation</strong> and <strong>Voice Detect</strong> will switch the ANC and Ambient modes on/off accordingly — so you can <strong>hear loud and clear without needing to take off your Galaxy Buds3 Pro.</strong> </p> </li> <li role="listitem"> <strong class="anc__point--label"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-alarm-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-alarm-icon-mo.png" alt=""> <span data-copy-set="C13-007">Alarm/Siren</span> </strong> <p class="anc__point--value" data-copy-set="C13-008"> Listen to your playlist in peace with Siren Detect. When an alarm or siren is detected, Galaxy Buds3 Pro automatically switches to Ambient mode, <strong>allowing you to hear sirens and stay alert</strong>, even while listening to music. </p> </li> </ul> </div>  <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="surround-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:noise" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:galaxy-ai:slct-item:noise"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-noise-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-noise-icon-mo.png" alt=""> <strong data-copy-set="C13-003">Noise Control</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="surround-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:conversation" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:galaxy-ai:slct-item:conversation"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-conversation-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-conversation-icon-mo.png" alt=""> <strong data-copy-set="C13-005">Conversation</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="surround-tabpanel3" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai:slct-item:alarm-or-siren" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:galaxy-ai:slct-item:alarm-or-siren"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-alarm-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-anc-alarm-icon-mo.png" alt=""> <strong data-copy-set="C13-007">Alarm/Siren</strong> </a> </div> <div class="common__tab-panels"> <div id="surround-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false" data-copy-set="C13-004"> Instead of adjusting ANC manually, <strong>Adaptive Noise Control automatically assesses and reduces unwanted external noise</strong> — such as traffic — creating the right balance, allowing you to focus on hearing what you want to hear. </div> <div id="surround-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true" tabindex="-1" data-copy-set="C13-006"> <strong>Carry on a conversation</strong> and <strong>Voice Detect</strong> will switch the ANC and Ambient modes on/off accordingly — so you can <strong>hear loud and clear without needing to take off your Galaxy Buds3 Pro.</strong> </div> <div id="surround-tabpanel3" class="common__tab-panel" role="tabpanel" aria-hidden="true" tabindex="-1" data-copy-set="C13-008"> Listen to your playlist in peace with Siren Detect. When an alarm or siren is detected, Galaxy Buds3 Pro automatically switches to Ambient mode, <strong>allowing you to hear sirens and stay alert</strong>, even while listening to music. </div> </div> </div> </div> </div> </div>  <div class="translation" id="real-time-interpreter"> <div class="common__wrap translation__wrap"> <div class="translation__header"> <h3 class="common__sub-headline" data-copy-set="C14-001"> Break language barriers at the blink of an AI </h3> <p class="common__description" data-copy-set="C14-002"> With Galaxy AI, understand the world like never before. See the translation on your Samsung Galaxy smartphone, and <strong>simultaneously hear your conversation interpreted in real-time</strong> through your Galaxy Buds3 Pro. Discover what it means to be truly free of language barriers. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-2"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-10"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-19"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-20"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-21"></a> </sup> </p> </div> <div class="translation__content"> <div class="common__tab"> <div class="common__tab-list" role="tablist"> <a href="javascript:void(0)" class="common__tab-cta is-active" role="tab" aria-controls="translation-tabpanel1" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai^interpreter:slct-item:listening" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:galaxy-ai^interpreter:slct-item:listening"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-icon-mo.png" alt=""> <strong data-copy-set="C14-003">Listening mode</strong> </a> <a href="javascript:void(0)" class="common__tab-cta" role="tab" aria-controls="translation-tabpanel2" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:galaxy-ai^interpreter:slct-item:conversation" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:galaxy-ai^interpreter:slct-item:conversation"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-icon-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-icon-mo.png" alt=""> <strong data-copy-set="C14-004">Conversation mode</strong> </a> </div> <div class="common__tab-panels">  <div id="translation-tabpanel1" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <p class="translation__balloon translation__balloon--left"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-balloon01-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-balloon01-mo.png" data-copy-set="C14-008" alt="Samsung Galaxy device with Interpreter open"> <strong lang="es"> Hola. todos La lección de hoy será sobre la inflación. </strong> </p> <p class="translation__balloon translation__balloon--right"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-balloon02-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-balloon02-mo.png" data-copy-set="C14-009" alt="Spanish source text open through Interpreter."> <strong class="ff-color--blue" data-copy-set="C14-005"> Hello, everyone. Today’s lesson will be about inflation. </strong> </p> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img translation__content--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-1way-mo.jpg" alt=""> </div>  <div id="translation-tabpanel2" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <p class="translation__balloon translation__balloon--left"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-balloon01-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-balloon01-mo.png" data-copy-set="C14-008" alt="Samsung Galaxy device with Interpreter open"> <strong class="ff-color--blue" lang="es"> Gracias pir su propuesta, la he revisado deternidamente </strong> </p> <p class="translation__balloon translation__balloon--right"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-balloon02-pc.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-balloon02-mo.png" data-copy-set="C14-010" alt="Earbud icon providing English interpretation through Interpreter"> <strong data-copy-set="C14-006"> Thanks for your proposal, I’ve looked it over carefully. </strong> </p> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img translation__content--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-translation-2way-mo.jpg" alt=""> </div> </div> </div> <div class="translation__content--text" data-copy-set="C14-007"> To access listening mode, simply pinch and hold your earbuds and your Galaxy Buds3 Pro will continue to interpret as the speaker is talking. <br> <br>In conversation mode, place the phone mic toward the speaker, short press your Galaxy Buds3 Pro and listen to your conversation translated in real-time. <br>Once the app is open, the Interpreter feature will start up with the mode last used. </div> </div> </div> </div>  <div class="super-clear-call" id="super-clear-call"> <div class="common__wrap super-clear-call__wrap"> <div class="super-clear-call__header"> <h2 class="common__sub-headline" data-copy-set="C24-001"> Super Clear Call, as if you are near </h2> <p class="common__description" data-copy-set="C24-002"> Looking for smooth, reliable, high-quality calls? Galaxy Buds3 Pro offers highly-improved call quality through enhanced machine learning and super wideband technology. The elaborately trained machine learning model <strong>analyzes ambient noise and the user’s voice patterns. Then it selectively removes unnecessary noise and improves call quality, ensuring your voice is heard — even in noisy environments.</strong> Enhance your conversations with rich, lifelike clarity through super wideband calls — double the voice bandwidth of conventional Bluetooth calls. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-57"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-58"></a> </sup> </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img super-clear-call__image" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-super-clear-call-pc_0926.jpg" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-super-clear-call-mo_0926.jpg" alt="A woman using Galaxy Buds3 Pro to answer a call." data-copy-set="C24-003"> </div> </div>  <div class="tv-360 js-nav-top" id="ecosystem"> <div class="common__wrap tv-360__wrap"> <div class="tv-360__header"> <h2 class="common__sub-headline" data-copy-set="C15-001"> Jump right in with TV 360 Audio </h2> <p class="common__description" data-copy-set="C15-002"> Dive into a spatial sound experience. 360 Audio is a feature that identifies the exact direction of the sound as you tilt your head, providing surround sound for <strong>a more vivid listening and viewing experience.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-22"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-23"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-44"></a> </sup> </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img tv-360__image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-tv-360-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-tv-360-mo.jpg" data-copy-set="C15-003" alt="A man watching TV which shows 3 large waves rolling and crashing back into the ocean. 6 sound speaker rings appear around the man."> </div> </div>  <div class="auto-switch" id="pc-auto-switch"> <div class="common__wrap auto-switch__wrap"> <div class="auto-switch__header"> <h2 class="common__sub-headline" data-copy-set="C16-001"> PC Auto Switch<br class="common-br-pc"> keeps the synergy going </h2> <p class="common__description" data-copy-set="C16-002"> PC Auto Switch on Galaxy Buds3 Pro <strong>detects audio activity and transfers the connection</strong> to your favourite Samsung Galaxy devices, <strong>so you can work and play seamlessly.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-24"></a> </sup> </p> </div> <div class="auto-switch__content"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-pc" data-media-mo="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-mo" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-startframe-mo.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auto-switch-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C16-003"> From left to right is a Samsung Galaxy Book laptop, Galaxy Buds3 Pro and Galaxy Z Fold6. A call from the Galaxy Z Fold6 appears on the Samsung Galaxy Book laptop. After answering the call on Galaxy Z Fold6, PC Auto Switch changes the Galaxy Buds3 Pro audio output from the laptop to the smartphone. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" title="PC Auto Switch video" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:ecosystem:movi-play:pc-auto-switch" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:ecosystem:movi-play:pc-auto-switch"> <span class="blind">play</span> <span class="btn-video-control play black"></span> <span class="btn-video-control pause black"></span> </button> </div> </div> </div> </div> </div>  <div class="auracast" id="auracast"> <div class="common__wrap auracast__wrap"> <div class="auracast__header"> <h2 class="common__sub-headline" data-copy-set="C17-001"> Share your sound with those around via Auracast </h2> <p class="common__description" data-copy-set="C17-002"> With Auracast broadcast technology, <strong>share your audio stream with an unlimited number of devices.</strong> Effortlessly transform your Samsung TV, Samsung Galaxy smartphone or tablet into a radio source to start engaging with others. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-25"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-26"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-27"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-28"></a> </sup> </p> </div> <div class="auracast__content"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auracast-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-auracast-mo.jpg" data-copy-set="C17-003" alt="The Auracast application open on the left. On the top is a pair of Galaxy Buds3 Pro in silver and on the bottom is a pair of Galaxy Buds3 Pro in white."> </div> </div> </div>  <div class="voice-command" id="voice-command"> <div class="common__wrap voice-command__wrap"> <div class="voice-command__header"> <h2 class="common__sub-headline" data-copy-set="C18-001"> Convenient <br class="common-br-pc">control with <br class="common-br-pc">just a command </h2> <p class="common__description" data-copy-set="C18-002"> <strong>Control your audio settings without needing to touch your phone.</strong> Simply say a command, such as "next song" or "volume up" and let Galaxy Buds3 Pro do the rest. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-19"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-29"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-30"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-31"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-41"></a> </sup> </p> </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img voice-command__image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-voice-command-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-voice-command-mo.jpg" data-copy-set="C18-003" alt="A single, Galaxy Buds3 Pro earbud in silver next to the voice command 'Answer Call' with various voice commands above and below 'Answer Call'."> </div> </div>  <div class="mindfulness" id="mindfulness"> <div class="common__wrap mindfulness__wrap"> <div class="mindfulness__header"> <h2 class="common__sub-headline" data-copy-set="C19-001"> Your personalised sound sanctuary </h2> <p class="common__description" data-copy-set="C19-002"> Mindfulness comes with daily practice. At the press of a button, teleport to a worry-free world of your own with Samsung Health powered by Calm. <strong>Alleviate stress</strong> with peaceful melodies from nature, <strong>improve your focus</strong> with white noise or <strong>relax</strong> with ASMR content <strong>for a happier, healthier you.</strong> <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-19"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-32"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-42"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-43"></a> </sup> </p> </div> <div class="mindfulness__videos"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-mo_0710" data-auto-play="true"> <video playsinline muted preload="auto"> <source src="" type="video/webm"> <source src="" type="video/mp4"> </video> <div class="video__start-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-startframe-mo.jpg" alt=""> </div> <div class="video__end-frame"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-mindfulness-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C19-003"> Galaxy Z Fold6 is open with a Galaxy Buds3 Pro earbud on the right and Samsung Health powered by Calm application icons on the bottom. By pressing Galaxy Buds3 Pro, the app activates and at the same time, the office image changes to 5 images of nature. An image of trees, a river, raindrops falling, palm trees and a bonfire. </p> <div class="video__controller-wrap"> <button class="video__controller" title="Mindfulness Quick Access video" data-tagging="band" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la=""> <span class="blind">play</span> <span class="btn-video-control play black"></span> <span class="btn-video-control pause black"></span> </button> </div> </div> </div> </div> </div>  <div class="android-connectivity" id="android-connectivity"> <div class="common__wrap android-connectivity__wrap"> <div class="android-connectivity__header"> <h2 class="common__sub-headline" data-copy-set="C25-001"> Enjoy the seamless experience across Android smartphones </h2> <p class="common__description" data-copy-set="C25-002"> Start your Galaxy Wearable experience on your Android smartphone. Pair your Galaxy Watch, Buds or Ring easily with the Android phone you already have. Just download the Galaxy Wearable and Samsung Health apps on Google Play, and you’re good to go. You can even try out different watch faces on the Galaxy Wearable app—mix and match various features to your liking. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-46"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-47"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-48"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-49"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-50"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-51"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-52"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-53"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-54"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-55"></a> </sup> </p> <div class="android-connectivity__cta-wrap android-connectivity__cta-wrap--pc"> <div class="android-connectivity__cta-item"> <a href="//play.google.com/store/apps/details?id=com.samsung.android.app.watchmanager" class="common-cta common-cta-round" aria-label="Galaxy Wearable App. open in a new window" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:ecosystem^ad^connect:btm^bnn:glaxy^wearable^app" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:ecosystem^ad^connect:btm^bnn:glaxy^wearable^app" target="_blank"> <span data-copy-set="C25-004">Galaxy Wearable App</span> </a> </div> <div class="android-connectivity__cta-item"> <a href="//play.google.com/store/apps/details?id=com.sec.android.app.shealth" class="common-cta common-cta-round" aria-label="Samsung Health App. open in a new window" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:ecosystem^ad^connect:btm^bnn:samsung^health^app" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:ecosystem^ad^connect:btm^bnn:samsung^health^app" target="_blank"> <span data-copy-set="C25-005">Samsung Health App</span> </a> </div> </div> </div> <div class="android-connectivity__content"> <div class="android-connectivity__image-wrap"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img android-connectivity__image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-android-connectivity-pc_0829.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-android-connectivity-mo_0829.jpg" data-copy-set="C25-003" alt="In the back is an Android smartphone with the Android logo, Google Play logo and icons of Galaxy Wearable and Samsung Health apps. In the front is Galaxy Buds3 Pro."> </div> <div class="android-connectivity__cta-wrap android-connectivity__cta-wrap--mo"> <div class="android-connectivity__cta-item"> <a href="//play.google.com/store/apps/details?id=com.samsung.android.app.watchmanager" class="common-cta common-cta-round" aria-label="Galaxy Wearable App. open in a new window" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:ecosystem^ad^connect:btm^bnn:glaxy^wearable^app" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:ecosystem^ad^connect:btm^bnn:glaxy^wearable^app" target="_blank"> <span>Galaxy Wearable App</span> </a> </div> <div class="android-connectivity__cta-item"> <a href="//play.google.com/store/apps/details?id=com.sec.android.app.shealth" class="common-cta common-cta-round" aria-label="Samsung Health App. open in a new window" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:ecosystem^ad^connect:btm^bnn:samsung^health^app" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:ecosystem^ad^connect:btm^bnn:samsung^health^app" target="_blank"> <span>Samsung Health App</span> </a> </div> </div> </div> </div> </div>  <div class="charging js-nav-top" id="charging"> <div class="common__wrap charging__wrap"> <h2 class="common__headline charging__headline" data-copy-set="C20-001"> Charged for action <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a> </sup> </h2> <div class="charging__content"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging__off" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-charging-off-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-charging-off-mo.jpg" data-copy-set="C20-002" alt="A new, unopened pair of Galaxy Buds3 Pro in silver."> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img charging__on" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-charging-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-charging-mo.jpg" alt="" aria-hidden="true"> <p class="charging__note"> Wireless Charging Support </p> </div> </div> </div>  <div class="essential" id="essential"> <div class="common__wrap essential__wrap"> <div class="essential__header"> <h2 class="common__sub-headline" data-copy-set="C21-001"> Constantly connected </h2> <p class="common__description" data-copy-set="C21-002"> Keep your music and audio flowing, whenever and wherever you’re going. <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-33"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-34"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-35"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-36"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-37"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-45"></a> </sup> </p> </div> <div class="essential__content" data-copy-set="C21-003"> <ul role="list"> <li role="listitem" class="essential__content-playtime"> <div class="essential__content--head"> <h3>Play time</h3> </div> <div class="essential__content--body"> <div class="playtime-content"> <div class="playtime-content__block"> <div class="playtime-content--caption"> ANC Off </div> <div class="playtime-content--upto"> Up to </div> <div class="playtime-content--value"> 7 <span>/</span> 30 <span>h</span> </div> </div> <div class="playtime-content__block"> <div class="playtime-content--caption"> ANC On </div> <div class="playtime-content--upto"> Up to </div> <div class="playtime-content--value"> 6 <span>/</span> 26 <span>h</span> </div> </div> </div> </div> </li> <li role="listitem" class="essential__content-bluetooth"> <div class="essential__content--head"> <h3>Bluetooth</h3> </div> <div class="essential__content--body"> <div class="essential__content--body--block"> <div class="essential__content--body--block-data"> <span class="essential__content--body--block-data-unit">V</span> 5.4 </div> </div> </div> </li> <li role="listitem" class="essential__content-water"> <div class="essential__content--head"> <h3>Water Resistance</h3> </div> <div class="essential__content--body"> <div class="essential__content--body--block"> <div class="essential__content--body--block-data"> IP57 </div> </div> </div> </li> <li role="listitem" class="essential__content-weight"> <div class="essential__content--head"> <h3>Weight</h3> </div> <div class="essential__content--body"> <div class="essential__content--body--block"> <div class="essential__content--body--block-label"> Earbuds </div> <div class="essential__content--body--block-data"> 5.4 <span class="essential__content--body--block-data-unit">g</span> </div> </div> <div class="essential__content--body--block"> <div class="essential__content--body--block-label"> Case </div> <div class="essential__content--body--block-data"> 46.5 <span class="essential__content--body--block-data-unit">g</span> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="compare js-nav-top" id="compare"> <div class="compare__wrap"> <div class="compare__text"> <h2 class="common__sub-headline compare__headline" id="compareDescription" data-copy-set="compare">Find the best<br>Galaxy Buds for you <sup> <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-37"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-38"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-39"></a> </sup> </h2> </div>  <div class="compare__list-wrap">  <div class="compare__container compare__container-pc swiper-container"> <ul class="compare__list swiper-wrapper" role="list">  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds3-pro", "default-color": "silver" }"> <h3 class="compare__list-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pro-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pro-mo_0829.png" alt="Galaxy Buds3 Pro"> </h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds3-pro-silver"> <div class="compare__list-product-item is-active" data-product="galaxy-buds3-pro-silver"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-silver_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-silver_0829.png" alt=""> </div> </div> <div class="compare__list-product-item" data-product="galaxy-buds3-pro-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-white_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-white_0829.png" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color is-active" title="selected" data-color="silver" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^silver"> <span class="compare__color-chip" style="background-color: #5C5C5C;"></span> <span class="compare__color-name">Silver</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color" data-color="white" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^white" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds3-pro^white"> <span class="compare__color-chip" style="background-color: #FCFCFC;"></span> <span class="compare__color-name">White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item compare__cta-item--buy-now"> <a href="javascript:void(0)" class="common-cta buy__cta" aria-label="Buy now. Galaxy Buds3 Pro open in a new window" data-omni-type="microsite_buyAction" data-omni="gbuds:highlights:compare:conv-pdt:buy-now|;{SKU}|{SKU}" ga-ca="buy cta" ga-ac="buy now" ga-la="gbuds:highlights:compare:conv-pdt:buy-now" target="_blank"> <span>Buy Now</span> </a> </div> </div> </li>  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds3", "default-color": "white" }"> <h3 class="compare__list-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-mo_0829.png" alt="Galaxy Buds3"> </h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds3-silver"> <div class="compare__list-product-item" data-product="galaxy-buds3-silver"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-silver_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-silver_0829.png" alt=""> </div> </div> <div class="compare__list-product-item is-active" data-product="galaxy-buds3-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-white_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-white_0829.png" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color" title="selected" data-color="silver" data-omni-type="microsite_gallery" data-omni="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds3^silver"> <span class="compare__color-chip" style="background-color: #5C5C5C;"></span> <span class="compare__color-name">Silver</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color is-active" data-color="white" data-omni-type="microsite_gallery" data-omni="galaxy-buds3:highlights:compare:slct-color:galaxy-buds3^white" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds3^white"> <span class="compare__color-chip" style="background-color: #FCFCFC;"></span> <span class="compare__color-name">White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item compare__cta-item--buy-now"> <a href="javascript:void(0)" class="common-cta buy__cta" aria-label="Buy now. Galaxy Buds3 open in a new window" data-omni-type="microsite_contentinter" data-omni="galaxy-buds3:highlights:compare:link-page:" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:compare:link-page:" target="_blank"> <span>BUY NOW</span> </a> </div> </div> </li>  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds2-pro", "default-color": "bora-purple" }"> <h3 class="compare__list-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds2-pro-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds2-pro-mo_0829.png" alt="Galaxy Buds2 Pro"> </h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds2-pro-silver"> <div class="compare__list-product-item is-active" data-product="galaxy-buds2-pro-bora-purple"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-bora-purple_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-bora-purple_0829.png" alt=""> </div> </div> <div class="compare__list-product-item" data-product="galaxy-buds2-pro-graphite"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-graphite_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-graphite_0829.png" alt=""> </div> </div> <div class="compare__list-product-item" data-product="galaxy-buds2-pro-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-white_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds2-pro-white_0829.png" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color is-active" title="selected" data-color="bora-purple" data-omni-type="microsite_gallery" data-omni="galaxy-buds2-pro:highlights:compare:slct-color:galaxy-buds2-pro^bora-purple" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds2-pro^bora-purple"> <span class="compare__color-chip" style="background-color: #AFA2CA;"></span> <span class="compare__color-name">Bora Purple</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color" title="selected" data-color="graphite" data-omni-type="microsite_gallery" data-omni="galaxy-buds2-pro:highlights:compare:slct-color:galaxy-buds2-pro^graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds2-pro^graphite"> <span class="compare__color-chip" style="background-color: #707070;"></span> <span class="compare__color-name">Graphite</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color" data-color="white" data-omni-type="microsite_gallery" data-omni="galaxy-buds2-pro:highlights:compare:slct-color:galaxy-buds2-pro^white" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:galaxy-buds2-pro^white"> <span class="compare__color-chip" style="background-color: #F1F0ED;"></span> <span class="compare__color-name">White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item compare__cta-item--buy-now"> <a href="javascript:void(0)" class="common-cta buy__cta" aria-label="Buy now. Galaxy Buds2 Pro open in a new window" data-omni-type="microsite_contentinter" data-omni="galaxy-buds2-pro:highlights:compare:link-page:" ga-ca="content click" ga-ac="feature" ga-la="galaxy-buds2-pro:highlights:compare:link-page:" target="_blank"> <span>BUY NOW</span> </a> </div> </div> </li>  <li class="compare__list-item swiper-slide" role="listitem" data-info="{ "product": "galaxy-buds-fe", "default-color": "graphite" }"> <h3 class="compare__list-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds-fe-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds-fe-mo_0829.png" alt="Galaxy Buds FE"> </h3> <div class="compare__list-figure"> <div class="compare__list-product compare__list-product--galaxy-buds-fe-mystic-white"> <div class="compare__list-product-item" data-product="galaxy-buds-fe-graphite"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds-fe-graphite_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds-fe-graphite_0829.png" alt=""> </div> </div> <div class="compare__list-product-item is-active" data-product="galaxy-buds-fe-mystic-white"> <div class="compare__list-product-image"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds-fe-mystic-white_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds-fe-mystic-white_0829.png" alt=""> </div> </div> </div> </div>  <div class="compare__list-colors-wrap"> <div class="compare__list-colors-inner"> <div class="compare__list"> <ul class="compare__list-colors" role="list"> <li role="listitem"> <button type="button" class="compare__color" title="selected" data-color="graphite" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:buds-fe^graphite" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:buds-fe^graphite"> <span class="compare__color-chip" style="background-color: #494D53;"></span> <span class="compare__color-name">Graphite</span> </button> </li> <li role="listitem"> <button type="button" class="compare__color is-active" data-color="mystic-white" data-omni-type="microsite_gallery" data-omni="gbuds:highlights:compare:slct-color:buds-fe^mystic-white" ga-ca="gallery" ga-ac="feature gallery" ga-la="gbuds:highlights:compare:slct-color:buds-fe^mystic-white"> <span class="compare__color-chip" style="background-color: #EFF0F1;"></span> <span class="compare__color-name">Mystic White</span> </button> </li> </ul> </div> </div> </div> <div class="compare__cta"> <div class="compare__cta-item compare__cta-item--buy-now"> <a href="javascript:void(0)" class="common-cta buy__cta" aria-label="Buy now. Galaxy Buds FE open in a new window" data-omni-type="microsite_contentinter" data-omni="galaxy-buds3-fe:highlights:compare:link-page:" ga-ca="content click" ga-ac="feature" ga-la="galaxy-buds3-fe:highlights:compare:link-page:" target="_blank"> <span>BUY NOW</span> </a> </div> </div> </li> </ul>  <div class="compare__table-wrapper"> <div class="compare__table-wrap"> <div class="compare__table-inner"> <div class="compare__table"> <div class="compare__body" role="table" aria-describedby="compareDescription"> <div class="compare__headergroup blind" role="row"> <div class="compare__header-static" role="columnheader"> Spec </div> <div class="compare__header" role="columnheader"> Buds3 Pro </div> <div class="compare__header" role="columnheader"> Buds3 </div> <div class="compare__header" role="columnheader"> Galaxy Buds2 Pro </div> <div class="compare__header" role="columnheader"> Buds FE </div> </div> <div class="compare__rowgroup" role="rowgroup"> <div class="compare__row compare__sound"> <div class="compare__table-specs-name" aria-hidden="true"> Sound </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Sound</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Speaker </div> <div class="compare-ico"> <svg viewbox="0 0 64 64" focusable="false" aria-hidden="true"> <g transform="translate(3.771 5.07)" class="fill-line"> <path d="M38.939,7.625a1.552,1.552,0,0,1,1.517,1.652v1.33h-.007V59.665a1.784,1.784,0,0,1-.237.923,1.479,1.479,0,0,1-1.281.735,1.671,1.671,0,0,1-1.2-.532l0,0L21.995,44.9a.391.391,0,0,0-.2-.085H7.632A1.964,1.964,0,0,1,5.67,42.853V26.1a1.964,1.964,0,0,1,1.962-1.962H21.8a.4.4,0,0,0,.21-.09L37.74,8.158l.049-.048V7.948h.2A1.607,1.607,0,0,1,38.939,7.625Zm-1.15,49.442V11.888l-13.961,14.1-.032.028a3.088,3.088,0,0,1-1.888.78l-.033,0H8.33V42.155H21.869l.033,0a3.057,3.057,0,0,1,1.9.79l.026.023.025.025Z" transform="translate(-5.67 -7.625)" /> <path d="M66.837,60.629l-1.8-1.955c.318-.294.629-.6.922-.922a16.677,16.677,0,0,0-.924-23.578l1.807-1.952a19.334,19.334,0,0,1,1.071,27.335C67.568,59.927,67.207,60.287,66.837,60.629Z" transform="translate(-25.556 -15.865)" /> <path d="M76.989,64.06l-1.809-1.95a26.927,26.927,0,0,0,6.433-8.982,25.364,25.364,0,0,0,0-20.385,26.948,26.948,0,0,0-6.435-8.989l1.809-1.95a29.592,29.592,0,0,1,7.063,9.874,28.024,28.024,0,0,1,0,22.515A29.57,29.57,0,0,1,76.989,64.06Z" transform="translate(-28.956 -12.375)" /> </g> <rect width="30.84" height="26" transform="translate(33 37)" fill="#fff" /> <g transform="translate(33.345 39.199)" class="fill-line"> <g transform="translate(0 8.85)"> <path d="M.152-5.958H3.488L6.3-9.9,9.189-5.958h3.336L8-11.942l4.245-5.842H9.007l-2.669,3.76-2.689-3.76H.314l4.286,5.8Z" transform="translate(-0.152 17.784)" /> </g> <g transform="translate(13.127)"> <path d="M1.3-10.419h13v-3.633H5.1c.028-1.929,2.068-3.214,4.192-4.64,2.432-1.649,5.087-3.438,5.087-6.68,0-3.214-2.488-5.73-6.624-5.73A7.223,7.223,0,0,0,.883-26.574l3.27,1.649c.7-1.7,1.817-2.907,3.578-2.907,1.817,0,2.795,1.09,2.795,2.432,0,1.565-1.845,2.711-3.857,4.109C4.125-19.587,1.3-17.491,1.3-14Z" transform="translate(-0.883 31.102)" /> </g> </g> </svg> </div> <div class="compare__table-specs-feature"> Enhanced 2 way </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Speaker </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare-ico" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_0829.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_0829.svg" alt=""> <div class="compare__table-specs-feature"> 1 way </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Speaker </div> <div class="compare-ico"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare-ico" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_2x_0829.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_2x_0829.svg" alt=""> </div> <div class="compare__table-specs-feature"> 2 way </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Speaker </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare-ico" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_0829.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_speaker_0829.svg" alt=""> <div class="compare__table-specs-feature"> 1 way </div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Sound</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Amplifier </div> <div class="compare__table-specs-feature"> Dual Amplifier </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Amplifier </div> <div class="compare__table-specs-feature"> Single Amplifier </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Amplifier </div> <div class="compare__table-specs-feature"> Single Amplifier </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Amplifier </div> <div class="compare__table-specs-feature"> Single Amplifier </div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Sound</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> 24-bit Hi-Fi Audio </div> <div class="compare-ico"> <svg viewbox="0 0 64 64" focusable="false" aria-hidden="true"> <g> <g transform="translate(4.05 4.602)" class="fill-line"> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(55.452 25.023)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(44.756 19.267)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(23.378 19.267)" /> <path d="M-.674,35.186A1.326,1.326,0,0,1-2,33.86V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V33.86A1.326,1.326,0,0,1-.674,35.186Z" transform="translate(12.689 10.634)" /> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(2 25.023)" /> <path d="M-.674,52.453A1.326,1.326,0,0,1-2,51.127V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674v51.8A1.326,1.326,0,0,1-.674,52.453Z" transform="translate(34.067 2)" /> </g> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> <div class="compare__table-specs-feature"> (24bit / 96kHz) </div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> 24-bit Hi-Fi Audio </div> <div class="compare-ico"> <svg viewbox="0 0 64 64" focusable="false" aria-hidden="true"> <g> <g transform="translate(4.05 4.602)" class="fill-line"> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(55.452 25.023)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(44.756 19.267)" /> <path d="M-.674,17.919A1.326,1.326,0,0,1-2,16.593V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V16.593A1.326,1.326,0,0,1-.674,17.919Z" transform="translate(23.378 19.267)" /> <path d="M-.674,35.186A1.326,1.326,0,0,1-2,33.86V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V33.86A1.326,1.326,0,0,1-.674,35.186Z" transform="translate(12.689 10.634)" /> <path d="M-.674,6.408A1.326,1.326,0,0,1-2,5.082V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674V5.082A1.326,1.326,0,0,1-.674,6.408Z" transform="translate(2 25.023)" /> <path d="M-.674,52.453A1.326,1.326,0,0,1-2,51.127V-.674A1.326,1.326,0,0,1-.674-2,1.326,1.326,0,0,1,.652-.674v51.8A1.326,1.326,0,0,1-.674,52.453Z" transform="translate(34.067 2)" /> </g> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> <div class="compare__table-specs-feature"> (24bit / 96kHz) </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> 24-bit Hi-Fi Audio </div> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare-ico" data-src-pc="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_hi-fi_0829.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/sg/galaxy-buds3-pro/feature/common_sound_hi-fi_0829.svg" alt=""> <div class="compare-ico-support" aria-hidden="true"></div> <span class="blind">support</span> <div class="compare__table-specs-feature"> (24bit / 48kHz) </div> </div> <div class="compare__column compare__column-align" role="cell"> <div class="compare__table-specs-title"> 24-bit Hi-Fi Audio </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Sound</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Super Wideband Call </div> <div class="compare-ico-support" aria-hidden="true"></div> <span class="blind">support</span> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Super Wideband Call </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Super Wideband Call </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Super Wideband Call </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Sound</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> 360 Audio </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> 360 Audio </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> 360 Audio </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> 360 Audio </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__intelligent"> <div class="compare__table-specs-name" aria-hidden="true"> Intelligent Personalization </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Personalization</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Adaptive Noise Control </div> <div class="compare-ico"> <svg viewbox="0 0 64 64" focusable="false" aria-hidden="true"> <defs> <clippath> <path d="M36.187,30.875l5.006-1.285L28.128,53.115,24.28,51Z" transform="translate(-24.28 -29.59)" fill="none" /> </clippath> </defs> <g class="fill-line"> <path d="M22.9,62.915a2,2,0,0,1-.24-.014L16.7,62.212a2.012,2.012,0,0,1-1.657-1.31l-1.172-3.217a1.979,1.979,0,0,1,.141-1.7l11.737-20.3a16.965,16.965,0,0,1-6.4-11.564c-.867-6.18.227-11.085,3.253-14.58a15.576,15.576,0,0,1,7.669-4.665A23.481,23.481,0,0,1,36.479,4a33,33,0,0,1,6.914.562,15.52,15.52,0,0,1,7.979,4.044c2.915,2.908,4.394,7.152,4.394,12.615,0,4.917-1.507,8.848-4.478,11.683A15.408,15.408,0,0,1,46.9,35.8a20.352,20.352,0,0,1-4.338,1.354,23.137,23.137,0,0,1-3.881.432L24.626,61.922A2.007,2.007,0,0,1,22.9,62.915ZM17.421,59.6l5.114.591L37.158,34.87l.814.038a19.229,19.229,0,0,0,4.146-.4,17.592,17.592,0,0,0,3.739-1.179,12.711,12.711,0,0,0,3.595-2.379,11.031,11.031,0,0,0,2.585-3.815,15.583,15.583,0,0,0,1.051-5.919A19.208,19.208,0,0,0,52.053,14.6a11.2,11.2,0,0,0-2.571-4.1C45.623,6.653,39.453,6.669,36.487,6.677a20.723,20.723,0,0,0-5.473.772,12.956,12.956,0,0,0-6.384,3.844c-2.5,2.889-3.383,7.087-2.623,12.478l.006.049a14.286,14.286,0,0,0,5.094,9.519l3.385-5.855,2.318,1.34L16.491,57.048Z" transform="translate(-7.221 -3.999)" /> <path d="M14.86,34.5c-.412,0-.7-.019-.795-.026L14,34.47c-3.247-.409-5.628-1.49-7.278-3.3C5.05,29.33,4.171,26.789,4.034,23.4c-.15-3.7.159-6.229,1-8.209a8.083,8.083,0,0,1,2.189-3.03,9.377,9.377,0,0,1,3.635-1.844,11.624,11.624,0,0,1,9.571,1.148l-1.565,2.172.008.006a6.934,6.934,0,0,0-1.989-.84,10.038,10.038,0,0,0-5.314.094A5.67,5.67,0,0,0,7.5,16.236c-.679,1.6-.923,3.773-.79,7.053.111,2.737.762,4.724,1.992,6.075a8.737,8.737,0,0,0,5.6,2.444,7.155,7.155,0,0,0,3.606-.592l1.481,2.23A8.754,8.754,0,0,1,14.86,34.5Z" transform="translate(-3.997 -5.921)" /> <path d="M-.662.778A1.339,1.339,0,0,1-2-.513,1.339,1.339,0,0,1-.709-1.9l2.8-.1A1.339,1.339,0,0,1,3.481-.709,1.339,1.339,0,0,1,2.191.676l-2.8.1Z" transform="translate(38.223 15.554)" /> <g transform="translate(13.575 17.128)"> <g transform="translate(4.202 -1.192)"> <path d="M32.876,46.2l-2.317-1.341,9.865-17.053,2.317,1.341Z" transform="translate(-30.559 -27.809)" /> </g> </g> </g> <g transform="translate(30.963 37.936)" class="fill-line"> <path d="M61.422,60.68a4.752,4.752,0,1,1-4.752,4.752A4.757,4.757,0,0,1,61.422,60.68Zm0,7.5a2.744,2.744,0,1,0-2.744-2.744A2.747,2.747,0,0,0,61.422,68.176Z" transform="translate(-52.38 -60.68)" /> <path d="M13.425.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H13.425a1,1,0,0,1,1,1A1,1,0,0,1,13.425.508Z" transform="translate(13.259 5.248)" /> <path d="M3.787.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H3.787a1,1,0,0,1,1,1A1,1,0,0,1,3.787.508Z" transform="translate(1.513 5.248)" /> <path d="M75.782,77.61a4.752,4.752,0,1,1-4.752,4.752A4.757,4.757,0,0,1,75.782,77.61Zm0,7.5a2.744,2.744,0,1,0-2.744-2.744A2.747,2.747,0,0,0,75.782,85.106Z" transform="translate(-57.129 -66.279)" /> <path d="M13.425.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H13.425a1,1,0,0,1,1,1A1,1,0,0,1,13.425.508Z" transform="translate(1.5 16.579)" /> <path d="M3.781.508H-.5a1,1,0,0,1-1-1,1,1,0,0,1,1-1H3.781a1,1,0,0,1,1,1A1,1,0,0,1,3.781.508Z" transform="translate(22.904 16.579)" /> </g> </svg> </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column compare__column-align" role="cell"> <div class="compare__table-specs-title"> Adaptive Noise Control </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column compare__column-align" role="cell"> <div class="compare__table-specs-title"> Adaptive Noise Control </div> <span class="blind">not support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column compare__column-align" role="cell"> <div class="compare__table-specs-title"> Adaptive Noise Control </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Personalization</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Adaptive EQ, ANC </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Adaptive EQ, ANC </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Adaptive EQ, ANC </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Adaptive EQ, ANC </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Intelligent Personalization</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Voice / Siren Detect </div> <span class="blind">support</span> <div class="compare-ico-support and-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice / Siren Detect </div> <span class="blind">not support</span> <div class="compare-ico-notsupport and-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice / Siren Detect </div> <span class="blind">support</span> <div class="compare-ico-support and-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice / Siren Detect </div> <span class="blind">not support</span> <div class="compare-ico-notsupport and-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__control-interface"> <div class="compare__table-specs-name" aria-hidden="true"> Control Interface </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Control Interface</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Swipe </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Swipe </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Swipe </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Swipe </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Control Interface</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Pinch Control </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Pinch Control </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Pinch Control </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Pinch Control </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Control Interface</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice Command </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice Command </div> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice Command </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Voice Command </div> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__durability"> <div class="compare__table-specs-name" aria-hidden="true"> Durability </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Durability</p> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Water & Dust Resistance </div> <div class="compare__table-specs-feature"> IP57 </div> </div> <div class="js-text-fill compare__column" role="cell"> <div class="compare__table-specs-title"> Water & Dust Resistance </div> <div class="compare__table-specs-feature"> IP57 </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Water & Dust Resistance </div> <div class="compare__table-specs-feature"> IPX7 </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-title"> Water & Dust Resistance </div> <div class="compare__table-specs-feature"> IPX2 </div> </div> </div> </div> <div class="compare__row compare__blade-lights"> <div class="compare__table-specs-name" aria-hidden="true"> Blade Lights </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Blade Lights</p> <div class="compare__column" role="cell"> <span class="blind">support</span> <div class="compare-ico-support" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> <div class="compare__column" role="cell"> <span class="blind">not support</span> <div class="compare-ico-notsupport" aria-hidden="true"></div> </div> </div> </div> <div class="compare__row compare__play-time"> <div class="compare__table-specs-name" aria-hidden="true"> Play time </div> <div class="compare__column-wrap" role="row"> <p class="blind" role="rowheader">Play time</p> <div class="compare__column" role="cell"> <div class="compare__table-specs-feature"> Up to 7.0/30hr <br>(ANC Off) <br>Up to 6.0/26hr <br>(ANC On) </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-feature"> Up to 6.0/30hr <br>(ANC Off) <br>Up to 6.0/24hr <br>(ANC On) </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-feature"> Up to 5/18hr <br>(ANC On) </div> </div> <div class="compare__column" role="cell"> <div class="compare__table-specs-feature"> Up to 8.5/30hr <br>(ANC Off) <br>Up to 6.0/21hr <br>(ANC On) </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="wearable-common__carousel-pagination-wrap" aria-hidden="true"> <ul class="wearable-common__carousel-pagination" role="list"> </ul> </div> <div class="swiper-scrollbar wearable-common__carousel-scrollbar" aria-hidden="true"></div> </div>  <div class="compare__list-nav-wrap" aria-hidden="true"> <div class="compare__list-nav"> <div class="compare__list-nav-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-nav-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pro-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pro-mo_0829.png" alt="Galaxy Buds3 Pro"> </div> <div class="compare__list-nav-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-nav-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds3-mo_0829.png" alt="Galaxy Buds3"> </div> <div class="compare__list-nav-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-nav-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds2-pro-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds2-pro-mo_0829.png" alt="Galaxy Buds2 Pro"> </div> <div class="compare__list-nav-title"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img compare__list-nav-title-image" data-src-pc="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds-fe-pc_0829.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-compare-product-title-buds-fe-mo_0829.png" alt="Galaxy Buds FE"> </div> </div> </div> </div> </div>  <div class="compare__list-arrow"> <div class="compare__list-arrow-inner"> <button type="button" class="swiper-button-prev compare__list-arrow-prev" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:compare:sldr-arrow:left" ga-ca="indication" ga-ac="carousel" ga-la="gbuds:highlights:compare:sldr-arrow:left" tabindex="-1" aria-hidden="true"> <span class="blind">Previous</span> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> </button> <button type="button" class="swiper-button-next compare__list-arrow-next" data-omni-type="microsite_pcontentinter" data-omni="gbuds:highlights:compare:sldr-arrow:right" ga-ca="indication" ga-ac="carousel" ga-la="gbuds:highlights:compare:sldr-arrow:right"> <span class="blind">Next</span> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> </button> </div> </div> </div> <script> const LOCAL_DATA = { 'galaxy-buds3-pro': { 'silver': { sku: 'sm-r630nzaaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/' }, 'white': { sku: 'sm-r630nzwaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-white-sm-r630nzwaasa/' }, }, 'galaxy-buds3': { 'silver': { sku: 'sm-r530nzaaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-silver-sm-r530nzaaasa/' }, 'white': { sku: 'sm-r530nzwaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-white-sm-r530nzwaasa/' }, }, 'galaxy-buds2-pro': { 'bora-purple': { sku: 'sm-r510nlvaxsp', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds2-pro-bora-purple-sm-r510nlvaxsp/' }, 'graphite': { sku: 'sm-r510nzaaxsp', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds2-pro-graphite-sm-r510nzaaxsp/' }, 'white': { sku: 'sm-r510nzwaxsp', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds2-pro-white-sm-r510nzwaxsp/' } }, 'galaxy-buds-fe': { 'graphite': { sku: 'sm-r400nzaaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds-fe-graphite-sm-r400nzaaasa/' }, 'mystic-white': { sku: 'sm-r400nzwaasa', buynow: '//www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds-fe-mystic-white-sm-r400nzwaasa/' } }, }; </script>  <div class="banner banner--type1 is-feature-hide" id="banner-section"> <div class="banner__wrap"> <div class="banner__cards"> <div class="banner__card banner__card--white"> <strong class="banner__card--title"> Galaxy Watch Ultra </strong> <a href="/sg/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaaxsp/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-watch-ultra" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:btm^bnn:link-page:galaxy-watch-ultra"> GO TO GALAXY WATCH ULTRA </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-watch-ultra-type2-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-watch-ultra-type2-mo.jpg" alt="" aria-hidden="true"> </div>  <div class="banner__card"> <strong class="banner__card--title"> Galaxy Buds3 </strong> <a href="/sg/audio-sound/galaxy-buds/galaxy-buds3-silver-sm-r530nzaaasa/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-buds3" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:btm^bnn:link-page:galaxy-buds3"> GO TO GALAXY BUDS3 </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-buds3-type2-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-buds3-type2-mo.jpg" alt="" aria-hidden="true"> </div> <div class="banner__card"> <strong class="banner__card--title"> Galaxy Z Fold6 </strong> <a href="/sg/smartphones/galaxy-z-fold6/" class="banner__card--cta" data-omni-type="microsite_contentinter" data-omni="gbuds:highlights:btm^bnn:link-page:galaxy-q6" ga-ca="content click" ga-ac="feature" ga-la="gbuds:highlights:btm^bnn:link-page:galaxy-q6"> GO TO GALAXY Z FOLD6 </a> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img banner__card--image" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-z-fold6-type2-wide-pc.jpg" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-banner-z-fold6-type2-wide-mo.jpg" alt="" aria-hidden="true"> </div> </div> </div> </div>  <div class="cp-high-contrast"> <div class="cp-high-contrast__inner"> <a href="#" role="button" title="High contrast" class="btn-contrast type-contrast"><span>C</span></a> <a href="#" role="button" title="Default contrast" class="btn-contrast type-default"><span>C</span></a> </div> </div>  <div class="m_content-desc m_content_galaxy-type1" id="desc-section" data-copy-set="disclaimer"> <div class="m_feature-desc show visible"> <div class="f_inner"> <div class="f_header-type1"> <ol data-title="See disclaimer" role="list" class="is-ihrn"> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-1"> <span class="text_disclaimer"><b>Samsung Trade-in:</b> Overtrade bonus is only applicable for eligible devices with trade-in. Trade-in value may vary depending on model & device condition. Unless otherwise stated, specified trade-in values are valid between 7 Sep – 4 Oct 2024. Samsung reserves the right to amend the list of eligible devices & trade-in values at any time without prior notice.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-2"> <span class="text_disclaimer">Images simulated for illustrative purposes.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-3"> <span class="text_disclaimer">Interpreter requires Samsung Account login. Certain languages may require language pack download. Service availability may vary by language. Accuracy of results is not guaranteed. Availability and supported features may vary by country, region or carrier. Availability of supported languages may vary.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-4"> <span class="text_disclaimer">Audio interpretation is only available when wearing Galaxy Buds and connected to a Samsung Galaxy smartphone. Interpreter feature is not directly provided by Galaxy Buds themselves. If Galaxy Buds are unavailable, the interpreted content is provided on the screen of your Samsung Galaxy smartphone.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-5"> <span class="text_disclaimer">Blade Lights only available on Samsung Galaxy Buds3 Pro.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-6"> <span class="text_disclaimer">Specific Blade Light modes can be configured under Settings.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-7"> <span class="text_disclaimer">Ultra high quality audio up to 24bit/96kHz is available on Galaxy S24 series, S23 series, Z Fold6, Z Flip6, Z Fold5, Z Flip5 and Tab S9 series with One UI 6.1.1 or above.<br>Additional devices may be supported in the future.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-8"> <span class="text_disclaimer">Adaptive Noise Control is off, Voice Detect is off and Siren Detect is off by default, and can be configured in the Galaxy Wearable app.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-9"> <span class="text_disclaimer">The Adaptive Noise Control, Voice Detect and Siren Detect features are only available on Samsung Galaxy Buds3Pro.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-10"> <span class="text_disclaimer">Images simulated for illustrative purposes. Sequences shortened and simulated. Actual UI may be different.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-11"> <span class="text_disclaimer">Galaxy AI features are supported on Galaxy S24 series, Galaxy S23 series, Galaxy Z Fold5 series, Galaxy Z Flip5 series, Galaxy S23 FE, Galaxy S22 series, Galaxy Z Fold4 series and Galaxy Z Flip4 series as of May 2024</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-12"> <span class="text_disclaimer">Available colours may vary by country or carrier.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-13"> <span class="text_disclaimer">In-box items include the Galaxy Buds3 Pro, a charging case, three sets of ear tips for the left and right ear (S, M(default), L), a USB cable and a quick start guide.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-14"> <span class="text_disclaimer">Galaxy Buds3 Pro is the first Galaxy Buds with 2-Way Speaker featuring a planar tweeter and Dual Amp.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-15"> <span class="text_disclaimer">Ultra high quality audio up to 24bit/96kHz is available on Galaxy S24 series, S23 series ,Z Fold6 , Z Flip6, Z Fold5, Z Flip5 and Tab S9 series with One UI 6.1.1 or above.<br>Additional devices may be supported in the future.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-16"> <span class="text_disclaimer">Samsung Account login may be required to use certain Samsung AI features.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-17"> <span class="text_disclaimer">Samsung does not make any promises, assurances or guarantees as to the accuracy, completeness or reliability of the output provided by AI features.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-18"> <span class="text_disclaimer">Galaxy AI features will be provided for free until the end of 2025 on supported Samsung Galaxy devices. Different terms may apply for AI features provided by third parties.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-19"> <span class="text_disclaimer">ANC(Active Noise Canceling) is on by default.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-20"> <span class="text_disclaimer">'Default setting' refers to the original setting for the Galaxy Buds3 Pro when it was first released, simply with the power turned on.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-21"> <span class="text_disclaimer">Devices sold separately.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-22"> <span class="text_disclaimer">Samsung Galaxy devices may require the latest software update to properly support Galaxy AI features.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-23"> <span class="text_disclaimer">The default setting of the Pinch and Hold gesture is set to Noise Control. In order to change the Interpreter to Listening Mode, the settings must be configured on the Galaxy Wearable app</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-24"> <span class="text_disclaimer">360 Audio is only available on Samsung Galaxy smartphones and Galaxy Tab devices with Android One UI version 3.1 or later, and selected Samsung TV models. Supported Samsung TV models include: Neo QLED 8K (QN900D, QN800D), Neo QLED 4K (QN95D, QN90D, QN87D, QN85D) OLED (S95D, S90D, S85D), QLED (Q80D, Q70D). Support for 360 Audio and head tracking may vary depending on the application and content.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-25"> <span class="text_disclaimer">Direct Multi-channel is available on Samsung Galaxy smartphones and Galaxy Tab devices with Android One UI version 4.1.1 or later.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-26"> <span class="text_disclaimer">Auto Switch feature is only available on Samsung Galaxy Book series with One UI 6.0 or later, Samsung Galaxy smartphones and Galaxy Tab devices with One UI 4.1.1 or later and Galaxy Watch4 series or later. Samsung Galaxy devices must be logged in to Samsung Account to enable the Auto Switch feature. Auto Switch feature for Samsung TV is only available on Samsung TVs launched Feb ’22 or later after getting a firmware update from Jul ’22. Auto Switch with TV is only available for making and receiving phone calls.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-27"> <span class="text_disclaimer">Devices with Auracast Source ability are available only on Samsung Galaxy smartphones, tablets with Android One UI version 6.1.1 or later, and select TV models. Supported Galaxy smartphone and tablet models include: S24+, S24, S24 Ultra, Galaxy Z Flip6, Galaxy Z Fold6,Galaxy Z Flip5, Galaxy Z Fold5, S23+, S23 (except FE edition), S23 Ultra, Tab S9+, Tab S9+ 5G, Tab S9, Tab S9 Ultra, Tab S9 Ultra 5G, Tab S9 FE+, Tab S9 FE+ 5G, Tab S9 FE, Tab S9 FE 5G and Tab S9 5G. Supported TV models include: 2024 NeoQLED 8K QND800, QND900, 2023 Neo QLED 8K and 2023 MICRO LED models.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-28"> <span class="text_disclaimer">Devices with Auracast Assistant ability are available only on Samsung Galaxy smartphones, tablets with Android One UI version 5.1.1 or later. Supported Galaxy smartphone and tablet models include: S24+, S24, S24 Ultra, S23+, S23, S23 Ultra, Z Fold6, Z Flip6,Z Fold5, Z Flip5, Z Fold4, Z Flip4, A54 5G, A55 5G, M54 5G, Tab S9+, Tab S9+ 5G, Tab S9, Tab S9 Ultra, Tab S9 Ultra 5G, Tab S9 FE+, Tab S9 FE+ 5G, Tab S9 FE, Tab S9 FE 5G, Tab S9 5G and Tab Active 5G.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-29"> <span class="text_disclaimer">Connecting 2 or more devices to Auracast is limited to Samsung Galaxy devices.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-30"> <span class="text_disclaimer">The quality of the Auracast audio stream may vary depending on the application, network connection and other factors.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-31"> <span class="text_disclaimer">Voice Command is limited to fixed commands and is only available in Korean and English.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-32"> <span class="text_disclaimer">Commands continue in the chosen language specified during setup or while in use and can be configured in the language settings.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-33"> <span class="text_disclaimer">Additional language packs may be supported in the future.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-34"> <span class="text_disclaimer">Some content may incur additional charges. Samsung Account log in is required for Samsung Health.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-35"> <span class="text_disclaimer">With ANC on/off, earbuds and case provide up to 30 hours of play time on a full charge. Based on internal testing. Play time tested by pairing a pre-production Galaxy Buds3 Pro to a recently released Galaxy smartphone with default settings. Actual battery life may vary and depend on usage conditions, settings, number of times charged, Bluetooth signal strength, and other factors. 'Play time' refers to when the Galaxy Buds3 Pro are connected to the phone, streaming music. Actual Play time may vary based on settings.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-36"> <span class="text_disclaimer">IP57 is based on laboratory test conditions for submersion in up to 1 metre of fresh water for up to 30 minutes.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-37"> <span class="text_disclaimer">Not advised for beach or pool use. Charging case is not water resistant. If the earbuds are damaged, they are not guaranteed to be water resistant. If the earbuds or your hands are wet, they must be dried thoroughly prior to handling or placing into the charging case. If placed into the charging case without drying, the earbuds may be damaged.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-38"> <span class="text_disclaimer">Provided charging case is to charge the Galaxy Buds3 Pro.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-39"> <span class="text_disclaimer">The Galaxy Wearable application can only be downloaded on smartphones with Android 10.0 or above and minimum 1.5GB Memory.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-40"> <span class="text_disclaimer">Actual Play time may vary based on settings.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-41"> <span class="text_disclaimer">Ambient sound turns on automatically when a siren is detected. If the siren is brief or is quieter than the background noise, it may not be detected. While Siren Detect can be helpful in emergency situations, your safety is not guaranteed.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="./images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="./images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-42"> <span class="text_disclaimer">Feature availability may vary by language, country or region.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="./images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="./images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-43"> <span class="text_disclaimer">To use the Mindfulness feature in the Galaxy Wearable app, Samsung Health app should be downloaded.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="./images/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="./images/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-44"> <span class="text_disclaimer">Service availability may vary by country or region.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-45"> <span class="text_disclaimer">The TV 360 Audio feature is not supported as of July 2024 for Galaxy Buds3 and Galaxy Buds3 Pro models, but is expected to be available in a feature update</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-46"> <span class="text_disclaimer">The typical capacity has been tested under independent laboratory settings using the IEC 61960-3 standard. Typical capacity is the average estimated capacity, accounting for variations across battery samples. The rated capacity is 53mAh for the earbuds and 515mAh for the charging case.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-47"> <span class="text_disclaimer">Galaxy Watch7, Galaxy Watch Ultra and Galaxy Ring must be paired with a smartphone with Android 11.0 or above and minimum 1.5GB Memory.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-48"> <span class="text_disclaimer">Connecting Galaxy Buds as Bluetooth Audio is available regardless of OS but to configure advanced settings on the Galaxy Wearable app, Galaxy Buds must be paired with a smartphone with Android 10.0 or above and minimum 1.5GB Memory.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-49"> <span class="text_disclaimer">Advanced settings on the Galaxy Wearable app include Noise Control, Adaptive EQ, Pinch Control and software update</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-50"> <span class="text_disclaimer">Some features are only available on selected Samsung Galaxy smartphones.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-51"> <span class="text_disclaimer">Galaxy Wearable app is not supported on iOS.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-52"> <span class="text_disclaimer">Samsung Health Monitor app is only available on Samsung Galaxy smartphones.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-53"> <span class="text_disclaimer">Gesture and Find My Ring features are only available on Samsung Galaxy smartphones.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-54"> <span class="text_disclaimer">Suggested Replies feature on Galaxy Watch7 and Galaxy Watch Ultra is only available on Samsung Galaxy smartphones.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-55"> <span class="text_disclaimer">Availability and supported features may vary by country, region or carrier.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-56"> <span class="text_disclaimer">Android is a trademark of Google LCC.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-57"> <span class="text_disclaimer">Super wideband call is available on Galaxy Z Fold6, Galaxy Z Flip6 with One UI 6.1.1 or above. Additional devices may be supported in the future.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" class="common-bottom-disclaimer__list-item" data-sup="sup-58"> <span class="text_disclaimer">Super Wideband (SWB) is available regardless of the Call App. SWB may not be supported depending on the mobile network between devices.</span> <button type="button" class="click_disclaimer"><img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/sg/galaxy-buds3-pro/feature/galaxy-buds3-pro-icon-disclaimer-top.png" alt="Back to Location"></button> </li> </ol> </div> </div> </div> </div> </div> <script> var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";var t,e,i,s,r,n,a,o,l,h,u,f,c,$,p,d,m,_;_gsScope._gsDefine("TweenMax",["core.Animation","core.SimpleTimeline","TweenLite"],function(t,e,i){var s=function(t){var e,i=[],s=t.length;for(e=0;e!==s;i.push(t[e++]));return i},r=function(t,e,i){var s,r,n=t.cycle;for(s in n)r=n[s],t[s]="function"==typeof r?r(i,e[i],e):r[i%r.length];delete t.cycle},n=function(t){if("function"==typeof t)return t;var e="object"==typeof t?t:{each:t},i=e.ease,s=e.from||0,r=e.base||0,n={},a=isNaN(s),o=e.axis,l={center:.5,end:1}[s]||0;return function(t,h,u){var f,c,$,p,d,m,_,g,y,v=(u||e).length,T=n[v];if(!T){if(!(y="auto"===e.grid?0:(e.grid||[1/0])[0])){for(_=-1/0;_<(_=u[y++].getBoundingClientRect().left)&&y<v;);y--}for(T=n[v]=[],f=a?Math.min(y,v)*l-.5:s%y,c=a?v*l/y-.5:s/y|0,_=0,g=1/0,m=0;m<v;m++)$=m%y-f,p=c-(m/y|0),T[m]=d=o?Math.abs("y"===o?p:$):Math.sqrt($*$+p*p),d>_&&(_=d),d<g&&(g=d);T.max=_-g,T.min=g,T.v=v=e.amount||e.each*(y>v?v-1:o?"y"===o?v/y:y:Math.max(y,v/y))||0,T.b=v<0?r-v:r}return v=(T[t]-T.min)/T.max,T.b+(i?i.getRatio(v):v)*T.v}},a=function(t,e,s){i.call(this,t,e,s),this._cycle=0,this._yoyo=!0===this.vars.yoyo||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._repeat&&this._uncache(!0),this.render=a.prototype.render},o=i._internals,l=o.isSelector,h=o.isArray,u=a.prototype=i.to({},.1,{}),f=[];a.version="2.1.3",u.constructor=a,u.kill()._gc=!1,a.killTweensOf=a.killDelayedCallsTo=i.killTweensOf,a.getTweensOf=i.getTweensOf,a.lagSmoothing=i.lagSmoothing,a.ticker=i.ticker,a.render=i.render,a.distribute=n,u.invalidate=function(){return this._yoyo=!0===this.vars.yoyo||!!this.vars.yoyoEase,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._yoyoEase=null,this._uncache(!0),i.prototype.invalidate.call(this)},u.updateTo=function(t,e){var s,r=this.ratio,n=this.vars.immediateRender||t.immediateRender;for(s in e&&this._startTime<this._timeline._time&&(this._startTime=this._timeline._time,this._uncache(!1),this._gc?this._enabled(!0,!1):this._timeline.insert(this,this._startTime-this._delay)),t)this.vars[s]=t[s];if(this._initted||n){if(e)this._initted=!1,n&&this.render(0,!0,!0);else if(this._gc&&this._enabled(!0,!1),this._notifyPluginsOfEnabled&&this._firstPT&&i._onPluginEvent("_onDisable",this),this._time/this._duration>.998){var a=this._totalTime;this.render(0,!0,!1),this._initted=!1,this.render(a,!0,!1)}else if(this._initted=!1,this._init(),this._time>0||n)for(var o,l=1/(1-r),h=this._firstPT;h;)o=h.s+h.c,h.c*=l,h.s=o-h.c,h=h._next}return this},u.render=function(t,e,s){this._initted||0===this._duration&&this.vars.repeat&&this.invalidate();var r,n,a,l,h,u,f,c,$,p=this._dirty?this.totalDuration():this._totalDuration,d=this._time,m=this._totalTime,_=this._cycle,g=this._duration,y=this._rawPrevTime;if(t>=p-1e-8&&t>=0?(this._totalTime=p,this._cycle=this._repeat,this._yoyo&&0!=(1&this._cycle)?(this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0):(this._time=g,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1),this._reversed||(r=!0,n="onComplete",s=s||this._timeline.autoRemoveChildren),0===g&&(this._initted||!this.vars.lazy||s)&&(this._startTime===this._timeline._duration&&(t=0),(y<0||t<=0&&t>=-.00000001||1e-8===y&&"isPause"!==this.data)&&y!==t&&(s=!0,y>1e-8&&(n="onReverseComplete")),this._rawPrevTime=c=!e||t||y===t?t:1e-8)):t<1e-8?(this._totalTime=this._time=this._cycle=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==m||0===g&&y>0)&&(n="onReverseComplete",r=this._reversed),t>-.00000001?t=0:t<0&&(this._active=!1,0===g&&(this._initted||!this.vars.lazy||s)&&(y>=0&&(s=!0),this._rawPrevTime=c=!e||t||y===t?t:1e-8)),this._initted||(s=!0)):(this._totalTime=this._time=t,0!==this._repeat&&(l=g+this._repeatDelay,this._cycle=this._totalTime/l>>0,0!==this._cycle&&this._cycle===this._totalTime/l&&m<=t&&this._cycle--,this._time=this._totalTime-this._cycle*l,this._yoyo&&0!=(1&this._cycle)&&(this._time=g-this._time,($=this._yoyoEase||this.vars.yoyoEase)&&(this._yoyoEase||(!0!==$||this._initted?this._yoyoEase=$=!0===$?this._ease:$ instanceof Ease?$:Ease.map[$]:($=this.vars.ease,this._yoyoEase=$=$?$ instanceof Ease?$:"function"==typeof $?new Ease($,this.vars.easeParams):Ease.map[$]||i.defaultEase:i.defaultEase)),this.ratio=$?1-$.getRatio((g-this._time)/g):0)),this._time>g?this._time=g:this._time<0&&(this._time=0)),this._easeType&&!$?(h=this._time/g,(1===(u=this._easeType)||3===u&&h>=.5)&&(h=1-h),3===u&&(h*=2),1===(f=this._easePower)?h*=h:2===f?h*=h*h:3===f?h*=h*h*h:4===f&&(h*=h*h*h*h),this.ratio=1===u?1-h:2===u?h:this._time/g<.5?h/2:1-h/2):$||(this.ratio=this._ease.getRatio(this._time/g))),d!==this._time||s||_!==this._cycle){if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!s&&this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration))return this._time=d,this._totalTime=m,this._rawPrevTime=y,this._cycle=_,o.lazyTweens.push(this),void(this._lazy=[t,e]);!this._time||r||$?r&&this._ease._calcEnd&&!$&&(this.ratio=this._ease.getRatio(0===this._time?0:1)):this.ratio=this._ease.getRatio(this._time/g)}for(!1!==this._lazy&&(this._lazy=!1),this._active||!this._paused&&this._time!==d&&t>=0&&(this._active=!0),0===m&&(2===this._initted&&t>0&&this._init(),this._startAt&&(t>=0?this._startAt.render(t,!0,s):n||(n="_dummyGS")),this.vars.onStart&&(0===this._totalTime&&0!==g||e||this._callback("onStart"))),a=this._firstPT;a;)a.f?a.t[a.p](a.c*this.ratio+a.s):a.t[a.p]=a.c*this.ratio+a.s,a=a._next;this._onUpdate&&(t<0&&this._startAt&&this._startTime&&this._startAt.render(t,!0,s),e||(this._totalTime!==m||n)&&this._callback("onUpdate")),this._cycle!==_&&(e||this._gc||this.vars.onRepeat&&this._callback("onRepeat")),n&&(this._gc&&!s||(t<0&&this._startAt&&!this._onUpdate&&this._startTime&&this._startAt.render(t,!0,s),r&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[n]&&this._callback(n),0===g&&1e-8===this._rawPrevTime&&1e-8!==c&&(this._rawPrevTime=0)))}else m!==this._totalTime&&this._onUpdate&&(e||this._callback("onUpdate"))},a.to=function(t,e,i){return new a(t,e,i)},a.from=function(t,e,i){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,new a(t,e,i)},a.fromTo=function(t,e,i,s){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,new a(t,e,s)},a.staggerTo=a.allTo=function(t,e,o,u,c,$,p){var d,m,_,g,y=[],v=n(o.stagger||u),T=o.cycle,x=(o.startAt||f).cycle;for(h(t)||("string"==typeof t&&(t=i.selector(t)||t),l(t)&&(t=s(t))),d=(t=t||[]).length-1,_=0;_<=d;_++){for(g in m={},o)m[g]=o[g];if(T&&(r(m,t,_),null!=m.duration&&(e=m.duration,delete m.duration)),x){for(g in x=m.startAt={},o.startAt)x[g]=o.startAt[g];r(m.startAt,t,_)}m.delay=v(_,t[_],t)+(m.delay||0),_===d&&c&&(m.onComplete=function(){o.onComplete&&o.onComplete.apply(o.onCompleteScope||this,arguments),c.apply(p||o.callbackScope||this,$||f)}),y[_]=new a(t[_],e,m)}return y},a.staggerFrom=a.allFrom=function(t,e,i,s,r,n,o){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,a.staggerTo(t,e,i,s,r,n,o)},a.staggerFromTo=a.allFromTo=function(t,e,i,s,r,n,o,l){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,a.staggerTo(t,e,s,r,n,o,l)},a.delayedCall=function(t,e,i,s,r){return new a(e,0,{delay:t,onComplete:e,onCompleteParams:i,callbackScope:s,onReverseComplete:e,onReverseCompleteParams:i,immediateRender:!1,useFrames:r,overwrite:0})},a.set=function(t,e){return new a(t,0,e)},a.isTweening=function(t){return i.getTweensOf(t,!0).length>0};var c=function(t,e){for(var s=[],r=0,n=t._first;n;)n instanceof i?s[r++]=n:(e&&(s[r++]=n),r=(s=s.concat(c(n,e))).length),n=n._next;return s},$=a.getAllTweens=function(e){return c(t._rootTimeline,e).concat(c(t._rootFramesTimeline,e))};a.killAll=function(t,i,s,r){null==i&&(i=!0),null==s&&(s=!0);var n,a,o,l=$(0!=r),h=l.length,u=i&&s&&r;for(o=0;o<h;o++)a=l[o],(u||a instanceof e||(n=a.target===a.vars.onComplete)&&s||i&&!n)&&(t?a.totalTime(a._reversed?0:a.totalDuration()):a._enabled(!1,!1))},a.killChildTweensOf=function(t,e){if(null!=t){var r,n,u,f,c,$=o.tweenLookup;if("string"==typeof t&&(t=i.selector(t)||t),l(t)&&(t=s(t)),h(t))for(f=t.length;--f>-1;)a.killChildTweensOf(t[f],e);else{for(u in r=[],$)for(n=$[u].target.parentNode;n;)n===t&&(r=r.concat($[u].tweens)),n=n.parentNode;for(c=r.length,f=0;f<c;f++)e&&r[f].totalTime(r[f].totalDuration()),r[f]._enabled(!1,!1)}}};var p=function(t,i,s,r){i=!1!==i,s=!1!==s;for(var n,a,o=$(r=!1!==r),l=i&&s&&r,h=o.length;--h>-1;)a=o[h],(l||a instanceof e||(n=a.target===a.vars.onComplete)&&s||i&&!n)&&a.paused(t)};return a.pauseAll=function(t,e,i){p(!0,t,e,i)},a.resumeAll=function(t,e,i){p(!1,t,e,i)},a.globalTimeScale=function(e){var s=t._rootTimeline,r=i.ticker.time;return arguments.length?(e=e||1e-8,s._startTime=r-(r-s._startTime)*s._timeScale/e,s=t._rootFramesTimeline,r=i.ticker.frame,s._startTime=r-(r-s._startTime)*s._timeScale/e,s._timeScale=t._rootTimeline._timeScale=e,e):s._timeScale},u.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(this._yoyo&&0!=(1&this._cycle)?1-t:t)+this._cycle*(this._duration+this._repeatDelay),e):this.duration()?this._time/this._duration:this.ratio},u.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this._totalTime/this.totalDuration()},u.time=function(t,e){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();var i=this._duration,s=this._cycle,r=s*(i+this._repeatDelay);return t>i&&(t=i),this.totalTime(this._yoyo&&1&s?i-t+r:this._repeat?t+r:t,e)},u.duration=function(e){return arguments.length?t.prototype.duration.call(this,e):this._duration},u.totalDuration=function(t){return arguments.length?-1===this._repeat?this:this.duration((t-this._repeat*this._repeatDelay)/(this._repeat+1)):(this._dirty&&(this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat,this._dirty=!1),this._totalDuration)},u.repeat=function(t){return arguments.length?(this._repeat=t,this._uncache(!0)):this._repeat},u.repeatDelay=function(t){return arguments.length?(this._repeatDelay=t,this._uncache(!0)):this._repeatDelay},u.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},a},!0),_gsScope._gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline","TweenLite"],function(t,e,i){var s=function(t){e.call(this,t);var i,s,r=this.vars;for(s in this._labels={},this.autoRemoveChildren=!!r.autoRemoveChildren,this.smoothChildTiming=!!r.smoothChildTiming,this._sortChildren=!0,this._onUpdate=r.onUpdate,r)o(i=r[s])&&-1!==i.join("").indexOf("{self}")&&(r[s]=this._swapSelfInParams(i));o(r.tweens)&&this.add(r.tweens,0,r.align,r.stagger)},r=i._internals,n=s._internals={},a=r.isSelector,o=r.isArray,l=r.lazyTweens,h=r.lazyRender,u=_gsScope._gsDefine.globals,f=function(t){var e,i={};for(e in t)i[e]=t[e];return i},c=function(t,e,i){var s,r,n=t.cycle;for(s in n)r=n[s],t[s]="function"==typeof r?r(i,e[i],e):r[i%r.length];delete t.cycle},$=n.pauseCallback=function(){},p=function(t,e,i,s){var r="immediateRender";return r in e||(e[r]=!(i&&!1===i[r]||s)),e},d=function(t){if("function"==typeof t)return t;var e="object"==typeof t?t:{each:t},i=e.ease,s=e.from||0,r=e.base||0,n={},a=isNaN(s),o=e.axis,l={center:.5,end:1}[s]||0;return function(t,h,u){var f,c,$,p,d,m,_,g,y,v=(u||e).length,T=n[v];if(!T){if(!(y="auto"===e.grid?0:(e.grid||[1/0])[0])){for(_=-1/0;_<(_=u[y++].getBoundingClientRect().left)&&y<v;);y--}for(T=n[v]=[],f=a?Math.min(y,v)*l-.5:s%y,c=a?v*l/y-.5:s/y|0,_=0,g=1/0,m=0;m<v;m++)$=m%y-f,p=c-(m/y|0),T[m]=d=o?Math.abs("y"===o?p:$):Math.sqrt($*$+p*p),d>_&&(_=d),d<g&&(g=d);T.max=_-g,T.min=g,T.v=v=e.amount||e.each*(y>v?v-1:o?"y"===o?v/y:y:Math.max(y,v/y))||0,T.b=v<0?r-v:r}return v=(T[t]-T.min)/T.max,T.b+(i?i.getRatio(v):v)*T.v}},m=s.prototype=new e;return s.version="2.1.3",s.distribute=d,m.constructor=s,m.kill()._gc=m._forcingPlayhead=m._hasPause=!1,m.to=function(t,e,s,r){var n=s.repeat&&u.TweenMax||i;return e?this.add(new n(t,e,s),r):this.set(t,s,r)},m.from=function(t,e,s,r){return this.add((s.repeat&&u.TweenMax||i).from(t,e,p(0,s)),r)},m.fromTo=function(t,e,s,r,n){var a=r.repeat&&u.TweenMax||i;return r=p(0,r,s),e?this.add(a.fromTo(t,e,s,r),n):this.set(t,r,n)},m.staggerTo=function(t,e,r,n,o,l,h,u){var $,p,m=new s({onComplete:l,onCompleteParams:h,callbackScope:u,smoothChildTiming:this.smoothChildTiming}),_=d(r.stagger||n),g=r.startAt,y=r.cycle;for("string"==typeof t&&(t=i.selector(t)||t),a(t=t||[])&&(t=function(t){var e,i=[],s=t.length;for(e=0;e!==s;i.push(t[e++]));return i}(t)),p=0;p<t.length;p++)$=f(r),g&&($.startAt=f(g),g.cycle&&c($.startAt,t,p)),y&&(c($,t,p),null!=$.duration&&(e=$.duration,delete $.duration)),m.to(t[p],e,$,_(p,t[p],t));return this.add(m,o)},m.staggerFrom=function(t,e,i,s,r,n,a,o){return i.runBackwards=!0,this.staggerTo(t,e,p(0,i),s,r,n,a,o)},m.staggerFromTo=function(t,e,i,s,r,n,a,o,l){return s.startAt=i,this.staggerTo(t,e,p(0,s,i),r,n,a,o,l)},m.call=function(t,e,s,r){return this.add(i.delayedCall(0,t,e,s),r)},m.set=function(t,e,s){return this.add(new i(t,0,p(0,e,null,!0)),s)},s.exportRoot=function(t,e){null==(t=t||{}).smoothChildTiming&&(t.smoothChildTiming=!0);var r,n,a,o,l=new s(t),h=l._timeline;for(null==e&&(e=!0),h._remove(l,!0),l._startTime=0,l._rawPrevTime=l._time=l._totalTime=h._time,a=h._first;a;)o=a._next,e&&a instanceof i&&a.target===a.vars.onComplete||((n=a._startTime-a._delay)<0&&(r=1),l.add(a,n)),a=o;return h.add(l,0),r&&l.totalDuration(),l},m.add=function(r,n,a,l){var h,u,f,c,$,p;if("number"!=typeof n&&(n=this._parseTimeOrLabel(n,0,!0,r)),!(r instanceof t)){if(r instanceof Array||r&&r.push&&o(r)){for(a=a||"normal",l=l||0,h=n,u=r.length,f=0;f<u;f++)o(c=r[f])&&(c=new s({tweens:c})),this.add(c,h),"string"!=typeof c&&"function"!=typeof c&&("sequence"===a?h=c._startTime+c.totalDuration()/c._timeScale:"start"===a&&(c._startTime-=c.delay())),h+=l;return this._uncache(!0)}if("string"==typeof r)return this.addLabel(r,n);if("function"!=typeof r)throw"Cannot add "+r+" into the timeline; it is not a tween, timeline, function, or string.";r=i.delayedCall(0,r)}if(e.prototype.add.call(this,r,n),(r._time||!r._duration&&r._initted)&&(h=(this.rawTime()-r._startTime)*r._timeScale,(!r._duration||Math.abs(Math.max(0,Math.min(r.totalDuration(),h)))-r._totalTime>1e-5)&&r.render(h,!1,!1)),(this._gc||this._time===this._duration)&&!this._paused&&this._duration<this.duration())for(p=($=this).rawTime()>r._startTime;$._timeline;)p&&$._timeline.smoothChildTiming?$.totalTime($._totalTime,!0):$._gc&&$._enabled(!0,!1),$=$._timeline;return this},m.remove=function(e){if(e instanceof t){this._remove(e,!1);var i=e._timeline=e.vars.useFrames?t._rootFramesTimeline:t._rootTimeline;return e._startTime=(e._paused?e._pauseTime:i._time)-(e._reversed?e.totalDuration()-e._totalTime:e._totalTime)/e._timeScale,this}if(e instanceof Array||e&&e.push&&o(e)){for(var s=e.length;--s>-1;)this.remove(e[s]);return this}return"string"==typeof e?this.removeLabel(e):this.kill(null,e)},m._remove=function(t,i){return e.prototype._remove.call(this,t,i),this._last?this._time>this.duration()&&(this._time=this._duration,this._totalTime=this._totalDuration):this._time=this._totalTime=this._duration=this._totalDuration=0,this},m.append=function(t,e){return this.add(t,this._parseTimeOrLabel(null,e,!0,t))},m.insert=m.insertMultiple=function(t,e,i,s){return this.add(t,e||0,i,s)},m.appendMultiple=function(t,e,i,s){return this.add(t,this._parseTimeOrLabel(null,e,!0,t),i,s)},m.addLabel=function(t,e){return this._labels[t]=this._parseTimeOrLabel(e),this},m.addPause=function(t,e,s,r){var n=i.delayedCall(0,$,s,r||this);return n.vars.onComplete=n.vars.onReverseComplete=e,n.data="isPause",this._hasPause=!0,this.add(n,t)},m.removeLabel=function(t){return delete this._labels[t],this},m.getLabelTime=function(t){return null!=this._labels[t]?this._labels[t]:-1},m._parseTimeOrLabel=function(e,i,s,r){var n,a;if(r instanceof t&&r.timeline===this)this.remove(r);else if(r&&(r instanceof Array||r.push&&o(r)))for(a=r.length;--a>-1;)r[a]instanceof t&&r[a].timeline===this&&this.remove(r[a]);if(n="number"!=typeof e||i?this.duration()>99999999999?this.recent().endTime(!1):this._duration:0,"string"==typeof i)return this._parseTimeOrLabel(i,s&&"number"==typeof e&&null==this._labels[i]?e-n:0,s);if(i=i||0,"string"==typeof e&&(isNaN(e)||null!=this._labels[e])){if(-1===(a=e.indexOf("=")))return null==this._labels[e]?s?this._labels[e]=n+i:i:this._labels[e]+i;i=parseInt(e.charAt(a-1)+"1",10)*Number(e.substr(a+1)),e=a>1?this._parseTimeOrLabel(e.substr(0,a-1),0,s):n}else null==e&&(e=n);return Number(e)+i},m.seek=function(t,e){return this.totalTime("number"==typeof t?t:this._parseTimeOrLabel(t),!1!==e)},m.stop=function(){return this.paused(!0)},m.gotoAndPlay=function(t,e){return this.play(t,e)},m.gotoAndStop=function(t,e){return this.pause(t,e)},m.render=function(t,e,i){this._gc&&this._enabled(!0,!1);var s,r,n,a,o,u,f,c,$=this._time,p=this._dirty?this.totalDuration():this._totalDuration,d=this._startTime,m=this._timeScale,_=this._paused;if($!==this._time&&(t+=this._time-$),this._hasPause&&!this._forcingPlayhead&&!e){if(t>$)for(s=this._first;s&&s._startTime<=t&&!u;)s._duration||"isPause"!==s.data||s.ratio||0===s._startTime&&0===this._rawPrevTime||(u=s),s=s._next;else for(s=this._last;s&&s._startTime>=t&&!u;)s._duration||"isPause"===s.data&&s._rawPrevTime>0&&(u=s),s=s._prev;u&&(this._time=this._totalTime=t=u._startTime,c=this._startTime+(this._reversed?this._duration-t:t)/this._timeScale)}if(t>=p-1e-8&&t>=0)this._totalTime=this._time=p,this._reversed||this._hasPausedChild()||(r=!0,a="onComplete",o=!!this._timeline.autoRemoveChildren,0===this._duration&&(t<=0&&t>=-.00000001||this._rawPrevTime<0||1e-8===this._rawPrevTime)&&this._rawPrevTime!==t&&this._first&&(o=!0,this._rawPrevTime>1e-8&&(a="onReverseComplete"))),this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:1e-8,t=p+1e-4;else if(t<1e-8){if(this._totalTime=this._time=0,t>-.00000001&&(t=0),(0!==$||0===this._duration&&1e-8!==this._rawPrevTime&&(this._rawPrevTime>0||t<0&&this._rawPrevTime>=0))&&(a="onReverseComplete",r=this._reversed),t<0)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(o=r=!0,a="onReverseComplete"):this._rawPrevTime>=0&&this._first&&(o=!0),this._rawPrevTime=t;else{if(this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:1e-8,0===t&&r)for(s=this._first;s&&0===s._startTime;)s._duration||(r=!1),s=s._next;t=0,this._initted||(o=!0)}}else this._totalTime=this._time=this._rawPrevTime=t;if(this._time!==$&&this._first||i||o||u){if(this._initted||(this._initted=!0),this._active||!this._paused&&this._time!==$&&t>0&&(this._active=!0),0===$&&this.vars.onStart&&(0===this._time&&this._duration||e||this._callback("onStart")),(f=this._time)>=$)for(s=this._first;s&&(n=s._next,f===this._time&&(!this._paused||_));)(s._active||s._startTime<=f&&!s._paused&&!s._gc)&&(u===s&&(this.pause(),this._pauseTime=c),s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)),s=n;else for(s=this._last;s&&(n=s._prev,f===this._time&&(!this._paused||_));){if(s._active||s._startTime<=$&&!s._paused&&!s._gc){if(u===s){for(u=s._prev;u&&u.endTime()>this._time;)u.render(u._reversed?u.totalDuration()-(t-u._startTime)*u._timeScale:(t-u._startTime)*u._timeScale,e,i),u=u._prev;u=null,this.pause(),this._pauseTime=c}s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)}s=n}this._onUpdate&&(e||(l.length&&h(),this._callback("onUpdate"))),a&&(this._gc||d!==this._startTime&&m===this._timeScale||(0===this._time||p>=this.totalDuration())&&(r&&(l.length&&h(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[a]&&this._callback(a)))}},m._hasPausedChild=function(){for(var t=this._first;t;){if(t._paused||t instanceof s&&t._hasPausedChild())return!0;t=t._next}return!1},m.getChildren=function(t,e,s,r){r=r||-9999999999;for(var n=[],a=this._first,o=0;a;)a._startTime<r||(a instanceof i?!1!==e&&(n[o++]=a):(!1!==s&&(n[o++]=a),!1!==t&&(o=(n=n.concat(a.getChildren(!0,e,s))).length))),a=a._next;return n},m.getTweensOf=function(t,e){var s,r,n=this._gc,a=[],o=0;for(n&&this._enabled(!0,!0),r=(s=i.getTweensOf(t)).length;--r>-1;)(s[r].timeline===this||e&&this._contains(s[r]))&&(a[o++]=s[r]);return n&&this._enabled(!1,!0),a},m.recent=function(){return this._recent},m._contains=function(t){for(var e=t.timeline;e;){if(e===this)return!0;e=e.timeline}return!1},m.shiftChildren=function(t,e,i){i=i||0;for(var s,r=this._first,n=this._labels;r;)r._startTime>=i&&(r._startTime+=t),r=r._next;if(e)for(s in n)n[s]>=i&&(n[s]+=t);return this._uncache(!0)},m._kill=function(t,e){if(!t&&!e)return this._enabled(!1,!1);for(var i=e?this.getTweensOf(e):this.getChildren(!0,!0,!1),s=i.length,r=!1;--s>-1;)i[s]._kill(t,e)&&(r=!0);return r},m.clear=function(t){var e=this.getChildren(!1,!0,!0),i=e.length;for(this._time=this._totalTime=0;--i>-1;)e[i]._enabled(!1,!1);return!1!==t&&(this._labels={}),this._uncache(!0)},m.invalidate=function(){for(var e=this._first;e;)e.invalidate(),e=e._next;return t.prototype.invalidate.call(this)},m._enabled=function(t,i){if(t===this._gc)for(var s=this._first;s;)s._enabled(t,!0),s=s._next;return e.prototype._enabled.call(this,t,i)},m.totalTime=function(e,i,s){this._forcingPlayhead=!0;var r=t.prototype.totalTime.apply(this,arguments);return this._forcingPlayhead=!1,r},m.duration=function(t){return arguments.length?(0!==this.duration()&&0!==t&&this.timeScale(this._duration/t),this):(this._dirty&&this.totalDuration(),this._duration)},m.totalDuration=function(t){if(!arguments.length){if(this._dirty){for(var e,i,s=0,r=this._last,n=999999999999;r;)e=r._prev,r._dirty&&r.totalDuration(),r._startTime>n&&this._sortChildren&&!r._paused&&!this._calculatingDuration?(this._calculatingDuration=1,this.add(r,r._startTime-r._delay),this._calculatingDuration=0):n=r._startTime,r._startTime<0&&!r._paused&&(s-=r._startTime,this._timeline.smoothChildTiming&&(this._startTime+=r._startTime/this._timeScale,this._time-=r._startTime,this._totalTime-=r._startTime,this._rawPrevTime-=r._startTime),this.shiftChildren(-r._startTime,!1,-9999999999),n=0),(i=r._startTime+r._totalDuration/r._timeScale)>s&&(s=i),r=e;this._duration=this._totalDuration=s,this._dirty=!1}return this._totalDuration}return t&&this.totalDuration()?this.timeScale(this._totalDuration/t):this},m.paused=function(e){if(!1===e&&this._paused)for(var i=this._first;i;)i._startTime===this._time&&"isPause"===i.data&&(i._rawPrevTime=0),i=i._next;return t.prototype.paused.apply(this,arguments)},m.usesFrames=function(){for(var e=this._timeline;e._timeline;)e=e._timeline;return e===t._rootFramesTimeline},m.rawTime=function(t){return t&&(this._paused||this._repeat&&this.time()>0&&1>this.totalProgress())?this._totalTime%(this._duration+this._repeatDelay):this._paused?this._totalTime:(this._timeline.rawTime(t)-this._startTime)*this._timeScale},s},!0),_gsScope._gsDefine("TimelineMax",["TimelineLite","TweenLite","easing.Ease"],function(t,e,i){var s=function(e){t.call(this,e),this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._cycle=0,this._yoyo=!!this.vars.yoyo,this._dirty=!0},r=e._internals,n=r.lazyTweens,a=r.lazyRender,o=_gsScope._gsDefine.globals,l=new i(null,null,1,0),h=s.prototype=new t;return h.constructor=s,h.kill()._gc=!1,s.version="2.1.3",h.invalidate=function(){return this._yoyo=!!this.vars.yoyo,this._repeat=this.vars.repeat||0,this._repeatDelay=this.vars.repeatDelay||0,this._uncache(!0),t.prototype.invalidate.call(this)},h.addCallback=function(t,i,s,r){return this.add(e.delayedCall(0,t,s,r),i)},h.removeCallback=function(t,e){if(t){if(null==e)this._kill(null,t);else for(var i=this.getTweensOf(t,!1),s=i.length,r=this._parseTimeOrLabel(e);--s>-1;)i[s]._startTime===r&&i[s]._enabled(!1,!1)}return this},h.removePause=function(e){return this.removeCallback(t._internals.pauseCallback,e)},h.tweenTo=function(t,i){i=i||{};var s,r,n,a={ease:l,useFrames:this.usesFrames(),immediateRender:!1,lazy:!1},h=i.repeat&&o.TweenMax||e;for(r in i)a[r]=i[r];return a.time=this._parseTimeOrLabel(t),s=Math.abs(Number(a.time)-this._time)/this._timeScale||.001,n=new h(this,s,a),a.onStart=function(){n.target.paused(!0),n.vars.time===n.target.time()||s!==n.duration()||n.isFromTo||n.duration(Math.abs(n.vars.time-n.target.time())/n.target._timeScale).render(n.time(),!0,!0),i.onStart&&i.onStart.apply(i.onStartScope||i.callbackScope||n,i.onStartParams||[])},n},h.tweenFromTo=function(t,e,i){i=i||{},t=this._parseTimeOrLabel(t),i.startAt={onComplete:this.seek,onCompleteParams:[t],callbackScope:this},i.immediateRender=!1!==i.immediateRender;var s=this.tweenTo(e,i);return s.isFromTo=1,s.duration(Math.abs(s.vars.time-t)/this._timeScale||.001)},h.render=function(t,e,i){this._gc&&this._enabled(!0,!1);var s,r,o,l,h,u,f,c,$,p=this._time,d=this._dirty?this.totalDuration():this._totalDuration,m=this._duration,_=this._totalTime,g=this._startTime,y=this._timeScale,v=this._rawPrevTime,T=this._paused,x=this._cycle;if(p!==this._time&&(t+=this._time-p),t>=d-1e-8&&t>=0)this._locked||(this._totalTime=d,this._cycle=this._repeat),this._reversed||this._hasPausedChild()||(r=!0,l="onComplete",h=!!this._timeline.autoRemoveChildren,0===this._duration&&(t<=0&&t>=-.00000001||v<0||1e-8===v)&&v!==t&&this._first&&(h=!0,v>1e-8&&(l="onReverseComplete"))),this._rawPrevTime=this._duration||!e||t||this._rawPrevTime===t?t:1e-8,this._yoyo&&1&this._cycle?this._time=t=0:(this._time=m,t=m+1e-4);else if(t<1e-8){if(this._locked||(this._totalTime=this._cycle=0),this._time=0,t>-.00000001&&(t=0),(0!==p||0===m&&1e-8!==v&&(v>0||t<0&&v>=0)&&!this._locked)&&(l="onReverseComplete",r=this._reversed),t<0)this._active=!1,this._timeline.autoRemoveChildren&&this._reversed?(h=r=!0,l="onReverseComplete"):v>=0&&this._first&&(h=!0),this._rawPrevTime=t;else{if(this._rawPrevTime=m||!e||t||this._rawPrevTime===t?t:1e-8,0===t&&r)for(s=this._first;s&&0===s._startTime;)s._duration||(r=!1),s=s._next;t=0,this._initted||(h=!0)}}else 0===m&&v<0&&(h=!0),this._time=this._rawPrevTime=t,this._locked||(this._totalTime=t,0!==this._repeat&&(u=m+this._repeatDelay,this._cycle=this._totalTime/u>>0,this._cycle&&this._cycle===this._totalTime/u&&_<=t&&this._cycle--,this._time=this._totalTime-this._cycle*u,this._yoyo&&1&this._cycle&&(this._time=m-this._time),this._time>m?(this._time=m,t=m+1e-4):this._time<0?this._time=t=0:t=this._time));if(this._hasPause&&!this._forcingPlayhead&&!e){if((t=this._time)>p||this._repeat&&x!==this._cycle)for(s=this._first;s&&s._startTime<=t&&!f;)s._duration||"isPause"!==s.data||s.ratio||0===s._startTime&&0===this._rawPrevTime||(f=s),s=s._next;else for(s=this._last;s&&s._startTime>=t&&!f;)s._duration||"isPause"===s.data&&s._rawPrevTime>0&&(f=s),s=s._prev;f&&($=this._startTime+(this._reversed?this._duration-f._startTime:f._startTime)/this._timeScale,f._startTime<m&&(this._time=this._rawPrevTime=t=f._startTime,this._totalTime=t+this._cycle*(this._totalDuration+this._repeatDelay)))}if(this._cycle!==x&&!this._locked){var b=this._yoyo&&0!=(1&x),w=b===(this._yoyo&&0!=(1&this._cycle)),P=this._totalTime,O=this._cycle,S=this._rawPrevTime,k=this._time;if(this._totalTime=x*m,this._cycle<x?b=!b:this._totalTime+=m,this._time=p,this._rawPrevTime=0===m?v-1e-4:v,this._cycle=x,this._locked=!0,p=b?0:m,this.render(p,e,0===m),e||this._gc||this.vars.onRepeat&&(this._cycle=O,this._locked=!1,this._callback("onRepeat")),p!==this._time||(w&&(this._cycle=x,this._locked=!0,p=b?m+1e-4:-.0001,this.render(p,!0,!1)),this._locked=!1,this._paused&&!T))return;this._time=k,this._totalTime=P,this._cycle=O,this._rawPrevTime=S}if(this._time!==p&&this._first||i||h||f){if(this._initted||(this._initted=!0),this._active||!this._paused&&this._totalTime!==_&&t>0&&(this._active=!0),0===_&&this.vars.onStart&&(0===this._totalTime&&this._totalDuration||e||this._callback("onStart")),(c=this._time)>=p)for(s=this._first;s&&(o=s._next,c===this._time&&(!this._paused||T));)(s._active||s._startTime<=this._time&&!s._paused&&!s._gc)&&(f===s&&(this.pause(),this._pauseTime=$),s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)),s=o;else for(s=this._last;s&&(o=s._prev,c===this._time&&(!this._paused||T));){if(s._active||s._startTime<=p&&!s._paused&&!s._gc){if(f===s){for(f=s._prev;f&&f.endTime()>this._time;)f.render(f._reversed?f.totalDuration()-(t-f._startTime)*f._timeScale:(t-f._startTime)*f._timeScale,e,i),f=f._prev;f=null,this.pause(),this._pauseTime=$}s._reversed?s.render((s._dirty?s.totalDuration():s._totalDuration)-(t-s._startTime)*s._timeScale,e,i):s.render((t-s._startTime)*s._timeScale,e,i)}s=o}this._onUpdate&&(e||(n.length&&a(),this._callback("onUpdate"))),l&&(this._locked||this._gc||g!==this._startTime&&y===this._timeScale||(0===this._time||d>=this.totalDuration())&&(r&&(n.length&&a(),this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[l]&&this._callback(l)))}else _!==this._totalTime&&this._onUpdate&&(e||this._callback("onUpdate"))},h.getActive=function(t,e,i){var s,r,n=[],a=this.getChildren(t||null==t,e||null==t,!!i),o=0,l=a.length;for(s=0;s<l;s++)(r=a[s]).isActive()&&(n[o++]=r);return n},h.getLabelAfter=function(t){t||0!==t&&(t=this._time);var e,i=this.getLabelsArray(),s=i.length;for(e=0;e<s;e++)if(i[e].time>t)return i[e].name;return null},h.getLabelBefore=function(t){null==t&&(t=this._time);for(var e=this.getLabelsArray(),i=e.length;--i>-1;)if(e[i].time<t)return e[i].name;return null},h.getLabelsArray=function(){var t,e=[],i=0;for(t in this._labels)e[i++]={time:this._labels[t],name:t};return e.sort(function(t,e){return t.time-e.time}),e},h.invalidate=function(){return this._locked=!1,t.prototype.invalidate.call(this)},h.progress=function(t,e){return arguments.length?this.totalTime(this.duration()*(this._yoyo&&0!=(1&this._cycle)?1-t:t)+this._cycle*(this._duration+this._repeatDelay),e):this._time/this.duration()||0},h.totalProgress=function(t,e){return arguments.length?this.totalTime(this.totalDuration()*t,e):this._totalTime/this.totalDuration()||0},h.totalDuration=function(e){return arguments.length?-1!==this._repeat&&e?this.timeScale(this.totalDuration()/e):this:(this._dirty&&(t.prototype.totalDuration.call(this),this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat),this._totalDuration)},h.time=function(t,e){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();var i=this._duration,s=this._cycle,r=s*(i+this._repeatDelay);return t>i&&(t=i),this.totalTime(this._yoyo&&1&s?i-t+r:this._repeat?t+r:t,e)},h.repeat=function(t){return arguments.length?(this._repeat=t,this._uncache(!0)):this._repeat},h.repeatDelay=function(t){return arguments.length?(this._repeatDelay=t,this._uncache(!0)):this._repeatDelay},h.yoyo=function(t){return arguments.length?(this._yoyo=t,this):this._yoyo},h.currentLabel=function(t){return arguments.length?this.seek(t,!0):this.getLabelBefore(this._time+1e-8)},s},!0),t=180/Math.PI,e=[],i=[],s=[],r={},n=_gsScope._gsDefine.globals,a=function(t,e,i,s){i===s&&(i=s-(s-e)/1e6),t===e&&(e=t+(i-t)/1e6),this.a=t,this.b=e,this.c=i,this.d=s,this.da=s-t,this.ca=i-t,this.ba=e-t},o=function(t,e,i,s){var r={a:t},n={},a={},o={c:s},l=(t+e)/2,h=(e+i)/2,u=(i+s)/2,f=(l+h)/2,c=(h+u)/2,$=(c-f)/8;return r.b=l+(t-l)/4,n.b=f+$,r.c=n.a=(r.b+n.b)/2,n.c=a.a=(f+c)/2,a.b=c-$,o.b=u+(s-u)/4,a.c=o.a=(a.b+o.b)/2,[r,n,a,o]},l=function(t,r,n,a,l){var h,u,f,c,$,p,d,m,_,g,y,v,T,x=t.length-1,b=0,w=t[0].a;for(h=0;h<x;h++)u=($=t[b]).a,f=$.d,c=t[b+1].d,l?(y=e[h],T=((v=i[h])+y)*r*.25/(a?.5:s[h]||.5),m=f-((p=f-(f-u)*(a?.5*r:0!==y?T/y:0))+(((d=f+(c-f)*(a?.5*r:0!==v?T/v:0))-p)*(3*y/(y+v)+.5)/4||0))):m=f-((p=f-(f-u)*r*.5)+(d=f+(c-f)*r*.5))/2,p+=m,d+=m,$.c=_=p,$.b=0!==h?w:w=$.a+.6*($.c-$.a),$.da=f-u,$.ca=_-u,$.ba=w-u,n?(g=o(u,w,_,f),t.splice(b,1,g[0],g[1],g[2],g[3]),b+=4):b++,w=d;($=t[b]).b=w,$.c=w+.4*($.d-w),$.da=$.d-$.a,$.ca=$.c-$.a,$.ba=w-$.a,n&&(g=o($.a,w,$.c,$.d),t.splice(b,1,g[0],g[1],g[2],g[3]))},h=function(t,s,r,n){var o,l,h,u,f,c,$=[];if(n)for(l=(t=[n].concat(t)).length;--l>-1;)"string"==typeof(c=t[l][s])&&"="===c.charAt(1)&&(t[l][s]=n[s]+Number(c.charAt(0)+c.substr(2)));if((o=t.length-2)<0)return $[0]=new a(t[0][s],0,0,t[0][s]),$;for(l=0;l<o;l++)h=t[l][s],u=t[l+1][s],$[l]=new a(h,0,0,u),r&&(f=t[l+2][s],e[l]=(e[l]||0)+(u-h)*(u-h),i[l]=(i[l]||0)+(f-u)*(f-u));return $[l]=new a(t[l][s],0,0,t[l+1][s]),$},u=function(t,n,a,o,u,f){var c,$,p,d,m,_,g,y,v={},T=[],x=f||t[0];for($ in u="string"==typeof u?","+u+",":",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,",null==n&&(n=1),t[0])T.push($);if(t.length>1){for(y=t[t.length-1],g=!0,c=T.length;--c>-1;)if(Math.abs(x[$=T[c]]-y[$])>.05){g=!1;break}g&&(t=t.concat(),f&&t.unshift(f),t.push(t[1]),f=t[t.length-3])}for(e.length=i.length=s.length=0,c=T.length;--c>-1;)r[$=T[c]]=-1!==u.indexOf(","+$+","),v[$]=h(t,$,r[$],f);for(c=e.length;--c>-1;)e[c]=Math.sqrt(e[c]),i[c]=Math.sqrt(i[c]);if(!o){for(c=T.length;--c>-1;)if(r[$])for(_=(p=v[T[c]]).length-1,d=0;d<_;d++)m=p[d+1].da/i[d]+p[d].da/e[d]||0,s[d]=(s[d]||0)+m*m;for(c=s.length;--c>-1;)s[c]=Math.sqrt(s[c])}for(c=T.length,d=a?4:1;--c>-1;)l(p=v[$=T[c]],n,a,o,r[$]),g&&(p.splice(0,d),p.splice(p.length-d,d));return v},f=function(t,e,i){for(var s,r,n,a,o,l,h,u,f,c,$,p=1/i,d=t.length;--d>-1;)for(n=(c=t[d]).a,a=c.d-n,o=c.c-n,l=c.b-n,s=r=0,u=1;u<=i;u++)s=r-(r=((h=p*u)*h*a+3*(f=1-h)*(h*o+f*l))*h),e[$=d*i+u-1]=(e[$]||0)+s*s},$=(c=_gsScope._gsDefine.plugin({propName:"bezier",priority:-1,version:"1.3.9",API:2,global:!0,init:function(t,e,i){this._target=t,e instanceof Array&&(e={values:e}),this._func={},this._mod={},this._props=[],this._timeRes=null==e.timeResolution?6:parseInt(e.timeResolution,10);var s,r,n,o,l,h=e.values||[],c={},$=h[0],p=e.autoRotate||i.vars.orientToBezier;for(s in this._autoRotate=p?p instanceof Array?p:[["x","y","rotation",!0===p?0:Number(p)||0]]:null,$)this._props.push(s);for(n=this._props.length;--n>-1;)s=this._props[n],this._overwriteProps.push(s),r=this._func[s]="function"==typeof t[s],c[s]=r?t[s.indexOf("set")||"function"!=typeof t["get"+s.substr(3)]?s:"get"+s.substr(3)]():parseFloat(t[s]),l||c[s]!==h[0][s]&&(l=c);if(this._beziers="cubic"!==e.type&&"quadratic"!==e.type&&"soft"!==e.type?u(h,isNaN(e.curviness)?1:e.curviness,!1,"thruBasic"===e.type,e.correlate,l):function(t,e,i){var s,r,n,o,l,h,u,f,c,$,p,d={},m="cubic"===(e=e||"soft")?3:2,_="soft"===e,g=[];if(_&&i&&(t=[i].concat(t)),null==t||t.length<m+1)throw"invalid Bezier data";for(c in t[0])g.push(c);for(h=g.length;--h>-1;){for(d[c=g[h]]=l=[],$=0,f=t.length,u=0;u<f;u++)s=null==i?t[u][c]:"string"==typeof(p=t[u][c])&&"="===p.charAt(1)?i[c]+Number(p.charAt(0)+p.substr(2)):Number(p),_&&u>1&&u<f-1&&(l[$++]=(s+l[$-2])/2),l[$++]=s;for(f=$-m+1,$=0,u=0;u<f;u+=m)s=l[u],r=l[u+1],n=l[u+2],o=2===m?0:l[u+3],l[$++]=p=3===m?new a(s,r,n,o):new a(s,(2*r+s)/3,(2*r+n)/3,n);l.length=$}return d}(h,e.type,c),this._segCount=this._beziers[s].length,this._timeRes){var d=function(t,e){var i,s,r,n,a=[],o=[],l=0,h=0,u=(e=e>>0||6)-1,c=[],$=[];for(i in t)f(t[i],a,e);for(r=a.length,s=0;s<r;s++)l+=Math.sqrt(a[s]),$[n=s%e]=l,n===u&&(h+=l,c[n=s/e>>0]=$,o[n]=h,l=0,$=[]);return{length:h,lengths:o,segments:c}}(this._beziers,this._timeRes);this._length=d.length,this._lengths=d.lengths,this._segments=d.segments,this._l1=this._li=this._s1=this._si=0,this._l2=this._lengths[0],this._curSeg=this._segments[0],this._s2=this._curSeg[0],this._prec=1/this._curSeg.length}if(p=this._autoRotate)for(this._initialRotations=[],p[0]instanceof Array||(this._autoRotate=p=[p]),n=p.length;--n>-1;){for(o=0;o<3;o++)s=p[n][o],this._func[s]="function"==typeof t[s]&&t[s.indexOf("set")||"function"!=typeof t["get"+s.substr(3)]?s:"get"+s.substr(3)];s=p[n][2],this._initialRotations[n]=(this._func[s]?this._func[s].call(this._target):this._target[s])||0,this._overwriteProps.push(s)}return this._startRatio=i.vars.runBackwards?1:0,!0},set:function(e){var i,s,r,n,a,o,l,h,u,f,c,$=this._segCount,p=this._func,d=this._target,m=e!==this._startRatio;if(this._timeRes){if(u=this._lengths,f=this._curSeg,c=e*this._length,r=this._li,c>this._l2&&r<$-1){for(h=$-1;r<h&&(this._l2=u[++r])<=c;);this._l1=u[r-1],this._li=r,this._curSeg=f=this._segments[r],this._s2=f[this._s1=this._si=0]}else if(c<this._l1&&r>0){for(;r>0&&(this._l1=u[--r])>=c;);0===r&&c<this._l1?this._l1=0:r++,this._l2=u[r],this._li=r,this._curSeg=f=this._segments[r],this._s1=f[(this._si=f.length-1)-1]||0,this._s2=f[this._si]}if(i=r,c-=this._l1,r=this._si,c>this._s2&&r<f.length-1){for(h=f.length-1;r<h&&(this._s2=f[++r])<=c;);this._s1=f[r-1],this._si=r}else if(c<this._s1&&r>0){for(;r>0&&(this._s1=f[--r])>=c;);0===r&&c<this._s1?this._s1=0:r++,this._s2=f[r],this._si=r}o=1===e?1:(r+(c-this._s1)/(this._s2-this._s1))*this._prec||0}else o=(e-(i=e<0?0:e>=1?$-1:$*e>>0)*(1/$))*$;for(s=1-o,r=this._props.length;--r>-1;)n=this._props[r],l=(o*o*(a=this._beziers[n][i]).da+3*s*(o*a.ca+s*a.ba))*o+a.a,this._mod[n]&&(l=this._mod[n](l,d)),p[n]?d[n](l):d[n]=l;if(this._autoRotate){var _,g,y,v,T,x,b,w=this._autoRotate;for(r=w.length;--r>-1;)n=w[r][2],x=w[r][3]||0,b=!0===w[r][4]?1:t,a=this._beziers[w[r][0]],_=this._beziers[w[r][1]],a&&_&&(a=a[i],_=_[i],g=a.a+(a.b-a.a)*o,g+=((v=a.b+(a.c-a.b)*o)-g)*o,v+=(a.c+(a.d-a.c)*o-v)*o,y=_.a+(_.b-_.a)*o,y+=((T=_.b+(_.c-_.b)*o)-y)*o,T+=(_.c+(_.d-_.c)*o-T)*o,l=m?Math.atan2(T-y,v-g)*b+x:this._initialRotations[r],this._mod[n]&&(l=this._mod[n](l,d)),p[n]?d[n](l):d[n]=l)}}})).prototype,c.bezierThrough=u,c.cubicToQuadratic=o,c._autoCSS=!0,c.quadraticToCubic=function(t,e,i){return new a(t,(2*e+t)/3,(2*e+i)/3,i)},c._cssRegister=function(){var t=n.CSSPlugin;if(t){var e=t._internals,i=e._parseToProxy,s=e._setPluginRatio,r=e.CSSPropTween;e._registerComplexSpecialProp("bezier",{parser:function(t,e,n,a,o,l){e instanceof Array&&(e={values:e}),l=new c;var h,u,f,$=e.values,p=$.length-1,d=[],m={};if(p<0)return o;for(h=0;h<=p;h++)f=i(t,$[h],a,o,l,p!==h),d[h]=f.end;for(u in e)m[u]=e[u];return m.values=d,(o=new r(t,"bezier",0,0,f.pt,2)).data=f,o.plugin=l,o.setRatio=s,0===m.autoRotate&&(m.autoRotate=!0),!m.autoRotate||m.autoRotate instanceof Array||(h=!0===m.autoRotate?0:Number(m.autoRotate),m.autoRotate=null!=f.end.left?[["left","top","rotation",h,!1]]:null!=f.end.x&&[["x","y","rotation",h,!1]]),m.autoRotate&&(a._transform||a._enableTransforms(!1),f.autoRotate=a._target._gsTransform,f.proxy.rotation=f.autoRotate.rotation||0,a._overwriteProps.push("rotation")),l._onInitTween(f.proxy,m,a._tween),o}})}},$._mod=function(t){for(var e,i=this._overwriteProps,s=i.length;--s>-1;)(e=t[i[s]])&&"function"==typeof e&&(this._mod[i[s]]=e)},$._kill=function(t){var e,i,s=this._props;for(e in this._beziers)if(e in t)for(delete this._beziers[e],delete this._func[e],i=s.length;--i>-1;)s[i]===e&&s.splice(i,1);if(s=this._autoRotate)for(i=s.length;--i>-1;)t[s[i][2]]&&s.splice(i,1);return this._super._kill.call(this,t)},_gsScope._gsDefine("plugins.CSSPlugin",["plugins.TweenPlugin","TweenLite"],function(t,e){var i,s,r,n,a,o,l=function(){t.call(this,"css"),this._overwriteProps.length=0,this.setRatio=l.prototype.setRatio},h=_gsScope._gsDefine.globals,u={},f=l.prototype=new t("css");f.constructor=l,l.version="2.1.3",l.API=2,l.defaultTransformPerspective=0,l.defaultSkewType="compensated",l.defaultSmoothOrigin=!0,f="px",l.suffixMap={top:f,right:f,bottom:f,left:f,width:f,height:f,fontSize:f,padding:f,margin:f,perspective:f,lineHeight:""};var c,$,p,d,m,_,g,y,v=/(?:\-|\.|\b)(\d|\.|e\-)+/g,T=/(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,x=/(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,b=/(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b),?/gi,w=/(?![+-]?\d*\.?\d+|[+-]|e[+-]\d+)[^0-9]/g,P=/(?:\d|\-|\+|=|#|\.)*/g,O=/opacity *= *([^)]*)/i,S=/opacity:([^;]*)/i,k=/alpha$opacity *=.+?$/i,R=/^(rgb|hsl)/,C=/([A-Z])/g,A=/-([a-z])/gi,D=/(^(?:url$\"|url\())|(?:(\"$)$|\)$)/gi,z=function(t,e){return e.toUpperCase()},X=/(?:Left|Right|Width)/i,E=/(M11|M12|M21|M22)=[\d\-\.e]+/gi,L=/progid\:DXImageTransform\.Microsoft\.Matrix$.+?$/i,I=/,(?=[^\)]*(?:\(|$))/gi,B=/[\s,\(]/i,Y=Math.PI/180,F=180/Math.PI,j={},M={style:{}},N=_gsScope.document||{createElement:function(){return M}},U=function(t,e){var i=N.createElementNS?N.createElementNS(e||"http://www.w3.org/1999/xhtml",t):N.createElement(t);return i.style?i:N.createElement(t)},V=U("div"),q=U("img"),W=l._internals={_specialProps:u},G=(_gsScope.navigator||{}).userAgent||"",Z=(a=G.indexOf("Android"),o=U("a"),m=(p=-1!==G.indexOf("Safari")&&-1===G.indexOf("Chrome")&&(-1===a||parseFloat(G.substr(a+8,2))>3))&&6>parseFloat(G.substr(G.indexOf("Version/")+8,2)),d=-1!==G.indexOf("Firefox"),(/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(G)||/Trident\/.*rv:([0-9]{1,}[\.0-9]{0,})/.exec(G))&&(_=parseFloat(RegExp.$1)),!!o&&(o.style.cssText="top:1px;opacity:.55;",/^0.55/.test(o.style.opacity))),H=function(t){return O.test("string"==typeof t?t:(t.currentStyle?t.currentStyle.filter:t.style.filter)||"")?parseFloat(RegExp.$1)/100:1},Q=function(t){_gsScope.console&&console.log(t)},K="",J="",tt=function(t,e){var i,s,r=(e=e||V).style;if(void 0!==r[t])return t;for(t=t.charAt(0).toUpperCase()+t.substr(1),i=["O","Moz","ms","Ms","Webkit"],s=5;--s>-1&&void 0===r[i[s]+t];);return s>=0?(K="-"+(J=3===s?"ms":i[s]).toLowerCase()+"-",J+t):null},te="undefined"!=typeof window?window:N.defaultView||{getComputedStyle:function(){}},ti=function(t){return te.getComputedStyle(t)},ts=l.getStyle=function(t,e,i,s,r){var n;return Z||"opacity"!==e?(!s&&t.style[e]?n=t.style[e]:(i=i||ti(t))?n=i[e]||i.getPropertyValue(e)||i.getPropertyValue(e.replace(C,"-$1").toLowerCase()):t.currentStyle&&(n=t.currentStyle[e]),null==r||n&&"none"!==n&&"auto"!==n&&"auto auto"!==n?n:r):H(t)},tr=W.convertToPixels=function(t,i,s,r,n){if("px"===r||!r&&"lineHeight"!==i)return s;if("auto"===r||!s)return 0;var a,o,h,u=X.test(i),f=t,c=V.style,$=s<0,p=1===s;if($&&(s=-s),p&&(s*=100),"lineHeight"!==i||r){if("%"===r&&-1!==i.indexOf("border"))a=s/100*(u?t.clientWidth:t.clientHeight);else{if(c.cssText="border:0 solid red;position:"+ts(t,"position")+";line-height:0;","%"!==r&&f.appendChild&&"v"!==r.charAt(0)&&"rem"!==r)c[u?"borderLeftWidth":"borderTopWidth"]=s+r;else{if(-1!==ts(f=t.parentNode||N.body,"display").indexOf("flex")&&(c.position="absolute"),o=f._gsCache,h=e.ticker.frame,o&&u&&o.time===h)return o.width*s/100;c[u?"width":"height"]=s+r}f.appendChild(V),a=parseFloat(V[u?"offsetWidth":"offsetHeight"]),f.removeChild(V),u&&"%"===r&&!1!==l.cacheWidths&&((o=f._gsCache=f._gsCache||{}).time=h,o.width=a/s*100),0!==a||n||(a=tr(t,i,s,r,!0))}}else o=ti(t).lineHeight,t.style.lineHeight=s,a=parseFloat(ti(t).lineHeight),t.style.lineHeight=o;return p&&(a/=100),$?-a:a},tn=W.calculateOffset=function(t,e,i){if("absolute"!==ts(t,"position",i))return 0;var s="left"===e?"Left":"Top",r=ts(t,"margin"+s,i);return t["offset"+s]-(tr(t,e,parseFloat(r),r.replace(P,""))||0)},ta=function(t,e){var i,s,r,n={};if(e=e||ti(t)){if(i=e.length)for(;--i>-1;)-1!==(r=e[i]).indexOf("-transform")&&t1!==r||(n[r.replace(A,z)]=e.getPropertyValue(r));else for(i in e)-1!==i.indexOf("Transform")&&tD!==i||(n[i]=e[i])}else if(e=t.currentStyle||t.style)for(i in e)"string"==typeof i&&void 0===n[i]&&(n[i.replace(A,z)]=e[i]);return Z||(n.opacity=H(t)),s=tM(t,e,!1),n.rotation=s.rotation,n.skewX=s.skewX,n.scaleX=s.scaleX,n.scaleY=s.scaleY,n.x=s.x,n.y=s.y,tX&&(n.z=s.z,n.rotationX=s.rotationX,n.rotationY=s.rotationY,n.scaleZ=s.scaleZ),n.filters&&delete n.filters,n},to=function(t,e,i,s,r){var n,a,o,l={},h=t.style;for(a in i)"cssText"!==a&&"length"!==a&&isNaN(a)&&(e[a]!==(n=i[a])||r&&r[a])&&-1===a.indexOf("Origin")&&("number"!=typeof n&&"string"!=typeof n||(l[a]="auto"!==n||"left"!==a&&"top"!==a?""!==n&&"auto"!==n&&"none"!==n||"string"!=typeof e[a]||""===e[a].replace(w,"")?n:0:tn(t,a),void 0!==h[a]&&(o=new tT(h,a,h[a],o))));if(s)for(a in s)"className"!==a&&(l[a]=s[a]);return{difs:l,firstMPT:o}},tl={width:["Left","Right"],height:["Top","Bottom"]},th=["marginLeft","marginRight","marginTop","marginBottom"],t8=function(t,e,i){if("svg"===(t.nodeName+"").toLowerCase())return(i||ti(t))[e]||0;if(t.getCTM&&tF(t))return t.getBBox()[e]||0;var s=parseFloat("width"===e?t.offsetWidth:t.offsetHeight),r=tl[e],n=r.length;for(i=i||ti(t);--n>-1;)s-=parseFloat(ts(t,"padding"+r[n],i,!0))||0,s-=parseFloat(ts(t,"border"+r[n]+"Width",i,!0))||0;return s},tu=function(t,e){if("contain"===t||"auto"===t||"auto auto"===t)return t+" ";null!=t&&""!==t||(t="0 0");var i,s=t.split(" "),r=-1!==t.indexOf("left")?"0%":-1!==t.indexOf("right")?"100%":s[0],n=-1!==t.indexOf("top")?"0%":-1!==t.indexOf("bottom")?"100%":s[1];if(s.length>3&&!e){for(s=t.split(", ").join(",").split(","),t=[],i=0;i<s.length;i++)t.push(tu(s[i]));return t.join(",")}return null==n?n="center"===r?"50%":"0":"center"===n&&(n="50%"),("center"===r||isNaN(parseFloat(r))&&-1===(r+"").indexOf("="))&&(r="50%"),t=r+" "+n+(s.length>2?" "+s[2]:""),e&&(e.oxp=-1!==r.indexOf("%"),e.oyp=-1!==n.indexOf("%"),e.oxr="="===r.charAt(1),e.oyr="="===n.charAt(1),e.ox=parseFloat(r.replace(w,"")),e.oy=parseFloat(n.replace(w,"")),e.v=t),e||t},tf=function(t,e){return"function"==typeof t&&(t=t(y,g)),"string"==typeof t&&"="===t.charAt(1)?parseInt(t.charAt(0)+"1",10)*parseFloat(t.substr(2)):parseFloat(t)-parseFloat(e)||0},tc=function(t,e){"function"==typeof t&&(t=t(y,g));var i="string"==typeof t&&"="===t.charAt(1);return"string"==typeof t&&"v"===t.charAt(t.length-2)&&(t=(i?t.substr(0,2):0)+window["inner"+("vh"===t.substr(-2)?"Height":"Width")]*(parseFloat(i?t.substr(2):t)/100)),null==t?e:i?parseInt(t.charAt(0)+"1",10)*parseFloat(t.substr(2))+e:parseFloat(t)||0},t$=function(t,e,i,s){var r,n,a,o;return"function"==typeof t&&(t=t(y,g)),null==t?a=e:"number"==typeof t?a=t:(r=t.split("_"),n=((o="="===t.charAt(1))?parseInt(t.charAt(0)+"1",10)*parseFloat(r[0].substr(2)):parseFloat(r[0]))*(-1===t.indexOf("rad")?1:F)-(o?0:e),r.length&&(s&&(s[i]=e+n),-1!==t.indexOf("short")&&(n%=360)!=n%180&&(n=n<0?n+360:n-360),-1!==t.indexOf("_cw")&&n<0?n=(n+3599999999640)%360-360*(n/360|0):-1!==t.indexOf("ccw")&&n>0&&(n=(n-3599999999640)%360-360*(n/360|0))),a=e+n),a<1e-6&&a>-.000001&&(a=0),a},tp={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},td=function(t,e,i){return 255*(6*(t=t<0?t+1:t>1?t-1:t)<1?e+(i-e)*t*6:t<.5?i:3*t<2?e+(i-e)*(2/3-t)*6:e)+.5|0},tm=l.parseColor=function(t,e){var i,s,r,n,a,o,l,h,u,f,c;if(t){if("number"==typeof t)i=[t>>16,t>>8&255,255&t];else{if(","===t.charAt(t.length-1)&&(t=t.substr(0,t.length-1)),tp[t])i=tp[t];else if("#"===t.charAt(0))4===t.length&&(s=t.charAt(1),t="#"+s+s+(r=t.charAt(2))+r+(n=t.charAt(3))+n),i=[(t=parseInt(t.substr(1),16))>>16,t>>8&255,255&t];else if("hsl"===t.substr(0,3)){if(i=c=t.match(v),e){if(-1!==t.indexOf("="))return t.match(T)}else a=Number(i[0])%360/360,o=Number(i[1])/100,s=2*(l=Number(i[2])/100)-(r=l<=.5?l*(o+1):l+o-l*o),i.length>3&&(i[3]=Number(i[3])),i[0]=td(a+1/3,s,r),i[1]=td(a,s,r),i[2]=td(a-1/3,s,r)}else i=t.match(v)||tp.transparent;i[0]=Number(i[0]),i[1]=Number(i[1]),i[2]=Number(i[2]),i.length>3&&(i[3]=Number(i[3]))}}else i=tp.black;return e&&!c&&(s=i[0]/255,l=((h=Math.max(s,r=i[1]/255,n=i[2]/255))+(u=Math.min(s,r,n)))/2,h===u?a=o=0:(f=h-u,o=l>.5?f/(2-h-u):f/(h+u),a=h===s?(r-n)/f+(r<n?6:0):h===r?(n-s)/f+2:(s-r)/f+4,a*=60),i[0]=a+.5|0,i[1]=100*o+.5|0,i[2]=100*l+.5|0),i},t_=function(t,e){var i,s,r,n=t.match(tg)||[],a=0,o="";if(!n.length)return t;for(i=0;i<n.length;i++)s=n[i],a+=(r=t.substr(a,t.indexOf(s,a)-a)).length+s.length,3===(s=tm(s,e)).length&&s.push(1),o+=r+(e?"hsla("+s[0]+","+s[1]+"%,"+s[2]+"%,"+s[3]:"rgba("+s.join(","))+")";return o+t.substr(a)},tg="(?:\\b(?:(?:rgb|rgba|hsl|hsla)\$.+?\$)|\\B#(?:[0-9a-f]{3}){1,2}\\b";for(f in tp)tg+="|"+f+"\\b";tg=RegExp(tg+")","gi"),l.colorStringFilter=function(t){var e,i=t[0]+" "+t[1];tg.test(i)&&(e=-1!==i.indexOf("hsl(")||-1!==i.indexOf("hsla("),t[0]=t_(t[0],e),t[1]=t_(t[1],e)),tg.lastIndex=0},e.defaultStringFilter||(e.defaultStringFilter=l.colorStringFilter);var ty=function(t,e,i,s){if(null==t)return function(t){return t};var r,n=e?(t.match(tg)||[""])[0]:"",a=t.split(n).join("").match(x)||[],o=t.substr(0,t.indexOf(a[0])),l=")"===t.charAt(t.length-1)?")":"",h=-1!==t.indexOf(" ")?" ":",",u=a.length,f=u>0?a[0].replace(v,""):"";return u?r=e?function(t){var e,c,$,p;if("number"==typeof t)t+=f;else if(s&&I.test(t)){for(p=t.replace(I,"|").split("|"),$=0;$<p.length;$++)p[$]=r(p[$]);return p.join(",")}if(e=(t.match(tg)||[n])[0],$=(c=t.split(e).join("").match(x)||[]).length,u>$--)for(;++$<u;)c[$]=i?c[($-1)/2|0]:a[$];return o+c.join(h)+h+e+l+(-1!==t.indexOf("inset")?" inset":"")}:function(t){var e,n,c;if("number"==typeof t)t+=f;else if(s&&I.test(t)){for(n=t.replace(I,"|").split("|"),c=0;c<n.length;c++)n[c]=r(n[c]);return n.join(",")}if(c=(e=t.match(","===h?x:b)||[]).length,u>c--)for(;++c<u;)e[c]=i?e[(c-1)/2|0]:a[c];return(o&&"none"!==t&&t.substr(0,t.indexOf(e[0]))||o)+e.join(h)+l}:function(t){return t}},tv=function(t){return t=t.split(","),function(e,i,s,r,n,a,o){var l,h=(i+"").split(" ");for(o={},l=0;l<4;l++)o[t[l]]=h[l]=h[l]||h[(l-1)/2>>0];return r.parse(e,o,n,a)}},tT=(W._setPluginRatio=function(t){this.plugin.setRatio(t);for(var e,i,s,r,n,a=this.data,o=a.proxy,l=a.firstMPT;l;)e=o[l.v],l.r?e=l.r(e):e<1e-6&&e>-.000001&&(e=0),l.t[l.p]=e,l=l._next;if(a.autoRotate&&(a.autoRotate.rotation=a.mod?a.mod.call(this._tween,o.rotation,this.t,this._tween):o.rotation),1===t||0===t)for(l=a.firstMPT,n=1===t?"e":"b";l;){if((i=l.t).type){if(1===i.type){for(r=i.xs0+i.s+i.xs1,s=1;s<i.l;s++)r+=i["xn"+s]+i["xs"+(s+1)];i[n]=r}}else i[n]=i.s+i.xs0;l=l._next}},function(t,e,i,s,r){this.t=t,this.p=e,this.v=i,this.r=r,s&&(s._prev=this,this._next=s)}),tx=(W._parseToProxy=function(t,e,i,s,r,n){var a,o,l,h,u,f=s,c={},$={},p=i._transform,d=j;for(i._transform=null,j=e,s=u=i.parse(t,e,s,r),j=d,n&&(i._transform=p,f&&(f._prev=null,f._prev&&(f._prev._next=null)));s&&s!==f;){if(s.type<=1&&($[o=s.p]=s.s+s.c,c[o]=s.s,n||(h=new tT(s,"s",o,h,s.r),s.c=0),1===s.type))for(a=s.l;--a>0;)l="xn"+a,$[o=s.p+"_"+l]=s.data[l],c[o]=s[l],n||(h=new tT(s,l,o,h,s.rxp[l]));s=s._next}return{proxy:c,end:$,firstMPT:h,pt:u}},W.CSSPropTween=function(t,e,s,r,a,o,l,h,u,f,c){this.t=t,this.p=e,this.s=s,this.c=r,this.n=l||e,t instanceof tx||n.push(this.n),this.r=h?"function"==typeof h?h:Math.round:h,this.type=o||0,u&&(this.pr=u,i=!0),this.b=void 0===f?s:f,this.e=void 0===c?s+r:c,a&&(this._next=a,a._prev=this)}),tb=function(t,e,i,s,r,n){var a=new tx(t,e,i,s-i,r,-1,n);return a.b=i,a.e=a.xs0=s,a},tw=l.parseComplex=function(t,e,i,s,r,n,a,o,h,u){i=i||n||"","function"==typeof s&&(s=s(y,g)),a=new tx(t,e,0,0,a,u?2:1,null,!1,o,i,s),s+="",r&&tg.test(s+i)&&(s=[i,s],l.colorStringFilter(s),i=s[0],s=s[1]);var f,$,p,d,m,_,x,b,w,P,O,S,k,R=i.split(", ").join(",").split(" "),C=s.split(", ").join(",").split(" "),A=R.length,D=!1!==c;for(-1===s.indexOf(",")&&-1===i.indexOf(",")||(-1!==(s+i).indexOf("rgb")||-1!==(s+i).indexOf("hsl")?(R=R.join(" ").replace(I,", ").split(" "),C=C.join(" ").replace(I,", ").split(" ")):(R=R.join(" ").split(",").join(", ").split(" "),C=C.join(" ").split(",").join(", ").split(" ")),A=R.length),A!==C.length&&(A=(R=(n||"").split(" ")).length),a.plugin=h,a.setRatio=u,tg.lastIndex=0,f=0;f<A;f++)if(d=R[f],m=C[f]+"",(b=parseFloat(d))||0===b)a.appendXtra("",b,tf(m,b),m.replace(T,""),!(!D||-1===m.indexOf("px"))&&Math.round,!0);else if(r&&tg.test(d))S=")"+((S=m.indexOf(")")+1)?m.substr(S):""),k=-1!==m.indexOf("hsl")&&Z,P=m,d=tm(d,k),m=tm(m,k),(w=d.length+m.length>6)&&!Z&&0===m[3]?(a["xs"+a.l]+=a.l?" transparent":"transparent",a.e=a.e.split(C[f]).join("transparent")):(Z||(w=!1),k?a.appendXtra(P.substr(0,P.indexOf("hsl"))+(w?"hsla(":"hsl("),d[0],tf(m[0],d[0]),",",!1,!0).appendXtra("",d[1],tf(m[1],d[1]),"%,",!1).appendXtra("",d[2],tf(m[2],d[2]),w?"%,":"%"+S,!1):a.appendXtra(P.substr(0,P.indexOf("rgb"))+(w?"rgba(":"rgb("),d[0],m[0]-d[0],",",Math.round,!0).appendXtra("",d[1],m[1]-d[1],",",Math.round).appendXtra("",d[2],m[2]-d[2],w?",":S,Math.round),w&&(d=d.length<4?1:d[3],a.appendXtra("",d,(m.length<4?1:m[3])-d,S,!1))),tg.lastIndex=0;else if(_=d.match(v)){if(!(x=m.match(T))||x.length!==_.length)return a;for(p=0,$=0;$<_.length;$++)O=_[$],P=d.indexOf(O,p),a.appendXtra(d.substr(p,P-p),Number(O),tf(x[$],O),"",!(!D||"px"!==d.substr(P+O.length,2))&&Math.round,0===$),p=P+O.length;a["xs"+a.l]+=d.substr(p)}else a["xs"+a.l]+=a.l||a["xs"+a.l]?" "+m:m;if(-1!==s.indexOf("=")&&a.data){for(S=a.xs0+a.data.s,f=1;f<a.l;f++)S+=a["xs"+f]+a.data["xn"+f];a.e=S+a["xs"+f]}return a.l||(a.type=-1,a.xs0=a.e),a.xfirst||a},tP=9;for((f=tx.prototype).l=f.pr=0;--tP>0;)f["xn"+tP]=0,f["xs"+tP]="";f.xs0="",f._next=f._prev=f.xfirst=f.data=f.plugin=f.setRatio=f.rxp=null,f.appendXtra=function(t,e,i,s,r,n){var a=this,o=a.l;return a["xs"+o]+=n&&(o||a["xs"+o])?" "+t:t||"",i||0===o||a.plugin?(a.l++,a.type=a.setRatio?2:1,a["xs"+a.l]=s||"",o>0?(a.data["xn"+o]=e+i,a.rxp["xn"+o]=r,a["xn"+o]=e,a.plugin||(a.xfirst=new tx(a,"xn"+o,e,i,a.xfirst||a,0,a.n,r,a.pr),a.xfirst.xs0=0),a):(a.data={s:e+i},a.rxp={},a.s=e,a.c=i,a.r=r,a)):(a["xs"+o]+=e+(s||""),a)};var t0=function(t,e){e=e||{},this.p=e.prefix&&tt(t)||t,u[t]=u[this.p]=this,this.format=e.formatter||ty(e.defaultValue,e.color,e.collapsible,e.multi),e.parser&&(this.parse=e.parser),this.clrs=e.color,this.multi=e.multi,this.keyword=e.keyword,this.dflt=e.defaultValue,this.allowFunc=e.allowFunc,this.pr=e.priority||0},tO=W._registerComplexSpecialProp=function(t,e,i){"object"!=typeof e&&(e={parser:i});var s,r=t.split(","),n=e.defaultValue;for(i=i||[n],s=0;s<r.length;s++)e.prefix=0===s&&e.prefix,e.defaultValue=i[s]||n,new t0(r[s],e)},tS=W._registerPluginProp=function(t){if(!u[t]){var e=t.charAt(0).toUpperCase()+t.substr(1)+"Plugin";tO(t,{parser:function(t,i,s,r,n,a,o){var l=h.com.greensock.plugins[e];return l?(l._cssRegister(),u[s].parse(t,i,s,r,n,a,o)):(Q("Error: "+e+" js file not loaded."),n)}})}};(f=t0.prototype).parseComplex=function(t,e,i,s,r,n){var a,o,l,h,u,f,c=this.keyword;if(this.multi&&(I.test(i)||I.test(e)?(o=e.replace(I,"|").split("|"),l=i.replace(I,"|").split("|")):c&&(o=[e],l=[i])),l){for(h=l.length>o.length?l.length:o.length,a=0;a<h;a++)e=o[a]=o[a]||this.dflt,i=l[a]=l[a]||this.dflt,c&&(u=e.indexOf(c))!==(f=i.indexOf(c))&&(-1===f?o[a]=o[a].split(c).join(""):-1===u&&(o[a]+=" "+c));e=o.join(", "),i=l.join(", ")}return tw(t,this.p,e,i,this.clrs,this.dflt,s,this.pr,r,n)},f.parse=function(t,e,i,s,n,a,o){return this.parseComplex(t.style,this.format(ts(t,this.p,r,!1,this.dflt)),this.format(e),n,a)},l.registerSpecialProp=function(t,e,i){tO(t,{parser:function(t,s,r,n,a,o,l){var h=new tx(t,r,0,0,a,2,r,!1,i);return h.plugin=o,h.setRatio=e(t,s,n._tween,r),h},priority:i})},l.useSVGTransformAttr=!0;var t3,tk,tR,tC,tA,t7="scaleX,scaleY,scaleZ,x,y,z,skewX,skewY,rotation,rotationX,rotationY,perspective,xPercent,yPercent".split(","),tD=tt("transform"),t1=K+"transform",tz=tt("transformOrigin"),tX=null!==tt("perspective"),tE=W.Transform=function(){this.perspective=parseFloat(l.defaultTransformPerspective)||0,this.force3D=!(!1===l.defaultForce3D||!tX)&&(l.defaultForce3D||"auto")},t6=_gsScope.SVGElement,tL=function(t,e,i){var s,r=N.createElementNS("http://www.w3.org/2000/svg",t),n=/([a-z])([A-Z])/g;for(s in i)r.setAttributeNS(null,s.replace(n,"$1-$2").toLowerCase(),i[s]);return e.appendChild(r),r},tI=N.documentElement||{},tB=(tA=_||/Android/i.test(G)&&!_gsScope.chrome,N.createElementNS&&tI.appendChild&&!tA&&(tk=tL("svg",tI),tC=(tR=tL("rect",tk,{width:100,height:50,x:100})).getBoundingClientRect().width,tR.style[tz]="50% 50%",tR.style[tD]="scaleX(0.5)",tA=tC===tR.getBoundingClientRect().width&&!(d&&tX),tI.removeChild(tk)),tA),t4=function(t,e,i,s,r,n){var a,o,h,u,f,c,$,p,d,m,_,g,y,v,T=t._gsTransform,x=tj(t,!0);T&&(y=T.xOrigin,v=T.yOrigin),(!s||(a=s.split(" ")).length<2)&&(0===($=t.getBBox()).x&&0===$.y&&$.width+$.height===0&&($={x:parseFloat(t.hasAttribute("x")?t.getAttribute("x"):t.hasAttribute("cx")?t.getAttribute("cx"):0)||0,y:parseFloat(t.hasAttribute("y")?t.getAttribute("y"):t.hasAttribute("cy")?t.getAttribute("cy"):0)||0,width:0,height:0}),a=[(-1!==(e=tu(e).split(" "))[0].indexOf("%")?parseFloat(e[0])/100*$.width:parseFloat(e[0]))+$.x,(-1!==e[1].indexOf("%")?parseFloat(e[1])/100*$.height:parseFloat(e[1]))+$.y]),i.xOrigin=u=parseFloat(a[0]),i.yOrigin=f=parseFloat(a[1]),s&&x!==t2&&(c=x[0],$=x[1],p=x[2],d=x[3],m=x[4],_=x[5],(g=c*d-$*p)&&(o=u*(d/g)+f*(-p/g)+(p*_-d*m)/g,h=u*(-$/g)+f*(c/g)-(c*_-$*m)/g,u=i.xOrigin=a[0]=o,f=i.yOrigin=a[1]=h)),T&&(n&&(i.xOffset=T.xOffset,i.yOffset=T.yOffset,T=i),r||!1!==r&&!1!==l.defaultSmoothOrigin?(o=u-y,h=f-v,T.xOffset+=o*x[0]+h*x[2]-o,T.yOffset+=o*x[1]+h*x[3]-h):T.xOffset=T.yOffset=0),n||t.setAttribute("data-svg-origin",a.join(" "))},tY=function(t){var e,i=U("svg",this.ownerSVGElement&&this.ownerSVGElement.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),s=this.parentNode,r=this.nextSibling,n=this.style.cssText;if(tI.appendChild(i),i.appendChild(this),this.style.display="block",t)try{e=this.getBBox(),this._originalGetBBox=this.getBBox,this.getBBox=tY}catch(a){}else this._originalGetBBox&&(e=this._originalGetBBox());return r?s.insertBefore(this,r):s.appendChild(this),tI.removeChild(i),this.style.cssText=n,e},tF=function(t){return!(!t6||!t.getCTM||t.parentNode&&!t.ownerSVGElement||!function(t){try{return t.getBBox()}catch(e){return tY.call(t,!0)}}(t))},t2=[1,0,0,1,0,0],tj=function(t,e){var i,s,r,n,a,o,l,h=t._gsTransform||new tE,u=t.style;if(tD?s=ts(t,t1,null,!0):t.currentStyle&&(s=(s=t.currentStyle.filter.match(E))&&4===s.length?[s[0].substr(4),Number(s[2].substr(4)),Number(s[1].substr(4)),s[3].substr(4),h.x||0,h.y||0].join(","):""),i=!s||"none"===s||"matrix(1, 0, 0, 1, 0, 0)"===s,tD&&i&&!t.offsetParent&&t!==tI&&(n=u.display,u.display="block",(l=t.parentNode)&&t.offsetParent||(a=1,o=t.nextSibling,tI.appendChild(t)),i=!(s=ts(t,t1,null,!0))||"none"===s||"matrix(1, 0, 0, 1, 0, 0)"===s,n?u.display=n:tV(u,"display"),a&&(o?l.insertBefore(t,o):l?l.appendChild(t):tI.removeChild(t))),(h.svg||t.getCTM&&tF(t))&&(i&&-1!==(u[tD]+"").indexOf("matrix")&&(s=u[tD],i=0),r=t.getAttribute("transform"),i&&r&&(s="matrix("+(r=t.transform.baseVal.consolidate().matrix).a+","+r.b+","+r.c+","+r.d+","+r.e+","+r.f+")",i=0)),i)return t2;for(tP=(r=(s||"").match(v)||[]).length;--tP>-1;)n=Number(r[tP]),r[tP]=(a=n-(n|=0))?(1e5*a+(a<0?-.5:.5)|0)/1e5+n:n;return e&&r.length>6?[r[0],r[1],r[4],r[5],r[12],r[13]]:r},tM=W.getTransform=function(t,i,s,r){if(t._gsTransform&&s&&!r)return t._gsTransform;var n,a,o,h,u,f,c=s&&t._gsTransform||new tE,$=c.scaleX<0,p=tX&&(parseFloat(ts(t,tz,i,!1,"0 0 0").split(" ")[2])||c.zOrigin)||0,d=parseFloat(l.defaultTransformPerspective)||0;if(c.svg=!(!t.getCTM||!tF(t)),c.svg&&(t4(t,ts(t,tz,i,!1,"50% 50%")+"",c,t.getAttribute("data-svg-origin")),t3=l.useSVGTransformAttr||tB),(n=tj(t))!==t2){if(16===n.length){var m,_,g,y,v,T=n[0],x=n[1],b=n[2],w=n[3],P=n[4],O=n[5],S=n[6],k=n[7],R=n[8],C=n[9],A=n[10],D=n[12],z=n[13],X=n[14],E=n[11],L=Math.atan2(S,A);c.zOrigin&&(D=R*(X=-c.zOrigin)-n[12],z=C*X-n[13],X=A*X+c.zOrigin-n[14]),c.rotationX=L*F,L&&(m=P*(y=Math.cos(-L))+R*(v=Math.sin(-L)),_=O*y+C*v,g=S*y+A*v,R=-(P*v)+R*y,C=-(O*v)+C*y,A=-(S*v)+A*y,E=-(k*v)+E*y,P=m,O=_,S=g),L=Math.atan2(-b,A),c.rotationY=L*F,L&&(_=x*(y=Math.cos(-L))-C*(v=Math.sin(-L)),g=b*y-A*v,C=x*v+C*y,A=b*v+A*y,E=w*v+E*y,T=m=T*y-R*v,x=_,b=g),L=Math.atan2(x,T),c.rotation=L*F,L&&(m=T*(y=Math.cos(L))+x*(v=Math.sin(L)),_=P*y+O*v,g=R*y+C*v,x=x*y-T*v,O=O*y-P*v,C=C*y-R*v,T=m,P=_,R=g),c.rotationX&&Math.abs(c.rotationX)+Math.abs(c.rotation)>359.9&&(c.rotationX=c.rotation=0,c.rotationY=180-c.rotationY),L=Math.atan2(P,O),c.scaleX=(1e5*Math.sqrt(T*T+x*x+b*b)+.5|0)/1e5,c.scaleY=(1e5*Math.sqrt(O*O+S*S)+.5|0)/1e5,c.scaleZ=(1e5*Math.sqrt(R*R+C*C+A*A)+.5|0)/1e5,T/=c.scaleX,P/=c.scaleY,x/=c.scaleX,O/=c.scaleY,Math.abs(L)>2e-5?(c.skewX=L*F,P=0,"simple"!==c.skewType&&(c.scaleY*=1/Math.cos(L))):c.skewX=0,c.perspective=E?1/(E<0?-E:E):0,c.x=D,c.y=z,c.z=X,c.svg&&(c.x-=c.xOrigin-(c.xOrigin*T-c.yOrigin*P),c.y-=c.yOrigin-(c.yOrigin*x-c.xOrigin*O))}else if(!tX||r||!n.length||c.x!==n[4]||c.y!==n[5]||!c.rotationX&&!c.rotationY){var I=n.length>=6,B=I?n[0]:1,Y=n[1]||0,j=n[2]||0,M=I?n[3]:1;c.x=n[4]||0,c.y=n[5]||0,o=Math.sqrt(B*B+Y*Y),h=Math.sqrt(M*M+j*j),u=B||Y?Math.atan2(Y,B)*F:c.rotation||0,f=j||M?Math.atan2(j,M)*F+u:c.skewX||0,c.scaleX=o,c.scaleY=h,c.rotation=u,c.skewX=f,tX&&(c.rotationX=c.rotationY=c.z=0,c.perspective=d,c.scaleZ=1),c.svg&&(c.x-=c.xOrigin-(c.xOrigin*B+c.yOrigin*j),c.y-=c.yOrigin-(c.xOrigin*Y+c.yOrigin*M))}for(a in Math.abs(c.skewX)>90&&270>Math.abs(c.skewX)&&($?(c.scaleX*=-1,c.skewX+=c.rotation<=0?180:-180,c.rotation+=c.rotation<=0?180:-180):(c.scaleY*=-1,c.skewX+=c.skewX<=0?180:-180)),c.zOrigin=p,c)c[a]<2e-5&&c[a]>-.00002&&(c[a]=0)}return s&&(t._gsTransform=c,c.svg&&(t3&&t.style[tD]?e.delayedCall(.001,function(){tV(t.style,tD)}):!t3&&t.getAttribute("transform")&&e.delayedCall(.001,function(){t.removeAttribute("transform")}))),c},t5=function(t){var e,i,s=this.data,r=-s.rotation*Y,n=r+s.skewX*Y,a=(Math.cos(r)*s.scaleX*1e5|0)/1e5,o=(Math.sin(r)*s.scaleX*1e5|0)/1e5,l=(0|-(1e5*(Math.sin(n)*s.scaleY)))/1e5,h=(Math.cos(n)*s.scaleY*1e5|0)/1e5,u=this.t.style,f=this.t.currentStyle;if(f){i=o,o=-l,l=-i,e=f.filter,u.filter="";var c,$,p=this.t.offsetWidth,d=this.t.offsetHeight,m="absolute"!==f.position,g="progid:DXImageTransform.Microsoft.Matrix(M11="+a+", M12="+o+", M21="+l+", M22="+h,y=s.x+p*s.xPercent/100,v=s.y+d*s.yPercent/100;if(null!=s.ox&&(y+=(c=(s.oxp?p*s.ox*.01:s.ox)-p/2)-(c*a+($=(s.oyp?d*s.oy*.01:s.oy)-d/2)*o),v+=$-(c*l+$*h)),g+=m?", Dx="+((c=p/2)-(c*a+($=d/2)*o)+y)+", Dy="+($-(c*l+$*h)+v)+")":", sizingMethod='auto expand')",-1!==e.indexOf("DXImageTransform.Microsoft.Matrix(")?u.filter=e.replace(L,g):u.filter=g+" "+e,0!==t&&1!==t||1===a&&0===o&&0===l&&1===h&&(m&&-1===g.indexOf("Dx=0, Dy=0")||O.test(e)&&100!==parseFloat(RegExp.$1)||-1===e.indexOf(e.indexOf("Alpha"))&&u.removeAttribute("filter")),!m){var T,x,b,w=_<8?1:-1;for(c=s.ieOffsetX||0,$=s.ieOffsetY||0,s.ieOffsetX=Math.round((p-((a<0?-a:a)*p+(o<0?-o:o)*d))/2+y),s.ieOffsetY=Math.round((d-((h<0?-h:h)*d+(l<0?-l:l)*p))/2+v),tP=0;tP<4;tP++)b=(i=-1!==(T=f[x=th[tP]]).indexOf("px")?parseFloat(T):tr(this.t,x,parseFloat(T),T.replace(P,""))||0)!==s[x]?tP<2?-s.ieOffsetX:-s.ieOffsetY:tP<2?c-s.ieOffsetX:$-s.ieOffsetY,u[x]=(s[x]=Math.round(i-b*(0===tP||2===tP?1:w)))+"px"}}},tN=W.set3DTransformRatio=W.setTransformRatio=function(t){var e,i,s,r,n,a,o,l,h,u,f,c,$,p,m,_,g,y,v,T,x=this.data,b=this.t.style,w=x.rotation,P=x.rotationX,O=x.rotationY,S=x.scaleX,k=x.scaleY,R=x.scaleZ,C=x.x,A=x.y,D=x.z,z=x.svg,X=x.perspective,E=x.force3D,L=x.skewY,I=x.skewX;if(L&&(I+=L,w+=L),!((1!==t&&0!==t||"auto"!==E||this.tween._totalTime!==this.tween._totalDuration&&this.tween._totalTime)&&E||D||X||O||P||1!==R)||t3&&z||!tX)w||I||z?(w*=Y,T=I*Y,i=Math.cos(w)*S,n=Math.sin(w)*S,s=-(Math.sin(w-T)*k),a=Math.cos(w-T)*k,T&&"simple"===x.skewType&&(s*=e=Math.sqrt(1+(e=Math.tan(T-L*Y))*e),a*=e,L&&(i*=e=Math.sqrt(1+(e=Math.tan(L*Y))*e),n*=e)),z&&(C+=x.xOrigin-(x.xOrigin*i+x.yOrigin*s)+x.xOffset,A+=x.yOrigin-(x.xOrigin*n+x.yOrigin*a)+x.yOffset,t3&&(x.xPercent||x.yPercent)&&(m=this.t.getBBox(),C+=.01*x.xPercent*m.width,A+=.01*x.yPercent*m.height),C<(m=1e-6)&&C>-m&&(C=0),A<m&&A>-m&&(A=0)),v=(1e5*i|0)/1e5+","+(1e5*n|0)/1e5+","+(1e5*s|0)/1e5+","+(1e5*a|0)/1e5+","+C+","+A+")",z&&t3?this.t.setAttribute("transform","matrix("+v):b[tD]=(x.xPercent||x.yPercent?"translate("+x.xPercent+"%,"+x.yPercent+"%) matrix(":"matrix(")+v):b[tD]=(x.xPercent||x.yPercent?"translate("+x.xPercent+"%,"+x.yPercent+"%) matrix(":"matrix(")+S+",0,0,"+k+","+C+","+A+")";else{if(d&&(S<(m=1e-4)&&S>-m&&(S=R=2e-5),k<m&&k>-m&&(k=R=2e-5),!X||x.z||x.rotationX||x.rotationY||(X=0)),w||I)w*=Y,_=i=Math.cos(w),g=n=Math.sin(w),I&&(w-=I*Y,_=Math.cos(w),g=Math.sin(w),"simple"===x.skewType&&(_*=e=Math.sqrt(1+(e=Math.tan((I-L)*Y))*e),g*=e,x.skewY&&(i*=e=Math.sqrt(1+(e=Math.tan(L*Y))*e),n*=e))),s=-g,a=_;else{if(!(O||P||1!==R||X||z))return void(b[tD]=(x.xPercent||x.yPercent?"translate("+x.xPercent+"%,"+x.yPercent+"%) translate3d(":"translate3d(")+C+"px,"+A+"px,"+D+"px)"+(1!==S||1!==k?" scale("+S+","+k+")":""));i=a=1,s=n=0}u=1,r=o=l=h=f=c=0,$=X?-1/X:0,p=x.zOrigin,m=1e-6,(w=O*Y)&&(_=Math.cos(w),l=-(g=Math.sin(w)),f=-($*g),r=i*g,o=n*g,u=_,$*=_,i*=_,n*=_),(w=P*Y)&&(e=s*(_=Math.cos(w))+r*(g=Math.sin(w)),y=a*_+o*g,h=u*g,c=$*g,r=-(s*g)+r*_,o=-(a*g)+o*_,u*=_,$*=_,s=e,a=y),1!==R&&(r*=R,o*=R,u*=R,$*=R),1!==k&&(s*=k,a*=k,h*=k,c*=k),1!==S&&(i*=S,n*=S,l*=S,f*=S),(p||z)&&(p&&(C+=-(r*p),A+=-(o*p),D+=-(u*p)+p),z&&(C+=x.xOrigin-(x.xOrigin*i+x.yOrigin*s)+x.xOffset,A+=x.yOrigin-(x.xOrigin*n+x.yOrigin*a)+x.yOffset),C<m&&C>-m&&(C="0"),A<m&&A>-m&&(A="0"),D<m&&D>-m&&(D=0)),v=x.xPercent||x.yPercent?"translate("+x.xPercent+"%,"+x.yPercent+"%) matrix3d(":"matrix3d(",v+=(i<m&&i>-m?"0":i)+","+(n<m&&n>-m?"0":n)+","+(l<m&&l>-m?"0":l),v+=","+(f<m&&f>-m?"0":f)+","+(s<m&&s>-m?"0":s)+","+(a<m&&a>-m?"0":a),P||O||1!==R?(v+=","+(h<m&&h>-m?"0":h)+","+(c<m&&c>-m?"0":c)+","+(r<m&&r>-m?"0":r),v+=","+(o<m&&o>-m?"0":o)+","+(u<m&&u>-m?"0":u)+","+($<m&&$>-m?"0":$)+","):v+=",0,0,0,0,1,0,",v+=C+","+A+","+D+","+(X?1+-D/X:1)+")",b[tD]=v}};(f=tE.prototype).x=f.y=f.z=f.skewX=f.skewY=f.rotation=f.rotationX=f.rotationY=f.zOrigin=f.xPercent=f.yPercent=f.xOffset=f.yOffset=0,f.scaleX=f.scaleY=f.scaleZ=1,tO("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,svgOrigin,transformPerspective,directionalRotation,parseTransform,force3D,skewType,xPercent,yPercent,smoothOrigin",{parser:function(t,e,i,s,n,a,o){if(s._lastParsedTransform===o)return n;s._lastParsedTransform=o;var h=o.scale&&"function"==typeof o.scale?o.scale:0;h&&(o.scale=h(y,t));var u,f,c,$,p,d,m,_,v,T=t._gsTransform,x=t.style,b=t7.length,w=o,P={},O=tM(t,r,!0,w.parseTransform),S=w.transform&&("function"==typeof w.transform?w.transform(y,g):w.transform);if(O.skewType=w.skewType||O.skewType||l.defaultSkewType,s._transform=O,"rotationZ"in w&&(w.rotation=w.rotationZ),S&&"string"==typeof S&&tD)(f=V.style)[tD]=S,f.display="block",f.position="absolute",-1!==S.indexOf("%")&&(f.width=ts(t,"width"),f.height=ts(t,"height")),N.body.appendChild(V),u=tM(V,null,!1),"simple"===O.skewType&&(u.scaleY*=Math.cos(u.skewX*Y)),O.svg&&(d=O.xOrigin,m=O.yOrigin,u.x-=O.xOffset,u.y-=O.yOffset,(w.transformOrigin||w.svgOrigin)&&(S={},t4(t,tu(w.transformOrigin),S,w.svgOrigin,w.smoothOrigin,!0),d=S.xOrigin,m=S.yOrigin,u.x-=S.xOffset-O.xOffset,u.y-=S.yOffset-O.yOffset),(d||m)&&(_=tj(V,!0),u.x-=d-(d*_[0]+m*_[2]),u.y-=m-(d*_[1]+m*_[3]))),N.body.removeChild(V),u.perspective||(u.perspective=O.perspective),null!=w.xPercent&&(u.xPercent=tc(w.xPercent,O.xPercent)),null!=w.yPercent&&(u.yPercent=tc(w.yPercent,O.yPercent));else if("object"==typeof w){if(u={scaleX:tc(null!=w.scaleX?w.scaleX:w.scale,O.scaleX),scaleY:tc(null!=w.scaleY?w.scaleY:w.scale,O.scaleY),scaleZ:tc(w.scaleZ,O.scaleZ),x:tc(w.x,O.x),y:tc(w.y,O.y),z:tc(w.z,O.z),xPercent:tc(w.xPercent,O.xPercent),yPercent:tc(w.yPercent,O.yPercent),perspective:tc(w.transformPerspective,O.perspective)},null!=(p=w.directionalRotation)){if("object"==typeof p)for(f in p)w[f]=p[f];else w.rotation=p}"string"==typeof w.x&&-1!==w.x.indexOf("%")&&(u.x=0,u.xPercent=tc(w.x,O.xPercent)),"string"==typeof w.y&&-1!==w.y.indexOf("%")&&(u.y=0,u.yPercent=tc(w.y,O.yPercent)),u.rotation=t$("rotation"in w?w.rotation:"shortRotation"in w?w.shortRotation+"_short":O.rotation,O.rotation,"rotation",P),tX&&(u.rotationX=t$("rotationX"in w?w.rotationX:"shortRotationX"in w?w.shortRotationX+"_short":O.rotationX||0,O.rotationX,"rotationX",P),u.rotationY=t$("rotationY"in w?w.rotationY:"shortRotationY"in w?w.shortRotationY+"_short":O.rotationY||0,O.rotationY,"rotationY",P)),u.skewX=t$(w.skewX,O.skewX),u.skewY=t$(w.skewY,O.skewY)}for(tX&&null!=w.force3D&&(O.force3D=w.force3D,$=!0),(c=O.force3D||O.z||O.rotationX||O.rotationY||u.z||u.rotationX||u.rotationY||u.perspective)||null==w.scale||(u.scaleZ=1);--b>-1;)((S=u[v=t7[b]]-O[v])>1e-6||S<-.000001||null!=w[v]||null!=j[v])&&($=!0,n=new tx(O,v,O[v],S,n),v in P&&(n.e=P[v]),n.xs0=0,n.plugin=a,s._overwriteProps.push(n.n));return S="function"==typeof w.transformOrigin?w.transformOrigin(y,g):w.transformOrigin,O.svg&&(S||w.svgOrigin)&&(d=O.xOffset,m=O.yOffset,t4(t,tu(S),u,w.svgOrigin,w.smoothOrigin),n=tb(O,"xOrigin",(T?O:u).xOrigin,u.xOrigin,n,"transformOrigin"),n=tb(O,"yOrigin",(T?O:u).yOrigin,u.yOrigin,n,"transformOrigin"),d===O.xOffset&&m===O.yOffset||(n=tb(O,"xOffset",T?d:O.xOffset,O.xOffset,n,"transformOrigin"),n=tb(O,"yOffset",T?m:O.yOffset,O.yOffset,n,"transformOrigin")),S="0px 0px"),(S||tX&&c&&O.zOrigin)&&(tD?($=!0,v=tz,S||(S=(S=(ts(t,v,r,!1,"50% 50%")+"").split(" "))[0]+" "+S[1]+" "+O.zOrigin+"px"),S+="",(n=new tx(x,v,0,0,n,-1,"transformOrigin")).b=x[v],n.plugin=a,tX?(f=O.zOrigin,S=S.split(" "),O.zOrigin=(S.length>2?parseFloat(S[2]):f)||0,n.xs0=n.e=S[0]+" "+(S[1]||"50%")+" 0px",(n=new tx(O,"zOrigin",0,0,n,-1,n.n)).b=f,n.xs0=n.e=O.zOrigin):n.xs0=n.e=S):tu(S+"",O)),$&&(s._transformType=O.svg&&t3||!c&&3!==this._transformType?2:3),h&&(o.scale=h),n},allowFunc:!0,prefix:!0}),tO("boxShadow",{defaultValue:"0px 0px 0px 0px #999",prefix:!0,color:!0,multi:!0,keyword:"inset"}),tO("clipPath",{defaultValue:"inset(0%)",prefix:!0,multi:!0,formatter:ty("inset(0% 0% 0% 0%)",!1,!0)}),tO("borderRadius",{defaultValue:"0px",parser:function(t,e,i,n,a,o){e=this.format(e);var l,h,u,f,c,$,p,d,m,_,g,y,v,T,x,b,w=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],P=t.style;for(m=parseFloat(t.offsetWidth),_=parseFloat(t.offsetHeight),l=e.split(" "),h=0;h<w.length;h++)this.p.indexOf("border")&&(w[h]=tt(w[h])),-1!==(c=f=ts(t,w[h],r,!1,"0px")).indexOf(" ")&&(c=(f=c.split(" "))[0],f=f[1]),$=u=l[h],p=parseFloat(c),y=c.substr((p+"").length),(v="="===$.charAt(1))?(d=parseInt($.charAt(0)+"1",10),d*=parseFloat($=$.substr(2)),g=$.substr((d+"").length-(d<0?1:0))||""):(d=parseFloat($),g=$.substr((d+"").length)),""===g&&(g=s[i]||y),g!==y&&(T=tr(t,"borderLeft",p,y),x=tr(t,"borderTop",p,y),"%"===g?(c=T/m*100+"%",f=x/_*100+"%"):"em"===g?(c=T/(b=tr(t,"borderLeft",1,"em"))+"em",f=x/b+"em"):(c=T+"px",f=x+"px"),v&&($=parseFloat(c)+d+g,u=parseFloat(f)+d+g)),a=tw(P,w[h],c+" "+f,$+" "+u,!1,"0px",a);return a},prefix:!0,formatter:ty("0px 0px 0px 0px",!1,!0)}),tO("borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius",{defaultValue:"0px",parser:function(t,e,i,s,n,a){return tw(t.style,i,this.format(ts(t,i,r,!1,"0px 0px")),this.format(e),!1,"0px",n)},prefix:!0,formatter:ty("0px 0px",!1,!0)}),tO("backgroundPosition",{defaultValue:"0 0",parser:function(t,e,i,s,n,a){var o,l,h,u,f,c,$="background-position",p=r||ti(t),d=this.format((p?_?p.getPropertyValue($+"-x")+" "+p.getPropertyValue($+"-y"):p.getPropertyValue($):t.currentStyle.backgroundPositionX+" "+t.currentStyle.backgroundPositionY)||"0 0"),m=this.format(e);if(-1!==d.indexOf("%")!=(-1!==m.indexOf("%"))&&m.split(",").length<2&&(c=ts(t,"backgroundImage").replace(D,""))&&"none"!==c){for(o=d.split(" "),l=m.split(" "),q.setAttribute("src",c),h=2;--h>-1;)(u=-1!==(d=o[h]).indexOf("%"))!=(-1!==l[h].indexOf("%"))&&(f=0===h?t.offsetWidth-q.width:t.offsetHeight-q.height,o[h]=u?parseFloat(d)/100*f+"px":parseFloat(d)/f*100+"%");d=o.join(" ")}return this.parseComplex(t.style,d,m,n,a)},formatter:tu}),tO("backgroundSize",{defaultValue:"0 0",formatter:function(t){return"co"===(t+="").substr(0,2)?t:tu(-1===t.indexOf(" ")?t+" "+t:t)}}),tO("perspective",{defaultValue:"0px",prefix:!0}),tO("perspectiveOrigin",{defaultValue:"50% 50%",prefix:!0}),tO("transformStyle",{prefix:!0}),tO("backfaceVisibility",{prefix:!0}),tO("userSelect",{prefix:!0}),tO("margin",{parser:tv("marginTop,marginRight,marginBottom,marginLeft")}),tO("padding",{parser:tv("paddingTop,paddingRight,paddingBottom,paddingLeft")}),tO("clip",{defaultValue:"rect(0px,0px,0px,0px)",parser:function(t,e,i,s,n,a){var o,l,h;return _<9?(l=t.currentStyle,h=_<8?" ":",",o="rect("+l.clipTop+h+l.clipRight+h+l.clipBottom+h+l.clipLeft+")",e=this.format(e).split(",").join(h)):(o=this.format(ts(t,this.p,r,!1,this.dflt)),e=this.format(e)),this.parseComplex(t.style,o,e,n,a)}}),tO("textShadow",{defaultValue:"0px 0px 0px #999",color:!0,multi:!0}),tO("autoRound,strictUnits",{parser:function(t,e,i,s,r){return r}}),tO("border",{defaultValue:"0px solid #000",parser:function(t,e,i,s,n,a){var o=ts(t,"borderTopWidth",r,!1,"0px"),l=this.format(e).split(" "),h=l[0].replace(P,"");return"px"!==h&&(o=parseFloat(o)/tr(t,"borderTopWidth",1,h)+h),this.parseComplex(t.style,this.format(o+" "+ts(t,"borderTopStyle",r,!1,"solid")+" "+ts(t,"borderTopColor",r,!1,"#000")),l.join(" "),n,a)},color:!0,formatter:function(t){var e=t.split(" ");return e[0]+" "+(e[1]||"solid")+" "+(t.match(tg)||["#000"])[0]}}),tO("borderWidth",{parser:tv("borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth")}),tO("float,cssFloat,styleFloat",{parser:function(t,e,i,s,r,n){var a=t.style,o="cssFloat"in a?"cssFloat":"styleFloat";return new tx(a,o,0,0,r,-1,i,!1,0,a[o],e)}});var tU=function(t){var e,i=this.t,s=i.filter||ts(this.data,"filter")||"",r=this.s+this.c*t|0;100===r&&(-1===s.indexOf("atrix(")&&-1===s.indexOf("radient(")&&-1===s.indexOf("oader(")?(i.removeAttribute("filter"),e=!ts(this.data,"filter")):(i.filter=s.replace(k,""),e=!0)),e||(this.xn1&&(i.filter=s=s||"alpha(opacity="+r+")"),-1===s.indexOf("pacity")?0===r&&this.xn1||(i.filter=s+" alpha(opacity="+r+")"):i.filter=s.replace(O,"opacity="+r))};tO("opacity,alpha,autoAlpha",{defaultValue:"1",parser:function(t,e,i,s,n,a){var o=parseFloat(ts(t,"opacity",r,!1,"1")),l=t.style,h="autoAlpha"===i;return"string"==typeof e&&"="===e.charAt(1)&&(e=("-"===e.charAt(0)?-1:1)*parseFloat(e.substr(2))+o),h&&1===o&&"hidden"===ts(t,"visibility",r)&&0!==e&&(o=0),Z?n=new tx(l,"opacity",o,e-o,n):((n=new tx(l,"opacity",100*o,100*(e-o),n)).xn1=h?1:0,l.zoom=1,n.type=2,n.b="alpha(opacity="+n.s+")",n.e="alpha(opacity="+(n.s+n.c)+")",n.data=t,n.plugin=a,n.setRatio=tU),h&&((n=new tx(l,"visibility",0,0,n,-1,null,!1,0,0!==o?"inherit":"hidden",0===e?"hidden":"inherit")).xs0="inherit",s._overwriteProps.push(n.n),s._overwriteProps.push(i)),n}});var tV=function(t,e){e&&(t.removeProperty?("ms"!==e.substr(0,2)&&"webkit"!==e.substr(0,6)||(e="-"+e),t.removeProperty(e.replace(C,"-$1").toLowerCase())):t.removeAttribute(e))},tq=function(t){if(this.t._gsClassPT=this,1===t||0===t){this.t.setAttribute("class",0===t?this.b:this.e);for(var e=this.data,i=this.t.style;e;)e.v?i[e.p]=e.v:tV(i,e.p),e=e._next;1===t&&this.t._gsClassPT===this&&(this.t._gsClassPT=null)}else this.t.getAttribute("class")!==this.e&&this.t.setAttribute("class",this.e)};tO("className",{parser:function(t,e,s,n,a,o,l){var h,u,f,c,$,p=t.getAttribute("class")||"",d=t.style.cssText;if((a=n._classNamePT=new tx(t,s,0,0,a,2)).setRatio=tq,a.pr=-11,i=!0,a.b=p,u=ta(t,r),f=t._gsClassPT){for(c={},$=f.data;$;)c[$.p]=1,$=$._next;f.setRatio(1)}return t._gsClassPT=a,a.e="="!==e.charAt(1)?e:p.replace(RegExp("(?:\\s|^)"+e.substr(2)+"(?![\\w-])"),"")+("+"===e.charAt(0)?" "+e.substr(2):""),t.setAttribute("class",a.e),h=to(t,u,ta(t),l,c),t.setAttribute("class",p),a.data=h.firstMPT,t.style.cssText!==d&&(t.style.cssText=d),a=a.xfirst=n.parse(t,h.difs,a,o)}});var tW=function(t){if((1===t||0===t)&&this.data._totalTime===this.data._totalDuration&&"isFromStart"!==this.data.data){var e,i,s,r,n,a=this.t.style,o=u.transform.parse;if("all"===this.e)a.cssText="",r=!0;else for(s=(e=this.e.split(" ").join("").split(",")).length;--s>-1;)u[i=e[s]]&&(u[i].parse===o?r=!0:i="transformOrigin"===i?tz:u[i].p),tV(a,i);r&&(tV(a,tD),(n=this.t._gsTransform)&&(n.svg&&(this.t.removeAttribute("data-svg-origin"),this.t.removeAttribute("transform")),delete this.t._gsTransform))}};for(tO("clearProps",{parser:function(t,e,s,r,n){return(n=new tx(t,s,0,0,n,2)).setRatio=tW,n.e=e,n.pr=-10,n.data=r._tween,i=!0,n}}),tP=(f="bezier,throwProps,physicsProps,physics2D".split(",")).length;tP--;)tS(f[tP]);(f=l.prototype)._firstPT=f._lastParsedTransform=f._transform=null,f._onInitTween=function(t,e,a,o){if(!t.nodeType)return!1;this._target=g=t,this._tween=a,this._vars=e,y=o,c=e.autoRound,i=!1,s=e.suffixMap||l.suffixMap,r=ti(t),n=this._overwriteProps;var h,f,d,_,v,T,x,b,w,P=t.style;if($&&""===P.zIndex&&("auto"!==(h=ts(t,"zIndex",r))&&""!==h||this._addLazySet(P,"zIndex",0)),"string"==typeof e&&(_=P.cssText,h=ta(t,r),P.cssText=_+";"+e,h=to(t,h,ta(t)).difs,!Z&&S.test(e)&&(h.opacity=parseFloat(RegExp.$1)),e=h,P.cssText=_),e.className?this._firstPT=f=u.className.parse(t,e.className,"className",this,null,null,e):this._firstPT=f=this.parse(t,e,null),this._transformType){for(w=3===this._transformType,tD?p&&($=!0,""===P.zIndex&&("auto"!==(x=ts(t,"zIndex",r))&&""!==x||this._addLazySet(P,"zIndex",0)),m&&this._addLazySet(P,"WebkitBackfaceVisibility",this._vars.WebkitBackfaceVisibility||(w?"visible":"hidden"))):P.zoom=1,d=f;d&&d._next;)d=d._next;b=new tx(t,"transform",0,0,null,2),this._linkCSSP(b,null,d),b.setRatio=tD?tN:t5,b.data=this._transform||tM(t,r,!0),b.tween=a,b.pr=-1,n.pop()}if(i){for(;f;){for(T=f._next,d=_;d&&d.pr>f.pr;)d=d._next;(f._prev=d?d._prev:v)?f._prev._next=f:_=f,(f._next=d)?d._prev=f:v=f,f=T}this._firstPT=_}return!0},f.parse=function(t,e,i,n){var a,o,l,h,f,$,p,d,m,_,v=t.style;for(a in e){if($=e[a],o=u[a],"function"!=typeof $||o&&o.allowFunc||($=$(y,g)),o)i=o.parse(t,$,a,this,i,n,e);else{if("--"===a.substr(0,2)){this._tween._propLookup[a]=this._addTween.call(this._tween,t.style,"setProperty",ti(t).getPropertyValue(a)+"",$+"",a,!1,a);continue}f=ts(t,a,r)+"",m="string"==typeof $,"color"===a||"fill"===a||"stroke"===a||-1!==a.indexOf("Color")||m&&R.test($)?(m||($=(($=tm($)).length>3?"rgba(":"rgb(")+$.join(",")+")"),i=tw(v,a,f,$,!0,"transparent",i,0,n)):m&&B.test($)?i=tw(v,a,f,$,!0,null,i,0,n):(p=(l=parseFloat(f))||0===l?f.substr((l+"").length):"",""!==f&&"auto"!==f||("width"===a||"height"===a?(l=t8(t,a,r),p="px"):"left"===a||"top"===a?(l=tn(t,a,r),p="px"):(l="opacity"!==a?0:1,p="")),(_=m&&"="===$.charAt(1))?(h=parseInt($.charAt(0)+"1",10),h*=parseFloat($=$.substr(2)),d=$.replace(P,"")):(h=parseFloat($),d=m?$.replace(P,""):""),""===d&&(d=a in s?s[a]:p),$=h||0===h?(_?h+l:h)+d:e[a],p!==d&&(""===d&&"lineHeight"!==a||(h||0===h)&&l&&(l=tr(t,a,l,p),"%"===d?(l/=tr(t,a,100,"%")/100,!0!==e.strictUnits&&(f=l+"%")):"em"===d||"rem"===d||"vw"===d||"vh"===d?l/=tr(t,a,1,d):"px"!==d&&(h=tr(t,a,h,d),d="px"),_&&(h||0===h)&&($=h+l+d))),_&&(h+=l),(l||0===l)&&(h||0===h)?(i=new tx(v,a,l,h-l,i,0,a,!1!==c&&("px"===d||"zIndex"===a),0,f,$)).xs0=d:void 0!==v[a]&&($||$+""!="NaN"&&null!=$)?(i=new tx(v,a,h||l||0,0,i,-1,a,!1,0,f,$)).xs0="none"!==$||"display"!==a&&-1===a.indexOf("Style")?$:f:Q("invalid "+a+" tween value: "+e[a]))}n&&i&&!i.plugin&&(i.plugin=n)}return i},f.setRatio=function(t){var e,i,s,r=this._firstPT;if(1!==t||this._tween._time!==this._tween._duration&&0!==this._tween._time){if(t||this._tween._time!==this._tween._duration&&0!==this._tween._time||-.000001===this._tween._rawPrevTime)for(;r;){if(e=r.c*t+r.s,r.r?e=r.r(e):e<1e-6&&e>-.000001&&(e=0),r.type){if(1===r.type){if(2===(s=r.l))r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2;else if(3===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3;else if(4===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3+r.xn3+r.xs4;else if(5===s)r.t[r.p]=r.xs0+e+r.xs1+r.xn1+r.xs2+r.xn2+r.xs3+r.xn3+r.xs4+r.xn4+r.xs5;else{for(i=r.xs0+e+r.xs1,s=1;s<r.l;s++)i+=r["xn"+s]+r["xs"+(s+1)];r.t[r.p]=i}}else -1===r.type?r.t[r.p]=r.xs0:r.setRatio&&r.setRatio(t)}else r.t[r.p]=e+r.xs0;r=r._next}else for(;r;)2!==r.type?r.t[r.p]=r.b:r.setRatio(t),r=r._next}else for(;r;){if(2!==r.type){if(r.r&&-1!==r.type){if(e=r.r(r.s+r.c),r.type){if(1===r.type){for(s=r.l,i=r.xs0+e+r.xs1,s=1;s<r.l;s++)i+=r["xn"+s]+r["xs"+(s+1)];r.t[r.p]=i}}else r.t[r.p]=e+r.xs0}else r.t[r.p]=r.e}else r.setRatio(t);r=r._next}},f._enableTransforms=function(t){this._transform=this._transform||tM(this._target,r,!0),this._transformType=this._transform.svg&&t3||!t&&3!==this._transformType?2:3};var tG=function(t){this.t[this.p]=this.e,this.data._linkCSSP(this,this._next,null,!0)};f._addLazySet=function(t,e,i){var s=this._firstPT=new tx(t,e,0,0,this._firstPT,2);s.e=i,s.setRatio=tG,s.data=this},f._linkCSSP=function(t,e,i,s){return t&&(e&&(e._prev=t),t._next&&(t._next._prev=t._prev),t._prev?t._prev._next=t._next:this._firstPT===t&&(this._firstPT=t._next,s=!0),i?i._next=t:s||null!==this._firstPT||(this._firstPT=t),t._next=e,t._prev=i),t},f._mod=function(t){for(var e=this._firstPT;e;)"function"==typeof t[e.p]&&(e.r=t[e.p]),e=e._next},f._kill=function(e){var i,s,r,n=e;if(e.autoAlpha||e.alpha){for(s in n={},e)n[s]=e[s];n.opacity=1,n.autoAlpha&&(n.visibility=1)}for(e.className&&(i=this._classNamePT)&&((r=i.xfirst)&&r._prev?this._linkCSSP(r._prev,i._next,r._prev._prev):r===this._firstPT&&(this._firstPT=i._next),i._next&&this._linkCSSP(i._next,i._next._next,r._prev),this._classNamePT=null),i=this._firstPT;i;)i.plugin&&i.plugin!==s&&i.plugin._kill&&(i.plugin._kill(e),s=i.plugin),i=i._next;return t.prototype._kill.call(this,n)};var tZ=function(t,e,i){var s,r,n,a;if(t.slice)for(r=t.length;--r>-1;)tZ(t[r],e,i);else for(r=(s=t.childNodes).length;--r>-1;)a=(n=s[r]).type,n.style&&(e.push(ta(n)),i&&i.push(n)),(1===a||9===a||11===a)&&n.childNodes.length&&tZ(n,e,i)};return l.cascadeTo=function(t,i,s){var r,n,a,o,l=e.to(t,i,s),h=[l],u=[],f=[],c=[],$=e._internals.reservedProps;for(tZ(t=l._targets||l.target,u,c),l.render(i,!0,!0),tZ(t,f),l.render(0,!0,!0),l._enabled(!0),r=c.length;--r>-1;)if((n=to(c[r],u[r],f[r])).firstMPT){for(a in n=n.difs,s)$[a]&&(n[a]=s[a]);for(a in o={},n)o[a]=u[r][a];h.push(e.fromTo(c[r],i,o,n))}return h},t.activate([l]),l},!0),p=_gsScope._gsDefine.plugin({propName:"roundProps",version:"1.7.0",priority:-1,API:2,init:function(t,e,i){return this._tween=i,!0}}),d=function(t){var e=t<1?Math.pow(10,(t+"").length-2):1;return function(i){return(Math.round(i/t)*t*e|0)/e}},m=function(t,e){for(;t;)t.f||t.blob||(t.m=e||Math.round),t=t._next},(_=p.prototype)._onInitAllProps=function(){var t,e,i,s,r=this._tween,n=r.vars.roundProps,a={},o=r._propLookup.roundProps;if("object"!=typeof n||n.push)for("string"==typeof n&&(n=n.split(",")),i=n.length;--i>-1;)a[n[i]]=Math.round;else for(s in n)a[s]=d(n[s]);for(s in a)for(t=r._firstPT;t;)e=t._next,t.pg?t.t._mod(a):t.n===s&&(2===t.f&&t.t?m(t.t._firstPT,a[s]):(this._add(t.t,s,t.s,t.c,a[s]),e&&(e._prev=t._prev),t._prev?t._prev._next=e:r._firstPT===t&&(r._firstPT=e),t._next=t._prev=null,r._propLookup[s]=o)),t=e;return!1},_._add=function(t,e,i,s,r){this._addTween(t,e,i,i+s,e,r||Math.round),this._overwriteProps.push(e)},_gsScope._gsDefine.plugin({propName:"attr",API:2,version:"0.6.1",init:function(t,e,i,s){var r,n;if("function"!=typeof t.setAttribute)return!1;for(r in e)"function"==typeof(n=e[r])&&(n=n(s,t)),this._addTween(t,"setAttribute",t.getAttribute(r)+"",n+"",r,!1,r),this._overwriteProps.push(r);return!0}}),_gsScope._gsDefine.plugin({propName:"directionalRotation",version:"0.3.1",API:2,init:function(t,e,i,s){"object"!=typeof e&&(e={rotation:e}),this.finals={};var r,n,a,o,l,h,u=!0===e.useRadians?2*Math.PI:360;for(r in e)"useRadians"!==r&&("function"==typeof(o=e[r])&&(o=o(s,t)),n=(h=(o+"").split("_"))[0],a=parseFloat("function"!=typeof t[r]?t[r]:t[r.indexOf("set")||"function"!=typeof t["get"+r.substr(3)]?r:"get"+r.substr(3)]()),l=(o=this.finals[r]="string"==typeof n&&"="===n.charAt(1)?a+parseInt(n.charAt(0)+"1",10)*Number(n.substr(2)):Number(n)||0)-a,h.length&&(-1!==(n=h.join("_")).indexOf("short")&&(l%=u)!=l%(u/2)&&(l=l<0?l+u:l-u),-1!==n.indexOf("_cw")&&l<0?l=(l+9999999999*u)%u-(l/u|0)*u:-1!==n.indexOf("ccw")&&l>0&&(l=(l-9999999999*u)%u-(l/u|0)*u)),(l>1e-6||l<-.000001)&&(this._addTween(t,r,a,a+l,r),this._overwriteProps.push(r)));return!0},set:function(t){var e;if(1!==t)this._super.setRatio.call(this,t);else for(e=this._firstPT;e;)e.f?e.t[e.p](this.finals[e.p]):e.t[e.p]=this.finals[e.p],e=e._next}})._autoCSS=!0,_gsScope._gsDefine("easing.Back",["easing.Ease"],function(t){var e,i,s,r,n=_gsScope.GreenSockGlobals||_gsScope,a=n.com.greensock,o=2*Math.PI,l=Math.PI/2,h=a._class,u=function(e,i){var s=h("easing."+e,function(){},!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,s},f=t.register||function(){},c=function(t,e,i,s,r){var n=h("easing."+t,{easeOut:new e,easeIn:new i,easeInOut:new s},!0);return f(n,t),n},$=function(t,e,i){this.t=t,this.v=e,i&&(this.next=i,i.prev=this,this.c=i.v-e,this.gap=i.t-t)},p=function(e,i){var s=h("easing."+e,function(t){this._p1=t||0===t?t:1.70158,this._p2=1.525*this._p1},!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,r.config=function(t){return new s(t)},s},d=c("Back",p("BackOut",function(t){return(t-=1)*t*((this._p1+1)*t+this._p1)+1}),p("BackIn",function(t){return t*t*((this._p1+1)*t-this._p1)}),p("BackInOut",function(t){return(t*=2)<1?.5*t*t*((this._p2+1)*t-this._p2):.5*((t-=2)*t*((this._p2+1)*t+this._p2)+2)})),m=h("easing.SlowMo",function(t,e,i){e=e||0===e?e:.7,null==t?t=.7:t>1&&(t=1),this._p=1!==t?e:0,this._p1=(1-t)/2,this._p2=t,this._p3=this._p1+this._p2,this._calcEnd=!0===i},!0),_=m.prototype=new t;return _.constructor=m,_.getRatio=function(t){var e=t+(.5-t)*this._p;return t<this._p1?this._calcEnd?1-(t=1-t/this._p1)*t:e-(t=1-t/this._p1)*t*t*t*e:t>this._p3?this._calcEnd?1===t?0:1-(t=(t-this._p3)/this._p1)*t:e+(t-e)*(t=(t-this._p3)/this._p1)*t*t*t:this._calcEnd?1:e},m.ease=new m(.7,.7),_.config=m.config=function(t,e,i){return new m(t,e,i)},(_=(e=h("easing.SteppedEase",function(t,e){t=t||1,this._p1=1/t,this._p2=t+(e?0:1),this._p3=e?1:0},!0)).prototype=new t).constructor=e,_.getRatio=function(t){return t<0?t=0:t>=1&&(t=.999999999),((this._p2*t|0)+this._p3)*this._p1},_.config=e.config=function(t,i){return new e(t,i)},(_=(i=h("easing.ExpoScaleEase",function(t,e,i){this._p1=Math.log(e/t),this._p2=e-t,this._p3=t,this._ease=i},!0)).prototype=new t).constructor=i,_.getRatio=function(t){return this._ease&&(t=this._ease.getRatio(t)),(this._p3*Math.exp(this._p1*t)-this._p3)/this._p2},_.config=i.config=function(t,e,s){return new i(t,e,s)},(_=(s=h("easing.RoughEase",function(e){for(var i,s,r,n,a,o,l=(e=e||{}).taper||"none",h=[],u=0,f=0|(e.points||20),c=f,p=!1!==e.randomize,d=!0===e.clamp,m=e.template instanceof t?e.template:null,_="number"==typeof e.strength?.4*e.strength:.4;--c>-1;)i=p?Math.random():1/f*c,s=m?m.getRatio(i):i,r="none"===l?_:"out"===l?(n=1-i)*n*_:"in"===l?i*i*_:i<.5?(n=2*i)*n*.5*_:(n=2*(1-i))*n*.5*_,p?s+=Math.random()*r-.5*r:c%2?s+=.5*r:s-=.5*r,d&&(s>1?s=1:s<0&&(s=0)),h[u++]={x:i,y:s};for(h.sort(function(t,e){return t.x-e.x}),o=new $(1,1,null),c=f;--c>-1;)a=h[c],o=new $(a.x,a.y,o);this._prev=new $(0,0,0!==o.t?o:o.next)},!0)).prototype=new t).constructor=s,_.getRatio=function(t){var e=this._prev;if(t>e.t){for(;e.next&&t>=e.t;)e=e.next;e=e.prev}else for(;e.prev&&t<=e.t;)e=e.prev;return this._prev=e,e.v+(t-e.t)/e.gap*e.c},_.config=function(t){return new s(t)},s.ease=new s,c("Bounce",u("BounceOut",function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375}),u("BounceIn",function(t){return(t=1-t)<1/2.75?1-7.5625*t*t:t<2/2.75?1-(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?1-(7.5625*(t-=2.25/2.75)*t+.9375):1-(7.5625*(t-=2.625/2.75)*t+.984375)}),u("BounceInOut",function(t){var e=t<.5;return(t=e?1-2*t:2*t-1)<1/2.75?t*=7.5625*t:t=t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,e?.5*(1-t):.5*t+.5})),c("Circ",u("CircOut",function(t){return Math.sqrt(1-(t-=1)*t)}),u("CircIn",function(t){return-(Math.sqrt(1-t*t)-1)}),u("CircInOut",function(t){return(t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)})),c("Elastic",(r=function(e,i,s){var r=h("easing."+e,function(t,e){this._p1=t>=1?t:1,this._p2=(e||s)/(t<1?t:1),this._p3=this._p2/o*(Math.asin(1/this._p1)||0),this._p2=o/this._p2},!0),n=r.prototype=new t;return n.constructor=r,n.getRatio=i,n.config=function(t,e){return new r(t,e)},r})("ElasticOut",function(t){return this._p1*Math.pow(2,-10*t)*Math.sin((t-this._p3)*this._p2)+1},.3),r("ElasticIn",function(t){return-this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*this._p2)},.3),r("ElasticInOut",function(t){return(t*=2)<1?-(this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*this._p2)*.5):this._p1*Math.pow(2,-10*(t-=1))*Math.sin((t-this._p3)*this._p2)*.5+1},.45)),c("Expo",u("ExpoOut",function(t){return 1-Math.pow(2,-10*t)}),u("ExpoIn",function(t){return Math.pow(2,10*(t-1))-.001}),u("ExpoInOut",function(t){return(t*=2)<1?.5*Math.pow(2,10*(t-1)):.5*(2-Math.pow(2,-10*(t-1)))})),c("Sine",u("SineOut",function(t){return Math.sin(t*l)}),u("SineIn",function(t){return 1-Math.cos(t*l)}),u("SineInOut",function(t){return -.5*(Math.cos(Math.PI*t)-1)})),h("easing.EaseLookup",{find:function(e){return t.map[e]}},!0),f(n.SlowMo,"SlowMo","ease,"),f(s,"RoughEase","ease,"),f(e,"SteppedEase","ease,"),d},!0)}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()(),function(t,e){"use strict";var i={},s=t.document,r=t.GreenSockGlobals=t.GreenSockGlobals||t,n=r.TweenMax;if(n)return"undefined"!=typeof module&&module.exports&&(module.exports=n),n;var a,o,l,h,u,f,c,$=function(t){var e,i=t.split("."),s=r;for(e=0;e<i.length;e++)s[i[e]]=s=s[i[e]]||{};return s},p=$("com.greensock"),d=function(t){var e,i=[],s=t.length;for(e=0;e!==s;i.push(t[e++]));return i},m=function(){},_=(c=(f=Object.prototype.toString).call([]),function(t){return null!=t&&(t instanceof Array||"object"==typeof t&&!!t.push&&f.call(t)===c)}),g={},y=function(e,s,n,a){this.sc=g[e]?g[e].sc:[],g[e]=this,this.gsClass=null,this.func=n;var o=[];this.check=function(l){for(var h,u,f,c,p=s.length,d=p;--p>-1;)(h=g[s[p]]||new y(s[p],[])).gsClass?(o[p]=h.gsClass,d--):l&&h.sc.push(this);if(0===d&&n){if(f=(u=("com.greensock."+e).split(".")).pop(),c=$(u.join("."))[f]=this.gsClass=n.apply(n,o),a){if(r[f]=i[f]=c,"undefined"!=typeof module&&module.exports){if("TweenMax"===e)for(p in module.exports=i.TweenMax=c,i)c[p]=i[p];else i.TweenMax&&(i.TweenMax[f]=c)}else"function"==typeof define&&define.amd&&define((t.GreenSockAMDPath?t.GreenSockAMDPath+"/":"")+e.split(".").pop(),[],function(){return c})}for(p=0;p<this.sc.length;p++)this.sc[p].check()}},this.check(!0)},v=t._gsDefine=function(t,e,i,s){return new y(t,e,i,s)},T=p._class=function(t,e,i){return e=e||function(){},v(t,[],function(){return e},i),e};v.globals=r;var x=[0,0,1,1],b=T("easing.Ease",function(t,e,i,s){this._func=t,this._type=i||0,this._power=s||0,this._params=e?x.concat(e):x},!0),w=b.map={},P=b.register=function(t,e,i,s){for(var r,n,a,o,l=e.split(","),h=l.length,u=(i||"easeIn,easeOut,easeInOut").split(",");--h>-1;)for(n=l[h],r=s?T("easing."+n,null,!0):p.easing[n]||{},a=u.length;--a>-1;)w[n+"."+(o=u[a])]=w[o+n]=r[o]=t.getRatio?t:t[o]||new t};for((l=b.prototype)._calcEnd=!1,l.getRatio=function(t){if(this._func)return this._params[0]=t,this._func.apply(null,this._params);var e=this._type,i=this._power,s=1===e?1-t:2===e?t:t<.5?2*t:2*(1-t);return 1===i?s*=s:2===i?s*=s*s:3===i?s*=s*s*s:4===i&&(s*=s*s*s*s),1===e?1-s:2===e?s:t<.5?s/2:1-s/2},o=(a=["Linear","Quad","Cubic","Quart","Quint,Strong"]).length;--o>-1;)l=a[o]+",Power"+o,P(new b(null,null,1,o),l,"easeOut",!0),P(new b(null,null,2,o),l,"easeIn"+(0===o?",easeNone":"")),P(new b(null,null,3,o),l,"easeInOut");w.linear=p.easing.Linear.easeIn,w.swing=p.easing.Quad.easeInOut;var O=T("events.EventDispatcher",function(t){this._listeners={},this._eventTarget=t||this});(l=O.prototype).addEventListener=function(t,e,i,s,r){r=r||0;var n,a,o=this._listeners[t],l=0;for(this!==h||u||h.wake(),null==o&&(this._listeners[t]=o=[]),a=o.length;--a>-1;)(n=o[a]).c===e&&n.s===i?o.splice(a,1):0===l&&n.pr<r&&(l=a+1);o.splice(l,0,{c:e,s:i,up:s,pr:r})},l.removeEventListener=function(t,e){var i,s=this._listeners[t];if(s){for(i=s.length;--i>-1;)if(s[i].c===e)return void s.splice(i,1)}},l.dispatchEvent=function(t){var e,i,s,r=this._listeners[t];if(r)for((e=r.length)>1&&(r=r.slice(0)),i=this._eventTarget;--e>-1;)(s=r[e])&&(s.up?s.c.call(s.s||i,{type:t,target:i}):s.c.call(s.s||i))};var S=t.requestAnimationFrame,k=t.cancelAnimationFrame,R=Date.now||function(){return new Date().getTime()},C=R();for(o=(a=["ms","moz","webkit","o"]).length;--o>-1&&!S;)S=t[a[o]+"RequestAnimationFrame"],k=t[a[o]+"CancelAnimationFrame"]||t[a[o]+"CancelRequestAnimationFrame"];T("Ticker",function(t,e){var i,r,n,a,o,l=this,f=R(),c=!(!1===e||!S)&&"auto",$=500,p=33,d=function(t){var e,s,h=R()-C;h>$&&(f+=h-p),C+=h,l.time=(C-f)/1e3,e=l.time-o,(!i||e>0||!0===t)&&(l.frame++,o+=e+(e>=a?.004:a-e),s=!0),!0!==t&&(n=r(d)),s&&l.dispatchEvent("tick")};O.call(l),l.time=l.frame=0,l.tick=function(){d(!0)},l.lagSmoothing=function(t,e){if(!arguments.length)return $<1e8;p=Math.min(e,$=t||1e8,0)},l.sleep=function(){null!=n&&(c&&k?k(n):clearTimeout(n),r=m,n=null,l===h&&(u=!1))},l.wake=function(t){null!==n?l.sleep():t?f+=-C+(C=R()):l.frame>10&&(C=R()-$+5),r=0===i?m:c&&S?S:function(t){return setTimeout(t,1e3*(o-l.time)+1|0)},l===h&&(u=!0),d(2)},l.fps=function(t){if(!arguments.length)return i;a=1/((i=t)||60),o=this.time+a,l.wake()},l.useRAF=function(t){if(!arguments.length)return c;l.sleep(),c=t,l.fps(i)},l.fps(t),setTimeout(function(){"auto"===c&&l.frame<5&&"hidden"!==(s||{}).visibilityState&&l.useRAF(!1)},1500)}),(l=p.Ticker.prototype=new p.events.EventDispatcher).constructor=p.Ticker;var A=T("core.Animation",function(t,e){if(this.vars=e=e||{},this._duration=this._totalDuration=t||0,this._delay=Number(e.delay)||0,this._timeScale=1,this._active=!!e.immediateRender,this.data=e.data,this._reversed=!!e.reversed,Q){u||h.wake();var i=this.vars.useFrames?H:Q;i.add(this,i._time),this.vars.paused&&this.paused(!0)}});h=A.ticker=new p.Ticker,(l=A.prototype)._dirty=l._gc=l._initted=l._paused=!1,l._totalTime=l._time=0,l._rawPrevTime=-1,l._next=l._last=l._onUpdate=l._timeline=l.timeline=null,l._paused=!1;var D=function(){u&&R()-C>2e3&&("hidden"!==(s||{}).visibilityState||!h.lagSmoothing())&&h.wake();var t=setTimeout(D,2e3);t.unref&&t.unref()};D(),l.play=function(t,e){return null!=t&&this.seek(t,e),this.reversed(!1).paused(!1)},l.pause=function(t,e){return null!=t&&this.seek(t,e),this.paused(!0)},l.resume=function(t,e){return null!=t&&this.seek(t,e),this.paused(!1)},l.seek=function(t,e){return this.totalTime(Number(t),!1!==e)},l.restart=function(t,e){return this.reversed(!1).paused(!1).totalTime(t?-this._delay:0,!1!==e,!0)},l.reverse=function(t,e){return null!=t&&this.seek(t||this.totalDuration(),e),this.reversed(!0).paused(!1)},l.render=function(t,e,i){},l.invalidate=function(){return this._time=this._totalTime=0,this._initted=this._gc=!1,this._rawPrevTime=-1,!this._gc&&this.timeline||this._enabled(!0),this},l.isActive=function(){var t,e=this._timeline,i=this._startTime;return!e||!this._gc&&!this._paused&&e.isActive()&&(t=e.rawTime(!0))>=i&&t<i+this.totalDuration()/this._timeScale-1e-8},l._enabled=function(t,e){return u||h.wake(),this._gc=!t,this._active=this.isActive(),!0!==e&&(t&&!this.timeline?this._timeline.add(this,this._startTime-this._delay):!t&&this.timeline&&this._timeline._remove(this,!0)),!1},l._kill=function(t,e){return this._enabled(!1,!1)},l.kill=function(t,e){return this._kill(t,e),this},l._uncache=function(t){for(var e=t?this:this.timeline;e;)e._dirty=!0,e=e.timeline;return this},l._swapSelfInParams=function(t){for(var e=t.length,i=t.concat();--e>-1;)"{self}"===t[e]&&(i[e]=this);return i},l._callback=function(t){var e=this.vars,i=e[t],s=e[t+"Params"],r=e[t+"Scope"]||e.callbackScope||this;switch(s?s.length:0){case 0:i.call(r);break;case 1:i.call(r,s[0]);break;case 2:i.call(r,s[0],s[1]);break;default:i.apply(r,s)}},l.eventCallback=function(t,e,i,s){if("on"===(t||"").substr(0,2)){var r=this.vars;if(1===arguments.length)return r[t];null==e?delete r[t]:(r[t]=e,r[t+"Params"]=_(i)&&-1!==i.join("").indexOf("{self}")?this._swapSelfInParams(i):i,r[t+"Scope"]=s),"onUpdate"===t&&(this._onUpdate=e)}return this},l.delay=function(t){return arguments.length?(this._timeline.smoothChildTiming&&this.startTime(this._startTime+t-this._delay),this._delay=t,this):this._delay},l.duration=function(t){return arguments.length?(this._duration=this._totalDuration=t,this._uncache(!0),this._timeline.smoothChildTiming&&this._time>0&&this._time<this._duration&&0!==t&&this.totalTime(this._totalTime*(t/this._duration),!0),this):(this._dirty=!1,this._duration)},l.totalDuration=function(t){return this._dirty=!1,arguments.length?this.duration(t):this._totalDuration},l.time=function(t,e){return arguments.length?(this._dirty&&this.totalDuration(),this.totalTime(t>this._duration?this._duration:t,e)):this._time},l.totalTime=function(t,e,i){if(u||h.wake(),!arguments.length)return this._totalTime;if(this._timeline){if(t<0&&!i&&(t+=this.totalDuration()),this._timeline.smoothChildTiming){this._dirty&&this.totalDuration();var s=this._totalDuration,r=this._timeline;if(t>s&&!i&&(t=s),this._startTime=(this._paused?this._pauseTime:r._time)-(this._reversed?s-t:t)/this._timeScale,r._dirty||this._uncache(!1),r._timeline)for(;r._timeline;)r._timeline._time!==(r._startTime+r._totalTime)/r._timeScale&&r.totalTime(r._totalTime,!0),r=r._timeline}this._gc&&this._enabled(!0,!1),this._totalTime===t&&0!==this._duration||(L.length&&J(),this.render(t,e,!1),L.length&&J())}return this},l.progress=l.totalProgress=function(t,e){var i=this.duration();return arguments.length?this.totalTime(i*t,e):i?this._time/i:this.ratio},l.startTime=function(t){return arguments.length?(t!==this._startTime&&(this._startTime=t,this.timeline&&this.timeline._sortChildren&&this.timeline.add(this,t-this._delay)),this):this._startTime},l.endTime=function(t){return this._startTime+(0!=t?this.totalDuration():this.duration())/this._timeScale},l.timeScale=function(t){var e,i;if(!arguments.length)return this._timeScale;for(t=t||1e-8,this._timeline&&this._timeline.smoothChildTiming&&(i=(e=this._pauseTime)||0===e?e:this._timeline.totalTime(),this._startTime=i-(i-this._startTime)*this._timeScale/t),this._timeScale=t,i=this.timeline;i&&i.timeline;)i._dirty=!0,i.totalDuration(),i=i.timeline;return this},l.reversed=function(t){return arguments.length?(t!=this._reversed&&(this._reversed=t,this.totalTime(this._timeline&&!this._timeline.smoothChildTiming?this.totalDuration()-this._totalTime:this._totalTime,!0)),this):this._reversed},l.paused=function(t){if(!arguments.length)return this._paused;var e,i,s=this._timeline;return t!=this._paused&&s&&(u||t||h.wake(),i=(e=s.rawTime())-this._pauseTime,!t&&s.smoothChildTiming&&(this._startTime+=i,this._uncache(!1)),this._pauseTime=t?e:null,this._paused=t,this._active=this.isActive(),!t&&0!==i&&this._initted&&this.duration()&&(e=s.smoothChildTiming?this._totalTime:(e-this._startTime)/this._timeScale,this.render(e,e===this._totalTime,!0))),this._gc&&!t&&this._enabled(!0,!1),this};var z=T("core.SimpleTimeline",function(t){A.call(this,0,t),this.autoRemoveChildren=this.smoothChildTiming=!0});(l=z.prototype=new A).constructor=z,l.kill()._gc=!1,l._first=l._last=l._recent=null,l._sortChildren=!1,l.add=l.insert=function(t,e,i,s){var r,n;if(t._startTime=Number(e||0)+t._delay,t._paused&&this!==t._timeline&&(t._pauseTime=this.rawTime()-(t._timeline.rawTime()-t._pauseTime)),t.timeline&&t.timeline._remove(t,!0),t.timeline=t._timeline=this,t._gc&&t._enabled(!0,!0),r=this._last,this._sortChildren)for(n=t._startTime;r&&r._startTime>n;)r=r._prev;return r?(t._next=r._next,r._next=t):(t._next=this._first,this._first=t),t._next?t._next._prev=t:this._last=t,t._prev=r,this._recent=t,this._timeline&&this._uncache(!0),this},l._remove=function(t,e){return t.timeline===this&&(e||t._enabled(!1,!0),t._prev?t._prev._next=t._next:this._first===t&&(this._first=t._next),t._next?t._next._prev=t._prev:this._last===t&&(this._last=t._prev),t._next=t._prev=t.timeline=null,t===this._recent&&(this._recent=this._last),this._timeline&&this._uncache(!0)),this},l.render=function(t,e,i){var s,r=this._first;for(this._totalTime=this._time=this._rawPrevTime=t;r;)s=r._next,(r._active||t>=r._startTime&&!r._paused&&!r._gc)&&(r._reversed?r.render((r._dirty?r.totalDuration():r._totalDuration)-(t-r._startTime)*r._timeScale,e,i):r.render((t-r._startTime)*r._timeScale,e,i)),r=s},l.rawTime=function(){return u||h.wake(),this._totalTime};var X=T("TweenLite",function(e,i,s){if(A.call(this,i,s),this.render=X.prototype.render,null==e)throw"Cannot tween a null target.";this.target=e="string"!=typeof e?e:X.selector(e)||e;var r,n,a,o=e.jquery||e.length&&e!==t&&e[0]&&(e[0]===t||e[0].nodeType&&e[0].style&&!e.nodeType),l=this.vars.overwrite;if(this._overwrite=l=null==l?Z[X.defaultOverwrite]:"number"==typeof l?l>>0:Z[l],(o||e instanceof Array||e.push&&_(e))&&"number"!=typeof e[0])for(this._targets=a=d(e),this._propLookup=[],this._siblings=[],r=0;r<a.length;r++)(n=a[r])?"string"!=typeof n?n.length&&n!==t&&n[0]&&(n[0]===t||n[0].nodeType&&n[0].style&&!n.nodeType)?(a.splice(r--,1),this._targets=a=a.concat(d(n))):(this._siblings[r]=tt(n,this,!1),1===l&&this._siblings[r].length>1&&ti(n,this,null,1,this._siblings[r])):"string"==typeof(n=a[r--]=X.selector(n))&&a.splice(r+1,1):a.splice(r--,1);else this._propLookup={},this._siblings=tt(e,this,!1),1===l&&this._siblings.length>1&&ti(e,this,null,1,this._siblings);(this.vars.immediateRender||0===i&&0===this._delay&&!1!==this.vars.immediateRender)&&(this._time=-.00000001,this.render(Math.min(0,-this._delay)))},!0),E=function(e){return e&&e.length&&e!==t&&e[0]&&(e[0]===t||e[0].nodeType&&e[0].style&&!e.nodeType)};(l=X.prototype=new A).constructor=X,l.kill()._gc=!1,l.ratio=0,l._firstPT=l._targets=l._overwrittenProps=l._startAt=null,l._notifyPluginsOfEnabled=l._lazy=!1,X.version="2.1.3",X.defaultEase=l._ease=new b(null,null,1,1),X.defaultOverwrite="auto",X.ticker=h,X.autoSleep=120,X.lagSmoothing=function(t,e){h.lagSmoothing(t,e)},X.selector=t.$||t.jQuery||function(e){var i=t.$||t.jQuery;return i?(X.selector=i,i(e)):(s||(s=t.document),s?s.querySelectorAll?s.querySelectorAll(e):s.getElementById("#"===e.charAt(0)?e.substr(1):e):e)};var L=[],I={},B=/(?:(-|-=|\+=)?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/gi,Y=/[\+-]=-?[\.\d]/,F=function(t){for(var e,i=this._firstPT;i;)e=i.blob?1===t&&null!=this.end?this.end:t?this.join(""):this.start:i.c*t+i.s,i.m?e=i.m.call(this._tween,e,this._target||i.t,this._tween):e<1e-6&&e>-.000001&&!i.blob&&(e=0),i.f?i.fp?i.t[i.p](i.fp,e):i.t[i.p](e):i.t[i.p]=e,i=i._next},j=function(t){return(1e3*t|0)/1e3+""},M=function(t,e,i,s){var r,n,a,o,l,h,u,f=[],c=0,$="",p=0;for(f.start=t,f.end=e,t=f[0]=t+"",e=f[1]=e+"",i&&(i(f),t=f[0],e=f[1]),f.length=0,r=t.match(B)||[],n=e.match(B)||[],s&&(s._next=null,s.blob=1,f._firstPT=f._applyPT=s),l=n.length,o=0;o<l;o++)u=n[o],$+=(h=e.substr(c,e.indexOf(u,c)-c))||!o?h:",",c+=h.length,p?p=(p+1)%5:"rgba("===h.substr(-5)&&(p=1),u===r[o]||r.length<=o?$+=u:($&&(f.push($),$=""),a=parseFloat(r[o]),f.push(a),f._firstPT={_next:f._firstPT,t:f,p:f.length-1,s:a,c:("="===u.charAt(1)?parseInt(u.charAt(0)+"1",10)*parseFloat(u.substr(2)):parseFloat(u)-a)||0,f:0,m:p&&p<4?Math.round:j}),c+=u.length;return($+=e.substr(c))&&f.push($),f.setRatio=F,Y.test(e)&&(f.end=null),f},N=function(t,e,i,s,r,n,a,o,l){"function"==typeof s&&(s=s(l||0,t));var h=typeof t[e],u="function"!==h?"":e.indexOf("set")||"function"!=typeof t["get"+e.substr(3)]?e:"get"+e.substr(3),f="get"!==i?i:u?a?t[u](a):t[u]():t[e],c="string"==typeof s&&"="===s.charAt(1),$={t:t,p:e,s:f,f:"function"===h,pg:0,n:r||e,m:n?"function"==typeof n?n:Math.round:0,pr:0,c:c?parseInt(s.charAt(0)+"1",10)*parseFloat(s.substr(2)):parseFloat(s)-f||0};if(("number"!=typeof f||"number"!=typeof s&&!c)&&(a||isNaN(f)||!c&&isNaN(s)||"boolean"==typeof f||"boolean"==typeof s?($.fp=a,$={t:M(f,c?parseFloat($.s)+$.c+($.s+"").replace(/[0-9\-\.]/g,""):s,o||X.defaultStringFilter,$),p:"setRatio",s:0,c:1,f:2,pg:0,n:r||e,pr:0,m:0}):($.s=parseFloat(f),c||($.c=parseFloat(s)-$.s||0))),$.c)return($._next=this._firstPT)&&($._next._prev=$),this._firstPT=$,$},U=X._internals={isArray:_,isSelector:E,lazyTweens:L,blobDif:M},V=X._plugins={},q=U.tweenLookup={},W=0,G=U.reservedProps={ease:1,delay:1,overwrite:1,onComplete:1,onCompleteParams:1,onCompleteScope:1,useFrames:1,runBackwards:1,startAt:1,onUpdate:1,onUpdateParams:1,onUpdateScope:1,onStart:1,onStartParams:1,onStartScope:1,onReverseComplete:1,onReverseCompleteParams:1,onReverseCompleteScope:1,onRepeat:1,onRepeatParams:1,onRepeatScope:1,easeParams:1,yoyo:1,immediateRender:1,repeat:1,repeatDelay:1,data:1,paused:1,reversed:1,autoCSS:1,lazy:1,onOverwrite:1,callbackScope:1,stringFilter:1,id:1,yoyoEase:1,stagger:1},Z={none:0,all:1,auto:2,concurrent:3,allOnStart:4,preexisting:5,true:1,false:0},H=A._rootFramesTimeline=new z,Q=A._rootTimeline=new z,K=30,J=U.lazyRender=function(){var t,e,i=L.length;for(I={},t=0;t<i;t++)(e=L[t])&&!1!==e._lazy&&(e.render(e._lazy[0],e._lazy[1],!0),e._lazy=!1);L.length=0};Q._startTime=h.time,H._startTime=h.frame,Q._active=H._active=!0,setTimeout(J,1),A._updateRoot=X.render=function(){var t,e,i;if(L.length&&J(),Q.render((h.time-Q._startTime)*Q._timeScale,!1,!1),H.render((h.frame-H._startTime)*H._timeScale,!1,!1),L.length&&J(),h.frame>=K){for(i in K=h.frame+(parseInt(X.autoSleep,10)||120),q){for(t=(e=q[i].tweens).length;--t>-1;)e[t]._gc&&e.splice(t,1);0===e.length&&delete q[i]}if((!(i=Q._first)||i._paused)&&X.autoSleep&&!H._first&&1===h._listeners.tick.length){for(;i&&i._paused;)i=i._next;i||h.sleep()}}},h.addEventListener("tick",A._updateRoot);var tt=function(t,e,i){var s,r,n=t._gsTweenID;if(q[n||(t._gsTweenID=n="t"+W++)]||(q[n]={target:t,tweens:[]}),e&&((s=q[n].tweens)[r=s.length]=e,i))for(;--r>-1;)s[r]===e&&s.splice(r,1);return q[n].tweens},te=function(t,e,i,s){var r,n,a=t.vars.onOverwrite;return a&&(r=a(t,e,i,s)),(a=X.onOverwrite)&&(n=a(t,e,i,s)),!1!==r&&!1!==n},ti=function(t,e,i,s,r){if(1===s||s>=4){for(l=r.length,n=0;n<l;n++)if((o=r[n])!==e)o._gc||o._kill(null,t,e)&&(a=!0);else if(5===s)break;return a}var n,a,o,l,h,u=e._startTime+1e-8,f=[],c=0,$=0===e._duration;for(n=r.length;--n>-1;)(o=r[n])===e||o._gc||o._paused||(o._timeline!==e._timeline?(h=h||ts(e,0,$),0===ts(o,h,$)&&(f[c++]=o)):o._startTime<=u&&o._startTime+o.totalDuration()/o._timeScale>u&&(($||!o._initted)&&u-o._startTime<=2e-8||(f[c++]=o)));for(n=c;--n>-1;)if(l=(o=f[n])._firstPT,2===s&&o._kill(i,t,e)&&(a=!0),2!==s||!o._firstPT&&o._initted&&l){if(2!==s&&!te(o,e))continue;o._enabled(!1,!1)&&(a=!0)}return a},ts=function(t,e,i){for(var s=t._timeline,r=s._timeScale,n=t._startTime;s._timeline;){if(n+=s._startTime,r*=s._timeScale,s._paused)return -100;s=s._timeline}return(n/=r)>e?n-e:i&&n===e||!t._initted&&n-e<2e-8?1e-8:(n+=t.totalDuration()/t._timeScale/r)>e+1e-8?0:n-e-1e-8};l._init=function(){var t,e,i,s,r,n,a=this.vars,o=this._overwrittenProps,l=this._duration,h=!!a.immediateRender,u=a.ease,f=this._startAt;if(a.startAt){for(s in f&&(f.render(-1,!0),f.kill()),r={},a.startAt)r[s]=a.startAt[s];if(r.data="isStart",r.overwrite=!1,r.immediateRender=!0,r.lazy=h&&!1!==a.lazy,r.startAt=r.delay=null,r.onUpdate=a.onUpdate,r.onUpdateParams=a.onUpdateParams,r.onUpdateScope=a.onUpdateScope||a.callbackScope||this,this._startAt=X.to(this.target||{},0,r),h){if(this._time>0)this._startAt=null;else if(0!==l)return}}else if(a.runBackwards&&0!==l){if(f)f.render(-1,!0),f.kill(),this._startAt=null;else{for(s in 0!==this._time&&(h=!1),i={},a)G[s]&&"autoCSS"!==s||(i[s]=a[s]);if(i.overwrite=0,i.data="isFromStart",i.lazy=h&&!1!==a.lazy,i.immediateRender=h,this._startAt=X.to(this.target,0,i),h){if(0===this._time)return}else this._startAt._init(),this._startAt._enabled(!1),this.vars.immediateRender&&(this._startAt=null)}}if(this._ease=u=u?u instanceof b?u:"function"==typeof u?new b(u,a.easeParams):w[u]||X.defaultEase:X.defaultEase,a.easeParams instanceof Array&&u.config&&(this._ease=u.config.apply(u,a.easeParams)),this._easeType=this._ease._type,this._easePower=this._ease._power,this._firstPT=null,this._targets)for(n=this._targets.length,t=0;t<n;t++)this._initProps(this._targets[t],this._propLookup[t]={},this._siblings[t],o?o[t]:null,t)&&(e=!0);else e=this._initProps(this.target,this._propLookup,this._siblings,o,0);if(e&&X._onPluginEvent("_onInitAllProps",this),o&&(this._firstPT||"function"!=typeof this.target&&this._enabled(!1,!1)),a.runBackwards)for(i=this._firstPT;i;)i.s+=i.c,i.c=-i.c,i=i._next;this._onUpdate=a.onUpdate,this._initted=!0},l._initProps=function(e,i,s,r,n){var a,o,l,h,u,f;if(null==e)return!1;for(a in I[e._gsTweenID]&&J(),this.vars.css||e.style&&e!==t&&e.nodeType&&V.css&&!1!==this.vars.autoCSS&&function(t,e){var i,s={};for(i in t)G[i]||i in e&&"transform"!==i&&"x"!==i&&"y"!==i&&"width"!==i&&"height"!==i&&"className"!==i&&"border"!==i||!(!V[i]||V[i]&&V[i]._autoCSS)||(s[i]=t[i],delete t[i]);t.css=s}(this.vars,e),this.vars)if(f=this.vars[a],G[a])f&&(f instanceof Array||f.push&&_(f))&&-1!==f.join("").indexOf("{self}")&&(this.vars[a]=f=this._swapSelfInParams(f,this));else if(V[a]&&(h=new V[a])._onInitTween(e,this.vars[a],this,n)){for(this._firstPT=u={_next:this._firstPT,t:h,p:"setRatio",s:0,c:1,f:1,n:a,pg:1,pr:h._priority,m:0},o=h._overwriteProps.length;--o>-1;)i[h._overwriteProps[o]]=this._firstPT;(h._priority||h._onInitAllProps)&&(l=!0),(h._onDisable||h._onEnable)&&(this._notifyPluginsOfEnabled=!0),u._next&&(u._next._prev=u)}else i[a]=N.call(this,e,a,"get",f,a,0,null,this.vars.stringFilter,n);return r&&this._kill(r,e)?this._initProps(e,i,s,r,n):this._overwrite>1&&this._firstPT&&s.length>1&&ti(e,this,i,this._overwrite,s)?(this._kill(i,e),this._initProps(e,i,s,r,n)):(this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration)&&(I[e._gsTweenID]=!0),l)},l.render=function(t,e,i){var s,r,n,a,o=this._time,l=this._duration,h=this._rawPrevTime;if(t>=l-1e-8&&t>=0)this._totalTime=this._time=l,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1,this._reversed||(s=!0,r="onComplete",i=i||this._timeline.autoRemoveChildren),0===l&&(this._initted||!this.vars.lazy||i)&&(this._startTime===this._timeline._duration&&(t=0),(h<0||t<=0&&t>=-.00000001||1e-8===h&&"isPause"!==this.data)&&h!==t&&(i=!0,h>1e-8&&(r="onReverseComplete")),this._rawPrevTime=a=!e||t||h===t?t:1e-8);else if(t<1e-8)this._totalTime=this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0,(0!==o||0===l&&h>0)&&(r="onReverseComplete",s=this._reversed),t>-.00000001?t=0:t<0&&(this._active=!1,0===l&&(this._initted||!this.vars.lazy||i)&&(h>=0&&(1e-8!==h||"isPause"!==this.data)&&(i=!0),this._rawPrevTime=a=!e||t||h===t?t:1e-8)),(!this._initted||this._startAt&&this._startAt.progress())&&(i=!0);else if(this._totalTime=this._time=t,this._easeType){var u=t/l,f=this._easeType,c=this._easePower;(1===f||3===f&&u>=.5)&&(u=1-u),3===f&&(u*=2),1===c?u*=u:2===c?u*=u*u:3===c?u*=u*u*u:4===c&&(u*=u*u*u*u),this.ratio=1===f?1-u:2===f?u:t/l<.5?u/2:1-u/2}else this.ratio=this._ease.getRatio(t/l);if(this._time!==o||i){if(!this._initted){if(this._init(),!this._initted||this._gc)return;if(!i&&this._firstPT&&(!1!==this.vars.lazy&&this._duration||this.vars.lazy&&!this._duration))return this._time=this._totalTime=o,this._rawPrevTime=h,L.push(this),void(this._lazy=[t,e]);this._time&&!s?this.ratio=this._ease.getRatio(this._time/l):s&&this._ease._calcEnd&&(this.ratio=this._ease.getRatio(0===this._time?0:1))}for(!1!==this._lazy&&(this._lazy=!1),this._active||!this._paused&&this._time!==o&&t>=0&&(this._active=!0),0===o&&(this._startAt&&(t>=0?this._startAt.render(t,!0,i):r||(r="_dummyGS")),this.vars.onStart&&(0===this._time&&0!==l||e||this._callback("onStart"))),n=this._firstPT;n;)n.f?n.t[n.p](n.c*this.ratio+n.s):n.t[n.p]=n.c*this.ratio+n.s,n=n._next;this._onUpdate&&(t<0&&this._startAt&&-.0001!==t&&this._startAt.render(t,!0,i),e||(this._time!==o||s||i)&&this._callback("onUpdate")),r&&(this._gc&&!i||(t<0&&this._startAt&&!this._onUpdate&&-.0001!==t&&this._startAt.render(t,!0,i),s&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),!e&&this.vars[r]&&this._callback(r),0===l&&1e-8===this._rawPrevTime&&1e-8!==a&&(this._rawPrevTime=0)))}},l._kill=function(t,e,i){if("all"===t&&(t=null),null==t&&(null==e||e===this.target))return this._lazy=!1,this._enabled(!1,!1);e="string"!=typeof e?e||this._targets||this.target:X.selector(e)||e;var s,r,n,a,o,l,h,u,f,c=i&&this._time&&i._startTime===this._startTime&&this._timeline===i._timeline,$=this._firstPT;if((_(e)||E(e))&&"number"!=typeof e[0])for(s=e.length;--s>-1;)this._kill(t,e[s],i)&&(l=!0);else{if(this._targets){for(s=this._targets.length;--s>-1;)if(e===this._targets[s]){o=this._propLookup[s]||{},this._overwrittenProps=this._overwrittenProps||[],r=this._overwrittenProps[s]=t?this._overwrittenProps[s]||{}:"all";break}}else{if(e!==this.target)return!1;o=this._propLookup,r=this._overwrittenProps=t?this._overwrittenProps||{}:"all"}if(o){if(h=t||o,u=t!==r&&"all"!==r&&t!==o&&("object"!=typeof t||!t._tempKill),i&&(X.onOverwrite||this.vars.onOverwrite)){for(n in h)o[n]&&(f||(f=[]),f.push(n));if((f||!t)&&!te(this,i,e,f))return!1}for(n in h)(a=o[n])&&(c&&(a.f?a.t[a.p](a.s):a.t[a.p]=a.s,l=!0),a.pg&&a.t._kill(h)&&(l=!0),a.pg&&0!==a.t._overwriteProps.length||(a._prev?a._prev._next=a._next:a===this._firstPT&&(this._firstPT=a._next),a._next&&(a._next._prev=a._prev),a._next=a._prev=null),delete o[n]),u&&(r[n]=1);!this._firstPT&&this._initted&&$&&this._enabled(!1,!1)}}return l},l.invalidate=function(){this._notifyPluginsOfEnabled&&X._onPluginEvent("_onDisable",this);var t=this._time;return this._firstPT=this._overwrittenProps=this._startAt=this._onUpdate=null,this._notifyPluginsOfEnabled=this._active=this._lazy=!1,this._propLookup=this._targets?{}:[],A.prototype.invalidate.call(this),this.vars.immediateRender&&(this._time=-.00000001,this.render(t,!1,!1!==this.vars.lazy)),this},l._enabled=function(t,e){if(u||h.wake(),t&&this._gc){var i,s=this._targets;if(s)for(i=s.length;--i>-1;)this._siblings[i]=tt(s[i],this,!0);else this._siblings=tt(this.target,this,!0)}return A.prototype._enabled.call(this,t,e),!(!this._notifyPluginsOfEnabled||!this._firstPT)&&X._onPluginEvent(t?"_onEnable":"_onDisable",this)},X.to=function(t,e,i){return new X(t,e,i)},X.from=function(t,e,i){return i.runBackwards=!0,i.immediateRender=0!=i.immediateRender,new X(t,e,i)},X.fromTo=function(t,e,i,s){return s.startAt=i,s.immediateRender=0!=s.immediateRender&&0!=i.immediateRender,new X(t,e,s)},X.delayedCall=function(t,e,i,s,r){return new X(e,0,{delay:t,onComplete:e,onCompleteParams:i,callbackScope:s,onReverseComplete:e,onReverseCompleteParams:i,immediateRender:!1,lazy:!1,useFrames:r,overwrite:0})},X.set=function(t,e){return new X(t,0,e)},X.getTweensOf=function(t,e){var i,s,r,n;if(null==t)return[];if((_(t="string"!=typeof t?t:X.selector(t)||t)||E(t))&&"number"!=typeof t[0]){for(i=t.length,s=[];--i>-1;)s=s.concat(X.getTweensOf(t[i],e));for(i=s.length;--i>-1;)for(n=s[i],r=i;--r>-1;)n===s[r]&&s.splice(i,1)}else if(t._gsTweenID)for(i=(s=tt(t).concat()).length;--i>-1;)(s[i]._gc||e&&!s[i].isActive())&&s.splice(i,1);return s||[]},X.killTweensOf=X.killDelayedCallsTo=function(t,e,i){"object"==typeof e&&(i=e,e=!1);for(var s=X.getTweensOf(t,e),r=s.length;--r>-1;)s[r]._kill(i,t)};var tr=T("plugins.TweenPlugin",function(t,e){this._overwriteProps=(t||"").split(","),this._propName=this._overwriteProps[0],this._priority=e||0,this._super=tr.prototype},!0);if(l=tr.prototype,tr.version="1.19.0",tr.API=2,l._firstPT=null,l._addTween=N,l.setRatio=F,l._kill=function(t){var e,i=this._overwriteProps,s=this._firstPT;if(null!=t[this._propName])this._overwriteProps=[];else for(e=i.length;--e>-1;)null!=t[i[e]]&&i.splice(e,1);for(;s;)null!=t[s.n]&&(s._next&&(s._next._prev=s._prev),s._prev?(s._prev._next=s._next,s._prev=null):this._firstPT===s&&(this._firstPT=s._next)),s=s._next;return!1},l._mod=l._roundProps=function(t){for(var e,i=this._firstPT;i;)(e=t[this._propName]||null!=i.n&&t[i.n.split(this._propName+"_").join("")])&&"function"==typeof e&&(2===i.f?i.t._applyPT.m=e:i.m=e),i=i._next},X._onPluginEvent=function(t,e){var i,s,r,n,a,o=e._firstPT;if("_onInitAllProps"===t){for(;o;){for(a=o._next,s=r;s&&s.pr>o.pr;)s=s._next;(o._prev=s?s._prev:n)?o._prev._next=o:r=o,(o._next=s)?s._prev=o:n=o,o=a}o=e._firstPT=r}for(;o;)o.pg&&"function"==typeof o.t[t]&&o.t[t]()&&(i=!0),o=o._next;return i},tr.activate=function(t){for(var e=t.length;--e>-1;)t[e].API===tr.API&&(V[new t[e]()._propName]=t[e]);return!0},v.plugin=function(t){if(!(t&&t.propName&&t.init&&t.API))throw"illegal plugin definition.";var e,i=t.propName,s=t.priority||0,r=t.overwriteProps,n={init:"_onInitTween",set:"setRatio",kill:"_kill",round:"_mod",mod:"_mod",initAll:"_onInitAllProps"},a=T("plugins."+i.charAt(0).toUpperCase()+i.substr(1)+"Plugin",function(){tr.call(this,i,s),this._overwriteProps=r||[]},!0===t.global),o=a.prototype=new tr(i);for(e in o.constructor=a,a.API=t.API,n)"function"==typeof t[e]&&(o[n[e]]=t[e]);return a.version=t.version,tr.activate([a]),a},a=t._gsQueue){for(o=0;o<a.length;o++)a[o]();for(l in g)g[l].func||t.console.log("GSAP encountered missing dependency: "+l)}u=!1}("undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window); (function (win, doc, callback) { 'use strict'; function detach() { doc.addEventListener ? doc.removeEventListener('DOMContentLoaded', complete) : doc.detachEvent('onreadystatechange', complete); } function complete() { (doc.addEventListener || 'load' === event.type || 'complete' === doc.readyState) && (detach(), callback(window, window.jQuery)); } function attach() { doc.addEventListener ? doc.addEventListener('DOMContentLoaded', complete) : doc.attachEvent('onreadystatechange', complete) } callback = callback || function () { }; attach(); })(window, document, function (win, $) { /** * Swiper 5.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 16, 2019 */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Swiper=t()}(this,(function(){"use strict";var e="undefined"==typeof document?{body:{},addEventListener:function(){},removeEventListener:function(){},activeElement:{blur:function(){},nodeName:""},querySelector:function(){return null},querySelectorAll:function(){return[]},getElementById:function(){return null},createEvent:function(){return{initEvent:function(){}}},createElement:function(){return{children:[],childNodes:[],style:{},setAttribute:function(){},getElementsByTagName:function(){return[]}}},location:{hash:""}}:document,t="undefined"==typeof window?{document:e,navigator:{userAgent:""},location:{},history:{},CustomEvent:function(){return this},addEventListener:function(){},removeEventListener:function(){},getComputedStyle:function(){return{getPropertyValue:function(){return""}}},Image:function(){},Date:function(){},screen:{},setTimeout:function(){},clearTimeout:function(){}}:window,i=function(e){for(var t=0;t<e.length;t+=1)this[t]=e[t];return this.length=e.length,this};function s(s,a){var r=[],n=0;if(s&&!a&&s instanceof i)return s;if(s)if("string"==typeof s){var o,l,d=s.trim();if(d.indexOf("<")>=0&&d.indexOf(">")>=0){var h="div";for(0===d.indexOf("<li")&&(h="ul"),0===d.indexOf("<tr")&&(h="tbody"),0!==d.indexOf("<td")&&0!==d.indexOf("<th")||(h="tr"),0===d.indexOf("<tbody")&&(h="table"),0===d.indexOf("<option")&&(h="select"),(l=e.createElement(h)).innerHTML=d,n=0;n<l.childNodes.length;n+=1)r.push(l.childNodes[n])}else for(o=a||"#"!==s[0]||s.match(/[ .<>:~]/)?(a||e).querySelectorAll(s.trim()):[e.getElementById(s.trim().split("#")[1])],n=0;n<o.length;n+=1)o[n]&&r.push(o[n])}else if(s.nodeType||s===t||s===e)r.push(s);else if(s.length>0&&s[0].nodeType)for(n=0;n<s.length;n+=1)r.push(s[n]);return new i(r)}function a(e){for(var t=[],i=0;i<e.length;i+=1)-1===t.indexOf(e[i])&&t.push(e[i]);return t}s.fn=i.prototype,s.Class=i,s.Dom7=i;var r={addClass:function(e){if(void 0===e)return this;for(var t=e.split(" "),i=0;i<t.length;i+=1)for(var s=0;s<this.length;s+=1)void 0!==this[s]&&void 0!==this[s].classList&&this[s].classList.add(t[i]);return this},removeClass:function(e){for(var t=e.split(" "),i=0;i<t.length;i+=1)for(var s=0;s<this.length;s+=1)void 0!==this[s]&&void 0!==this[s].classList&&this[s].classList.remove(t[i]);return this},hasClass:function(e){return!!this[0]&&this[0].classList.contains(e)},toggleClass:function(e){for(var t=e.split(" "),i=0;i<t.length;i+=1)for(var s=0;s<this.length;s+=1)void 0!==this[s]&&void 0!==this[s].classList&&this[s].classList.toggle(t[i]);return this},attr:function(e,t){var i=arguments;if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(var s=0;s<this.length;s+=1)if(2===i.length)this[s].setAttribute(e,t);else for(var a in e)this[s][a]=e[a],this[s].setAttribute(a,e[a]);return this},removeAttr:function(e){for(var t=0;t<this.length;t+=1)this[t].removeAttribute(e);return this},data:function(e,t){var i;if(void 0!==t){for(var s=0;s<this.length;s+=1)(i=this[s]).dom7ElementDataStorage||(i.dom7ElementDataStorage={}),i.dom7ElementDataStorage[e]=t;return this}if(i=this[0]){if(i.dom7ElementDataStorage&&e in i.dom7ElementDataStorage)return i.dom7ElementDataStorage[e];var a=i.getAttribute("data-"+e);return a||void 0}},transform:function(e){for(var t=0;t<this.length;t+=1){var i=this[t].style;i.webkitTransform=e,i.transform=e}return this},transition:function(e){"string"!=typeof e&&(e+="ms");for(var t=0;t<this.length;t+=1){var i=this[t].style;i.webkitTransitionDuration=e,i.transitionDuration=e}return this},on:function(){for(var e,t=[],i=arguments.length;i--;)t[i]=arguments[i];var a=t[0],r=t[1],n=t[2],o=t[3];function l(e){var t=e.target;if(t){var i=e.target.dom7EventData||[];if(i.indexOf(e)<0&&i.unshift(e),s(t).is(r))n.apply(t,i);else for(var a=s(t).parents(),o=0;o<a.length;o+=1)s(a[o]).is(r)&&n.apply(a[o],i)}}function d(e){var t=e&&e.target&&e.target.dom7EventData||[];t.indexOf(e)<0&&t.unshift(e),n.apply(this,t)}"function"==typeof t[1]&&(a=(e=t)[0],n=e[1],o=e[2],r=void 0),o||(o=!1);for(var h,p=a.split(" "),c=0;c<this.length;c+=1){var u=this[c];if(r)for(h=0;h<p.length;h+=1){var v=p[h];u.dom7LiveListeners||(u.dom7LiveListeners={}),u.dom7LiveListeners[v]||(u.dom7LiveListeners[v]=[]),u.dom7LiveListeners[v].push({listener:n,proxyListener:l}),u.addEventListener(v,l,o)}else for(h=0;h<p.length;h+=1){var f=p[h];u.dom7Listeners||(u.dom7Listeners={}),u.dom7Listeners[f]||(u.dom7Listeners[f]=[]),u.dom7Listeners[f].push({listener:n,proxyListener:d}),u.addEventListener(f,d,o)}}return this},off:function(){for(var e,t=[],i=arguments.length;i--;)t[i]=arguments[i];var s=t[0],a=t[1],r=t[2],n=t[3];"function"==typeof t[1]&&(s=(e=t)[0],r=e[1],n=e[2],a=void 0),n||(n=!1);for(var o=s.split(" "),l=0;l<o.length;l+=1)for(var d=o[l],h=0;h<this.length;h+=1){var p=this[h],c=void 0;if(!a&&p.dom7Listeners?c=p.dom7Listeners[d]:a&&p.dom7LiveListeners&&(c=p.dom7LiveListeners[d]),c&&c.length)for(var u=c.length-1;u>=0;u-=1){var v=c[u];r&&v.listener===r?(p.removeEventListener(d,v.proxyListener,n),c.splice(u,1)):r&&v.listener&&v.listener.dom7proxy&&v.listener.dom7proxy===r?(p.removeEventListener(d,v.proxyListener,n),c.splice(u,1)):r||(p.removeEventListener(d,v.proxyListener,n),c.splice(u,1))}}return this},trigger:function(){for(var i=[],s=arguments.length;s--;)i[s]=arguments[s];for(var a=i[0].split(" "),r=i[1],n=0;n<a.length;n+=1)for(var o=a[n],l=0;l<this.length;l+=1){var d=this[l],h=void 0;try{h=new t.CustomEvent(o,{detail:r,bubbles:!0,cancelable:!0})}catch(t){(h=e.createEvent("Event")).initEvent(o,!0,!0),h.detail=r}d.dom7EventData=i.filter((function(e,t){return t>0})),d.dispatchEvent(h),d.dom7EventData=[],delete d.dom7EventData}return this},transitionEnd:function(e){var t,i=["webkitTransitionEnd","transitionend"],s=this;function a(r){if(r.target===this)for(e.call(this,r),t=0;t<i.length;t+=1)s.off(i[t],a)}if(e)for(t=0;t<i.length;t+=1)s.on(i[t],a);return this},outerWidth:function(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetWidth+parseFloat(t.getPropertyValue("margin-right"))+parseFloat(t.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){var t=this.styles();return this[0].offsetHeight+parseFloat(t.getPropertyValue("margin-top"))+parseFloat(t.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},offset:function(){if(this.length>0){var i=this[0],s=i.getBoundingClientRect(),a=e.body,r=i.clientTop||a.clientTop||0,n=i.clientLeft||a.clientLeft||0,o=i===t?t.scrollY:i.scrollTop,l=i===t?t.scrollX:i.scrollLeft;return{top:s.top+o-r,left:s.left+l-n}}return null},css:function(e,i){var s;if(1===arguments.length){if("string"!=typeof e){for(s=0;s<this.length;s+=1)for(var a in e)this[s].style[a]=e[a];return this}if(this[0])return t.getComputedStyle(this[0],null).getPropertyValue(e)}if(2===arguments.length&&"string"==typeof e){for(s=0;s<this.length;s+=1)this[s].style[e]=i;return this}return this},each:function(e){if(!e)return this;for(var t=0;t<this.length;t+=1)if(!1===e.call(this[t],t,this[t]))return this;return this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:void 0;for(var t=0;t<this.length;t+=1)this[t].innerHTML=e;return this},text:function(e){if(void 0===e)return this[0]?this[0].textContent.trim():null;for(var t=0;t<this.length;t+=1)this[t].textContent=e;return this},is:function(a){var r,n,o=this[0];if(!o||void 0===a)return!1;if("string"==typeof a){if(o.matches)return o.matches(a);if(o.webkitMatchesSelector)return o.webkitMatchesSelector(a);if(o.msMatchesSelector)return o.msMatchesSelector(a);for(r=s(a),n=0;n<r.length;n+=1)if(r[n]===o)return!0;return!1}if(a===e)return o===e;if(a===t)return o===t;if(a.nodeType||a instanceof i){for(r=a.nodeType?[a]:a,n=0;n<r.length;n+=1)if(r[n]===o)return!0;return!1}return!1},index:function(){var e,t=this[0];if(t){for(e=0;null!==(t=t.previousSibling);)1===t.nodeType&&(e+=1);return e}},eq:function(e){if(void 0===e)return this;var t,s=this.length;return new i(e>s-1?[]:e<0?(t=s+e)<0?[]:[this[t]]:[this[e]])},append:function(){for(var t,s=[],a=arguments.length;a--;)s[a]=arguments[a];for(var r=0;r<s.length;r+=1){t=s[r];for(var n=0;n<this.length;n+=1)if("string"==typeof t){var o=e.createElement("div");for(o.innerHTML=t;o.firstChild;)this[n].appendChild(o.firstChild)}else if(t instanceof i)for(var l=0;l<t.length;l+=1)this[n].appendChild(t[l]);else this[n].appendChild(t)}return this},prepend:function(t){var s,a;for(s=0;s<this.length;s+=1)if("string"==typeof t){var r=e.createElement("div");for(r.innerHTML=t,a=r.childNodes.length-1;a>=0;a-=1)this[s].insertBefore(r.childNodes[a],this[s].childNodes[0])}else if(t instanceof i)for(a=0;a<t.length;a+=1)this[s].insertBefore(t[a],this[s].childNodes[0]);else this[s].insertBefore(t,this[s].childNodes[0]);return this},next:function(e){return this.length>0?e?this[0].nextElementSibling&&s(this[0].nextElementSibling).is(e)?new i([this[0].nextElementSibling]):new i([]):this[0].nextElementSibling?new i([this[0].nextElementSibling]):new i([]):new i([])},nextAll:function(e){var t=[],a=this[0];if(!a)return new i([]);for(;a.nextElementSibling;){var r=a.nextElementSibling;e?s(r).is(e)&&t.push(r):t.push(r),a=r}return new i(t)},prev:function(e){if(this.length>0){var t=this[0];return e?t.previousElementSibling&&s(t.previousElementSibling).is(e)?new i([t.previousElementSibling]):new i([]):t.previousElementSibling?new i([t.previousElementSibling]):new i([])}return new i([])},prevAll:function(e){var t=[],a=this[0];if(!a)return new i([]);for(;a.previousElementSibling;){var r=a.previousElementSibling;e?s(r).is(e)&&t.push(r):t.push(r),a=r}return new i(t)},parent:function(e){for(var t=[],i=0;i<this.length;i+=1)null!==this[i].parentNode&&(e?s(this[i].parentNode).is(e)&&t.push(this[i].parentNode):t.push(this[i].parentNode));return s(a(t))},parents:function(e){for(var t=[],i=0;i<this.length;i+=1)for(var r=this[i].parentNode;r;)e?s(r).is(e)&&t.push(r):t.push(r),r=r.parentNode;return s(a(t))},closest:function(e){var t=this;return void 0===e?new i([]):(t.is(e)||(t=t.parents(e).eq(0)),t)},find:function(e){for(var t=[],s=0;s<this.length;s+=1)for(var a=this[s].querySelectorAll(e),r=0;r<a.length;r+=1)t.push(a[r]);return new i(t)},children:function(e){for(var t=[],r=0;r<this.length;r+=1)for(var n=this[r].childNodes,o=0;o<n.length;o+=1)e?1===n[o].nodeType&&s(n[o]).is(e)&&t.push(n[o]):1===n[o].nodeType&&t.push(n[o]);return new i(a(t))},filter:function(e){for(var t=[],s=0;s<this.length;s+=1)e.call(this[s],s,this[s])&&t.push(this[s]);return new i(t)},remove:function(){for(var e=0;e<this.length;e+=1)this[e].parentNode&&this[e].parentNode.removeChild(this[e]);return this},add:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var i,a;for(i=0;i<e.length;i+=1){var r=s(e[i]);for(a=0;a<r.length;a+=1)this[this.length]=r[a],this.length+=1}return this},styles:function(){return this[0]?t.getComputedStyle(this[0],null):{}}};Object.keys(r).forEach((function(e){s.fn[e]=s.fn[e]||r[e]}));var n={deleteProps:function(e){var t=e;Object.keys(t).forEach((function(e){try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))},nextTick:function(e,t){return void 0===t&&(t=0),setTimeout(e,t)},now:function(){return Date.now()},getTranslate:function(e,i){var s,a,r;void 0===i&&(i="x");var n=t.getComputedStyle(e,null);return t.WebKitCSSMatrix?((a=n.transform||n.webkitTransform).split(",").length>6&&(a=a.split(", ").map((function(e){return e.replace(",",".")})).join(", ")),r=new t.WebKitCSSMatrix("none"===a?"":a)):s=(r=n.MozTransform||n.OTransform||n.MsTransform||n.msTransform||n.transform||n.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,")).toString().split(","),"x"===i&&(a=t.WebKitCSSMatrix?r.m41:16===s.length?parseFloat(s[12]):parseFloat(s[4])),"y"===i&&(a=t.WebKitCSSMatrix?r.m42:16===s.length?parseFloat(s[13]):parseFloat(s[5])),a||0},parseUrlQuery:function(e){var i,s,a,r,n={},o=e||t.location.href;if("string"==typeof o&&o.length)for(r=(s=(o=o.indexOf("?")>-1?o.replace(/\S*\?/,""):"").split("&").filter((function(e){return""!==e}))).length,i=0;i<r;i+=1)a=s[i].replace(/#\S+/g,"").split("="),n[decodeURIComponent(a[0])]=void 0===a[1]?void 0:decodeURIComponent(a[1])||"";return n},isObject:function(e){return"object"==typeof e&&null!==e&&e.constructor&&e.constructor===Object},extend:function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];for(var i=Object(e[0]),s=1;s<e.length;s+=1){var a=e[s];if(null!=a)for(var r=Object.keys(Object(a)),o=0,l=r.length;o<l;o+=1){var d=r[o],h=Object.getOwnPropertyDescriptor(a,d);void 0!==h&&h.enumerable&&(n.isObject(i[d])&&n.isObject(a[d])?n.extend(i[d],a[d]):!n.isObject(i[d])&&n.isObject(a[d])?(i[d]={},n.extend(i[d],a[d])):i[d]=a[d])}}return i}},o={touch:t.Modernizr&&!0===t.Modernizr.touch||!!(t.navigator.maxTouchPoints>0||"ontouchstart"in t||t.DocumentTouch&&e instanceof t.DocumentTouch),pointerEvents:!!t.PointerEvent&&"maxTouchPoints"in t.navigator&&t.navigator.maxTouchPoints>0,observer:"MutationObserver"in t||"WebkitMutationObserver"in t,passiveListener:function(){var e=!1;try{var i=Object.defineProperty({},"passive",{get:function(){e=!0}});t.addEventListener("testPassiveListener",null,i)}catch(e){}return e}(),gestures:"ongesturestart"in t},l=function(e){void 0===e&&(e={});var t=this;t.params=e,t.eventsListeners={},t.params&&t.params.on&&Object.keys(t.params.on).forEach((function(e){t.on(e,t.params.on[e])}))},d={components:{configurable:!0}};l.prototype.on=function(e,t,i){var s=this;if("function"!=typeof t)return s;var a=i?"unshift":"push";return e.split(" ").forEach((function(e){s.eventsListeners[e]||(s.eventsListeners[e]=[]),s.eventsListeners[e][a](t)})),s},l.prototype.once=function(e,t,i){var s=this;if("function"!=typeof t)return s;function a(){for(var i=[],r=arguments.length;r--;)i[r]=arguments[r];s.off(e,a),a.f7proxy&&delete a.f7proxy,t.apply(s,i)}return a.f7proxy=t,s.on(e,a,i)},l.prototype.off=function(e,t){var i=this;return i.eventsListeners?(e.split(" ").forEach((function(e){void 0===t?i.eventsListeners[e]=[]:i.eventsListeners[e]&&i.eventsListeners[e].length&&i.eventsListeners[e].forEach((function(s,a){(s===t||s.f7proxy&&s.f7proxy===t)&&i.eventsListeners[e].splice(a,1)}))})),i):i},l.prototype.emit=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var i,s,a,r=this;if(!r.eventsListeners)return r;"string"==typeof e[0]||Array.isArray(e[0])?(i=e[0],s=e.slice(1,e.length),a=r):(i=e[0].events,s=e[0].data,a=e[0].context||r);var n=Array.isArray(i)?i:i.split(" ");return n.forEach((function(e){if(r.eventsListeners&&r.eventsListeners[e]){var t=[];r.eventsListeners[e].forEach((function(e){t.push(e)})),t.forEach((function(e){e.apply(a,s)}))}})),r},l.prototype.useModulesParams=function(e){var t=this;t.modules&&Object.keys(t.modules).forEach((function(i){var s=t.modules[i];s.params&&n.extend(e,s.params)}))},l.prototype.useModules=function(e){void 0===e&&(e={});var t=this;t.modules&&Object.keys(t.modules).forEach((function(i){var s=t.modules[i],a=e[i]||{};s.instance&&Object.keys(s.instance).forEach((function(e){var i=s.instance[e];t[e]="function"==typeof i?i.bind(t):i})),s.on&&t.on&&Object.keys(s.on).forEach((function(e){t.on(e,s.on[e])})),s.create&&s.create.bind(t)(a)}))},d.components.set=function(e){this.use&&this.use(e)},l.installModule=function(e){for(var t=[],i=arguments.length-1;i-- >0;)t[i]=arguments[i+1];var s=this;s.prototype.modules||(s.prototype.modules={});var a=e.name||Object.keys(s.prototype.modules).length+"_"+n.now();return s.prototype.modules[a]=e,e.proto&&Object.keys(e.proto).forEach((function(t){s.prototype[t]=e.proto[t]})),e.static&&Object.keys(e.static).forEach((function(t){s[t]=e.static[t]})),e.install&&e.install.apply(s,t),s},l.use=function(e){for(var t=[],i=arguments.length-1;i-- >0;)t[i]=arguments[i+1];var s=this;return Array.isArray(e)?(e.forEach((function(e){return s.installModule(e)})),s):s.installModule.apply(s,[e].concat(t))},Object.defineProperties(l,d);var h={updateSize:function(){var e,t,i=this.$el;e=void 0!==this.params.width?this.params.width:i[0].clientWidth,t=void 0!==this.params.height?this.params.height:i[0].clientHeight,0===e&&this.isHorizontal()||0===t&&this.isVertical()||(e=e-parseInt(i.css("padding-left"),10)-parseInt(i.css("padding-right"),10),t=t-parseInt(i.css("padding-top"),10)-parseInt(i.css("padding-bottom"),10),n.extend(this,{width:e,height:t,size:this.isHorizontal()?e:t}))},updateSlides:function(){var e=this.params,i=this.$wrapperEl,s=this.size,a=this.rtlTranslate,r=this.wrongRTL,o=this.virtual&&e.virtual.enabled,l=o?this.virtual.slides.length:this.slides.length,d=i.children("."+this.params.slideClass),h=o?this.virtual.slides.length:d.length,p=[],c=[],u=[];function v(t){return!e.cssMode||t!==d.length-1}var f=e.slidesOffsetBefore;"function"==typeof f&&(f=e.slidesOffsetBefore.call(this));var m=e.slidesOffsetAfter;"function"==typeof m&&(m=e.slidesOffsetAfter.call(this));var g=this.snapGrid.length,b=this.snapGrid.length,w=e.spaceBetween,y=-f,x=0,T=0;if(void 0!==s){var E,S;"string"==typeof w&&w.indexOf("%")>=0&&(w=parseFloat(w.replace("%",""))/100*s),this.virtualSize=-w,a?d.css({marginLeft:"",marginTop:""}):d.css({marginRight:"",marginBottom:""}),e.slidesPerColumn>1&&(E=Math.floor(h/e.slidesPerColumn)===h/this.params.slidesPerColumn?h:Math.ceil(h/e.slidesPerColumn)*e.slidesPerColumn,"auto"!==e.slidesPerView&&"row"===e.slidesPerColumnFill&&(E=Math.max(E,e.slidesPerView*e.slidesPerColumn)));for(var C,M=e.slidesPerColumn,P=E/M,z=Math.floor(h/e.slidesPerColumn),k=0;k<h;k+=1){S=0;var $=d.eq(k);if(e.slidesPerColumn>1){var L=void 0,I=void 0,D=void 0;if("row"===e.slidesPerColumnFill&&e.slidesPerGroup>1){var O=Math.floor(k/(e.slidesPerGroup*e.slidesPerColumn)),A=k-e.slidesPerColumn*e.slidesPerGroup*O,G=0===O?e.slidesPerGroup:Math.min(Math.ceil((h-O*M*e.slidesPerGroup)/M),e.slidesPerGroup);L=(I=A-(D=Math.floor(A/G))*G+O*e.slidesPerGroup)+D*E/M,$.css({"-webkit-box-ordinal-group":L,"-moz-box-ordinal-group":L,"-ms-flex-order":L,"-webkit-order":L,order:L})}else"column"===e.slidesPerColumnFill?(D=k-(I=Math.floor(k/M))*M,(I>z||I===z&&D===M-1)&&(D+=1)>=M&&(D=0,I+=1)):I=k-(D=Math.floor(k/P))*P;$.css("margin-"+(this.isHorizontal()?"top":"left"),0!==D&&e.spaceBetween&&e.spaceBetween+"px")}if("none"!==$.css("display")){if("auto"===e.slidesPerView){var B=t.getComputedStyle($[0],null),H=$[0].style.transform,N=$[0].style.webkitTransform;if(H&&($[0].style.transform="none"),N&&($[0].style.webkitTransform="none"),e.roundLengths)S=this.isHorizontal()?$.outerWidth(!0):$.outerHeight(!0);else if(this.isHorizontal()){var X=parseFloat(B.getPropertyValue("width")),V=parseFloat(B.getPropertyValue("padding-left")),Y=parseFloat(B.getPropertyValue("padding-right")),F=parseFloat(B.getPropertyValue("margin-left")),W=parseFloat(B.getPropertyValue("margin-right")),R=B.getPropertyValue("box-sizing");S=R&&"border-box"===R?X+F+W:X+V+Y+F+W}else{var q=parseFloat(B.getPropertyValue("height")),j=parseFloat(B.getPropertyValue("padding-top")),K=parseFloat(B.getPropertyValue("padding-bottom")),U=parseFloat(B.getPropertyValue("margin-top")),_=parseFloat(B.getPropertyValue("margin-bottom")),Z=B.getPropertyValue("box-sizing");S=Z&&"border-box"===Z?q+U+_:q+j+K+U+_}H&&($[0].style.transform=H),N&&($[0].style.webkitTransform=N),e.roundLengths&&(S=Math.floor(S))}else S=(s-(e.slidesPerView-1)*w)/e.slidesPerView,e.roundLengths&&(S=Math.floor(S)),d[k]&&(this.isHorizontal()?d[k].style.width=S+"px":d[k].style.height=S+"px");d[k]&&(d[k].swiperSlideSize=S),u.push(S),e.centeredSlides?(y=y+S/2+x/2+w,0===x&&0!==k&&(y=y-s/2-w),0===k&&(y=y-s/2-w),Math.abs(y)<.001&&(y=0),e.roundLengths&&(y=Math.floor(y)),T%e.slidesPerGroup==0&&p.push(y),c.push(y)):(e.roundLengths&&(y=Math.floor(y)),T%e.slidesPerGroup==0&&p.push(y),c.push(y),y=y+S+w),this.virtualSize+=S+w,x=S,T+=1}}if(this.virtualSize=Math.max(this.virtualSize,s)+m,a&&r&&("slide"===e.effect||"coverflow"===e.effect)&&i.css({width:this.virtualSize+e.spaceBetween+"px"}),e.setWrapperSize&&(this.isHorizontal()?i.css({width:this.virtualSize+e.spaceBetween+"px"}):i.css({height:this.virtualSize+e.spaceBetween+"px"})),e.slidesPerColumn>1&&(this.virtualSize=(S+e.spaceBetween)*E,this.virtualSize=Math.ceil(this.virtualSize/e.slidesPerColumn)-e.spaceBetween,this.isHorizontal()?i.css({width:this.virtualSize+e.spaceBetween+"px"}):i.css({height:this.virtualSize+e.spaceBetween+"px"}),e.centeredSlides)){C=[];for(var Q=0;Q<p.length;Q+=1){var J=p[Q];e.roundLengths&&(J=Math.floor(J)),p[Q]<this.virtualSize+p[0]&&C.push(J)}p=C}if(!e.centeredSlides){C=[];for(var ee=0;ee<p.length;ee+=1){var te=p[ee];e.roundLengths&&(te=Math.floor(te)),p[ee]<=this.virtualSize-s&&C.push(te)}p=C,Math.floor(this.virtualSize-s)-Math.floor(p[p.length-1])>1&&p.push(this.virtualSize-s)}if(0===p.length&&(p=[0]),0!==e.spaceBetween&&(this.isHorizontal()?a?d.filter(v).css({marginLeft:w+"px"}):d.filter(v).css({marginRight:w+"px"}):d.filter(v).css({marginBottom:w+"px"})),e.centeredSlides&&e.centeredSlidesBounds){var ie=0;u.forEach((function(t){ie+=t+(e.spaceBetween?e.spaceBetween:0)}));var se=(ie-=e.spaceBetween)-s;p=p.map((function(e){return e<0?-f:e>se?se+m:e}))}if(e.centerInsufficientSlides){var ae=0;if(u.forEach((function(t){ae+=t+(e.spaceBetween?e.spaceBetween:0)})),(ae-=e.spaceBetween)<s){var re=(s-ae)/2;p.forEach((function(e,t){p[t]=e-re})),c.forEach((function(e,t){c[t]=e+re}))}}n.extend(this,{slides:d,snapGrid:p,slidesGrid:c,slidesSizesGrid:u}),h!==l&&this.emit("slidesLengthChange"),p.length!==g&&(this.params.watchOverflow&&this.checkOverflow(),this.emit("snapGridLengthChange")),c.length!==b&&this.emit("slidesGridLengthChange"),(e.watchSlidesProgress||e.watchSlidesVisibility)&&this.updateSlidesOffset()}},updateAutoHeight:function(e){var t,i=[],s=0;if("number"==typeof e?this.setTransition(e):!0===e&&this.setTransition(this.params.speed),"auto"!==this.params.slidesPerView&&this.params.slidesPerView>1)for(t=0;t<Math.ceil(this.params.slidesPerView);t+=1){var a=this.activeIndex+t;if(a>this.slides.length)break;i.push(this.slides.eq(a)[0])}else i.push(this.slides.eq(this.activeIndex)[0]);for(t=0;t<i.length;t+=1)if(void 0!==i[t]){var r=i[t].offsetHeight;s=r>s?r:s}s&&this.$wrapperEl.css("height",s+"px")},updateSlidesOffset:function(){for(var e=this.slides,t=0;t<e.length;t+=1)e[t].swiperSlideOffset=this.isHorizontal()?e[t].offsetLeft:e[t].offsetTop},updateSlidesProgress:function(e){void 0===e&&(e=this&&this.translate||0);var t=this.params,i=this.slides,a=this.rtlTranslate;if(0!==i.length){void 0===i[0].swiperSlideOffset&&this.updateSlidesOffset();var r=-e;a&&(r=e),i.removeClass(t.slideVisibleClass),this.visibleSlidesIndexes=[],this.visibleSlides=[];for(var n=0;n<i.length;n+=1){var o=i[n],l=(r+(t.centeredSlides?this.minTranslate():0)-o.swiperSlideOffset)/(o.swiperSlideSize+t.spaceBetween);if(t.watchSlidesVisibility){var d=-(r-o.swiperSlideOffset),h=d+this.slidesSizesGrid[n];(d>=0&&d<this.size-1||h>1&&h<=this.size||d<=0&&h>=this.size)&&(this.visibleSlides.push(o),this.visibleSlidesIndexes.push(n),i.eq(n).addClass(t.slideVisibleClass))}o.progress=a?-l:l}this.visibleSlides=s(this.visibleSlides)}},updateProgress:function(e){if(void 0===e){var t=this.rtlTranslate?-1:1;e=this&&this.translate&&this.translate*t||0}var i=this.params,s=this.maxTranslate()-this.minTranslate(),a=this.progress,r=this.isBeginning,o=this.isEnd,l=r,d=o;0===s?(a=0,r=!0,o=!0):(r=(a=(e-this.minTranslate())/s)<=0,o=a>=1),n.extend(this,{progress:a,isBeginning:r,isEnd:o}),(i.watchSlidesProgress||i.watchSlidesVisibility)&&this.updateSlidesProgress(e),r&&!l&&this.emit("reachBeginning toEdge"),o&&!d&&this.emit("reachEnd toEdge"),(l&&!r||d&&!o)&&this.emit("fromEdge"),this.emit("progress",a)},updateSlidesClasses:function(){var e,t=this.slides,i=this.params,s=this.$wrapperEl,a=this.activeIndex,r=this.realIndex,n=this.virtual&&i.virtual.enabled;t.removeClass(i.slideActiveClass+" "+i.slideNextClass+" "+i.slidePrevClass+" "+i.slideDuplicateActiveClass+" "+i.slideDuplicateNextClass+" "+i.slideDuplicatePrevClass),(e=n?this.$wrapperEl.find("."+i.slideClass+'[data-swiper-slide-index="'+a+'"]'):t.eq(a)).addClass(i.slideActiveClass),i.loop&&(e.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+r+'"]').addClass(i.slideDuplicateActiveClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+r+'"]').addClass(i.slideDuplicateActiveClass));var o=e.nextAll("."+i.slideClass).eq(0).addClass(i.slideNextClass);i.loop&&0===o.length&&(o=t.eq(0)).addClass(i.slideNextClass);var l=e.prevAll("."+i.slideClass).eq(0).addClass(i.slidePrevClass);i.loop&&0===l.length&&(l=t.eq(-1)).addClass(i.slidePrevClass),i.loop&&(o.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+o.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+o.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicateNextClass),l.hasClass(i.slideDuplicateClass)?s.children("."+i.slideClass+":not(."+i.slideDuplicateClass+')[data-swiper-slide-index="'+l.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass):s.children("."+i.slideClass+"."+i.slideDuplicateClass+'[data-swiper-slide-index="'+l.attr("data-swiper-slide-index")+'"]').addClass(i.slideDuplicatePrevClass))},updateActiveIndex:function(e){var t,i=this.rtlTranslate?this.translate:-this.translate,s=this.slidesGrid,a=this.snapGrid,r=this.params,o=this.activeIndex,l=this.realIndex,d=this.snapIndex,h=e;if(void 0===h){for(var p=0;p<s.length;p+=1)void 0!==s[p+1]?i>=s[p]&&i<s[p+1]-(s[p+1]-s[p])/2?h=p:i>=s[p]&&i<s[p+1]&&(h=p+1):i>=s[p]&&(h=p);r.normalizeSlideIndex&&(h<0||void 0===h)&&(h=0)}if((t=a.indexOf(i)>=0?a.indexOf(i):Math.floor(h/r.slidesPerGroup))>=a.length&&(t=a.length-1),h!==o){var c=parseInt(this.slides.eq(h).attr("data-swiper-slide-index")||h,10);n.extend(this,{snapIndex:t,realIndex:c,previousIndex:o,activeIndex:h}),this.emit("activeIndexChange"),this.emit("snapIndexChange"),l!==c&&this.emit("realIndexChange"),(this.initialized||this.runCallbacksOnInit)&&this.emit("slideChange")}else t!==d&&(this.snapIndex=t,this.emit("snapIndexChange"))},updateClickedSlide:function(e){var t=this.params,i=s(e.target).closest("."+t.slideClass)[0],a=!1;if(i)for(var r=0;r<this.slides.length;r+=1)this.slides[r]===i&&(a=!0);if(!i||!a)return this.clickedSlide=void 0,void(this.clickedIndex=void 0);this.clickedSlide=i,this.virtual&&this.params.virtual.enabled?this.clickedIndex=parseInt(s(i).attr("data-swiper-slide-index"),10):this.clickedIndex=s(i).index(),t.slideToClickedSlide&&void 0!==this.clickedIndex&&this.clickedIndex!==this.activeIndex&&this.slideToClickedSlide()}};var p={getTranslate:function(e){void 0===e&&(e=this.isHorizontal()?"x":"y");var t=this.params,i=this.rtlTranslate,s=this.translate,a=this.$wrapperEl;if(t.virtualTranslate)return i?-s:s;if(t.cssMode)return s;var r=n.getTranslate(a[0],e);return i&&(r=-r),r||0},setTranslate:function(e,t){var i=this.rtlTranslate,s=this.params,a=this.$wrapperEl,r=this.wrapperEl,n=this.progress,o=0,l=0;this.isHorizontal()?o=i?-e:e:l=e,s.roundLengths&&(o=Math.floor(o),l=Math.floor(l)),s.cssMode?r[this.isHorizontal()?"scrollLeft":"scrollTop"]=this.isHorizontal()?-o:-l:s.virtualTranslate||a.transform("translate3d("+o+"px, "+l+"px, 0px)"),this.previousTranslate=this.translate,this.translate=this.isHorizontal()?o:l;var d=this.maxTranslate()-this.minTranslate();(0===d?0:(e-this.minTranslate())/d)!==n&&this.updateProgress(e),this.emit("setTranslate",this.translate,t)},minTranslate:function(){return-this.snapGrid[0]},maxTranslate:function(){return-this.snapGrid[this.snapGrid.length-1]},translateTo:function(e,t,i,s,a){var r;void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===i&&(i=!0),void 0===s&&(s=!0);var n=this,o=n.params,l=n.wrapperEl;if(n.animating&&o.preventInteractionOnTransition)return!1;var d,h=n.minTranslate(),p=n.maxTranslate();if(d=s&&e>h?h:s&&e<p?p:e,n.updateProgress(d),o.cssMode){var c=n.isHorizontal();return 0===t?l[c?"scrollLeft":"scrollTop"]=-d:l.scrollTo?l.scrollTo(((r={})[c?"left":"top"]=-d,r.behavior="smooth",r)):l[c?"scrollLeft":"scrollTop"]=-d,!0}return 0===t?(n.setTransition(0),n.setTranslate(d),i&&(n.emit("beforeTransitionStart",t,a),n.emit("transitionEnd"))):(n.setTransition(t),n.setTranslate(d),i&&(n.emit("beforeTransitionStart",t,a),n.emit("transitionStart")),n.animating||(n.animating=!0,n.onTranslateToWrapperTransitionEnd||(n.onTranslateToWrapperTransitionEnd=function(e){n&&!n.destroyed&&e.target===this&&(n.$wrapperEl[0].removeEventListener("transitionend",n.onTranslateToWrapperTransitionEnd),n.$wrapperEl[0].removeEventListener("webkitTransitionEnd",n.onTranslateToWrapperTransitionEnd),n.onTranslateToWrapperTransitionEnd=null,delete n.onTranslateToWrapperTransitionEnd,i&&n.emit("transitionEnd"))}),n.$wrapperEl[0].addEventListener("transitionend",n.onTranslateToWrapperTransitionEnd),n.$wrapperEl[0].addEventListener("webkitTransitionEnd",n.onTranslateToWrapperTransitionEnd))),!0}};var c={setTransition:function(e,t){this.params.cssMode||this.$wrapperEl.transition(e),this.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);var i=this.activeIndex,s=this.params,a=this.previousIndex;if(!s.cssMode){s.autoHeight&&this.updateAutoHeight();var r=t;if(r||(r=i>a?"next":i<a?"prev":"reset"),this.emit("transitionStart"),e&&i!==a){if("reset"===r)return void this.emit("slideResetTransitionStart");this.emit("slideChangeTransitionStart"),"next"===r?this.emit("slideNextTransitionStart"):this.emit("slidePrevTransitionStart")}}},transitionEnd:function(e,t){void 0===e&&(e=!0);var i=this.activeIndex,s=this.previousIndex,a=this.params;if(this.animating=!1,!a.cssMode){this.setTransition(0);var r=t;if(r||(r=i>s?"next":i<s?"prev":"reset"),this.emit("transitionEnd"),e&&i!==s){if("reset"===r)return void this.emit("slideResetTransitionEnd");this.emit("slideChangeTransitionEnd"),"next"===r?this.emit("slideNextTransitionEnd"):this.emit("slidePrevTransitionEnd")}}}};var u={slideTo:function(e,t,i,s){var a;void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===i&&(i=!0);var r=this,n=e;n<0&&(n=0);var o=r.params,l=r.snapGrid,d=r.slidesGrid,h=r.previousIndex,p=r.activeIndex,c=r.rtlTranslate,u=r.wrapperEl;if(r.animating&&o.preventInteractionOnTransition)return!1;var v=Math.floor(n/o.slidesPerGroup);v>=l.length&&(v=l.length-1),(p||o.initialSlide||0)===(h||0)&&i&&r.emit("beforeSlideChangeStart");var f,m=-l[v];if(r.updateProgress(m),o.normalizeSlideIndex)for(var g=0;g<d.length;g+=1)-Math.floor(100*m)>=Math.floor(100*d[g])&&(n=g);if(r.initialized&&n!==p){if(!r.allowSlideNext&&m<r.translate&&m<r.minTranslate())return!1;if(!r.allowSlidePrev&&m>r.translate&&m>r.maxTranslate()&&(p||0)!==n)return!1}if(f=n>p?"next":n<p?"prev":"reset",c&&-m===r.translate||!c&&m===r.translate)return r.updateActiveIndex(n),o.autoHeight&&r.updateAutoHeight(),r.updateSlidesClasses(),"slide"!==o.effect&&r.setTranslate(m),"reset"!==f&&(r.transitionStart(i,f),r.transitionEnd(i,f)),!1;if(o.cssMode){var b=r.isHorizontal();return 0===t?u[b?"scrollLeft":"scrollTop"]=-m:u.scrollTo?u.scrollTo(((a={})[b?"left":"top"]=-m,a.behavior="smooth",a)):u[b?"scrollLeft":"scrollTop"]=-m,!0}return 0===t?(r.setTransition(0),r.setTranslate(m),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,s),r.transitionStart(i,f),r.transitionEnd(i,f)):(r.setTransition(t),r.setTranslate(m),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,s),r.transitionStart(i,f),r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(i,f))}),r.$wrapperEl[0].addEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd))),!0},slideToLoop:function(e,t,i,s){void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===i&&(i=!0);var a=e;return this.params.loop&&(a+=this.loopedSlides),this.slideTo(a,t,i,s)},slideNext:function(e,t,i){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);var s=this.params,a=this.animating;return s.loop?!a&&(this.loopFix(),this._clientLeft=this.$wrapperEl[0].clientLeft,this.slideTo(this.activeIndex+s.slidesPerGroup,e,t,i)):this.slideTo(this.activeIndex+s.slidesPerGroup,e,t,i)},slidePrev:function(e,t,i){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);var s=this.params,a=this.animating,r=this.snapGrid,n=this.slidesGrid,o=this.rtlTranslate;if(s.loop){if(a)return!1;this.loopFix(),this._clientLeft=this.$wrapperEl[0].clientLeft}function l(e){return e<0?-Math.floor(Math.abs(e)):Math.floor(e)}var d,h=l(o?this.translate:-this.translate),p=r.map((function(e){return l(e)})),c=(n.map((function(e){return l(e)})),r[p.indexOf(h)],r[p.indexOf(h)-1]);return void 0===c&&s.cssMode&&r.forEach((function(e){!c&&h>=e&&(c=e)})),void 0!==c&&(d=n.indexOf(c))<0&&(d=this.activeIndex-1),this.slideTo(d,e,t,i)},slideReset:function(e,t,i){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,i)},slideToClosest:function(e,t,i,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===s&&(s=.5);var a=this.activeIndex,r=Math.floor(a/this.params.slidesPerGroup),n=this.rtlTranslate?this.translate:-this.translate;if(n>=this.snapGrid[r]){var o=this.snapGrid[r];n-o>(this.snapGrid[r+1]-o)*s&&(a+=this.params.slidesPerGroup)}else{var l=this.snapGrid[r-1];n-l<=(this.snapGrid[r]-l)*s&&(a-=this.params.slidesPerGroup)}return a=Math.max(a,0),a=Math.min(a,this.snapGrid.length-1),this.slideTo(a,e,t,i)},slideToClickedSlide:function(){var e,t=this,i=t.params,a=t.$wrapperEl,r="auto"===i.slidesPerView?t.slidesPerViewDynamic():i.slidesPerView,o=t.clickedIndex;if(i.loop){if(t.animating)return;e=parseInt(s(t.clickedSlide).attr("data-swiper-slide-index"),10),i.centeredSlides?o<t.loopedSlides-r/2||o>t.slides.length-t.loopedSlides+r/2?(t.loopFix(),o=a.children("."+i.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+i.slideDuplicateClass+")").eq(0).index(),n.nextTick((function(){t.slideTo(o)}))):t.slideTo(o):o>t.slides.length-r?(t.loopFix(),o=a.children("."+i.slideClass+'[data-swiper-slide-index="'+e+'"]:not(.'+i.slideDuplicateClass+")").eq(0).index(),n.nextTick((function(){t.slideTo(o)}))):t.slideTo(o)}else t.slideTo(o)}};var v={loopCreate:function(){var t=this,i=t.params,a=t.$wrapperEl;a.children("."+i.slideClass+"."+i.slideDuplicateClass).remove();var r=a.children("."+i.slideClass);if(i.loopFillGroupWithBlank){var n=i.slidesPerGroup-r.length%i.slidesPerGroup;if(n!==i.slidesPerGroup){for(var o=0;o<n;o+=1){var l=s(e.createElement("div")).addClass(i.slideClass+" "+i.slideBlankClass);a.append(l)}r=a.children("."+i.slideClass)}}"auto"!==i.slidesPerView||i.loopedSlides||(i.loopedSlides=r.length),t.loopedSlides=Math.ceil(parseFloat(i.loopedSlides||i.slidesPerView,10)),t.loopedSlides+=i.loopAdditionalSlides,t.loopedSlides>r.length&&(t.loopedSlides=r.length);var d=[],h=[];r.each((function(e,i){var a=s(i);e<t.loopedSlides&&h.push(i),e<r.length&&e>=r.length-t.loopedSlides&&d.push(i),a.attr("data-swiper-slide-index",e)}));for(var p=0;p<h.length;p+=1)a.append(s(h[p].cloneNode(!0)).addClass(i.slideDuplicateClass));for(var c=d.length-1;c>=0;c-=1)a.prepend(s(d[c].cloneNode(!0)).addClass(i.slideDuplicateClass))},loopFix:function(){this.emit("beforeLoopFix");var e,t=this.activeIndex,i=this.slides,s=this.loopedSlides,a=this.allowSlidePrev,r=this.allowSlideNext,n=this.snapGrid,o=this.rtlTranslate;this.allowSlidePrev=!0,this.allowSlideNext=!0;var l=-n[t]-this.getTranslate();if(t<s)e=i.length-3*s+t,e+=s,this.slideTo(e,0,!1,!0)&&0!==l&&this.setTranslate((o?-this.translate:this.translate)-l);else if(t>=i.length-s){e=-i.length+t+s,e+=s,this.slideTo(e,0,!1,!0)&&0!==l&&this.setTranslate((o?-this.translate:this.translate)-l)}this.allowSlidePrev=a,this.allowSlideNext=r,this.emit("loopFix")},loopDestroy:function(){var e=this.$wrapperEl,t=this.params,i=this.slides;e.children("."+t.slideClass+"."+t.slideDuplicateClass+",."+t.slideClass+"."+t.slideBlankClass).remove(),i.removeAttr("data-swiper-slide-index")}};var f={setGrabCursor:function(e){if(!(o.touch||!this.params.simulateTouch||this.params.watchOverflow&&this.isLocked||this.params.cssMode)){var t=this.el;t.style.cursor="move",t.style.cursor=e?"-webkit-grabbing":"-webkit-grab",t.style.cursor=e?"-moz-grabbin":"-moz-grab",t.style.cursor=e?"grabbing":"grab"}},unsetGrabCursor:function(){o.touch||this.params.watchOverflow&&this.isLocked||this.params.cssMode||(this.el.style.cursor="")}};var m,g,b,w,y,x,T,E,S,C,M,P,z,k,$,L={appendSlide:function(e){var t=this.$wrapperEl,i=this.params;if(i.loop&&this.loopDestroy(),"object"==typeof e&&"length"in e)for(var s=0;s<e.length;s+=1)e[s]&&t.append(e[s]);else t.append(e);i.loop&&this.loopCreate(),i.observer&&o.observer||this.update()},prependSlide:function(e){var t=this.params,i=this.$wrapperEl,s=this.activeIndex;t.loop&&this.loopDestroy();var a=s+1;if("object"==typeof e&&"length"in e){for(var r=0;r<e.length;r+=1)e[r]&&i.prepend(e[r]);a=s+e.length}else i.prepend(e);t.loop&&this.loopCreate(),t.observer&&o.observer||this.update(),this.slideTo(a,0,!1)},addSlide:function(e,t){var i=this.$wrapperEl,s=this.params,a=this.activeIndex;s.loop&&(a-=this.loopedSlides,this.loopDestroy(),this.slides=i.children("."+s.slideClass));var r=this.slides.length;if(e<=0)this.prependSlide(t);else if(e>=r)this.appendSlide(t);else{for(var n=a>e?a+1:a,l=[],d=r-1;d>=e;d-=1){var h=this.slides.eq(d);h.remove(),l.unshift(h)}if("object"==typeof t&&"length"in t){for(var p=0;p<t.length;p+=1)t[p]&&i.append(t[p]);n=a>e?a+t.length:a}else i.append(t);for(var c=0;c<l.length;c+=1)i.append(l[c]);s.loop&&this.loopCreate(),s.observer&&o.observer||this.update(),s.loop?this.slideTo(n+this.loopedSlides,0,!1):this.slideTo(n,0,!1)}},removeSlide:function(e){var t=this.params,i=this.$wrapperEl,s=this.activeIndex;t.loop&&(s-=this.loopedSlides,this.loopDestroy(),this.slides=i.children("."+t.slideClass));var a,r=s;if("object"==typeof e&&"length"in e){for(var n=0;n<e.length;n+=1)a=e[n],this.slides[a]&&this.slides.eq(a).remove(),a<r&&(r-=1);r=Math.max(r,0)}else a=e,this.slides[a]&&this.slides.eq(a).remove(),a<r&&(r-=1),r=Math.max(r,0);t.loop&&this.loopCreate(),t.observer&&o.observer||this.update(),t.loop?this.slideTo(r+this.loopedSlides,0,!1):this.slideTo(r,0,!1)},removeAllSlides:function(){for(var e=[],t=0;t<this.slides.length;t+=1)e.push(t);this.removeSlide(e)}},I=(m=t.navigator.platform,g=t.navigator.userAgent,b={ios:!1,android:!1,androidChrome:!1,desktop:!1,iphone:!1,ipod:!1,ipad:!1,edge:!1,ie:!1,firefox:!1,macos:!1,windows:!1,cordova:!(!t.cordova&&!t.phonegap),phonegap:!(!t.cordova&&!t.phonegap),electron:!1},w=t.screen.width,y=t.screen.height,x=g.match(/(Android);?[\s\/]+([\d.]+)?/),T=g.match(/(iPad).*OS\s([\d_]+)/),E=g.match(/(iPod)(.*OS\s([\d_]+))?/),S=!T&&g.match(/(iPhone\sOS|iOS)\s([\d_]+)/),C=g.indexOf("MSIE ")>=0||g.indexOf("Trident/")>=0,M=g.indexOf("Edge/")>=0,P=g.indexOf("Gecko/")>=0&&g.indexOf("Firefox/")>=0,z="Win32"===m,k=g.toLowerCase().indexOf("electron")>=0,$="MacIntel"===m,!T&&$&&o.touch&&(1024===w&&1366===y||834===w&&1194===y||834===w&&1112===y||768===w&&1024===y)&&(T=g.match(/(Version)\/([\d.]+)/),$=!1),b.ie=C,b.edge=M,b.firefox=P,x&&!z&&(b.os="android",b.osVersion=x[2],b.android=!0,b.androidChrome=g.toLowerCase().indexOf("chrome")>=0),(T||S||E)&&(b.os="ios",b.ios=!0),S&&!E&&(b.osVersion=S[2].replace(/_/g,"."),b.iphone=!0),T&&(b.osVersion=T[2].replace(/_/g,"."),b.ipad=!0),E&&(b.osVersion=E[3]?E[3].replace(/_/g,"."):null,b.ipod=!0),b.ios&&b.osVersion&&g.indexOf("Version/")>=0&&"10"===b.osVersion.split(".")[0]&&(b.osVersion=g.toLowerCase().split("version/")[1].split(" ")[0]),b.webView=!(!(S||T||E)||!g.match(/.*AppleWebKit(?!.*Safari)/i)&&!t.navigator.standalone)||t.matchMedia&&t.matchMedia("(display-mode: standalone)").matches,b.webview=b.webView,b.standalone=b.webView,b.desktop=!(b.ios||b.android)||k,b.desktop&&(b.electron=k,b.macos=$,b.windows=z,b.macos&&(b.os="macos"),b.windows&&(b.os="windows")),b.pixelRatio=t.devicePixelRatio||1,b);function D(i){var a=this.touchEventsData,r=this.params,o=this.touches;if(!this.animating||!r.preventInteractionOnTransition){var l=i;l.originalEvent&&(l=l.originalEvent);var d=s(l.target);if(("wrapper"!==r.touchEventsTarget||d.closest(this.wrapperEl).length)&&(a.isTouchEvent="touchstart"===l.type,(a.isTouchEvent||!("which"in l)||3!==l.which)&&!(!a.isTouchEvent&&"button"in l&&l.button>0||a.isTouched&&a.isMoved)))if(r.noSwiping&&d.closest(r.noSwipingSelector?r.noSwipingSelector:"."+r.noSwipingClass)[0])this.allowClick=!0;else if(!r.swipeHandler||d.closest(r.swipeHandler)[0]){o.currentX="touchstart"===l.type?l.targetTouches[0].pageX:l.pageX,o.currentY="touchstart"===l.type?l.targetTouches[0].pageY:l.pageY;var h=o.currentX,p=o.currentY,c=r.edgeSwipeDetection||r.iOSEdgeSwipeDetection,u=r.edgeSwipeThreshold||r.iOSEdgeSwipeThreshold;if(!c||!(h<=u||h>=t.screen.width-u)){if(n.extend(a,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),o.startX=h,o.startY=p,a.touchStartTime=n.now(),this.allowClick=!0,this.updateSize(),this.swipeDirection=void 0,r.threshold>0&&(a.allowThresholdMove=!1),"touchstart"!==l.type){var v=!0;d.is(a.formElements)&&(v=!1),e.activeElement&&s(e.activeElement).is(a.formElements)&&e.activeElement!==d[0]&&e.activeElement.blur();var f=v&&this.allowTouchMove&&r.touchStartPreventDefault;(r.touchStartForcePreventDefault||f)&&l.preventDefault()}this.emit("touchStart",l)}}}}function O(t){var i=this.touchEventsData,a=this.params,r=this.touches,o=this.rtlTranslate,l=t;if(l.originalEvent&&(l=l.originalEvent),i.isTouched){if(!i.isTouchEvent||"mousemove"!==l.type){var d="touchmove"===l.type&&l.targetTouches&&(l.targetTouches[0]||l.changedTouches[0]),h="touchmove"===l.type?d.pageX:l.pageX,p="touchmove"===l.type?d.pageY:l.pageY;if(l.preventedByNestedSwiper)return r.startX=h,void(r.startY=p);if(!this.allowTouchMove)return this.allowClick=!1,void(i.isTouched&&(n.extend(r,{startX:h,startY:p,currentX:h,currentY:p}),i.touchStartTime=n.now()));if(i.isTouchEvent&&a.touchReleaseOnEdges&&!a.loop)if(this.isVertical()){if(p<r.startY&&this.translate<=this.maxTranslate()||p>r.startY&&this.translate>=this.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(h<r.startX&&this.translate<=this.maxTranslate()||h>r.startX&&this.translate>=this.minTranslate())return;if(i.isTouchEvent&&e.activeElement&&l.target===e.activeElement&&s(l.target).is(i.formElements))return i.isMoved=!0,void(this.allowClick=!1);if(i.allowTouchCallbacks&&this.emit("touchMove",l),!(l.targetTouches&&l.targetTouches.length>1)){r.currentX=h,r.currentY=p;var c=r.currentX-r.startX,u=r.currentY-r.startY;if(!(this.params.threshold&&Math.sqrt(Math.pow(c,2)+Math.pow(u,2))<this.params.threshold)){var v;if(void 0===i.isScrolling)this.isHorizontal()&&r.currentY===r.startY||this.isVertical()&&r.currentX===r.startX?i.isScrolling=!1:c*c+u*u>=25&&(v=180*Math.atan2(Math.abs(u),Math.abs(c))/Math.PI,i.isScrolling=this.isHorizontal()?v>a.touchAngle:90-v>a.touchAngle);if(i.isScrolling&&this.emit("touchMoveOpposite",l),void 0===i.startMoving&&(r.currentX===r.startX&&r.currentY===r.startY||(i.startMoving=!0)),i.isScrolling)i.isTouched=!1;else if(i.startMoving){this.allowClick=!1,a.cssMode||l.preventDefault(),a.touchMoveStopPropagation&&!a.nested&&l.stopPropagation(),i.isMoved||(a.loop&&this.loopFix(),i.startTranslate=this.getTranslate(),this.setTransition(0),this.animating&&this.$wrapperEl.trigger("webkitTransitionEnd transitionend"),i.allowMomentumBounce=!1,!a.grabCursor||!0!==this.allowSlideNext&&!0!==this.allowSlidePrev||this.setGrabCursor(!0),this.emit("sliderFirstMove",l)),this.emit("sliderMove",l),i.isMoved=!0;var f=this.isHorizontal()?c:u;r.diff=f,f*=a.touchRatio,o&&(f=-f),this.swipeDirection=f>0?"prev":"next",i.currentTranslate=f+i.startTranslate;var m=!0,g=a.resistanceRatio;if(a.touchReleaseOnEdges&&(g=0),f>0&&i.currentTranslate>this.minTranslate()?(m=!1,a.resistance&&(i.currentTranslate=this.minTranslate()-1+Math.pow(-this.minTranslate()+i.startTranslate+f,g))):f<0&&i.currentTranslate<this.maxTranslate()&&(m=!1,a.resistance&&(i.currentTranslate=this.maxTranslate()+1-Math.pow(this.maxTranslate()-i.startTranslate-f,g))),m&&(l.preventedByNestedSwiper=!0),!this.allowSlideNext&&"next"===this.swipeDirection&&i.currentTranslate<i.startTranslate&&(i.currentTranslate=i.startTranslate),!this.allowSlidePrev&&"prev"===this.swipeDirection&&i.currentTranslate>i.startTranslate&&(i.currentTranslate=i.startTranslate),a.threshold>0){if(!(Math.abs(f)>a.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,r.startX=r.currentX,r.startY=r.currentY,i.currentTranslate=i.startTranslate,void(r.diff=this.isHorizontal()?r.currentX-r.startX:r.currentY-r.startY)}a.followFinger&&!a.cssMode&&((a.freeMode||a.watchSlidesProgress||a.watchSlidesVisibility)&&(this.updateActiveIndex(),this.updateSlidesClasses()),a.freeMode&&(0===i.velocities.length&&i.velocities.push({position:r[this.isHorizontal()?"startX":"startY"],time:i.touchStartTime}),i.velocities.push({position:r[this.isHorizontal()?"currentX":"currentY"],time:n.now()})),this.updateProgress(i.currentTranslate),this.setTranslate(i.currentTranslate))}}}}}else i.startMoving&&i.isScrolling&&this.emit("touchMoveOpposite",l)}function A(e){var t=this,i=t.touchEventsData,s=t.params,a=t.touches,r=t.rtlTranslate,o=t.$wrapperEl,l=t.slidesGrid,d=t.snapGrid,h=e;if(h.originalEvent&&(h=h.originalEvent),i.allowTouchCallbacks&&t.emit("touchEnd",h),i.allowTouchCallbacks=!1,!i.isTouched)return i.isMoved&&s.grabCursor&&t.setGrabCursor(!1),i.isMoved=!1,void(i.startMoving=!1);s.grabCursor&&i.isMoved&&i.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);var p,c=n.now(),u=c-i.touchStartTime;if(t.allowClick&&(t.updateClickedSlide(h),t.emit("tap click",h),u<300&&c-i.lastClickTime<300&&t.emit("doubleTap doubleClick",h)),i.lastClickTime=n.now(),n.nextTick((function(){t.destroyed||(t.allowClick=!0)})),!i.isTouched||!i.isMoved||!t.swipeDirection||0===a.diff||i.currentTranslate===i.startTranslate)return i.isTouched=!1,i.isMoved=!1,void(i.startMoving=!1);if(i.isTouched=!1,i.isMoved=!1,i.startMoving=!1,p=s.followFinger?r?t.translate:-t.translate:-i.currentTranslate,!s.cssMode)if(s.freeMode){if(p<-t.minTranslate())return void t.slideTo(t.activeIndex);if(p>-t.maxTranslate())return void(t.slides.length<d.length?t.slideTo(d.length-1):t.slideTo(t.slides.length-1));if(s.freeModeMomentum){if(i.velocities.length>1){var v=i.velocities.pop(),f=i.velocities.pop(),m=v.position-f.position,g=v.time-f.time;t.velocity=m/g,t.velocity/=2,Math.abs(t.velocity)<s.freeModeMinimumVelocity&&(t.velocity=0),(g>150||n.now()-v.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=s.freeModeMomentumVelocityRatio,i.velocities.length=0;var b=1e3*s.freeModeMomentumRatio,w=t.velocity*b,y=t.translate+w;r&&(y=-y);var x,T,E=!1,S=20*Math.abs(t.velocity)*s.freeModeMomentumBounceRatio;if(y<t.maxTranslate())s.freeModeMomentumBounce?(y+t.maxTranslate()<-S&&(y=t.maxTranslate()-S),x=t.maxTranslate(),E=!0,i.allowMomentumBounce=!0):y=t.maxTranslate(),s.loop&&s.centeredSlides&&(T=!0);else if(y>t.minTranslate())s.freeModeMomentumBounce?(y-t.minTranslate()>S&&(y=t.minTranslate()+S),x=t.minTranslate(),E=!0,i.allowMomentumBounce=!0):y=t.minTranslate(),s.loop&&s.centeredSlides&&(T=!0);else if(s.freeModeSticky){for(var C,M=0;M<d.length;M+=1)if(d[M]>-y){C=M;break}y=-(y=Math.abs(d[C]-y)<Math.abs(d[C-1]-y)||"next"===t.swipeDirection?d[C]:d[C-1])}if(T&&t.once("transitionEnd",(function(){t.loopFix()})),0!==t.velocity){if(b=r?Math.abs((-y-t.translate)/t.velocity):Math.abs((y-t.translate)/t.velocity),s.freeModeSticky){var P=Math.abs((r?-y:y)-t.translate),z=t.slidesSizesGrid[t.activeIndex];b=P<z?s.speed:P<2*z?1.5*s.speed:2.5*s.speed}}else if(s.freeModeSticky)return void t.slideToClosest();s.freeModeMomentumBounce&&E?(t.updateProgress(x),t.setTransition(b),t.setTranslate(y),t.transitionStart(!0,t.swipeDirection),t.animating=!0,o.transitionEnd((function(){t&&!t.destroyed&&i.allowMomentumBounce&&(t.emit("momentumBounce"),t.setTransition(s.speed),t.setTranslate(x),o.transitionEnd((function(){t&&!t.destroyed&&t.transitionEnd()})))}))):t.velocity?(t.updateProgress(y),t.setTransition(b),t.setTranslate(y),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,o.transitionEnd((function(){t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(y),t.updateActiveIndex(),t.updateSlidesClasses()}else if(s.freeModeSticky)return void t.slideToClosest();(!s.freeModeMomentum||u>=s.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}else{for(var k=0,$=t.slidesSizesGrid[0],L=0;L<l.length;L+=s.slidesPerGroup)void 0!==l[L+s.slidesPerGroup]?p>=l[L]&&p<l[L+s.slidesPerGroup]&&(k=L,$=l[L+s.slidesPerGroup]-l[L]):p>=l[L]&&(k=L,$=l[l.length-1]-l[l.length-2]);var I=(p-l[k])/$;if(u>s.longSwipesMs){if(!s.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(I>=s.longSwipesRatio?t.slideTo(k+s.slidesPerGroup):t.slideTo(k)),"prev"===t.swipeDirection&&(I>1-s.longSwipesRatio?t.slideTo(k+s.slidesPerGroup):t.slideTo(k))}else{if(!s.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(h.target===t.navigation.nextEl||h.target===t.navigation.prevEl)?h.target===t.navigation.nextEl?t.slideTo(k+s.slidesPerGroup):t.slideTo(k):("next"===t.swipeDirection&&t.slideTo(k+s.slidesPerGroup),"prev"===t.swipeDirection&&t.slideTo(k))}}}function G(){var e=this.params,t=this.el;if(!t||0!==t.offsetWidth){e.breakpoints&&this.setBreakpoint();var i=this.allowSlideNext,s=this.allowSlidePrev,a=this.snapGrid;this.allowSlideNext=!0,this.allowSlidePrev=!0,this.updateSize(),this.updateSlides(),this.updateSlidesClasses(),("auto"===e.slidesPerView||e.slidesPerView>1)&&this.isEnd&&!this.params.centeredSlides?this.slideTo(this.slides.length-1,0,!1,!0):this.slideTo(this.activeIndex,0,!1,!0),this.autoplay&&this.autoplay.running&&this.autoplay.paused&&this.autoplay.run(),this.allowSlidePrev=s,this.allowSlideNext=i,this.params.watchOverflow&&a!==this.snapGrid&&this.checkOverflow()}}function B(e){this.allowClick||(this.params.preventClicks&&e.preventDefault(),this.params.preventClicksPropagation&&this.animating&&(e.stopPropagation(),e.stopImmediatePropagation()))}function H(){var e=this.wrapperEl;this.previousTranslate=this.translate,this.translate=this.isHorizontal()?-e.scrollLeft:-e.scrollTop,-0===this.translate&&(this.translate=0),this.updateActiveIndex(),this.updateSlidesClasses();var t=this.maxTranslate()-this.minTranslate();(0===t?0:(this.translate-this.minTranslate())/t)!==this.progress&&this.updateProgress(this.translate),this.emit("setTranslate",this.translate,!1)}var N=!1;function X(){}var V={init:!0,direction:"horizontal",touchEventsTarget:"container",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,preventInteractionOnTransition:!1,edgeSwipeDetection:!1,edgeSwipeThreshold:20,freeMode:!1,freeModeMomentum:!0,freeModeMomentumRatio:1,freeModeMomentumBounce:!0,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:!1,freeModeMinimumVelocity:.02,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,spaceBetween:0,slidesPerView:1,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!1,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,watchSlidesVisibility:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopFillGroupWithBlank:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,containerModifierClass:"swiper-container-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0},Y={update:h,translate:p,transition:c,slide:u,loop:v,grabCursor:f,manipulation:L,events:{attachEvents:function(){var t=this.params,i=this.touchEvents,s=this.el,a=this.wrapperEl;this.onTouchStart=D.bind(this),this.onTouchMove=O.bind(this),this.onTouchEnd=A.bind(this),t.cssMode&&(this.onScroll=H.bind(this)),this.onClick=B.bind(this);var r=!!t.nested;if(!o.touch&&o.pointerEvents)s.addEventListener(i.start,this.onTouchStart,!1),e.addEventListener(i.move,this.onTouchMove,r),e.addEventListener(i.end,this.onTouchEnd,!1);else{if(o.touch){var n=!("touchstart"!==i.start||!o.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};s.addEventListener(i.start,this.onTouchStart,n),s.addEventListener(i.move,this.onTouchMove,o.passiveListener?{passive:!1,capture:r}:r),s.addEventListener(i.end,this.onTouchEnd,n),i.cancel&&s.addEventListener(i.cancel,this.onTouchEnd,n),N||(e.addEventListener("touchstart",X),N=!0)}(t.simulateTouch&&!I.ios&&!I.android||t.simulateTouch&&!o.touch&&I.ios)&&(s.addEventListener("mousedown",this.onTouchStart,!1),e.addEventListener("mousemove",this.onTouchMove,r),e.addEventListener("mouseup",this.onTouchEnd,!1))}(t.preventClicks||t.preventClicksPropagation)&&s.addEventListener("click",this.onClick,!0),t.cssMode&&a.addEventListener("scroll",this.onScroll),t.updateOnWindowResize?this.on(I.ios||I.android?"resize orientationchange observerUpdate":"resize observerUpdate",G,!0):this.on("observerUpdate",G,!0)},detachEvents:function(){var t=this.params,i=this.touchEvents,s=this.el,a=this.wrapperEl,r=!!t.nested;if(!o.touch&&o.pointerEvents)s.removeEventListener(i.start,this.onTouchStart,!1),e.removeEventListener(i.move,this.onTouchMove,r),e.removeEventListener(i.end,this.onTouchEnd,!1);else{if(o.touch){var n=!("onTouchStart"!==i.start||!o.passiveListener||!t.passiveListeners)&&{passive:!0,capture:!1};s.removeEventListener(i.start,this.onTouchStart,n),s.removeEventListener(i.move,this.onTouchMove,r),s.removeEventListener(i.end,this.onTouchEnd,n),i.cancel&&s.removeEventListener(i.cancel,this.onTouchEnd,n)}(t.simulateTouch&&!I.ios&&!I.android||t.simulateTouch&&!o.touch&&I.ios)&&(s.removeEventListener("mousedown",this.onTouchStart,!1),e.removeEventListener("mousemove",this.onTouchMove,r),e.removeEventListener("mouseup",this.onTouchEnd,!1))}(t.preventClicks||t.preventClicksPropagation)&&s.removeEventListener("click",this.onClick,!0),t.cssMode&&a.removeEventListener("scroll",this.onScroll),this.off(I.ios||I.android?"resize orientationchange observerUpdate":"resize observerUpdate",G)}},breakpoints:{setBreakpoint:function(){var e=this.activeIndex,t=this.initialized,i=this.loopedSlides;void 0===i&&(i=0);var s=this.params,a=this.$el,r=s.breakpoints;if(r&&(!r||0!==Object.keys(r).length)){var o=this.getBreakpoint(r);if(o&&this.currentBreakpoint!==o){var l=o in r?r[o]:void 0;l&&["slidesPerView","spaceBetween","slidesPerGroup","slidesPerColumn"].forEach((function(e){var t=l[e];void 0!==t&&(l[e]="slidesPerView"!==e||"AUTO"!==t&&"auto"!==t?"slidesPerView"===e?parseFloat(t):parseInt(t,10):"auto")}));var d=l||this.originalParams,h=s.slidesPerColumn>1,p=d.slidesPerColumn>1;h&&!p?a.removeClass(s.containerModifierClass+"multirow "+s.containerModifierClass+"multirow-column"):!h&&p&&(a.addClass(s.containerModifierClass+"multirow"),"column"===d.slidesPerColumnFill&&a.addClass(s.containerModifierClass+"multirow-column"));var c=d.direction&&d.direction!==s.direction,u=s.loop&&(d.slidesPerView!==s.slidesPerView||c);c&&t&&this.changeDirection(),n.extend(this.params,d),n.extend(this,{allowTouchMove:this.params.allowTouchMove,allowSlideNext:this.params.allowSlideNext,allowSlidePrev:this.params.allowSlidePrev}),this.currentBreakpoint=o,u&&t&&(this.loopDestroy(),this.loopCreate(),this.updateSlides(),this.slideTo(e-i+this.loopedSlides,0,!1)),this.emit("breakpoint",d)}}},getBreakpoint:function(e){if(e){var i=!1,s=[];Object.keys(e).forEach((function(e){s.push(e)})),s.sort((function(e,t){return parseInt(e,10)-parseInt(t,10)}));for(var a=0;a<s.length;a+=1){var r=s[a];r<=t.innerWidth&&(i=r)}return i||"max"}}},checkOverflow:{checkOverflow:function(){var e=this.params,t=this.isLocked,i=this.slides.length>0&&e.slidesOffsetBefore+e.spaceBetween*(this.slides.length-1)+this.slides[0].offsetWidth*this.slides.length;e.slidesOffsetBefore&&e.slidesOffsetAfter&&i?this.isLocked=i<=this.size:this.isLocked=1===this.snapGrid.length,this.allowSlideNext=!this.isLocked,this.allowSlidePrev=!this.isLocked,t!==this.isLocked&&this.emit(this.isLocked?"lock":"unlock"),t&&t!==this.isLocked&&(this.isEnd=!1,this.navigation.update())}},classes:{addClasses:function(){var e=this.classNames,t=this.params,i=this.rtl,s=this.$el,a=[];a.push("initialized"),a.push(t.direction),t.freeMode&&a.push("free-mode"),t.autoHeight&&a.push("autoheight"),i&&a.push("rtl"),t.slidesPerColumn>1&&(a.push("multirow"),"column"===t.slidesPerColumnFill&&a.push("multirow-column")),I.android&&a.push("android"),I.ios&&a.push("ios"),t.cssMode&&a.push("css-mode"),a.forEach((function(i){e.push(t.containerModifierClass+i)})),s.addClass(e.join(" "))},removeClasses:function(){var e=this.$el,t=this.classNames;e.removeClass(t.join(" "))}},images:{loadImage:function(e,i,s,a,r,n){var o;function l(){n&&n()}e.complete&&r?l():i?((o=new t.Image).onload=l,o.onerror=l,a&&(o.sizes=a),s&&(o.srcset=s),i&&(o.src=i)):l()},preloadImages:function(){var e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(var i=0;i<e.imagesToLoad.length;i+=1){var s=e.imagesToLoad[i];e.loadImage(s,s.currentSrc||s.getAttribute("src"),s.srcset||s.getAttribute("srcset"),s.sizes||s.getAttribute("sizes"),!0,t)}}}},F={},W=function(e){function t(){for(var i,a,r,l=[],d=arguments.length;d--;)l[d]=arguments[d];1===l.length&&l[0].constructor&&l[0].constructor===Object?r=l[0]:(a=(i=l)[0],r=i[1]),r||(r={}),r=n.extend({},r),a&&!r.el&&(r.el=a),e.call(this,r),Object.keys(Y).forEach((function(e){Object.keys(Y[e]).forEach((function(i){t.prototype[i]||(t.prototype[i]=Y[e][i])}))}));var h=this;void 0===h.modules&&(h.modules={}),Object.keys(h.modules).forEach((function(e){var t=h.modules[e];if(t.params){var i=Object.keys(t.params)[0],s=t.params[i];if("object"!=typeof s||null===s)return;if(!(i in r&&"enabled"in s))return;!0===r[i]&&(r[i]={enabled:!0}),"object"!=typeof r[i]||"enabled"in r[i]||(r[i].enabled=!0),r[i]||(r[i]={enabled:!1})}}));var p=n.extend({},V);h.useModulesParams(p),h.params=n.extend({},p,F,r),h.originalParams=n.extend({},h.params),h.passedParams=n.extend({},r),h.$=s;var c=s(h.params.el);if(a=c[0]){if(c.length>1){var u=[];return c.each((function(e,i){var s=n.extend({},r,{el:i});u.push(new t(s))})),u}var v,f,m;return a.swiper=h,c.data("swiper",h),a&&a.shadowRoot&&a.shadowRoot.querySelector?(v=s(a.shadowRoot.querySelector("."+h.params.wrapperClass))).children=function(e){return c.children(e)}:v=c.children("."+h.params.wrapperClass),n.extend(h,{$el:c,el:a,$wrapperEl:v,wrapperEl:v[0],classNames:[],slides:s(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:function(){return"horizontal"===h.params.direction},isVertical:function(){return"vertical"===h.params.direction},rtl:"rtl"===a.dir.toLowerCase()||"rtl"===c.css("direction"),rtlTranslate:"horizontal"===h.params.direction&&("rtl"===a.dir.toLowerCase()||"rtl"===c.css("direction")),wrongRTL:"-webkit-box"===v.css("display"),activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:h.params.allowSlideNext,allowSlidePrev:h.params.allowSlidePrev,touchEvents:(f=["touchstart","touchmove","touchend","touchcancel"],m=["mousedown","mousemove","mouseup"],o.pointerEvents&&(m=["pointerdown","pointermove","pointerup"]),h.touchEventsTouch={start:f[0],move:f[1],end:f[2],cancel:f[3]},h.touchEventsDesktop={start:m[0],move:m[1],end:m[2]},o.touch||!h.params.simulateTouch?h.touchEventsTouch:h.touchEventsDesktop),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,formElements:"input, select, option, textarea, button, video",lastClickTime:n.now(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:h.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),h.useModules(),h.params.init&&h.init(),h}}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var i={extendedDefaults:{configurable:!0},defaults:{configurable:!0},Class:{configurable:!0},$:{configurable:!0}};return t.prototype.slidesPerViewDynamic=function(){var e=this.params,t=this.slides,i=this.slidesGrid,s=this.size,a=this.activeIndex,r=1;if(e.centeredSlides){for(var n,o=t[a].swiperSlideSize,l=a+1;l<t.length;l+=1)t[l]&&!n&&(r+=1,(o+=t[l].swiperSlideSize)>s&&(n=!0));for(var d=a-1;d>=0;d-=1)t[d]&&!n&&(r+=1,(o+=t[d].swiperSlideSize)>s&&(n=!0))}else for(var h=a+1;h<t.length;h+=1)i[h]-i[a]<s&&(r+=1);return r},t.prototype.update=function(){var e=this;if(e&&!e.destroyed){var t=e.snapGrid,i=e.params;i.breakpoints&&e.setBreakpoint(),e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),e.params.freeMode?(s(),e.params.autoHeight&&e.updateAutoHeight()):(("auto"===e.params.slidesPerView||e.params.slidesPerView>1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0))||s(),i.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}function s(){var t=e.rtlTranslate?-1*e.translate:e.translate,i=Math.min(Math.max(t,e.maxTranslate()),e.minTranslate());e.setTranslate(i),e.updateActiveIndex(),e.updateSlidesClasses()}},t.prototype.changeDirection=function(e,t){void 0===t&&(t=!0);var i=this.params.direction;return e||(e="horizontal"===i?"vertical":"horizontal"),e===i||"horizontal"!==e&&"vertical"!==e?this:(this.$el.removeClass(""+this.params.containerModifierClass+i).addClass(""+this.params.containerModifierClass+e),this.params.direction=e,this.slides.each((function(t,i){"vertical"===e?i.style.width="":i.style.height=""})),this.emit("changeDirection"),t&&this.update(),this)},t.prototype.init=function(){this.initialized||(this.emit("beforeInit"),this.params.breakpoints&&this.setBreakpoint(),this.addClasses(),this.params.loop&&this.loopCreate(),this.updateSize(),this.updateSlides(),this.params.watchOverflow&&this.checkOverflow(),this.params.grabCursor&&this.setGrabCursor(),this.params.preloadImages&&this.preloadImages(),this.params.loop?this.slideTo(this.params.initialSlide+this.loopedSlides,0,this.params.runCallbacksOnInit):this.slideTo(this.params.initialSlide,0,this.params.runCallbacksOnInit),this.attachEvents(),this.initialized=!0,this.emit("init"))},t.prototype.destroy=function(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);var i=this,s=i.params,a=i.$el,r=i.$wrapperEl,o=i.slides;return void 0===i.params||i.destroyed?null:(i.emit("beforeDestroy"),i.initialized=!1,i.detachEvents(),s.loop&&i.loopDestroy(),t&&(i.removeClasses(),a.removeAttr("style"),r.removeAttr("style"),o&&o.length&&o.removeClass([s.slideVisibleClass,s.slideActiveClass,s.slideNextClass,s.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),i.emit("destroy"),Object.keys(i.eventsListeners).forEach((function(e){i.off(e)})),!1!==e&&(i.$el[0].swiper=null,i.$el.data("swiper",null),n.deleteProps(i)),i.destroyed=!0,null)},t.extendDefaults=function(e){n.extend(F,e)},i.extendedDefaults.get=function(){return F},i.defaults.get=function(){return V},i.Class.get=function(){return e},i.$.get=function(){return s},Object.defineProperties(t,i),t}(l),R={name:"device",proto:{device:I},static:{device:I}},q={name:"support",proto:{support:o},static:{support:o}},j={isEdge:!!t.navigator.userAgent.match(/Edge/g),isSafari:function(){var e=t.navigator.userAgent.toLowerCase();return e.indexOf("safari")>=0&&e.indexOf("chrome")<0&&e.indexOf("android")<0}(),isUiWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(t.navigator.userAgent)},K={name:"browser",proto:{browser:j},static:{browser:j}},U={name:"resize",create:function(){var e=this;n.extend(e,{resize:{resizeHandler:function(){e&&!e.destroyed&&e.initialized&&(e.emit("beforeResize"),e.emit("resize"))},orientationChangeHandler:function(){e&&!e.destroyed&&e.initialized&&e.emit("orientationchange")}}})},on:{init:function(){t.addEventListener("resize",this.resize.resizeHandler),t.addEventListener("orientationchange",this.resize.orientationChangeHandler)},destroy:function(){t.removeEventListener("resize",this.resize.resizeHandler),t.removeEventListener("orientationchange",this.resize.orientationChangeHandler)}}},_={func:t.MutationObserver||t.WebkitMutationObserver,attach:function(e,i){void 0===i&&(i={});var s=this,a=new(0,_.func)((function(e){if(1!==e.length){var i=function(){s.emit("observerUpdate",e[0])};t.requestAnimationFrame?t.requestAnimationFrame(i):t.setTimeout(i,0)}else s.emit("observerUpdate",e[0])}));a.observe(e,{attributes:void 0===i.attributes||i.attributes,childList:void 0===i.childList||i.childList,characterData:void 0===i.characterData||i.characterData}),s.observer.observers.push(a)},init:function(){if(o.observer&&this.params.observer){if(this.params.observeParents)for(var e=this.$el.parents(),t=0;t<e.length;t+=1)this.observer.attach(e[t]);this.observer.attach(this.$el[0],{childList:this.params.observeSlideChildren}),this.observer.attach(this.$wrapperEl[0],{attributes:!1})}},destroy:function(){this.observer.observers.forEach((function(e){e.disconnect()})),this.observer.observers=[]}},Z={name:"observer",params:{observer:!1,observeParents:!1,observeSlideChildren:!1},create:function(){n.extend(this,{observer:{init:_.init.bind(this),attach:_.attach.bind(this),destroy:_.destroy.bind(this),observers:[]}})},on:{init:function(){this.observer.init()},destroy:function(){this.observer.destroy()}}},Q={update:function(e){var t=this,i=t.params,s=i.slidesPerView,a=i.slidesPerGroup,r=i.centeredSlides,o=t.params.virtual,l=o.addSlidesBefore,d=o.addSlidesAfter,h=t.virtual,p=h.from,c=h.to,u=h.slides,v=h.slidesGrid,f=h.renderSlide,m=h.offset;t.updateActiveIndex();var g,b,w,y=t.activeIndex||0;g=t.rtlTranslate?"right":t.isHorizontal()?"left":"top",r?(b=Math.floor(s/2)+a+l,w=Math.floor(s/2)+a+d):(b=s+(a-1)+l,w=a+d);var x=Math.max((y||0)-w,0),T=Math.min((y||0)+b,u.length-1),E=(t.slidesGrid[x]||0)-(t.slidesGrid[0]||0);function S(){t.updateSlides(),t.updateProgress(),t.updateSlidesClasses(),t.lazy&&t.params.lazy.enabled&&t.lazy.load()}if(n.extend(t.virtual,{from:x,to:T,offset:E,slidesGrid:t.slidesGrid}),p===x&&c===T&&!e)return t.slidesGrid!==v&&E!==m&&t.slides.css(g,E+"px"),void t.updateProgress();if(t.params.virtual.renderExternal)return t.params.virtual.renderExternal.call(t,{offset:E,from:x,to:T,slides:function(){for(var e=[],t=x;t<=T;t+=1)e.push(u[t]);return e}()}),void S();var C=[],M=[];if(e)t.$wrapperEl.find("."+t.params.slideClass).remove();else for(var P=p;P<=c;P+=1)(P<x||P>T)&&t.$wrapperEl.find("."+t.params.slideClass+'[data-swiper-slide-index="'+P+'"]').remove();for(var z=0;z<u.length;z+=1)z>=x&&z<=T&&(void 0===c||e?M.push(z):(z>c&&M.push(z),z<p&&C.push(z)));M.forEach((function(e){t.$wrapperEl.append(f(u[e],e))})),C.sort((function(e,t){return t-e})).forEach((function(e){t.$wrapperEl.prepend(f(u[e],e))})),t.$wrapperEl.children(".swiper-slide").css(g,E+"px"),S()},renderSlide:function(e,t){var i=this.params.virtual;if(i.cache&&this.virtual.cache[t])return this.virtual.cache[t];var a=i.renderSlide?s(i.renderSlide.call(this,e,t)):s('<div class="'+this.params.slideClass+'" data-swiper-slide-index="'+t+'">'+e+"</div>");return a.attr("data-swiper-slide-index")||a.attr("data-swiper-slide-index",t),i.cache&&(this.virtual.cache[t]=a),a},appendSlide:function(e){if("object"==typeof e&&"length"in e)for(var t=0;t<e.length;t+=1)e[t]&&this.virtual.slides.push(e[t]);else this.virtual.slides.push(e);this.virtual.update(!0)},prependSlide:function(e){var t=this.activeIndex,i=t+1,s=1;if(Array.isArray(e)){for(var a=0;a<e.length;a+=1)e[a]&&this.virtual.slides.unshift(e[a]);i=t+e.length,s=e.length}else this.virtual.slides.unshift(e);if(this.params.virtual.cache){var r=this.virtual.cache,n={};Object.keys(r).forEach((function(e){var t=r[e],i=t.attr("data-swiper-slide-index");i&&t.attr("data-swiper-slide-index",parseInt(i,10)+1),n[parseInt(e,10)+s]=t})),this.virtual.cache=n}this.virtual.update(!0),this.slideTo(i,0)},removeSlide:function(e){if(null!=e){var t=this.activeIndex;if(Array.isArray(e))for(var i=e.length-1;i>=0;i-=1)this.virtual.slides.splice(e[i],1),this.params.virtual.cache&&delete this.virtual.cache[e[i]],e[i]<t&&(t-=1),t=Math.max(t,0);else this.virtual.slides.splice(e,1),this.params.virtual.cache&&delete this.virtual.cache[e],e<t&&(t-=1),t=Math.max(t,0);this.virtual.update(!0),this.slideTo(t,0)}},removeAllSlides:function(){this.virtual.slides=[],this.params.virtual.cache&&(this.virtual.cache={}),this.virtual.update(!0),this.slideTo(0,0)}},J={name:"virtual",params:{virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,addSlidesBefore:0,addSlidesAfter:0}},create:function(){n.extend(this,{virtual:{update:Q.update.bind(this),appendSlide:Q.appendSlide.bind(this),prependSlide:Q.prependSlide.bind(this),removeSlide:Q.removeSlide.bind(this),removeAllSlides:Q.removeAllSlides.bind(this),renderSlide:Q.renderSlide.bind(this),slides:this.params.virtual.slides,cache:{}}})},on:{beforeInit:function(){if(this.params.virtual.enabled){this.classNames.push(this.params.containerModifierClass+"virtual");var e={watchSlidesProgress:!0};n.extend(this.params,e),n.extend(this.originalParams,e),this.params.initialSlide||this.virtual.update()}},setTranslate:function(){this.params.virtual.enabled&&this.virtual.update()}}},ee={handle:function(i){var s=this.rtlTranslate,a=i;a.originalEvent&&(a=a.originalEvent);var r=a.keyCode||a.charCode;if(!this.allowSlideNext&&(this.isHorizontal()&&39===r||this.isVertical()&&40===r||34===r))return!1;if(!this.allowSlidePrev&&(this.isHorizontal()&&37===r||this.isVertical()&&38===r||33===r))return!1;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey||e.activeElement&&e.activeElement.nodeName&&("input"===e.activeElement.nodeName.toLowerCase()||"textarea"===e.activeElement.nodeName.toLowerCase()))){if(this.params.keyboard.onlyInViewport&&(33===r||34===r||37===r||39===r||38===r||40===r)){var n=!1;if(this.$el.parents("."+this.params.slideClass).length>0&&0===this.$el.parents("."+this.params.slideActiveClass).length)return;var o=t.innerWidth,l=t.innerHeight,d=this.$el.offset();s&&(d.left-=this.$el[0].scrollLeft);for(var h=[[d.left,d.top],[d.left+this.width,d.top],[d.left,d.top+this.height],[d.left+this.width,d.top+this.height]],p=0;p<h.length;p+=1){var c=h[p];c[0]>=0&&c[0]<=o&&c[1]>=0&&c[1]<=l&&(n=!0)}if(!n)return}this.isHorizontal()?(33!==r&&34!==r&&37!==r&&39!==r||(a.preventDefault?a.preventDefault():a.returnValue=!1),(34!==r&&39!==r||s)&&(33!==r&&37!==r||!s)||this.slideNext(),(33!==r&&37!==r||s)&&(34!==r&&39!==r||!s)||this.slidePrev()):(33!==r&&34!==r&&38!==r&&40!==r||(a.preventDefault?a.preventDefault():a.returnValue=!1),34!==r&&40!==r||this.slideNext(),33!==r&&38!==r||this.slidePrev()),this.emit("keyPress",r)}},enable:function(){this.keyboard.enabled||(s(e).on("keydown",this.keyboard.handle),this.keyboard.enabled=!0)},disable:function(){this.keyboard.enabled&&(s(e).off("keydown",this.keyboard.handle),this.keyboard.enabled=!1)}},te={name:"keyboard",params:{keyboard:{enabled:!1,onlyInViewport:!0}},create:function(){n.extend(this,{keyboard:{enabled:!1,enable:ee.enable.bind(this),disable:ee.disable.bind(this),handle:ee.handle.bind(this)}})},on:{init:function(){this.params.keyboard.enabled&&this.keyboard.enable()},destroy:function(){this.keyboard.enabled&&this.keyboard.disable()}}};var ie={lastScrollTime:n.now(),lastEventBeforeSnap:void 0,recentWheelEvents:[],event:function(){return t.navigator.userAgent.indexOf("firefox")>-1?"DOMMouseScroll":function(){var t="onwheel"in e;if(!t){var i=e.createElement("div");i.setAttribute("onwheel","return;"),t="function"==typeof i.onwheel}return!t&&e.implementation&&e.implementation.hasFeature&&!0!==e.implementation.hasFeature("","")&&(t=e.implementation.hasFeature("Events.wheel","3.0")),t}()?"wheel":"mousewheel"},normalize:function(e){var t=0,i=0,s=0,a=0;return"detail"in e&&(i=e.detail),"wheelDelta"in e&&(i=-e.wheelDelta/120),"wheelDeltaY"in e&&(i=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=i,i=0),s=10*t,a=10*i,"deltaY"in e&&(a=e.deltaY),"deltaX"in e&&(s=e.deltaX),e.shiftKey&&!s&&(s=a,a=0),(s||a)&&e.deltaMode&&(1===e.deltaMode?(s*=40,a*=40):(s*=800,a*=800)),s&&!t&&(t=s<1?-1:1),a&&!i&&(i=a<1?-1:1),{spinX:t,spinY:i,pixelX:s,pixelY:a}},handleMouseEnter:function(){this.mouseEntered=!0},handleMouseLeave:function(){this.mouseEntered=!1},handle:function(e){var t=e,i=this,s=i.params.mousewheel;if(i.params.cssMode&&t.preventDefault(),!i.mouseEntered&&!s.releaseOnEdges)return!0;t.originalEvent&&(t=t.originalEvent);var a=0,r=i.rtlTranslate?-1:1,o=ie.normalize(t);if(s.forceToAxis)if(i.isHorizontal()){if(!(Math.abs(o.pixelX)>Math.abs(o.pixelY)))return!0;a=o.pixelX*r}else{if(!(Math.abs(o.pixelY)>Math.abs(o.pixelX)))return!0;a=o.pixelY}else a=Math.abs(o.pixelX)>Math.abs(o.pixelY)?-o.pixelX*r:-o.pixelY;if(0===a)return!0;if(s.invert&&(a=-a),i.params.freeMode){var l={time:n.now(),delta:Math.abs(a),direction:Math.sign(a)},d=i.mousewheel.lastEventBeforeSnap,h=d&&l.time<d.time+500&&l.delta<=d.delta&&l.direction===d.direction;if(!h){i.mousewheel.lastEventBeforeSnap=void 0,i.params.loop&&i.loopFix();var p=i.getTranslate()+a*s.sensitivity,c=i.isBeginning,u=i.isEnd;if(p>=i.minTranslate()&&(p=i.minTranslate()),p<=i.maxTranslate()&&(p=i.maxTranslate()),i.setTransition(0),i.setTranslate(p),i.updateProgress(),i.updateActiveIndex(),i.updateSlidesClasses(),(!c&&i.isBeginning||!u&&i.isEnd)&&i.updateSlidesClasses(),i.params.freeModeSticky){clearTimeout(i.mousewheel.timeout),i.mousewheel.timeout=void 0;var v=i.mousewheel.recentWheelEvents;v.length>=15&&v.shift();var f=v.length?v[v.length-1]:void 0,m=v[0];if(v.push(l),f&&(l.delta>f.delta||l.direction!==f.direction))v.splice(0);else if(v.length>=15&&l.time-m.time<500&&m.delta-l.delta>=1&&l.delta<=6){var g=a>0?.8:.2;i.mousewheel.lastEventBeforeSnap=l,v.splice(0),i.mousewheel.timeout=n.nextTick((function(){i.slideToClosest(i.params.speed,!0,void 0,g)}),0)}i.mousewheel.timeout||(i.mousewheel.timeout=n.nextTick((function(){i.mousewheel.lastEventBeforeSnap=l,v.splice(0),i.slideToClosest(i.params.speed,!0,void 0,.5)}),500))}if(h||i.emit("scroll",t),i.params.autoplay&&i.params.autoplayDisableOnInteraction&&i.autoplay.stop(),p===i.minTranslate()||p===i.maxTranslate())return!0}}else{var b={time:n.now(),delta:Math.abs(a),direction:Math.sign(a),raw:e},w=i.mousewheel.recentWheelEvents;w.length>=2&&w.shift();var y=w.length?w[w.length-1]:void 0;if(w.push(b),y?(b.direction!==y.direction||b.delta>y.delta)&&i.mousewheel.animateSlider(b):i.mousewheel.animateSlider(b),i.mousewheel.releaseScroll(b))return!0}return t.preventDefault?t.preventDefault():t.returnValue=!1,!1},animateSlider:function(e){return e.delta>=6&&n.now()-this.mousewheel.lastScrollTime<60||(e.direction<0?this.isEnd&&!this.params.loop||this.animating||(this.slideNext(),this.emit("scroll",e.raw)):this.isBeginning&&!this.params.loop||this.animating||(this.slidePrev(),this.emit("scroll",e.raw)),this.mousewheel.lastScrollTime=(new t.Date).getTime(),!1)},releaseScroll:function(e){var t=this.params.mousewheel;if(e.direction<0){if(this.isEnd&&!this.params.loop&&t.releaseOnEdges)return!0}else if(this.isBeginning&&!this.params.loop&&t.releaseOnEdges)return!0;return!1},enable:function(){var e=ie.event();if(this.params.cssMode)return this.wrapperEl.removeEventListener(e,this.mousewheel.handle),!0;if(!e)return!1;if(this.mousewheel.enabled)return!1;var t=this.$el;return"container"!==this.params.mousewheel.eventsTarged&&(t=s(this.params.mousewheel.eventsTarged)),t.on("mouseenter",this.mousewheel.handleMouseEnter),t.on("mouseleave",this.mousewheel.handleMouseLeave),t.on(e,this.mousewheel.handle),this.mousewheel.enabled=!0,!0},disable:function(){var e=ie.event();if(this.params.cssMode)return this.wrapperEl.addEventListener(e,this.mousewheel.handle),!0;if(!e)return!1;if(!this.mousewheel.enabled)return!1;var t=this.$el;return"container"!==this.params.mousewheel.eventsTarged&&(t=s(this.params.mousewheel.eventsTarged)),t.off(e,this.mousewheel.handle),this.mousewheel.enabled=!1,!0}},se={update:function(){var e=this.params.navigation;if(!this.params.loop){var t=this.navigation,i=t.$nextEl,s=t.$prevEl;s&&s.length>0&&(this.isBeginning?s.addClass(e.disabledClass):s.removeClass(e.disabledClass),s[this.params.watchOverflow&&this.isLocked?"addClass":"removeClass"](e.lockClass)),i&&i.length>0&&(this.isEnd?i.addClass(e.disabledClass):i.removeClass(e.disabledClass),i[this.params.watchOverflow&&this.isLocked?"addClass":"removeClass"](e.lockClass))}},onPrevClick:function(e){e.preventDefault(),this.isBeginning&&!this.params.loop||this.slidePrev()},onNextClick:function(e){e.preventDefault(),this.isEnd&&!this.params.loop||this.slideNext()},init:function(){var e,t,i=this.params.navigation;(i.nextEl||i.prevEl)&&(i.nextEl&&(e=s(i.nextEl),this.params.uniqueNavElements&&"string"==typeof i.nextEl&&e.length>1&&1===this.$el.find(i.nextEl).length&&(e=this.$el.find(i.nextEl))),i.prevEl&&(t=s(i.prevEl),this.params.uniqueNavElements&&"string"==typeof i.prevEl&&t.length>1&&1===this.$el.find(i.prevEl).length&&(t=this.$el.find(i.prevEl))),e&&e.length>0&&e.on("click",this.navigation.onNextClick),t&&t.length>0&&t.on("click",this.navigation.onPrevClick),n.extend(this.navigation,{$nextEl:e,nextEl:e&&e[0],$prevEl:t,prevEl:t&&t[0]}))},destroy:function(){var e=this.navigation,t=e.$nextEl,i=e.$prevEl;t&&t.length&&(t.off("click",this.navigation.onNextClick),t.removeClass(this.params.navigation.disabledClass)),i&&i.length&&(i.off("click",this.navigation.onPrevClick),i.removeClass(this.params.navigation.disabledClass))}},ae={update:function(){var e=this.rtl,t=this.params.pagination;if(t.el&&this.pagination.el&&this.pagination.$el&&0!==this.pagination.$el.length){var i,a=this.virtual&&this.params.virtual.enabled?this.virtual.slides.length:this.slides.length,r=this.pagination.$el,n=this.params.loop?Math.ceil((a-2*this.loopedSlides)/this.params.slidesPerGroup):this.snapGrid.length;if(this.params.loop?((i=Math.ceil((this.activeIndex-this.loopedSlides)/this.params.slidesPerGroup))>a-1-2*this.loopedSlides&&(i-=a-2*this.loopedSlides),i>n-1&&(i-=n),i<0&&"bullets"!==this.params.paginationType&&(i=n+i)):i=void 0!==this.snapIndex?this.snapIndex:this.activeIndex||0,"bullets"===t.type&&this.pagination.bullets&&this.pagination.bullets.length>0){var o,l,d,h=this.pagination.bullets;if(t.dynamicBullets&&(this.pagination.bulletSize=h.eq(0)[this.isHorizontal()?"outerWidth":"outerHeight"](!0),r.css(this.isHorizontal()?"width":"height",this.pagination.bulletSize*(t.dynamicMainBullets+4)+"px"),t.dynamicMainBullets>1&&void 0!==this.previousIndex&&(this.pagination.dynamicBulletIndex+=i-this.previousIndex,this.pagination.dynamicBulletIndex>t.dynamicMainBullets-1?this.pagination.dynamicBulletIndex=t.dynamicMainBullets-1:this.pagination.dynamicBulletIndex<0&&(this.pagination.dynamicBulletIndex=0)),o=i-this.pagination.dynamicBulletIndex,d=((l=o+(Math.min(h.length,t.dynamicMainBullets)-1))+o)/2),h.removeClass(t.bulletActiveClass+" "+t.bulletActiveClass+"-next "+t.bulletActiveClass+"-next-next "+t.bulletActiveClass+"-prev "+t.bulletActiveClass+"-prev-prev "+t.bulletActiveClass+"-main"),r.length>1)h.each((function(e,a){var r=s(a),n=r.index();n===i&&r.addClass(t.bulletActiveClass),t.dynamicBullets&&(n>=o&&n<=l&&r.addClass(t.bulletActiveClass+"-main"),n===o&&r.prev().addClass(t.bulletActiveClass+"-prev").prev().addClass(t.bulletActiveClass+"-prev-prev"),n===l&&r.next().addClass(t.bulletActiveClass+"-next").next().addClass(t.bulletActiveClass+"-next-next"))}));else{var p=h.eq(i),c=p.index();if(p.addClass(t.bulletActiveClass),t.dynamicBullets){for(var u=h.eq(o),v=h.eq(l),f=o;f<=l;f+=1)h.eq(f).addClass(t.bulletActiveClass+"-main");if(this.params.loop)if(c>=h.length-t.dynamicMainBullets){for(var m=t.dynamicMainBullets;m>=0;m-=1)h.eq(h.length-m).addClass(t.bulletActiveClass+"-main");h.eq(h.length-t.dynamicMainBullets-1).addClass(t.bulletActiveClass+"-prev")}else u.prev().addClass(t.bulletActiveClass+"-prev").prev().addClass(t.bulletActiveClass+"-prev-prev"),v.next().addClass(t.bulletActiveClass+"-next").next().addClass(t.bulletActiveClass+"-next-next");else u.prev().addClass(t.bulletActiveClass+"-prev").prev().addClass(t.bulletActiveClass+"-prev-prev"),v.next().addClass(t.bulletActiveClass+"-next").next().addClass(t.bulletActiveClass+"-next-next")}}if(t.dynamicBullets){var g=Math.min(h.length,t.dynamicMainBullets+4),b=(this.pagination.bulletSize*g-this.pagination.bulletSize)/2-d*this.pagination.bulletSize,w=e?"right":"left";h.css(this.isHorizontal()?w:"top",b+"px")}}if("fraction"===t.type&&(r.find("."+t.currentClass).text(t.formatFractionCurrent(i+1)),r.find("."+t.totalClass).text(t.formatFractionTotal(n))),"progressbar"===t.type){var y;y=t.progressbarOpposite?this.isHorizontal()?"vertical":"horizontal":this.isHorizontal()?"horizontal":"vertical";var x=(i+1)/n,T=1,E=1;"horizontal"===y?T=x:E=x,r.find("."+t.progressbarFillClass).transform("translate3d(0,0,0) scaleX("+T+") scaleY("+E+")").transition(this.params.speed)}"custom"===t.type&&t.renderCustom?(r.html(t.renderCustom(this,i+1,n)),this.emit("paginationRender",this,r[0])):this.emit("paginationUpdate",this,r[0]),r[this.params.watchOverflow&&this.isLocked?"addClass":"removeClass"](t.lockClass)}},render:function(){var e=this.params.pagination;if(e.el&&this.pagination.el&&this.pagination.$el&&0!==this.pagination.$el.length){var t=this.virtual&&this.params.virtual.enabled?this.virtual.slides.length:this.slides.length,i=this.pagination.$el,s="";if("bullets"===e.type){for(var a=this.params.loop?Math.ceil((t-2*this.loopedSlides)/this.params.slidesPerGroup):this.snapGrid.length,r=0;r<a;r+=1)e.renderBullet?s+=e.renderBullet.call(this,r,e.bulletClass):s+="<"+e.bulletElement+' class="'+e.bulletClass+'"></'+e.bulletElement+">";i.html(s),this.pagination.bullets=i.find("."+e.bulletClass)}"fraction"===e.type&&(s=e.renderFraction?e.renderFraction.call(this,e.currentClass,e.totalClass):'<span class="'+e.currentClass+'"></span> / <span class="'+e.totalClass+'"></span>',i.html(s)),"progressbar"===e.type&&(s=e.renderProgressbar?e.renderProgressbar.call(this,e.progressbarFillClass):'<span class="'+e.progressbarFillClass+'"></span>',i.html(s)),"custom"!==e.type&&this.emit("paginationRender",this.pagination.$el[0])}},init:function(){var e=this,t=e.params.pagination;if(t.el){var i=s(t.el);0!==i.length&&(e.params.uniqueNavElements&&"string"==typeof t.el&&i.length>1&&1===e.$el.find(t.el).length&&(i=e.$el.find(t.el)),"bullets"===t.type&&t.clickable&&i.addClass(t.clickableClass),i.addClass(t.modifierClass+t.type),"bullets"===t.type&&t.dynamicBullets&&(i.addClass(""+t.modifierClass+t.type+"-dynamic"),e.pagination.dynamicBulletIndex=0,t.dynamicMainBullets<1&&(t.dynamicMainBullets=1)),"progressbar"===t.type&&t.progressbarOpposite&&i.addClass(t.progressbarOppositeClass),t.clickable&&i.on("click","."+t.bulletClass,(function(t){t.preventDefault();var i=s(this).index()*e.params.slidesPerGroup;e.params.loop&&(i+=e.loopedSlides),e.slideTo(i)})),n.extend(e.pagination,{$el:i,el:i[0]}))}},destroy:function(){var e=this.params.pagination;if(e.el&&this.pagination.el&&this.pagination.$el&&0!==this.pagination.$el.length){var t=this.pagination.$el;t.removeClass(e.hiddenClass),t.removeClass(e.modifierClass+e.type),this.pagination.bullets&&this.pagination.bullets.removeClass(e.bulletActiveClass),e.clickable&&t.off("click","."+e.bulletClass)}}},re={setTranslate:function(){if(this.params.scrollbar.el&&this.scrollbar.el){var e=this.scrollbar,t=this.rtlTranslate,i=this.progress,s=e.dragSize,a=e.trackSize,r=e.$dragEl,n=e.$el,o=this.params.scrollbar,l=s,d=(a-s)*i;t?(d=-d)>0?(l=s-d,d=0):-d+s>a&&(l=a+d):d<0?(l=s+d,d=0):d+s>a&&(l=a-d),this.isHorizontal()?(r.transform("translate3d("+d+"px, 0, 0)"),r[0].style.width=l+"px"):(r.transform("translate3d(0px, "+d+"px, 0)"),r[0].style.height=l+"px"),o.hide&&(clearTimeout(this.scrollbar.timeout),n[0].style.opacity=1,this.scrollbar.timeout=setTimeout((function(){n[0].style.opacity=0,n.transition(400)}),1e3))}},setTransition:function(e){this.params.scrollbar.el&&this.scrollbar.el&&this.scrollbar.$dragEl.transition(e)},updateSize:function(){if(this.params.scrollbar.el&&this.scrollbar.el){var e=this.scrollbar,t=e.$dragEl,i=e.$el;t[0].style.width="",t[0].style.height="";var s,a=this.isHorizontal()?i[0].offsetWidth:i[0].offsetHeight,r=this.size/(this.size*this.snapGrid.length),o=r*(a/this.size);s="auto"===this.params.scrollbar.dragSize?a*r:parseInt(this.params.scrollbar.dragSize,10),this.isHorizontal()?t[0].style.width=s+"px":t[0].style.height=s+"px",i[0].style.display=r>=1?"none":"",this.params.scrollbar.hide&&(i[0].style.opacity=0),n.extend(e,{trackSize:a,divider:r,moveDivider:o,dragSize:s}),e.$el[this.params.watchOverflow&&this.isLocked?"addClass":"removeClass"](this.params.scrollbar.lockClass)}},getPointerPosition:function(e){return this.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY},setDragPosition:function(e){var t,i=this.scrollbar,s=this.rtlTranslate,a=i.$el,r=i.dragSize,n=i.trackSize,o=i.dragStartPos;t=(i.getPointerPosition(e)-a.offset()[this.isHorizontal()?"left":"top"]-(null!==o?o:r/2))/(n-r),t=Math.max(Math.min(t,1),0),s&&(t=1-t);var l=this.minTranslate()+(this.maxTranslate()-this.minTranslate())*t;this.updateProgress(l),this.setTranslate(l),this.updateActiveIndex(),this.updateSlidesClasses()},onDragStart:function(e){var t=this.params.scrollbar,i=this.scrollbar,s=this.$wrapperEl,a=i.$el,r=i.$dragEl;this.scrollbar.isTouched=!0,this.scrollbar.dragStartPos=e.target===r[0]||e.target===r?i.getPointerPosition(e)-e.target.getBoundingClientRect()[this.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),s.transition(100),r.transition(100),i.setDragPosition(e),clearTimeout(this.scrollbar.dragTimeout),a.transition(0),t.hide&&a.css("opacity",1),this.params.cssMode&&this.$wrapperEl.css("scroll-snap-type","none"),this.emit("scrollbarDragStart",e)},onDragMove:function(e){var t=this.scrollbar,i=this.$wrapperEl,s=t.$el,a=t.$dragEl;this.scrollbar.isTouched&&(e.preventDefault?e.preventDefault():e.returnValue=!1,t.setDragPosition(e),i.transition(0),s.transition(0),a.transition(0),this.emit("scrollbarDragMove",e))},onDragEnd:function(e){var t=this.params.scrollbar,i=this.scrollbar,s=this.$wrapperEl,a=i.$el;this.scrollbar.isTouched&&(this.scrollbar.isTouched=!1,this.params.cssMode&&(this.$wrapperEl.css("scroll-snap-type",""),s.transition("")),t.hide&&(clearTimeout(this.scrollbar.dragTimeout),this.scrollbar.dragTimeout=n.nextTick((function(){a.css("opacity",0),a.transition(400)}),1e3)),this.emit("scrollbarDragEnd",e),t.snapOnRelease&&this.slideToClosest())},enableDraggable:function(){if(this.params.scrollbar.el){var t=this.scrollbar,i=this.touchEventsTouch,s=this.touchEventsDesktop,a=this.params,r=t.$el[0],n=!(!o.passiveListener||!a.passiveListeners)&&{passive:!1,capture:!1},l=!(!o.passiveListener||!a.passiveListeners)&&{passive:!0,capture:!1};o.touch?(r.addEventListener(i.start,this.scrollbar.onDragStart,n),r.addEventListener(i.move,this.scrollbar.onDragMove,n),r.addEventListener(i.end,this.scrollbar.onDragEnd,l)):(r.addEventListener(s.start,this.scrollbar.onDragStart,n),e.addEventListener(s.move,this.scrollbar.onDragMove,n),e.addEventListener(s.end,this.scrollbar.onDragEnd,l))}},disableDraggable:function(){if(this.params.scrollbar.el){var t=this.scrollbar,i=this.touchEventsTouch,s=this.touchEventsDesktop,a=this.params,r=t.$el[0],n=!(!o.passiveListener||!a.passiveListeners)&&{passive:!1,capture:!1},l=!(!o.passiveListener||!a.passiveListeners)&&{passive:!0,capture:!1};o.touch?(r.removeEventListener(i.start,this.scrollbar.onDragStart,n),r.removeEventListener(i.move,this.scrollbar.onDragMove,n),r.removeEventListener(i.end,this.scrollbar.onDragEnd,l)):(r.removeEventListener(s.start,this.scrollbar.onDragStart,n),e.removeEventListener(s.move,this.scrollbar.onDragMove,n),e.removeEventListener(s.end,this.scrollbar.onDragEnd,l))}},init:function(){if(this.params.scrollbar.el){var e=this.scrollbar,t=this.$el,i=this.params.scrollbar,a=s(i.el);this.params.uniqueNavElements&&"string"==typeof i.el&&a.length>1&&1===t.find(i.el).length&&(a=t.find(i.el));var r=a.find("."+this.params.scrollbar.dragClass);0===r.length&&(r=s('<div class="'+this.params.scrollbar.dragClass+'"></div>'),a.append(r)),n.extend(e,{$el:a,el:a[0],$dragEl:r,dragEl:r[0]}),i.draggable&&e.enableDraggable()}},destroy:function(){this.scrollbar.disableDraggable()}},ne={setTransform:function(e,t){var i=this.rtl,a=s(e),r=i?-1:1,n=a.attr("data-swiper-parallax")||"0",o=a.attr("data-swiper-parallax-x"),l=a.attr("data-swiper-parallax-y"),d=a.attr("data-swiper-parallax-scale"),h=a.attr("data-swiper-parallax-opacity");if(o||l?(o=o||"0",l=l||"0"):this.isHorizontal()?(o=n,l="0"):(l=n,o="0"),o=o.indexOf("%")>=0?parseInt(o,10)*t*r+"%":o*t*r+"px",l=l.indexOf("%")>=0?parseInt(l,10)*t+"%":l*t+"px",null!=h){var p=h-(h-1)*(1-Math.abs(t));a[0].style.opacity=p}if(null==d)a.transform("translate3d("+o+", "+l+", 0px)");else{var c=d-(d-1)*(1-Math.abs(t));a.transform("translate3d("+o+", "+l+", 0px) scale("+c+")")}},setTranslate:function(){var e=this,t=e.$el,i=e.slides,a=e.progress,r=e.snapGrid;t.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t,i){e.parallax.setTransform(i,a)})),i.each((function(t,i){var n=i.progress;e.params.slidesPerGroup>1&&"auto"!==e.params.slidesPerView&&(n+=Math.ceil(t/2)-a*(r.length-1)),n=Math.min(Math.max(n,-1),1),s(i).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t,i){e.parallax.setTransform(i,n)}))}))},setTransition:function(e){void 0===e&&(e=this.params.speed);this.$el.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((function(t,i){var a=s(i),r=parseInt(a.attr("data-swiper-parallax-duration"),10)||e;0===e&&(r=0),a.transition(r)}))}},oe={getDistanceBetweenTouches:function(e){if(e.targetTouches.length<2)return 1;var t=e.targetTouches[0].pageX,i=e.targetTouches[0].pageY,s=e.targetTouches[1].pageX,a=e.targetTouches[1].pageY;return Math.sqrt(Math.pow(s-t,2)+Math.pow(a-i,2))},onGestureStart:function(e){var t=this.params.zoom,i=this.zoom,a=i.gesture;if(i.fakeGestureTouched=!1,i.fakeGestureMoved=!1,!o.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;i.fakeGestureTouched=!0,a.scaleStart=oe.getDistanceBetweenTouches(e)}a.$slideEl&&a.$slideEl.length||(a.$slideEl=s(e.target).closest(".swiper-slide"),0===a.$slideEl.length&&(a.$slideEl=this.slides.eq(this.activeIndex)),a.$imageEl=a.$slideEl.find("img, svg, canvas"),a.$imageWrapEl=a.$imageEl.parent("."+t.containerClass),a.maxRatio=a.$imageWrapEl.attr("data-swiper-zoom")||t.maxRatio,0!==a.$imageWrapEl.length)?(a.$imageEl.transition(0),this.zoom.isScaling=!0):a.$imageEl=void 0},onGestureChange:function(e){var t=this.params.zoom,i=this.zoom,s=i.gesture;if(!o.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;i.fakeGestureMoved=!0,s.scaleMove=oe.getDistanceBetweenTouches(e)}s.$imageEl&&0!==s.$imageEl.length&&(o.gestures?i.scale=e.scale*i.currentScale:i.scale=s.scaleMove/s.scaleStart*i.currentScale,i.scale>s.maxRatio&&(i.scale=s.maxRatio-1+Math.pow(i.scale-s.maxRatio+1,.5)),i.scale<t.minRatio&&(i.scale=t.minRatio+1-Math.pow(t.minRatio-i.scale+1,.5)),s.$imageEl.transform("translate3d(0,0,0) scale("+i.scale+")"))},onGestureEnd:function(e){var t=this.params.zoom,i=this.zoom,s=i.gesture;if(!o.gestures){if(!i.fakeGestureTouched||!i.fakeGestureMoved)return;if("touchend"!==e.type||"touchend"===e.type&&e.changedTouches.length<2&&!I.android)return;i.fakeGestureTouched=!1,i.fakeGestureMoved=!1}s.$imageEl&&0!==s.$imageEl.length&&(i.scale=Math.max(Math.min(i.scale,s.maxRatio),t.minRatio),s.$imageEl.transition(this.params.speed).transform("translate3d(0,0,0) scale("+i.scale+")"),i.currentScale=i.scale,i.isScaling=!1,1===i.scale&&(s.$slideEl=void 0))},onTouchStart:function(e){var t=this.zoom,i=t.gesture,s=t.image;i.$imageEl&&0!==i.$imageEl.length&&(s.isTouched||(I.android&&e.preventDefault(),s.isTouched=!0,s.touchesStart.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,s.touchesStart.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY))},onTouchMove:function(e){var t=this.zoom,i=t.gesture,s=t.image,a=t.velocity;if(i.$imageEl&&0!==i.$imageEl.length&&(this.allowClick=!1,s.isTouched&&i.$slideEl)){s.isMoved||(s.width=i.$imageEl[0].offsetWidth,s.height=i.$imageEl[0].offsetHeight,s.startX=n.getTranslate(i.$imageWrapEl[0],"x")||0,s.startY=n.getTranslate(i.$imageWrapEl[0],"y")||0,i.slideWidth=i.$slideEl[0].offsetWidth,i.slideHeight=i.$slideEl[0].offsetHeight,i.$imageWrapEl.transition(0),this.rtl&&(s.startX=-s.startX,s.startY=-s.startY));var r=s.width*t.scale,o=s.height*t.scale;if(!(r<i.slideWidth&&o<i.slideHeight)){if(s.minX=Math.min(i.slideWidth/2-r/2,0),s.maxX=-s.minX,s.minY=Math.min(i.slideHeight/2-o/2,0),s.maxY=-s.minY,s.touchesCurrent.x="touchmove"===e.type?e.targetTouches[0].pageX:e.pageX,s.touchesCurrent.y="touchmove"===e.type?e.targetTouches[0].pageY:e.pageY,!s.isMoved&&!t.isScaling){if(this.isHorizontal()&&(Math.floor(s.minX)===Math.floor(s.startX)&&s.touchesCurrent.x<s.touchesStart.x||Math.floor(s.maxX)===Math.floor(s.startX)&&s.touchesCurrent.x>s.touchesStart.x))return void(s.isTouched=!1);if(!this.isHorizontal()&&(Math.floor(s.minY)===Math.floor(s.startY)&&s.touchesCurrent.y<s.touchesStart.y||Math.floor(s.maxY)===Math.floor(s.startY)&&s.touchesCurrent.y>s.touchesStart.y))return void(s.isTouched=!1)}e.preventDefault(),e.stopPropagation(),s.isMoved=!0,s.currentX=s.touchesCurrent.x-s.touchesStart.x+s.startX,s.currentY=s.touchesCurrent.y-s.touchesStart.y+s.startY,s.currentX<s.minX&&(s.currentX=s.minX+1-Math.pow(s.minX-s.currentX+1,.8)),s.currentX>s.maxX&&(s.currentX=s.maxX-1+Math.pow(s.currentX-s.maxX+1,.8)),s.currentY<s.minY&&(s.currentY=s.minY+1-Math.pow(s.minY-s.currentY+1,.8)),s.currentY>s.maxY&&(s.currentY=s.maxY-1+Math.pow(s.currentY-s.maxY+1,.8)),a.prevPositionX||(a.prevPositionX=s.touchesCurrent.x),a.prevPositionY||(a.prevPositionY=s.touchesCurrent.y),a.prevTime||(a.prevTime=Date.now()),a.x=(s.touchesCurrent.x-a.prevPositionX)/(Date.now()-a.prevTime)/2,a.y=(s.touchesCurrent.y-a.prevPositionY)/(Date.now()-a.prevTime)/2,Math.abs(s.touchesCurrent.x-a.prevPositionX)<2&&(a.x=0),Math.abs(s.touchesCurrent.y-a.prevPositionY)<2&&(a.y=0),a.prevPositionX=s.touchesCurrent.x,a.prevPositionY=s.touchesCurrent.y,a.prevTime=Date.now(),i.$imageWrapEl.transform("translate3d("+s.currentX+"px, "+s.currentY+"px,0)")}}},onTouchEnd:function(){var e=this.zoom,t=e.gesture,i=e.image,s=e.velocity;if(t.$imageEl&&0!==t.$imageEl.length){if(!i.isTouched||!i.isMoved)return i.isTouched=!1,void(i.isMoved=!1);i.isTouched=!1,i.isMoved=!1;var a=300,r=300,n=s.x*a,o=i.currentX+n,l=s.y*r,d=i.currentY+l;0!==s.x&&(a=Math.abs((o-i.currentX)/s.x)),0!==s.y&&(r=Math.abs((d-i.currentY)/s.y));var h=Math.max(a,r);i.currentX=o,i.currentY=d;var p=i.width*e.scale,c=i.height*e.scale;i.minX=Math.min(t.slideWidth/2-p/2,0),i.maxX=-i.minX,i.minY=Math.min(t.slideHeight/2-c/2,0),i.maxY=-i.minY,i.currentX=Math.max(Math.min(i.currentX,i.maxX),i.minX),i.currentY=Math.max(Math.min(i.currentY,i.maxY),i.minY),t.$imageWrapEl.transition(h).transform("translate3d("+i.currentX+"px, "+i.currentY+"px,0)")}},onTransitionEnd:function(){var e=this.zoom,t=e.gesture;t.$slideEl&&this.previousIndex!==this.activeIndex&&(t.$imageEl.transform("translate3d(0,0,0) scale(1)"),t.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,e.currentScale=1,t.$slideEl=void 0,t.$imageEl=void 0,t.$imageWrapEl=void 0)},toggle:function(e){var t=this.zoom;t.scale&&1!==t.scale?t.out():t.in(e)},in:function(e){var t,i,a,r,n,o,l,d,h,p,c,u,v,f,m,g,b=this.zoom,w=this.params.zoom,y=b.gesture,x=b.image;(y.$slideEl||(y.$slideEl=this.clickedSlide?s(this.clickedSlide):this.slides.eq(this.activeIndex),y.$imageEl=y.$slideEl.find("img, svg, canvas"),y.$imageWrapEl=y.$imageEl.parent("."+w.containerClass)),y.$imageEl&&0!==y.$imageEl.length)&&(y.$slideEl.addClass(""+w.zoomedSlideClass),void 0===x.touchesStart.x&&e?(t="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,i="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(t=x.touchesStart.x,i=x.touchesStart.y),b.scale=y.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,b.currentScale=y.$imageWrapEl.attr("data-swiper-zoom")||w.maxRatio,e?(m=y.$slideEl[0].offsetWidth,g=y.$slideEl[0].offsetHeight,a=y.$slideEl.offset().left+m/2-t,r=y.$slideEl.offset().top+g/2-i,l=y.$imageEl[0].offsetWidth,d=y.$imageEl[0].offsetHeight,h=l*b.scale,p=d*b.scale,v=-(c=Math.min(m/2-h/2,0)),f=-(u=Math.min(g/2-p/2,0)),(n=a*b.scale)<c&&(n=c),n>v&&(n=v),(o=r*b.scale)<u&&(o=u),o>f&&(o=f)):(n=0,o=0),y.$imageWrapEl.transition(300).transform("translate3d("+n+"px, "+o+"px,0)"),y.$imageEl.transition(300).transform("translate3d(0,0,0) scale("+b.scale+")"))},out:function(){var e=this.zoom,t=this.params.zoom,i=e.gesture;i.$slideEl||(i.$slideEl=this.clickedSlide?s(this.clickedSlide):this.slides.eq(this.activeIndex),i.$imageEl=i.$slideEl.find("img, svg, canvas"),i.$imageWrapEl=i.$imageEl.parent("."+t.containerClass)),i.$imageEl&&0!==i.$imageEl.length&&(e.scale=1,e.currentScale=1,i.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),i.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),i.$slideEl.removeClass(""+t.zoomedSlideClass),i.$slideEl=void 0)},enable:function(){var e=this.zoom;if(!e.enabled){e.enabled=!0;var t=!("touchstart"!==this.touchEvents.start||!o.passiveListener||!this.params.passiveListeners)&&{passive:!0,capture:!1},i=!o.passiveListener||{passive:!1,capture:!0};o.gestures?(this.$wrapperEl.on("gesturestart",".swiper-slide",e.onGestureStart,t),this.$wrapperEl.on("gesturechange",".swiper-slide",e.onGestureChange,t),this.$wrapperEl.on("gestureend",".swiper-slide",e.onGestureEnd,t)):"touchstart"===this.touchEvents.start&&(this.$wrapperEl.on(this.touchEvents.start,".swiper-slide",e.onGestureStart,t),this.$wrapperEl.on(this.touchEvents.move,".swiper-slide",e.onGestureChange,i),this.$wrapperEl.on(this.touchEvents.end,".swiper-slide",e.onGestureEnd,t),this.touchEvents.cancel&&this.$wrapperEl.on(this.touchEvents.cancel,".swiper-slide",e.onGestureEnd,t)),this.$wrapperEl.on(this.touchEvents.move,"."+this.params.zoom.containerClass,e.onTouchMove,i)}},disable:function(){var e=this.zoom;if(e.enabled){this.zoom.enabled=!1;var t=!("touchstart"!==this.touchEvents.start||!o.passiveListener||!this.params.passiveListeners)&&{passive:!0,capture:!1},i=!o.passiveListener||{passive:!1,capture:!0};o.gestures?(this.$wrapperEl.off("gesturestart",".swiper-slide",e.onGestureStart,t),this.$wrapperEl.off("gesturechange",".swiper-slide",e.onGestureChange,t),this.$wrapperEl.off("gestureend",".swiper-slide",e.onGestureEnd,t)):"touchstart"===this.touchEvents.start&&(this.$wrapperEl.off(this.touchEvents.start,".swiper-slide",e.onGestureStart,t),this.$wrapperEl.off(this.touchEvents.move,".swiper-slide",e.onGestureChange,i),this.$wrapperEl.off(this.touchEvents.end,".swiper-slide",e.onGestureEnd,t),this.touchEvents.cancel&&this.$wrapperEl.off(this.touchEvents.cancel,".swiper-slide",e.onGestureEnd,t)),this.$wrapperEl.off(this.touchEvents.move,"."+this.params.zoom.containerClass,e.onTouchMove,i)}}},le={loadInSlide:function(e,t){void 0===t&&(t=!0);var i=this,a=i.params.lazy;if(void 0!==e&&0!==i.slides.length){var r=i.virtual&&i.params.virtual.enabled?i.$wrapperEl.children("."+i.params.slideClass+'[data-swiper-slide-index="'+e+'"]'):i.slides.eq(e),n=r.find("."+a.elementClass+":not(."+a.loadedClass+"):not(."+a.loadingClass+")");!r.hasClass(a.elementClass)||r.hasClass(a.loadedClass)||r.hasClass(a.loadingClass)||(n=n.add(r[0])),0!==n.length&&n.each((function(e,n){var o=s(n);o.addClass(a.loadingClass);var l=o.attr("data-background"),d=o.attr("data-src"),h=o.attr("data-srcset"),p=o.attr("data-sizes");i.loadImage(o[0],d||l,h,p,!1,(function(){if(null!=i&&i&&(!i||i.params)&&!i.destroyed){if(l?(o.css("background-image",'url("'+l+'")'),o.removeAttr("data-background")):(h&&(o.attr("srcset",h),o.removeAttr("data-srcset")),p&&(o.attr("sizes",p),o.removeAttr("data-sizes")),d&&(o.attr("src",d),o.removeAttr("data-src"))),o.addClass(a.loadedClass).removeClass(a.loadingClass),r.find("."+a.preloaderClass).remove(),i.params.loop&&t){var e=r.attr("data-swiper-slide-index");if(r.hasClass(i.params.slideDuplicateClass)){var s=i.$wrapperEl.children('[data-swiper-slide-index="'+e+'"]:not(.'+i.params.slideDuplicateClass+")");i.lazy.loadInSlide(s.index(),!1)}else{var n=i.$wrapperEl.children("."+i.params.slideDuplicateClass+'[data-swiper-slide-index="'+e+'"]');i.lazy.loadInSlide(n.index(),!1)}}i.emit("lazyImageReady",r[0],o[0])}})),i.emit("lazyImageLoad",r[0],o[0])}))}},load:function(){var e=this,t=e.$wrapperEl,i=e.params,a=e.slides,r=e.activeIndex,n=e.virtual&&i.virtual.enabled,o=i.lazy,l=i.slidesPerView;function d(e){if(n){if(t.children("."+i.slideClass+'[data-swiper-slide-index="'+e+'"]').length)return!0}else if(a[e])return!0;return!1}function h(e){return n?s(e).attr("data-swiper-slide-index"):s(e).index()}if("auto"===l&&(l=0),e.lazy.initialImageLoaded||(e.lazy.initialImageLoaded=!0),e.params.watchSlidesVisibility)t.children("."+i.slideVisibleClass).each((function(t,i){var a=n?s(i).attr("data-swiper-slide-index"):s(i).index();e.lazy.loadInSlide(a)}));else if(l>1)for(var p=r;p<r+l;p+=1)d(p)&&e.lazy.loadInSlide(p);else e.lazy.loadInSlide(r);if(o.loadPrevNext)if(l>1||o.loadPrevNextAmount&&o.loadPrevNextAmount>1){for(var c=o.loadPrevNextAmount,u=l,v=Math.min(r+u+Math.max(c,u),a.length),f=Math.max(r-Math.max(u,c),0),m=r+l;m<v;m+=1)d(m)&&e.lazy.loadInSlide(m);for(var g=f;g<r;g+=1)d(g)&&e.lazy.loadInSlide(g)}else{var b=t.children("."+i.slideNextClass);b.length>0&&e.lazy.loadInSlide(h(b));var w=t.children("."+i.slidePrevClass);w.length>0&&e.lazy.loadInSlide(h(w))}}},de={LinearSpline:function(e,t){var i,s,a,r,n,o=function(e,t){for(s=-1,i=e.length;i-s>1;)e[a=i+s>>1]<=t?s=a:i=a;return i};return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(n=o(this.x,e),r=n-1,(e-this.x[r])*(this.y[n]-this.y[r])/(this.x[n]-this.x[r])+this.y[r]):0},this},getInterpolateFunction:function(e){this.controller.spline||(this.controller.spline=this.params.loop?new de.LinearSpline(this.slidesGrid,e.slidesGrid):new de.LinearSpline(this.snapGrid,e.snapGrid))},setTranslate:function(e,t){var i,s,a=this,r=a.controller.control;function n(e){var t=a.rtlTranslate?-a.translate:a.translate;"slide"===a.params.controller.by&&(a.controller.getInterpolateFunction(e),s=-a.controller.spline.interpolate(-t)),s&&"container"!==a.params.controller.by||(i=(e.maxTranslate()-e.minTranslate())/(a.maxTranslate()-a.minTranslate()),s=(t-a.minTranslate())*i+e.minTranslate()),a.params.controller.inverse&&(s=e.maxTranslate()-s),e.updateProgress(s),e.setTranslate(s,a),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(r))for(var o=0;o<r.length;o+=1)r[o]!==t&&r[o]instanceof W&&n(r[o]);else r instanceof W&&t!==r&&n(r)},setTransition:function(e,t){var i,s=this,a=s.controller.control;function r(t){t.setTransition(e,s),0!==e&&(t.transitionStart(),t.params.autoHeight&&n.nextTick((function(){t.updateAutoHeight()})),t.$wrapperEl.transitionEnd((function(){a&&(t.params.loop&&"slide"===s.params.controller.by&&t.loopFix(),t.transitionEnd())})))}if(Array.isArray(a))for(i=0;i<a.length;i+=1)a[i]!==t&&a[i]instanceof W&&r(a[i]);else a instanceof W&&t!==a&&r(a)}},he={makeElFocusable:function(e){return e.attr("tabIndex","0"),e},addElRole:function(e,t){return e.attr("role",t),e},addElLabel:function(e,t){return e.attr("aria-label",t),e},disableEl:function(e){return e.attr("aria-disabled",!0),e},enableEl:function(e){return e.attr("aria-disabled",!1),e},onEnterKey:function(e){var t=this.params.a11y;if(13===e.keyCode){var i=s(e.target);this.navigation&&this.navigation.$nextEl&&i.is(this.navigation.$nextEl)&&(this.isEnd&&!this.params.loop||this.slideNext(),this.isEnd?this.a11y.notify(t.lastSlideMessage):this.a11y.notify(t.nextSlideMessage)),this.navigation&&this.navigation.$prevEl&&i.is(this.navigation.$prevEl)&&(this.isBeginning&&!this.params.loop||this.slidePrev(),this.isBeginning?this.a11y.notify(t.firstSlideMessage):this.a11y.notify(t.prevSlideMessage)),this.pagination&&i.is("."+this.params.pagination.bulletClass)&&i[0].click()}},notify:function(e){var t=this.a11y.liveRegion;0!==t.length&&(t.html(""),t.html(e))},updateNavigation:function(){if(!this.params.loop&&this.navigation){var e=this.navigation,t=e.$nextEl,i=e.$prevEl;i&&i.length>0&&(this.isBeginning?this.a11y.disableEl(i):this.a11y.enableEl(i)),t&&t.length>0&&(this.isEnd?this.a11y.disableEl(t):this.a11y.enableEl(t))}},updatePagination:function(){var e=this,t=e.params.a11y;e.pagination&&e.params.pagination.clickable&&e.pagination.bullets&&e.pagination.bullets.length&&e.pagination.bullets.each((function(i,a){var r=s(a);e.a11y.makeElFocusable(r),e.a11y.addElRole(r,"button"),e.a11y.addElLabel(r,t.paginationBulletMessage.replace(/{{index}}/,r.index()+1))}))},init:function(){this.$el.append(this.a11y.liveRegion);var e,t,i=this.params.a11y;this.navigation&&this.navigation.$nextEl&&(e=this.navigation.$nextEl),this.navigation&&this.navigation.$prevEl&&(t=this.navigation.$prevEl),e&&(this.a11y.makeElFocusable(e),this.a11y.addElRole(e,"button"),this.a11y.addElLabel(e,i.nextSlideMessage),e.on("keydown",this.a11y.onEnterKey)),t&&(this.a11y.makeElFocusable(t),this.a11y.addElRole(t,"button"),this.a11y.addElLabel(t,i.prevSlideMessage),t.on("keydown",this.a11y.onEnterKey)),this.pagination&&this.params.pagination.clickable&&this.pagination.bullets&&this.pagination.bullets.length&&this.pagination.$el.on("keydown","."+this.params.pagination.bulletClass,this.a11y.onEnterKey)},destroy:function(){var e,t;this.a11y.liveRegion&&this.a11y.liveRegion.length>0&&this.a11y.liveRegion.remove(),this.navigation&&this.navigation.$nextEl&&(e=this.navigation.$nextEl),this.navigation&&this.navigation.$prevEl&&(t=this.navigation.$prevEl),e&&e.off("keydown",this.a11y.onEnterKey),t&&t.off("keydown",this.a11y.onEnterKey),this.pagination&&this.params.pagination.clickable&&this.pagination.bullets&&this.pagination.bullets.length&&this.pagination.$el.off("keydown","."+this.params.pagination.bulletClass,this.a11y.onEnterKey)}},pe={init:function(){if(this.params.history){if(!t.history||!t.history.pushState)return this.params.history.enabled=!1,void(this.params.hashNavigation.enabled=!0);var e=this.history;e.initialized=!0,e.paths=pe.getPathValues(),(e.paths.key||e.paths.value)&&(e.scrollToSlide(0,e.paths.value,this.params.runCallbacksOnInit),this.params.history.replaceState||t.addEventListener("popstate",this.history.setHistoryPopState))}},destroy:function(){this.params.history.replaceState||t.removeEventListener("popstate",this.history.setHistoryPopState)},setHistoryPopState:function(){this.history.paths=pe.getPathValues(),this.history.scrollToSlide(this.params.speed,this.history.paths.value,!1)},getPathValues:function(){var e=t.location.pathname.slice(1).split("/").filter((function(e){return""!==e})),i=e.length;return{key:e[i-2],value:e[i-1]}},setHistory:function(e,i){if(this.history.initialized&&this.params.history.enabled){var s=this.slides.eq(i),a=pe.slugify(s.attr("data-history"));t.location.pathname.includes(e)||(a=e+"/"+a);var r=t.history.state;r&&r.value===a||(this.params.history.replaceState?t.history.replaceState({value:a},null,a):t.history.pushState({value:a},null,a))}},slugify:function(e){return e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,"")},scrollToSlide:function(e,t,i){if(t)for(var s=0,a=this.slides.length;s<a;s+=1){var r=this.slides.eq(s);if(pe.slugify(r.attr("data-history"))===t&&!r.hasClass(this.params.slideDuplicateClass)){var n=r.index();this.slideTo(n,e,i)}}else this.slideTo(0,e,i)}},ce={onHashCange:function(){var t=e.location.hash.replace("#","");if(t!==this.slides.eq(this.activeIndex).attr("data-hash")){var i=this.$wrapperEl.children("."+this.params.slideClass+'[data-hash="'+t+'"]').index();if(void 0===i)return;this.slideTo(i)}},setHash:function(){if(this.hashNavigation.initialized&&this.params.hashNavigation.enabled)if(this.params.hashNavigation.replaceState&&t.history&&t.history.replaceState)t.history.replaceState(null,null,"#"+this.slides.eq(this.activeIndex).attr("data-hash")||"");else{var i=this.slides.eq(this.activeIndex),s=i.attr("data-hash")||i.attr("data-history");e.location.hash=s||""}},init:function(){if(!(!this.params.hashNavigation.enabled||this.params.history&&this.params.history.enabled)){this.hashNavigation.initialized=!0;var i=e.location.hash.replace("#","");if(i)for(var a=0,r=this.slides.length;a<r;a+=1){var n=this.slides.eq(a);if((n.attr("data-hash")||n.attr("data-history"))===i&&!n.hasClass(this.params.slideDuplicateClass)){var o=n.index();this.slideTo(o,0,this.params.runCallbacksOnInit,!0)}}this.params.hashNavigation.watchState&&s(t).on("hashchange",this.hashNavigation.onHashCange)}},destroy:function(){this.params.hashNavigation.watchState&&s(t).off("hashchange",this.hashNavigation.onHashCange)}},ue={run:function(){var e=this,t=e.slides.eq(e.activeIndex),i=e.params.autoplay.delay;t.attr("data-swiper-autoplay")&&(i=t.attr("data-swiper-autoplay")||e.params.autoplay.delay),clearTimeout(e.autoplay.timeout),e.autoplay.timeout=n.nextTick((function(){e.params.autoplay.reverseDirection?e.params.loop?(e.loopFix(),e.slidePrev(e.params.speed,!0,!0),e.emit("autoplay")):e.isBeginning?e.params.autoplay.stopOnLastSlide?e.autoplay.stop():(e.slideTo(e.slides.length-1,e.params.speed,!0,!0),e.emit("autoplay")):(e.slidePrev(e.params.speed,!0,!0),e.emit("autoplay")):e.params.loop?(e.loopFix(),e.slideNext(e.params.speed,!0,!0),e.emit("autoplay")):e.isEnd?e.params.autoplay.stopOnLastSlide?e.autoplay.stop():(e.slideTo(0,e.params.speed,!0,!0),e.emit("autoplay")):(e.slideNext(e.params.speed,!0,!0),e.emit("autoplay")),e.params.cssMode&&e.autoplay.running&&e.autoplay.run()}),i)},start:function(){return void 0===this.autoplay.timeout&&(!this.autoplay.running&&(this.autoplay.running=!0,this.emit("autoplayStart"),this.autoplay.run(),!0))},stop:function(){return!!this.autoplay.running&&(void 0!==this.autoplay.timeout&&(this.autoplay.timeout&&(clearTimeout(this.autoplay.timeout),this.autoplay.timeout=void 0),this.autoplay.running=!1,this.emit("autoplayStop"),!0))},pause:function(e){this.autoplay.running&&(this.autoplay.paused||(this.autoplay.timeout&&clearTimeout(this.autoplay.timeout),this.autoplay.paused=!0,0!==e&&this.params.autoplay.waitForTransition?(this.$wrapperEl[0].addEventListener("transitionend",this.autoplay.onTransitionEnd),this.$wrapperEl[0].addEventListener("webkitTransitionEnd",this.autoplay.onTransitionEnd)):(this.autoplay.paused=!1,this.autoplay.run())))}},ve={setTranslate:function(){for(var e=this.slides,t=0;t<e.length;t+=1){var i=this.slides.eq(t),s=-i[0].swiperSlideOffset;this.params.virtualTranslate||(s-=this.translate);var a=0;this.isHorizontal()||(a=s,s=0);var r=this.params.fadeEffect.crossFade?Math.max(1-Math.abs(i[0].progress),0):1+Math.min(Math.max(i[0].progress,-1),0);i.css({opacity:r}).transform("translate3d("+s+"px, "+a+"px, 0px)")}},setTransition:function(e){var t=this,i=t.slides,s=t.$wrapperEl;if(i.transition(e),t.params.virtualTranslate&&0!==e){var a=!1;i.transitionEnd((function(){if(!a&&t&&!t.destroyed){a=!0,t.animating=!1;for(var e=["webkitTransitionEnd","transitionend"],i=0;i<e.length;i+=1)s.trigger(e[i])}}))}}},fe={setTranslate:function(){var e,t=this.$el,i=this.$wrapperEl,a=this.slides,r=this.width,n=this.height,o=this.rtlTranslate,l=this.size,d=this.params.cubeEffect,h=this.isHorizontal(),p=this.virtual&&this.params.virtual.enabled,c=0;d.shadow&&(h?(0===(e=i.find(".swiper-cube-shadow")).length&&(e=s('<div class="swiper-cube-shadow"></div>'),i.append(e)),e.css({height:r+"px"})):0===(e=t.find(".swiper-cube-shadow")).length&&(e=s('<div class="swiper-cube-shadow"></div>'),t.append(e)));for(var u=0;u<a.length;u+=1){var v=a.eq(u),f=u;p&&(f=parseInt(v.attr("data-swiper-slide-index"),10));var m=90*f,g=Math.floor(m/360);o&&(m=-m,g=Math.floor(-m/360));var b=Math.max(Math.min(v[0].progress,1),-1),w=0,y=0,x=0;f%4==0?(w=4*-g*l,x=0):(f-1)%4==0?(w=0,x=4*-g*l):(f-2)%4==0?(w=l+4*g*l,x=l):(f-3)%4==0&&(w=-l,x=3*l+4*l*g),o&&(w=-w),h||(y=w,w=0);var T="rotateX("+(h?0:-m)+"deg) rotateY("+(h?m:0)+"deg) translate3d("+w+"px, "+y+"px, "+x+"px)";if(b<=1&&b>-1&&(c=90*f+90*b,o&&(c=90*-f-90*b)),v.transform(T),d.slideShadows){var E=h?v.find(".swiper-slide-shadow-left"):v.find(".swiper-slide-shadow-top"),S=h?v.find(".swiper-slide-shadow-right"):v.find(".swiper-slide-shadow-bottom");0===E.length&&(E=s('<div class="swiper-slide-shadow-'+(h?"left":"top")+'"></div>'),v.append(E)),0===S.length&&(S=s('<div class="swiper-slide-shadow-'+(h?"right":"bottom")+'"></div>'),v.append(S)),E.length&&(E[0].style.opacity=Math.max(-b,0)),S.length&&(S[0].style.opacity=Math.max(b,0))}}if(i.css({"-webkit-transform-origin":"50% 50% -"+l/2+"px","-moz-transform-origin":"50% 50% -"+l/2+"px","-ms-transform-origin":"50% 50% -"+l/2+"px","transform-origin":"50% 50% -"+l/2+"px"}),d.shadow)if(h)e.transform("translate3d(0px, "+(r/2+d.shadowOffset)+"px, "+-r/2+"px) rotateX(90deg) rotateZ(0deg) scale("+d.shadowScale+")");else{var C=Math.abs(c)-90*Math.floor(Math.abs(c)/90),M=1.5-(Math.sin(2*C*Math.PI/360)/2+Math.cos(2*C*Math.PI/360)/2),P=d.shadowScale,z=d.shadowScale/M,k=d.shadowOffset;e.transform("scale3d("+P+", 1, "+z+") translate3d(0px, "+(n/2+k)+"px, "+-n/2/z+"px) rotateX(-90deg)")}var $=j.isSafari||j.isUiWebView?-l/2:0;i.transform("translate3d(0px,0,"+$+"px) rotateX("+(this.isHorizontal()?0:c)+"deg) rotateY("+(this.isHorizontal()?-c:0)+"deg)")},setTransition:function(e){var t=this.$el;this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),this.params.cubeEffect.shadow&&!this.isHorizontal()&&t.find(".swiper-cube-shadow").transition(e)}},me={setTranslate:function(){for(var e=this.slides,t=this.rtlTranslate,i=0;i<e.length;i+=1){var a=e.eq(i),r=a[0].progress;this.params.flipEffect.limitRotation&&(r=Math.max(Math.min(a[0].progress,1),-1));var n=-180*r,o=0,l=-a[0].swiperSlideOffset,d=0;if(this.isHorizontal()?t&&(n=-n):(d=l,l=0,o=-n,n=0),a[0].style.zIndex=-Math.abs(Math.round(r))+e.length,this.params.flipEffect.slideShadows){var h=this.isHorizontal()?a.find(".swiper-slide-shadow-left"):a.find(".swiper-slide-shadow-top"),p=this.isHorizontal()?a.find(".swiper-slide-shadow-right"):a.find(".swiper-slide-shadow-bottom");0===h.length&&(h=s('<div class="swiper-slide-shadow-'+(this.isHorizontal()?"left":"top")+'"></div>'),a.append(h)),0===p.length&&(p=s('<div class="swiper-slide-shadow-'+(this.isHorizontal()?"right":"bottom")+'"></div>'),a.append(p)),h.length&&(h[0].style.opacity=Math.max(-r,0)),p.length&&(p[0].style.opacity=Math.max(r,0))}a.transform("translate3d("+l+"px, "+d+"px, 0px) rotateX("+o+"deg) rotateY("+n+"deg)")}},setTransition:function(e){var t=this,i=t.slides,s=t.activeIndex,a=t.$wrapperEl;if(i.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.virtualTranslate&&0!==e){var r=!1;i.eq(s).transitionEnd((function(){if(!r&&t&&!t.destroyed){r=!0,t.animating=!1;for(var e=["webkitTransitionEnd","transitionend"],i=0;i<e.length;i+=1)a.trigger(e[i])}}))}}},ge={setTranslate:function(){for(var e=this.width,t=this.height,i=this.slides,a=this.$wrapperEl,r=this.slidesSizesGrid,n=this.params.coverflowEffect,l=this.isHorizontal(),d=this.translate,h=l?e/2-d:t/2-d,p=l?n.rotate:-n.rotate,c=n.depth,u=0,v=i.length;u<v;u+=1){var f=i.eq(u),m=r[u],g=(h-f[0].swiperSlideOffset-m/2)/m*n.modifier,b=l?p*g:0,w=l?0:p*g,y=-c*Math.abs(g),x=l?0:n.stretch*g,T=l?n.stretch*g:0;Math.abs(T)<.001&&(T=0),Math.abs(x)<.001&&(x=0),Math.abs(y)<.001&&(y=0),Math.abs(b)<.001&&(b=0),Math.abs(w)<.001&&(w=0);var E="translate3d("+T+"px,"+x+"px,"+y+"px) rotateX("+w+"deg) rotateY("+b+"deg)";if(f.transform(E),f[0].style.zIndex=1-Math.abs(Math.round(g)),n.slideShadows){var S=l?f.find(".swiper-slide-shadow-left"):f.find(".swiper-slide-shadow-top"),C=l?f.find(".swiper-slide-shadow-right"):f.find(".swiper-slide-shadow-bottom");0===S.length&&(S=s('<div class="swiper-slide-shadow-'+(l?"left":"top")+'"></div>'),f.append(S)),0===C.length&&(C=s('<div class="swiper-slide-shadow-'+(l?"right":"bottom")+'"></div>'),f.append(C)),S.length&&(S[0].style.opacity=g>0?g:0),C.length&&(C[0].style.opacity=-g>0?-g:0)}}(o.pointerEvents||o.prefixedPointerEvents)&&(a[0].style.perspectiveOrigin=h+"px 50%")},setTransition:function(e){this.slides.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)}},be={init:function(){var e=this.params.thumbs,t=this.constructor;e.swiper instanceof t?(this.thumbs.swiper=e.swiper,n.extend(this.thumbs.swiper.originalParams,{watchSlidesProgress:!0,slideToClickedSlide:!1}),n.extend(this.thumbs.swiper.params,{watchSlidesProgress:!0,slideToClickedSlide:!1})):n.isObject(e.swiper)&&(this.thumbs.swiper=new t(n.extend({},e.swiper,{watchSlidesVisibility:!0,watchSlidesProgress:!0,slideToClickedSlide:!1})),this.thumbs.swiperCreated=!0),this.thumbs.swiper.$el.addClass(this.params.thumbs.thumbsContainerClass),this.thumbs.swiper.on("tap",this.thumbs.onThumbClick)},onThumbClick:function(){var e=this.thumbs.swiper;if(e){var t=e.clickedIndex,i=e.clickedSlide;if(!(i&&s(i).hasClass(this.params.thumbs.slideThumbActiveClass)||null==t)){var a;if(a=e.params.loop?parseInt(s(e.clickedSlide).attr("data-swiper-slide-index"),10):t,this.params.loop){var r=this.activeIndex;this.slides.eq(r).hasClass(this.params.slideDuplicateClass)&&(this.loopFix(),this._clientLeft=this.$wrapperEl[0].clientLeft,r=this.activeIndex);var n=this.slides.eq(r).prevAll('[data-swiper-slide-index="'+a+'"]').eq(0).index(),o=this.slides.eq(r).nextAll('[data-swiper-slide-index="'+a+'"]').eq(0).index();a=void 0===n?o:void 0===o?n:o-r<r-n?o:n}this.slideTo(a)}}},update:function(e){var t=this.thumbs.swiper;if(t){var i="auto"===t.params.slidesPerView?t.slidesPerViewDynamic():t.params.slidesPerView;if(this.realIndex!==t.realIndex){var s,a=t.activeIndex;if(t.params.loop){t.slides.eq(a).hasClass(t.params.slideDuplicateClass)&&(t.loopFix(),t._clientLeft=t.$wrapperEl[0].clientLeft,a=t.activeIndex);var r=t.slides.eq(a).prevAll('[data-swiper-slide-index="'+this.realIndex+'"]').eq(0).index(),n=t.slides.eq(a).nextAll('[data-swiper-slide-index="'+this.realIndex+'"]').eq(0).index();s=void 0===r?n:void 0===n?r:n-a==a-r?a:n-a<a-r?n:r}else s=this.realIndex;t.visibleSlidesIndexes&&t.visibleSlidesIndexes.indexOf(s)<0&&(t.params.centeredSlides?s=s>a?s-Math.floor(i/2)+1:s+Math.floor(i/2)-1:s>a&&(s=s-i+1),t.slideTo(s,e?0:void 0))}var o=1,l=this.params.thumbs.slideThumbActiveClass;if(this.params.slidesPerView>1&&!this.params.centeredSlides&&(o=this.params.slidesPerView),this.params.thumbs.multipleActiveThumbs||(o=1),o=Math.floor(o),t.slides.removeClass(l),t.params.loop||t.params.virtual&&t.params.virtual.enabled)for(var d=0;d<o;d+=1)t.$wrapperEl.children('[data-swiper-slide-index="'+(this.realIndex+d)+'"]').addClass(l);else for(var h=0;h<o;h+=1)t.slides.eq(this.realIndex+h).addClass(l)}}},we=[R,q,K,U,Z,J,te,{name:"mousewheel",params:{mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarged:"container"}},create:function(){n.extend(this,{mousewheel:{enabled:!1,enable:ie.enable.bind(this),disable:ie.disable.bind(this),handle:ie.handle.bind(this),handleMouseEnter:ie.handleMouseEnter.bind(this),handleMouseLeave:ie.handleMouseLeave.bind(this),animateSlider:ie.animateSlider.bind(this),releaseScroll:ie.releaseScroll.bind(this),lastScrollTime:n.now(),lastEventBeforeSnap:void 0,recentWheelEvents:[]}})},on:{init:function(){!this.params.mousewheel.enabled&&this.params.cssMode&&this.mousewheel.disable(),this.params.mousewheel.enabled&&this.mousewheel.enable()},destroy:function(){this.params.cssMode&&this.mousewheel.enable(),this.mousewheel.enabled&&this.mousewheel.disable()}}},{name:"navigation",params:{navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock"}},create:function(){n.extend(this,{navigation:{init:se.init.bind(this),update:se.update.bind(this),destroy:se.destroy.bind(this),onNextClick:se.onNextClick.bind(this),onPrevClick:se.onPrevClick.bind(this)}})},on:{init:function(){this.navigation.init(),this.navigation.update()},toEdge:function(){this.navigation.update()},fromEdge:function(){this.navigation.update()},destroy:function(){this.navigation.destroy()},click:function(e){var t,i=this.navigation,a=i.$nextEl,r=i.$prevEl;!this.params.navigation.hideOnClick||s(e.target).is(r)||s(e.target).is(a)||(a?t=a.hasClass(this.params.navigation.hiddenClass):r&&(t=r.hasClass(this.params.navigation.hiddenClass)),!0===t?this.emit("navigationShow",this):this.emit("navigationHide",this),a&&a.toggleClass(this.params.navigation.hiddenClass),r&&r.toggleClass(this.params.navigation.hiddenClass))}}},{name:"pagination",params:{pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:function(e){return e},formatFractionTotal:function(e){return e},bulletClass:"swiper-pagination-bullet",bulletActiveClass:"swiper-pagination-bullet-active",modifierClass:"swiper-pagination-",currentClass:"swiper-pagination-current",totalClass:"swiper-pagination-total",hiddenClass:"swiper-pagination-hidden",progressbarFillClass:"swiper-pagination-progressbar-fill",progressbarOppositeClass:"swiper-pagination-progressbar-opposite",clickableClass:"swiper-pagination-clickable",lockClass:"swiper-pagination-lock"}},create:function(){n.extend(this,{pagination:{init:ae.init.bind(this),render:ae.render.bind(this),update:ae.update.bind(this),destroy:ae.destroy.bind(this),dynamicBulletIndex:0}})},on:{init:function(){this.pagination.init(),this.pagination.render(),this.pagination.update()},activeIndexChange:function(){this.params.loop?this.pagination.update():void 0===this.snapIndex&&this.pagination.update()},snapIndexChange:function(){this.params.loop||this.pagination.update()},slidesLengthChange:function(){this.params.loop&&(this.pagination.render(),this.pagination.update())},snapGridLengthChange:function(){this.params.loop||(this.pagination.render(),this.pagination.update())},destroy:function(){this.pagination.destroy()},click:function(e){this.params.pagination.el&&this.params.pagination.hideOnClick&&this.pagination.$el.length>0&&!s(e.target).hasClass(this.params.pagination.bulletClass)&&(!0===this.pagination.$el.hasClass(this.params.pagination.hiddenClass)?this.emit("paginationShow",this):this.emit("paginationHide",this),this.pagination.$el.toggleClass(this.params.pagination.hiddenClass))}}},{name:"scrollbar",params:{scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag"}},create:function(){n.extend(this,{scrollbar:{init:re.init.bind(this),destroy:re.destroy.bind(this),updateSize:re.updateSize.bind(this),setTranslate:re.setTranslate.bind(this),setTransition:re.setTransition.bind(this),enableDraggable:re.enableDraggable.bind(this),disableDraggable:re.disableDraggable.bind(this),setDragPosition:re.setDragPosition.bind(this),getPointerPosition:re.getPointerPosition.bind(this),onDragStart:re.onDragStart.bind(this),onDragMove:re.onDragMove.bind(this),onDragEnd:re.onDragEnd.bind(this),isTouched:!1,timeout:null,dragTimeout:null}})},on:{init:function(){this.scrollbar.init(),this.scrollbar.updateSize(),this.scrollbar.setTranslate()},update:function(){this.scrollbar.updateSize()},resize:function(){this.scrollbar.updateSize()},observerUpdate:function(){this.scrollbar.updateSize()},setTranslate:function(){this.scrollbar.setTranslate()},setTransition:function(e){this.scrollbar.setTransition(e)},destroy:function(){this.scrollbar.destroy()}}},{name:"parallax",params:{parallax:{enabled:!1}},create:function(){n.extend(this,{parallax:{setTransform:ne.setTransform.bind(this),setTranslate:ne.setTranslate.bind(this),setTransition:ne.setTransition.bind(this)}})},on:{beforeInit:function(){this.params.parallax.enabled&&(this.params.watchSlidesProgress=!0,this.originalParams.watchSlidesProgress=!0)},init:function(){this.params.parallax.enabled&&this.parallax.setTranslate()},setTranslate:function(){this.params.parallax.enabled&&this.parallax.setTranslate()},setTransition:function(e){this.params.parallax.enabled&&this.parallax.setTransition(e)}}},{name:"zoom",params:{zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}},create:function(){var e=this,t={enabled:!1,scale:1,currentScale:1,isScaling:!1,gesture:{$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},image:{isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},velocity:{x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0}};"onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out".split(" ").forEach((function(i){t[i]=oe[i].bind(e)})),n.extend(e,{zoom:t});var i=1;Object.defineProperty(e.zoom,"scale",{get:function(){return i},set:function(t){if(i!==t){var s=e.zoom.gesture.$imageEl?e.zoom.gesture.$imageEl[0]:void 0,a=e.zoom.gesture.$slideEl?e.zoom.gesture.$slideEl[0]:void 0;e.emit("zoomChange",t,s,a)}i=t}})},on:{init:function(){this.params.zoom.enabled&&this.zoom.enable()},destroy:function(){this.zoom.disable()},touchStart:function(e){this.zoom.enabled&&this.zoom.onTouchStart(e)},touchEnd:function(e){this.zoom.enabled&&this.zoom.onTouchEnd(e)},doubleTap:function(e){this.params.zoom.enabled&&this.zoom.enabled&&this.params.zoom.toggle&&this.zoom.toggle(e)},transitionEnd:function(){this.zoom.enabled&&this.params.zoom.enabled&&this.zoom.onTransitionEnd()},slideChange:function(){this.zoom.enabled&&this.params.zoom.enabled&&this.params.cssMode&&this.zoom.onTransitionEnd()}}},{name:"lazy",params:{lazy:{enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}},create:function(){n.extend(this,{lazy:{initialImageLoaded:!1,load:le.load.bind(this),loadInSlide:le.loadInSlide.bind(this)}})},on:{beforeInit:function(){this.params.lazy.enabled&&this.params.preloadImages&&(this.params.preloadImages=!1)},init:function(){this.params.lazy.enabled&&!this.params.loop&&0===this.params.initialSlide&&this.lazy.load()},scroll:function(){this.params.freeMode&&!this.params.freeModeSticky&&this.lazy.load()},resize:function(){this.params.lazy.enabled&&this.lazy.load()},scrollbarDragMove:function(){this.params.lazy.enabled&&this.lazy.load()},transitionStart:function(){this.params.lazy.enabled&&(this.params.lazy.loadOnTransitionStart||!this.params.lazy.loadOnTransitionStart&&!this.lazy.initialImageLoaded)&&this.lazy.load()},transitionEnd:function(){this.params.lazy.enabled&&!this.params.lazy.loadOnTransitionStart&&this.lazy.load()},slideChange:function(){this.params.lazy.enabled&&this.params.cssMode&&this.lazy.load()}}},{name:"controller",params:{controller:{control:void 0,inverse:!1,by:"slide"}},create:function(){n.extend(this,{controller:{control:this.params.controller.control,getInterpolateFunction:de.getInterpolateFunction.bind(this),setTranslate:de.setTranslate.bind(this),setTransition:de.setTransition.bind(this)}})},on:{update:function(){this.controller.control&&this.controller.spline&&(this.controller.spline=void 0,delete this.controller.spline)},resize:function(){this.controller.control&&this.controller.spline&&(this.controller.spline=void 0,delete this.controller.spline)},observerUpdate:function(){this.controller.control&&this.controller.spline&&(this.controller.spline=void 0,delete this.controller.spline)},setTranslate:function(e,t){this.controller.control&&this.controller.setTranslate(e,t)},setTransition:function(e,t){this.controller.control&&this.controller.setTransition(e,t)}}},{name:"a11y",params:{a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}"}},create:function(){var e=this;n.extend(e,{a11y:{liveRegion:s('<span class="'+e.params.a11y.notificationClass+'" aria-live="assertive" aria-atomic="true"></span>')}}),Object.keys(he).forEach((function(t){e.a11y[t]=he[t].bind(e)}))},on:{init:function(){this.params.a11y.enabled&&(this.a11y.init(),this.a11y.updateNavigation())},toEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},fromEdge:function(){this.params.a11y.enabled&&this.a11y.updateNavigation()},paginationUpdate:function(){this.params.a11y.enabled&&this.a11y.updatePagination()},destroy:function(){this.params.a11y.enabled&&this.a11y.destroy()}}},{name:"history",params:{history:{enabled:!1,replaceState:!1,key:"slides"}},create:function(){n.extend(this,{history:{init:pe.init.bind(this),setHistory:pe.setHistory.bind(this),setHistoryPopState:pe.setHistoryPopState.bind(this),scrollToSlide:pe.scrollToSlide.bind(this),destroy:pe.destroy.bind(this)}})},on:{init:function(){this.params.history.enabled&&this.history.init()},destroy:function(){this.params.history.enabled&&this.history.destroy()},transitionEnd:function(){this.history.initialized&&this.history.setHistory(this.params.history.key,this.activeIndex)},slideChange:function(){this.history.initialized&&this.params.cssMode&&this.history.setHistory(this.params.history.key,this.activeIndex)}}},{name:"hash-navigation",params:{hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}},create:function(){n.extend(this,{hashNavigation:{initialized:!1,init:ce.init.bind(this),destroy:ce.destroy.bind(this),setHash:ce.setHash.bind(this),onHashCange:ce.onHashCange.bind(this)}})},on:{init:function(){this.params.hashNavigation.enabled&&this.hashNavigation.init()},destroy:function(){this.params.hashNavigation.enabled&&this.hashNavigation.destroy()},transitionEnd:function(){this.hashNavigation.initialized&&this.hashNavigation.setHash()},slideChange:function(){this.hashNavigation.initialized&&this.params.cssMode&&this.hashNavigation.setHash()}}},{name:"autoplay",params:{autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1}},create:function(){var e=this;n.extend(e,{autoplay:{running:!1,paused:!1,run:ue.run.bind(e),start:ue.start.bind(e),stop:ue.stop.bind(e),pause:ue.pause.bind(e),onVisibilityChange:function(){"hidden"===document.visibilityState&&e.autoplay.running&&e.autoplay.pause(),"visible"===document.visibilityState&&e.autoplay.paused&&(e.autoplay.run(),e.autoplay.paused=!1)},onTransitionEnd:function(t){e&&!e.destroyed&&e.$wrapperEl&&t.target===this&&(e.$wrapperEl[0].removeEventListener("transitionend",e.autoplay.onTransitionEnd),e.$wrapperEl[0].removeEventListener("webkitTransitionEnd",e.autoplay.onTransitionEnd),e.autoplay.paused=!1,e.autoplay.running?e.autoplay.run():e.autoplay.stop())}}})},on:{init:function(){this.params.autoplay.enabled&&(this.autoplay.start(),document.addEventListener("visibilitychange",this.autoplay.onVisibilityChange))},beforeTransitionStart:function(e,t){this.autoplay.running&&(t||!this.params.autoplay.disableOnInteraction?this.autoplay.pause(e):this.autoplay.stop())},sliderFirstMove:function(){this.autoplay.running&&(this.params.autoplay.disableOnInteraction?this.autoplay.stop():this.autoplay.pause())},touchEnd:function(){this.params.cssMode&&this.autoplay.paused&&!this.params.autoplay.disableOnInteraction&&this.autoplay.run()},destroy:function(){this.autoplay.running&&this.autoplay.stop(),document.removeEventListener("visibilitychange",this.autoplay.onVisibilityChange)}}},{name:"effect-fade",params:{fadeEffect:{crossFade:!1}},create:function(){n.extend(this,{fadeEffect:{setTranslate:ve.setTranslate.bind(this),setTransition:ve.setTransition.bind(this)}})},on:{beforeInit:function(){if("fade"===this.params.effect){this.classNames.push(this.params.containerModifierClass+"fade");var e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};n.extend(this.params,e),n.extend(this.originalParams,e)}},setTranslate:function(){"fade"===this.params.effect&&this.fadeEffect.setTranslate()},setTransition:function(e){"fade"===this.params.effect&&this.fadeEffect.setTransition(e)}}},{name:"effect-cube",params:{cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}},create:function(){n.extend(this,{cubeEffect:{setTranslate:fe.setTranslate.bind(this),setTransition:fe.setTransition.bind(this)}})},on:{beforeInit:function(){if("cube"===this.params.effect){this.classNames.push(this.params.containerModifierClass+"cube"),this.classNames.push(this.params.containerModifierClass+"3d");var e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0};n.extend(this.params,e),n.extend(this.originalParams,e)}},setTranslate:function(){"cube"===this.params.effect&&this.cubeEffect.setTranslate()},setTransition:function(e){"cube"===this.params.effect&&this.cubeEffect.setTransition(e)}}},{name:"effect-flip",params:{flipEffect:{slideShadows:!0,limitRotation:!0}},create:function(){n.extend(this,{flipEffect:{setTranslate:me.setTranslate.bind(this),setTransition:me.setTransition.bind(this)}})},on:{beforeInit:function(){if("flip"===this.params.effect){this.classNames.push(this.params.containerModifierClass+"flip"),this.classNames.push(this.params.containerModifierClass+"3d");var e={slidesPerView:1,slidesPerColumn:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!0};n.extend(this.params,e),n.extend(this.originalParams,e)}},setTranslate:function(){"flip"===this.params.effect&&this.flipEffect.setTranslate()},setTransition:function(e){"flip"===this.params.effect&&this.flipEffect.setTransition(e)}}},{name:"effect-coverflow",params:{coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:!0}},create:function(){n.extend(this,{coverflowEffect:{setTranslate:ge.setTranslate.bind(this),setTransition:ge.setTransition.bind(this)}})},on:{beforeInit:function(){"coverflow"===this.params.effect&&(this.classNames.push(this.params.containerModifierClass+"coverflow"),this.classNames.push(this.params.containerModifierClass+"3d"),this.params.watchSlidesProgress=!0,this.originalParams.watchSlidesProgress=!0)},setTranslate:function(){"coverflow"===this.params.effect&&this.coverflowEffect.setTranslate()},setTransition:function(e){"coverflow"===this.params.effect&&this.coverflowEffect.setTransition(e)}}},{name:"thumbs",params:{thumbs:{multipleActiveThumbs:!0,swiper:null,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-container-thumbs"}},create:function(){n.extend(this,{thumbs:{swiper:null,init:be.init.bind(this),update:be.update.bind(this),onThumbClick:be.onThumbClick.bind(this)}})},on:{beforeInit:function(){var e=this.params.thumbs;e&&e.swiper&&(this.thumbs.init(),this.thumbs.update(!0))},slideChange:function(){this.thumbs.swiper&&this.thumbs.update()},update:function(){this.thumbs.swiper&&this.thumbs.update()},resize:function(){this.thumbs.swiper&&this.thumbs.update()},observerUpdate:function(){this.thumbs.swiper&&this.thumbs.update()},setTransition:function(e){var t=this.thumbs.swiper;t&&t.setTransition(e)},beforeDestroy:function(){var e=this.thumbs.swiper;e&&this.thumbs.swiperCreated&&e&&e.destroy()}}}];return void 0===W.use&&(W.use=W.Class.use,W.installModule=W.Class.installModule),W.use(we),W})); /*! * ANI-Util JavaScript Library v1.0 * * Copyright 2021. Yoon jae-ho * Released under the MIT license * * Date: 2021-02-09 */ const ANIUTIL = (function () { const scrollController = function () { let opt = {}, agent = navigator.userAgent.toLowerCase(), macOs = agent.indexOf('mac os') > -1, targetElement = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, defaultSpeed = macOs ? 60 : 120, speed, duration, scrollSize, maxScrollSize, frameElement = targetElement === document.body && document.documentElement ? document.documentElement : targetElement, // safari is the new IE moveState = false, scrollTiming = null, tweenObject = null; const init = function (opt) { // if (agent.indexOf("chrome") == -1 && agent.indexOf("safari") != -1) return; setOpts(opt); bindEvent.wheel(); bindEvent.scroll(); return (this.opt = opt); }; const destroy = function (remove) { document.documentElement.removeEventListener('mousewheel', eventList.scrollEvent); document.documentElement.removeEventListener('wheel', eventList.scrollEvent); if (remove) { opt = {}; } }; const setOpts = function (opt) { speed = !!!opt.speed ? defaultSpeed : macOs ? opt.speed / 2 : opt.speed; duration = !!!opt.duration ? 0.6 : opt.duration; scrollSize = targetElement.scrollTop; opt = opt; }; const bindEvent = { wheel: function () { if ((navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || agent.indexOf('msie') != -1) { document.documentElement.addEventListener('mousewheel', eventList.scrollEvent, { passive: false, }); } else { document.documentElement.addEventListener('wheel', eventList.scrollEvent, { passive: false, }); } }, scroll: function () { window.addEventListener('scroll', function () { if (document.documentElement.style.overflow == 'hidden' || document.body.style.overflow == 'hidden') return; if (!moveState) { scrollSize = targetElement.scrollTop; } }); }, }; const eventList = { scrollEvent: function (e) { if (document.documentElement.style.overflow == 'hidden' || document.body.style.overflow == 'hidden') return; e.preventDefault(); const fixedMoveSpeed = document.body.getAttribute('data-scroll-speed'); const delta = eventList.normalizeWheelDelta(e), moveSpeed = opt.currDelta && fixedMoveSpeed ? fixedMoveSpeed : !!!fixedMoveSpeed && !!!speed ? 120 : speed; scrollSize = scrollSize + -delta * moveSpeed; //현재까지 스크롤한 사이즈 maxScrollSize = Math.max(0, Math.min(scrollSize, targetElement.scrollHeight - frameElement.clientHeight)); //최대 스크롤 사이즈 eventList.update(); }, normalizeWheelDelta: function (e) { if (e.detail) { if (e.wheelDelta) { return (e.wheelDelta / e.detail / 40) * (e.detail > 0 ? 1 : -1); // Opera } else { return -e.detail / 3; // Firefox } } else { return e.wheelDelta / 120; // IE,Safari,Chrome } }, update: function () { let moveRange = maxScrollSize - targetElement.scrollTop, moveSize = 0 >= Math.ceil(targetElement.scrollTop + moveRange) ? 0 : scrollSize > maxScrollSize ? maxScrollSize : Math.ceil(targetElement.scrollTop + moveRange); //한번 스크롤시 이동할 거리 moveState = true; TweenMax.to(targetElement, duration, { ease: 'circ.out', scrollTop: moveSize, onComplete: function () { clearTimeout(scrollTiming); scrollTiming = null; scrollTiming = setTimeout(function () { moveState = false; scrollSize = targetElement.scrollTop; }, 500); }, }); // if (tweenObject === null) { // tweenObject = new TweenMax.to(targetElement, duration, { ease: "circ.out", scrollTop: moveSize, onComplete: function(){ // clearTimeout(scrollTiming); // scrollTiming = null; // scrollTiming = setTimeout(function(){ // moveState = false; // scrollSize = targetElement.scrollTop; // }, 500) // } // }); // }; // tweenObject.updateTo({scrollTop: moveSize}, true); if (scrollSize <= 0) { scrollSize = 0; } else if (scrollSize >= maxScrollSize) { scrollSize = maxScrollSize; } }, }; return { init: init, destroy: destroy, }; }; return { scrollController: scrollController, }; })(); ('use strict'); window.BUDS = window.BUDS || {}; const UTILS = (function () { return { isIosDevice: (function () { const isIos = /iPad|iPhone|iPod/.test(navigator.userAgent); isIos ? document.documentElement.classList.add('isIosDevice') : document.documentElement.classList.add('isNotIosDevice'); return isIos; })(), checkGlobal: (function () { const check = location.pathname.indexOf('/global/galaxy') === 0 || window.IS_CAMPAIGN === true; if (check) document.documentElement.classList.add('global'); else document.documentElement.classList.add('dotcom'); })(), checkOS: (function () { let os = navigator.appVersion.match(/(mac|win|linux)/i); os = os ? os[1].toLowerCase() : ''; document.documentElement.classList.add(os); })(), isFireFox: (function () { const check = /firefox/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('firefox'); })(), isWebkit: (function () { const check = /applewebkit/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('webkit'); })(), isChrome: (function () { const check = /chrome/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('chrome'); })(), isOpera: (function () { const check = /opera/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('opera'); })(), isIos: (function () { const check = /ip(ad|hone|od)/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('ios'); })(), isCrIos: (function () { const check = /crios/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('crios'); })(), isAndroid: (function () { const check = /android/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('android'); })(), isSafari: (function () { const checkWebkit = /applewebkit/i.test(navigator.userAgent); const checkChrome = /chrome/i.test(navigator.userAgent); if (checkWebkit && !checkChrome) document.documentElement.classList.add('safari'); })(), isHuawei: (function () { const check = /HUAWEICLT/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('huawei'); })(), isUCBrowser: (function () { const check = /UCBrowser/i.test(navigator.userAgent); if (check) document.documentElement.classList.add('ucbrowser'); })(), winSize: (function () { const isWinSafari = (function () { let appNetscape = navigator.appName === 'Netscape', appVersionMac = navigator.appVersion.indexOf('Mac') !== -1, userAgentSafari = navigator.userAgent.indexOf('Safari') !== -1, userAgentChrome = navigator.userAgent.indexOf('Chrome') !== -1; return appNetscape && !appVersionMac && userAgentSafari && !userAgentChrome; })(); if (isWinSafari) { return function () { const win_wh = { w: $(win).width(), h: $(win).height(), }; return win_wh; }; } else { return function () { const win_wh = { w: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, h: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight, }; return win_wh; }; } })(), requestAFrame: (function () { return ( window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { return window.setTimeout(callback, 1000 / 60); } ); })(), cancelAFrame: (function () { return ( window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (id) { window.clearTimeout(id); } ); })(), isObject: function (o) { return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object; }, def: function () { let args = [], len$1 = arguments.length; while (len$1--) args[len$1] = arguments[len$1]; let to = Object(args[0]); for (let i = 1; i < args.length; i += 1) { const nextSource = args[i]; if (nextSource !== undefined && nextSource !== null) { const keysArray = Object.keys(Object(nextSource)); for (let nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex += 1) { const nextKey = keysArray[nextIndex]; const desc = Object.getOwnPropertyDescriptor(nextSource, nextKey); if (desc !== undefined && desc.enumerable) { if (this.isObject(to[nextKey]) && this.isObject(nextSource[nextKey])) { this.def(to[nextKey], nextSource[nextKey]); } else if (!this.isObject(to[nextKey]) && this.isObject(nextSource[nextKey])) { to[nextKey] = {}; this.def(to[nextKey], nextSource[nextKey]); } else { to[nextKey] = nextSource[nextKey]; } } } } } return to; }, convertArray: function (nodeList) { return Array.prototype.slice.call(nodeList); }, getOffset: function (element) { const top = element.getBoundingClientRect().top + window.pageYOffset, bottom = element.getBoundingClientRect().bottom + window.pageYOffset; return { top: top, bottom: bottom, }; }, getScroll: function () { const top = window.pageYOffset, bottom = top + window.innerHeight; return { top: top, bottom: bottom, }; }, setCookie: function (name, value, day) { const date = new Date(); date.setTime(date.getTime() + day * 60 * 60 * 24 * 1000); document.cookie = name + '=' + value + '; exprires=' + date.toUTCString() + '; path=/'; }, getCookie: function (name) { const value = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return value ? value[2] : null; }, getHeight: function (target) { if (!!target) { const targetStyle = window.getComputedStyle(target); const targetDisplay = targetStyle.display; const targetMaxHeight = parseInt(targetStyle.maxHeight); const returnHeight = 0; if (targetDisplay != 'none' && targetMaxHeight != 0) { return target.offsetHeight; } target.style.position = 'absolute'; target.style.visibility = 'hidden'; target.style.display = 'block'; returnHeight = target.offsetHeight; target.style.display = ''; target.style.position = ''; target.style.visibility = ''; return returnHeight; } return 0; }, isRTL: function () { return document.documentElement.classList.contains('rtl'); }, checkRegion: function () { const metas = document.getElementsByTagName('meta'); let region = ''; for (let i = 0; i < metas.length; i++) { if (metas[i].getAttribute('name') == 'sitecode') { region = metas[i].getAttribute('content'); return region; } } if (region == '') return document.location.pathname.indexOf('global') > -1 ? 'global' : 'jp'; }, isLowNetwork: function () { var cookie = UTILS.getCookie('___GALAXY_SPEED') || UTILS.getCookie('__COM_SPEED'); if (cookie == null || cookie == undefined) return false; else if (cookie == 'L') return true; else if (cookie == 'H') return false; }, getNavHeight: function () { let navHeight = 0; const navigation = document.querySelector('.pd-g-header-navigation') || document.querySelector('#subnav') || document.querySelector('.sticky-menu') || document.querySelector('.pd-g-floating-nav'); if (!!navigation) { if (navigation.classList.contains('pd-g-header-navigation')) { const headerNav = navigation.querySelector('.pd-header-navigation'); const menuWrap = headerNav.querySelector('.pd-header-navigation__menu-wrap'); navHeight = headerNav.clientHeight + menuWrap.clientHeight; } else { navHeight = navigation.clientHeight; } } return navHeight; }, isBrokenFixed: function () { const winWidth = window.innerWidth; const winHeight = window.innerHeight; const brokenFixed = false; document.documentElement.classList.remove('is-broken-fixed'); if (winWidth >= 1440 && winHeight <= 540) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else if (winWidth <= 810 && winHeight / winWidth < 0.5277) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else if (winHeight < UTILS.MIN_VIEW_HEIGHT) { document.documentElement.classList.add('is-broken-fixed'); brokenFixed = true; } else { document.documentElement.classList.remove('is-broken-fixed'); } return brokenFixed; }, isTouchDevice: (function () { const checkDevice = 'ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch); checkDevice ? document.documentElement.classList.add('isTouchDevice') : document.documentElement.classList.add('isNotTouchDevice'); return checkDevice; })(), isIEorEdge: (function () { let word; const agent = navigator.userAgent.toLowerCase(); if (navigator.appName == 'Microsoft Internet Explorer') { word = 'msie '; } else if (agent.search('trident') > -1) { word = 'trident/.*rv:'; } else if (agent.search('edge/') > -1) { word = 'edge/'; } else { return -1; } const reg = new RegExp(word + '([0-9]{1,})(\\.{0,}[0-9]{0,1})'); if (reg.exec(agent) != null) { document.documentElement.classList.add('isIEorEdge'); return parseFloat(RegExp.$1 + RegExp.$2); } return -1; })(), page: { scrollLock: { className: 'is-no-scroll', barWidth: function () { return window.innerWidth - document.documentElement.clientWidth; }, el: (function () { return $('html'); })(), run: function (w) { document.documentElement.style.paddingRight = w + 'px'; }, off: function () { const barWidth = this.barWidth(); this.el.removeClass(this.className); // NOTE : standard pd 템플릿 대응 this.el.removeClass('hive-layer-scroll-lock'); this.run(0); // const bodyEl = document.querySelector('body'); // bodyEl.style.position = null; // bodyEl.style.top = null; // bodyEl.style.width = null; // window.scrollTo(0, this.scrollEnd) }, on: function () { const barWidth = this.barWidth(); this.el.addClass(this.className); this.run(barWidth); // const bodyEl = document.querySelector('body'); // const scrollStart = window.pageYOffset || document.documentElement.scrollTop; // bodyEl.style.position = 'fixed'; // bodyEl.style.top = -scrollStart + 'px'; // bodyEl.style.width = '100%'; // this.scrollEnd = scrollStart <= 0 ? 0 : scrollStart; }, }, }, MIN_VIEW_HEIGHT: 400, RESPONSIVE: { PC: { NAME: 'pc', WIDTH: 1440, }, TABLET: { NAME: 'tablet', WIDTH: 1024, }, MOBILE: { NAME: 'mobile', WIDTH: 767, }, }, }; })(); BUDS.UTILS = UTILS; (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class ImageLoader { constructor(el = container, args) { const defParams = { el: el, lazyClass: '.js-img-src', lazyCompleteClass: 'load-complete', responsiveClass: args.responsiveClass || '.js-res-img', loadOption: args.loadOption, visiblePoint: !!!args.visiblePoint ? 0 : args.visiblePoint, useDefaultImg: args.useDefaultImg, resizeStart: null, }; this.opts = defParams; this.classes = defParams.classes; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: this.lazyEvent.bind(this), }; this.el = document.querySelector(el); this.init(); } init() { this.initOpts(); this.getLazyImage(); this.getResponsiveImage(); this.bindEvents(); } initOpts() { this.targetAttr = this.opts.loadOption[0].attribute; this.responsiveCheck = this.opts.loadOption; this.dynamicCallCount = 0; this.dynamicLoadedComplate = false; if (this.opts.useDefaultImg) { this.setDefaultImage(); } } getLazyImage() { let lazyImageList = []; const children = this.el.children; Array.from(children).forEach((child) => { if (!child.classList.contains('is-feature-hide')) { const images = child.querySelectorAll(this.opts.lazyClass); lazyImageList.push(...images); } }); this.lazyImages = lazyImageList; this.lazyLength = lazyImageList.length; } getResponsiveImage() { const responsiveImageList = this.el.querySelectorAll(this.opts.responsiveClass); this.responsiveImages = responsiveImageList; this.responsiveLength = responsiveImageList.length; } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); if (this.responsiveCheck) { window.addEventListener('resize', this.events.resize); } } onLoadHandler() { this.events.resize(); this.events.scroll(); setTimeout(() => { this.responsiveHandler(); this.lazyEvent(); }, 300); window.removeEventListener('load', this.events.load); } onResizeHandler() { clearTimeout(this.opts.resizeStart); this.opts.resizeStart = setTimeout(() => { this.responsiveHandler(); this.lazyEvent(); }, 150); } lazyEvent() { this.setLazyImage(); if (this.lazyLength === this.lazyCompleteLength) { window.removeEventListener('scroll', this.events.scroll); } } responsiveHandler() { this.windowWidth = window.innerWidth; let resolutionLength = this.opts.loadOption.length; for (let i = 0; i < resolutionLength; i++) { let nextIndex = i + 1, nextPoint = nextIndex == resolutionLength ? 0 : this.opts.loadOption[nextIndex].resolution, checkPoint = false; if (i == 0) { checkPoint = this.windowWidth > nextPoint; } else { checkPoint = this.windowWidth <= this.opts.loadOption[i].resolution && this.windowWidth > nextPoint; } if (checkPoint) { if (this.opts.loadOption[i].attribute !== this.oldAttr) { this.targetAttr = this.opts.loadOption[i].attribute; this.oldAttr = this.targetAttr; this.attrIndex = i; this.dynamicCallCount = 0; this.setResponsiveImage(); } } } } setResponsiveImage(imageTarget) { if (imageTarget) { for (let i = 0; i < imageTarget.length; i++) { let targetImage = imageTarget[i]; let imgSrc = imageTarget[i].getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetImage); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (!imageTarget[i].classList.contains(this.opts.lazyCompleteClass)) { imageTarget[i].setAttribute('src', imgSrc); imageTarget[i].classList.add(this.opts.lazyCompleteClass); } } } else { for (let i = 0; i < this.responsiveLength; i++) { let targetImage = this.responsiveImages[i]; let imgSrc = targetImage.getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetImage); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (targetImage.classList.contains(this.opts.lazyCompleteClass)) { targetImage.setAttribute('src', imgSrc); } } } } checkCompleteImage() { let lazyCompleteList = this.el.querySelectorAll('.' + this.opts.lazyCompleteClass); this.lazyCompleteLength = lazyCompleteList.length; } setDefaultImage() { for (var i = 0; i < this.lazyLength; i++) { this.lazyImages[i].setAttribute('src', 'data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs='); } } setLazyImage() { this.windowHeight = window.innerHeight; for (let i = 0; i < this.lazyLength; i++) { let targetElement = this.lazyImages[i], corrHeight = this.windowHeight * this.opts.visiblePoint, scrollTop = UTILS.getScroll.call(this).top - corrHeight, scrollBottom = UTILS.getScroll.call(this).bottom + corrHeight, targetOffsetTop = UTILS.getOffset.call(this, targetElement).top, targetOffsetBottom = UTILS.getOffset.call(this, targetElement).bottom, lazyClass = this.opts.lazyClass.split('.'), removeClass = lazyClass[lazyClass.length - 1]; let isOffsetParent; if (window.getComputedStyle(targetElement).display === 'none') { const targetParent = targetElement.parentNode; if (targetParent.offsetParent != null) { isOffsetParent = targetParent.offsetParent; targetOffsetTop = UTILS.getOffset.call(this, targetParent).top; targetOffsetBottom = UTILS.getOffset.call(this, targetParent).bottom; } } else { isOffsetParent = targetElement.offsetParent; } if ( ((scrollBottom > targetOffsetTop && scrollTop <= targetOffsetTop) || (scrollTop < targetOffsetBottom && scrollBottom > targetOffsetBottom) || (scrollTop < targetOffsetTop && scrollBottom > targetOffsetBottom) || (scrollTop > targetOffsetTop && scrollBottom < targetOffsetBottom)) && isOffsetParent != null ) { let imgSrc = targetElement.getAttribute(this.targetAttr); if (!!!imgSrc) { imgSrc = this.findImageHandler(targetElement); } if (typeof window.GALAXY === 'undefined' && !window.GALAXY && (imgSrc.indexOf('.jpg') > -1 || imgSrc.indexOf('.png') > -1)) { imgSrc = `${imgSrc}?imbypass=true`; } if (!targetElement.classList.contains(this.opts.lazyCompleteClass)) { targetElement.setAttribute('src', imgSrc); var imageLoadEvent = () => { if (this.opts.lazyClass.split(' ').length == 1) targetElement.classList.remove(removeClass); this.checkCompleteImage(); targetElement.removeEventListener('load', imageLoadEvent); }; targetElement.addEventListener('load', imageLoadEvent); targetElement.classList.add(this.opts.lazyCompleteClass); } } } } findRemainingImageAttr(element) { var attrLength = this.opts.loadOption.length; for (var i = 0; i < attrLength; i++) { var getAttr = element.getAttribute(this.opts.loadOption[i].attribute); if (getAttr) { return getAttr; break; } } } findNextImageAttr(element) { const isIndex = this.attrIndex; for (let i = isIndex; i >= 0; i--) { let getAttr = element.getAttribute(this.opts.loadOption[i].attribute); if (getAttr) { return getAttr; break; } if (i == 0 && getAttr == undefined) { return this.findRemainingImageAttr(element); } } } findImageHandler(element) { if (this.attrIndex !== 0) { return this.findNextImageAttr(element); } else { return this.findRemainingImageAttr(element); } } } BUDS.ImageLoader = ImageLoader; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; const RESPONSIVE = UTILS.RESPONSIVE; class VideoLoader { constructor(el = container, args) { const defParams = { el: el, lazyClass: args.lazyClass || '.js-video-src', responsiveClass: args.responsiveClass || '.js-res-video', imageLazyCompleteClass: 'load-complete', notLoadElement: args.notLoadElement || [], loadOption: args.loadOption, visiblePoint: !!!args.visiblePoint ? 0 : args.visiblePoint, resizeStart: null, classes: { loaded: 'loaded', ended: 'ended', }, }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { this.initOpts(); this.getLazyVideo(); this.getResponsiveVideo(); this.bindEvents(); } initOpts() { this.getCurrentDevice(); const targetindex = this.currentDevice !== 'mobile' ? 0 : 1; this.prevSrcArray = []; this.targetAttr = this.opts.loadOption[targetindex].attribute; this.responsiveCheck = this.opts.loadOption; this.videoCallStack = []; } getLazyVideo() { let lazyVideoList = Array.from(this.el.querySelectorAll(this.opts.lazyClass)).filter((lazyVideo) => { lazyVideo.isVideoInit = false; for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); lazyVideoList = lazyVideoList.filter((lazyVideo) => { if (lazyVideo.querySelector('video') && !lazyVideo.closest('.is-feature-hide')) { return lazyVideo; } }); this.lazyVideos = lazyVideoList; this.lazyLength = lazyVideoList.length; } getResponsiveVideo() { let responsiveVideoList = Array.from(this.el.querySelectorAll(this.opts.responsiveClass)).filter((lazyVideo) => { for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); this.responsiveVideos = responsiveVideoList; this.responsiveLength = responsiveVideoList.length; } bindEvents() { window.addEventListener('load', this.onLoadHandler.bind(this)); window.addEventListener('scroll', this.lazyEvent.bind(this)); if (this.responsiveCheck) { window.addEventListener('resize', this.onResizeHandler.bind(this)); } } getCurrentDevice() { this.winWidth = UTILS.winSize().w; if (this.winWidth >= RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'desktop'; else if (this.winWidth > RESPONSIVE.MOBILE.WIDTH && this.winWidth < RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'tablet'; else this.currentDevice = 'mobile'; this.prevDevice = this.currentDevice; } onLoadHandler() { this.getCurrentDevice(); this.responsiveHandler(); this.lazyEvent(); } onResizeHandler() { clearTimeout(this.opts.resizeStart); this.opts.resizeStart = setTimeout(() => { this.getCurrentDevice(); this.responsiveHandler(); this.lazyEvent(); }, 80); } lazyEvent() { this.setLazyVideo(); if (this.lazyLength === this.lazyCompleteLength) { window.removeEventListener('scroll', this.lazyEvent.bind(this)); } } responsiveHandler() { this.windowWidth = window.innerWidth; let resolutionLength = this.opts.loadOption.length; for (let i = 0; i < resolutionLength; i++) { let nextIndex = i + 1, nextPoint = nextIndex == resolutionLength ? 0 : this.opts.loadOption[nextIndex].resolution, checkPoint = false; if (i == 0) { checkPoint = this.windowWidth > nextPoint; } else { checkPoint = this.windowWidth <= this.opts.loadOption[i].resolution && this.windowWidth > nextPoint; } if (checkPoint) { if (this.opts.loadOption[i].attribute !== this.oldAttr) { this.targetAttr = this.opts.loadOption[i].attribute; this.oldAttr = this.targetAttr; this.attrIndex = i; this.setResponsiveVideo(); } } } } setResponsiveVideo() { for (let i = 0; i < this.responsiveLength; i++) { const videoElement = this.responsiveVideos[i]; const video = videoElement.querySelector('video'); const videoSrc = videoElement.getAttribute(this.targetAttr); if (videoElement.classList.contains(this.classes.loaded) && videoElement.isVideoInit) { video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; if (type.indexOf('mp4') > -1) source.src = videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; }); video.isCanplayThrough = false; video.load(); video.addEventListener( 'canplaythrough', () => { window.setTimeout(() => { video.isCanplayThrough = true; videoElement.classList.add(this.classes.loaded); }, 500); this.checkCompleteVideo(); }, { once: true } ); } } } setLazyVideo() { for (let i = 0; i < this.lazyLength; i++) { const winOffsetTop = window.pageYOffset; const winOffsetBottom = winOffsetTop + window.innerHeight; const targetElement = this.lazyVideos[i]; const targetRect = targetElement.getBoundingClientRect(); const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetBottom = winOffsetTop + targetRect.bottom; if ( winOffsetBottom > targetOffsetTop - window.innerHeight * (window.pageYOffset != 0 ? this.opts.visiblePoint : 0) && winOffsetTop < targetOffsetBottom + window.innerHeight * (window.pageYOffset != 0 ? this.opts.visiblePoint : 0) && !targetElement.isVideoInit ) { if (this.videoCallStack.indexOf(i) < 0) { this.videoCallStack.push(i); this.setVideoSrc(); } } } } setVideoSrc() { const targetIndex = this.videoCallStack[0]; const videoElement = this.lazyVideos[targetIndex]; const video = videoElement.querySelector('video'); const videoSrc = videoElement.getAttribute(this.targetAttr); const lazyClass = this.opts.lazyClass.split('.'); const removeClass = lazyClass[lazyClass.length - 1]; const currentVideoSrc = videoSrc; const setVideoCallStack = () => { this.checkCompleteVideo(); this.videoCallStack.splice(0, 1); if (this.videoCallStack.length > 0) { this.setVideoSrc(); } }; const onErrorVideoHandler = () => { window .fetch(videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`, { mode: 'no-cors' }) .then((res) => { if (res.status === 404) { return fetch(videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`, { mode: 'no-cors' }); } }) .then((res) => { if (res.status === 404) { setVideoCallStack(); } }) .catch(() => { setVideoCallStack(); }); }; const onCanplaythroughHandler = () => { window.setTimeout(() => { video.isCanplayThrough = true; videoElement.classList.add(this.classes.loaded); }, 500); if (this.opts.lazyClass.split(' ').length == 1) videoElement.classList.remove(removeClass); setVideoCallStack(); }; if (this.prevSrcArray[targetIndex] !== currentVideoSrc) { video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + `.webm${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; if (type.indexOf('mp4') > -1) source.src = videoSrc + `.mp4${typeof window.GALAXY === 'undefined' && !window.GALAXY ? '?imbypass=true' : ''}`; }); video.isCanplayThrough = false; video.load(); video.addEventListener('canplaythrough', onCanplaythroughHandler, { once: true }); // webm, mp4 둘 다 있다는 전제 video.addEventListener('error', onErrorVideoHandler, true); videoElement.isVideoInit = true; this.prevSrcArray[targetIndex] = currentVideoSrc; } } checkCompleteVideo() { let lazyCompleteList = Array.from(this.el.querySelectorAll('.' + this.classes.loaded)).filter((lazyVideo) => { for (let i = 0; i < this.opts.notLoadElement.length; i++) { return !lazyVideo.closest(this.opts.notLoadElement[i]); } }); this.lazyCompleteLength = lazyCompleteList.length; } } BUDS.VideoLoader = VideoLoader; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; const RESPONSIVE = UTILS.RESPONSIVE; class VideoPlayer { constructor(el, args) { const defParams = { sectionElement: args.sectionElement, videoParentElement: null, videoElement: el, videoController: '.video__controller', hiddenElement: '.blind', endImage: '.video__end-frame img', videoLazyClass: '.js-video-src', lazyCompleteClass: 'load-complete', imageEndLazyClass: '.js-end-img-src', playOffset: 0.5, playType: 'oneWay', visiblePoint: args.visiblePoint ? args.visiblePoint : 0, classes: { loaded: 'loaded', ended: 'ended', paused: 'paused', playing: 'playing', isPaused: 'is-paused', }, resizeStart: null, on: { updateController: null, updatePlayState: null, updateTime: null, }, }; this.opts = UTILS.def(defParams, args || {}); this.classes = defParams.classes; this.init(); } init() { this.setElements(); this.initOpts(); if (this.video !== null) { if (!this.video.paused) { this.video.pause(); } this.videoElement.playState = false; this.updateController(); this.bindEvents(); } } setElements() { this.videoElement = this.opts.videoElement; this.video = this.videoElement.querySelector('video'); if (this.video === null) return; if (this.opts.videoParentElement !== null) { this.videoParentElement = this.video.closest(this.opts.videoParentElement); } else { this.videoParentElement = this.videoElement; } this.videoController = this.videoParentElement.querySelector(this.opts.videoController); } initOpts() { this.getCurrentDevice(); this.autoPlay = this.videoElement.dataset.autoPlay ? JSON.parse(this.videoElement.dataset.autoPlay) : false; this.videoElement.playState = false; this.videoElement.autoPlayState = false; this.useController = this.videoController ? true : false; } getCurrentDevice() { this.winWidth = UTILS.winSize().w; if (this.winWidth >= RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'desktop'; else if (this.winWidth > RESPONSIVE.MOBILE.WIDTH && this.winWidth < RESPONSIVE.TABLET.WIDTH) this.currentDevice = 'tablet'; else this.currentDevice = 'mobile'; this.prevDevice = this.currentDevice; } bindEvents() { window.addEventListener('resize', this.onResizeHandler.bind(this)); window.addEventListener('scroll', this.onScrollHandler.bind(this)); this.video.addEventListener('play', this.onVideoPlay.bind(this)); this.video.addEventListener('pause', this.onVideoPause.bind(this)); this.video.addEventListener('ended', this.onVideoEnded.bind(this)); this.video.addEventListener('canplaythrough', this.onCanplayThrough.bind(this), { once: true }); this.video.addEventListener('timeupdate', this.onTimeUpdate.bind(this)); if (this.useController) { this.videoController.addEventListener('click', this.onClickController.bind(this)); } } onChange(videoElement) { if (videoElement === this.videoElement) { const targetAttr = this.currentDevice !== 'mobile' ? 'data-media-pc' : 'data-media-mo'; const videoSrc = this.videoElement.getAttribute(targetAttr); const currentVideoSrc = videoSrc; if (this.prevVideoSrc !== currentVideoSrc) { this.videoElement.playState = false; this.video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + '.webm'; if (type.indexOf('mp4') > -1) source.src = videoSrc + '.mp4'; this.video.load(); }); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.video.addEventListener( 'canplaythrough', () => { if (!UTILS.isLowNetwork()) { this.onPlay(); } }, { once: true } ); } this.prevVideoSrc = currentVideoSrc; } } onLoad(videoElement) { if (videoElement === this.videoElement) { const targetAttr = this.currentDevice !== 'mobile' ? 'data-media-pc' : 'data-media-mo'; const videoSrc = this.videoElement.getAttribute(targetAttr); this.videoElement.playState = false; this.video.querySelectorAll('source').forEach((source) => { const type = source.getAttribute('type'); if (type.indexOf('webm') > -1) source.src = videoSrc + '.webm'; if (type.indexOf('mp4') > -1) source.src = videoSrc + '.mp4'; this.video.load(); }); this.video.isCanplayThrough = false; this.video.addEventListener( 'canplaythrough', () => { this.video.isCanplayThrough = true; if (!UTILS.isLowNetwork()) { this.onPlay(); } }, { once: true } ); } } onPlay(videoElement) { const playFunc = () => { if (!this.videoElement.playState) { if (this.video.currentTime === this.video.duration) { this.video.currentTime = 0; } if (this.autoPlay) this.videoElement.autoPlayState = true; this.videoElement.playState = true; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.paused); const checkVideoLoad = () => { if (this.video.isCanplayThrough && this.video.readyState > 3) { cancelAnimationFrame(this.opts.videoFrame); clearTimeout(this.opts.videoPlayTimeout); this.opts.videoPlayTimeout = setTimeout(() => { this.video.play(); this.updateController(); this.outCallback('updatePlayState', true); this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.paused); this.videoElement.classList.add(this.classes.playing); }, 250); } else { this.opts.videoFrame = requestAnimationFrame(checkVideoLoad); } }; this.opts.videoFrame = requestAnimationFrame(checkVideoLoad); this.video.addEventListener('ended', this.updatePlayEnded.bind(this), { once: true }); } }; if (videoElement) { if (videoElement === this.videoElement) { playFunc(); } } else { playFunc(); } } onPause() { if (!this.video.paused) { this.video.pause(); } this.videoElement.playState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.add(this.classes.paused); this.updateController(); } onEnded() { if (this.video.readyState > 3) { if (!this.video.ended) { this.video.pause(); } this.video.currentTime = this.video.duration; this.videoElement.playState = false; this.videoElement.classList.add(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); } } onReset(videoElement) { if (!this.videoElement.playState) { cancelAnimationFrame(this.opts.videoFrame); clearTimeout(this.opts.videoPlayTimeout); } const resetFunc = () => { this.video.pause(); this.video.currentTime = 0; this.videoElement.playState = false; if (this.autoPlay) this.videoElement.autoPlayState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); }; if (videoElement) { if (videoElement === this.videoElement) { resetFunc(); } } else { resetFunc(); } } onCanplayThrough() { const videoLazyClass = this.opts.videoLazyClass.split('.'); const removeClass = videoLazyClass[videoLazyClass.length - 1]; if (this.useController) { window.setTimeout(() => { this.videoController.style.display = 'block'; }, 500); } this.videoElement.classList.add(this.classes.loaded); if (this.opts.videoLazyClass.split(' ').length == 1) this.videoElement.classList.remove(removeClass); this.isCanplay = true; this.onScrollHandler(); this.isCanplay = false; } onTimeUpdate() { const data = { el: this.videoElement, duration: this.video.duration, currentTime: this.video.currentTime, playState: this.videoElement.playState, controller: this.videoController, }; this.outCallback('updateTime', data); } onClickController(e) { e.preventDefault(); if (!this.videoElement.playState) { this.onPlay(); } else { this.onPause(); } } onVideoPlay() { this.videoElement.playState = true; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.add(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', true); } onVideoPause() { this.videoElement.playState = false; this.videoElement.classList.remove(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.add(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', false); } onVideoEnded() { this.videoElement.playState = false; this.videoElement.classList.add(this.classes.ended); this.videoElement.classList.remove(this.classes.playing); this.videoElement.classList.remove(this.classes.paused); this.updateController(); this.outCallback('updatePlayState', false); } updatePlayEnded() { this.onPause(); } updateController() { if (!this.useController) return; if (!this.videoElement.playState) { this.videoController.classList.remove(this.classes.isPaused); } else { this.videoController.classList.add(this.classes.isPaused); } const data = { el: this.videoController, playState: this.videoElement.playState, }; this.outCallback('updateController', data); this.outCallback('updatePlayState', this.videoElement.playState); } onScrollHandler() { if (this.videoElement.closest('.cm-layer')) return; const direction = scrollY > this.lastScrollY ? 'down' : 'up'; const targetHeight = UTILS.getHeight(this.videoElement); const playPoint = targetHeight * this.opts.playOffset; const scrollTop = UTILS.getScroll().top; const scrollBottom = UTILS.getScroll().bottom; const targetOffsetTop = UTILS.getOffset(this.videoElement).top; const targetOffsetBottom = UTILS.getOffset(this.videoElement).bottom; const playState = this.videoElement.classList.contains(this.classes.playing) && this.videoElement.playState; const pausedState = this.videoElement.classList.contains(this.classes.paused) && !this.videoElement.playState; const endedState = this.videoElement.classList.contains(this.classes.ended) && !this.videoElement.playState; if (this.opts.playType === 'oneWay') { if (scrollBottom >= targetOffsetTop + playPoint && scrollTop <= targetOffsetBottom) { const playState = this.isCanplay || direction === 'down'; if (playState) { if (this.autoPlay && !this.videoElement.playState && !this.videoElement.autoPlayState) { if (!UTILS.isLowNetwork()) { this.onPlay(); } } } } else if (scrollBottom < targetOffsetTop) { if (this.autoPlay && this.videoElement.autoPlayState) { if (playState || pausedState || endedState) { this.onReset(); } } } else if (scrollTop > targetOffsetBottom) { if (this.autoPlay) { if (this.videoElement.autoPlayState) { if (playState || pausedState) { this.onEnded(); } } else { // NOTE: video load 되기 전 end 이미지가 먼저 노출되어 보여져야할 경우 대응. this.videoElement.classList.add(this.classes.ended); } } } } else if (this.opts.playType === 'reverse') { if (scrollBottom >= targetOffsetTop + playPoint && scrollTop <= targetOffsetBottom - playPoint) { if (this.autoPlay && !this.videoElement.playState && !this.videoElement.autoPlayState) { if (!UTILS.isLowNetwork()) { this.onPlay(); } } } else if (scrollTop > targetOffsetBottom || scrollBottom < targetOffsetTop) { if (this.autoPlay) { this.onReset(); } } } this.lastScrollY = scrollY; } onResponsiveChange() { window.setTimeout(() => { this.isCanplay = true; this.onReset(); this.onScrollHandler(); this.isCanplay = false; }, 100); } onResizeHandler() { if (UTILS.winSize().w === this.winWidth) return; this.winWidth = UTILS.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout(this.resizeEndFunc.bind(this), 150); } resizeAnimateFunc() { this.setLayout(); this.resizeRequestFrame = UTILS.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)); } resizeEndFunc() { this.opts.resizeStart = null; UTILS.cancelAFrame.call(window, this.resizeRequestFrame); } setLayout() { this.onScrollHandler(); if (this.winWidth >= RESPONSIVE.MOBILE.WIDTH) this.currentDevice = 'desktop'; else this.currentDevice = 'mobile'; if (this.currentDevice !== this.prevDevice) { this.onResponsiveChange(); } this.prevDevice = this.currentDevice; } outCallback(ing, param) { var callbackObj = this.opts.on[ing]; if (callbackObj == null) return; callbackObj(param); } } BUDS.VideoPlayer = VideoPlayer; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const Disclaimer = (function () { const self = {}; let currDevice = false, prevDevice = null, currentSup = null; const init = function (opts) { self.opts = { ...opts, }; setVariables(); bindEvents(); setScrollControl(); }; const setVariables = function () { self.resizeTimeout = null; self.supClicker = document.querySelectorAll('a.click_sup'); self.supTopBtn = document.querySelectorAll('button.click_disclaimer'); self.contents = document.getElementById('contents') || document.getElementById('content'); self.allClickable = self.contents.querySelectorAll('a, button, input, select'); }; const bindEvents = function () { let i = 0; window.addEventListener('load', onLoadHandler); window.addEventListener('resize', onResizeHandler); window.addEventListener('scroll', onScrollHandler); for (i = 0; i < self.allClickable.length; i++) { const clickable = self.allClickable[i]; clickable.isClicked = false; clickable.isVisible = false; clickable.addEventListener('focusin', centeredFocus); clickable.addEventListener('mousedown', checkClick); } for (i = 0; i < self.supClicker.length; i++) { self.supClicker[i].addEventListener('click', onClickSup); } for (i = 0; i < self.supTopBtn.length; i++) { self.supTopBtn[i].addEventListener('click', onClickSupTopBtn); } }; const onLoadHandler = function () { onResizeHandler(); onScrollHandler(); setDisclaimerNumber(); if (UTILS.isLowNetwork()) { document.documentElement.classList.add('low_network'); } document.documentElement.classList.add('load'); window.removeEventListener('load', onLoadHandler); }; const setDisclaimerNumber = () => { const supTag = document.querySelectorAll('.click_sup'); const disc = document.querySelectorAll('li.common-bottom-disclaimer__list-item'); const discArr = Array.from(disc).map((item) => item.getAttribute('data-sup')); Array.from(supTag).map((sup) => { const dataSupTag = sup.getAttribute('data-sup-tag'); // automatic numbering if (discArr.indexOf(dataSupTag) > -1) { sup.innerText = discArr.indexOf(dataSupTag) + 1; } // remove tag if (discArr.indexOf(dataSupTag) === -1) { const parent = sup.parentElement; const supChildCount = sup.parentElement?.children.length ?? 0; if (supChildCount === 1) { parent.remove(); } if (supChildCount > 1) { // remove comma parent.removeChild(sup.nextSibling); sup.remove(); // remove comma if (parent.childNodes.length === 3) { parent.removeChild(parent.childNodes[2]); } } } }); }; const onResizeHandler = function () { if (window.innerWidth >= 1024) currDevice = 'desktop'; else if (window.innerWidth >= 768 && window.innerWidth < 1024) currDevice = 'tablet'; else currDevice = 'mobile'; clearTimeout(self.resizeTimeout); self.resizeTimeout = setTimeout(function () { UTILS.isBrokenFixed(); }, 100); if (currDevice != prevDevice) { document.documentElement.classList.add(currDevice); document.documentElement.classList.remove(prevDevice); prevDevice = currDevice; } }; const onScrollHandler = function () { const winOffsetTop = window.pageYOffset; const winOffsetBottom = winOffsetTop + window.innerHeight; for (let i = 0; i < self.allClickable.length; i++) { const clickable = self.allClickable[i]; const clickablePos = winOffsetTop + clickable.getBoundingClientRect().top; const winVisibleTop = winOffsetTop + UTILS.getNavHeight(); if (clickablePos >= winVisibleTop && clickablePos <= winOffsetBottom) { clickable.isVisible = true; } else if (clickablePos < winVisibleTop || clickablePos > winOffsetBottom) { clickable.isVisible = false; } } }; const onClickSup = function (e) { e.preventDefault(); e.stopPropagation(); const _this = this; const destIndex = parseFloat(this.innerText); let disclaimerList = document.querySelectorAll('#desc-section ol'); disclaimerList.forEach((el) => { if (window.getComputedStyle(el).display === 'block') { disclaimerList = el; } }); const disclaimerItems = disclaimerList.querySelectorAll('li'); const disclaimerItem = disclaimerList.querySelectorAll('li')[destIndex - 1]; const disclaimer = disclaimerItem.querySelector('span'); const disclaimerText = disclaimer.innerHTML; const activeBlock = `<a tabindex="0">${disclaimerText}</a>`; disclaimer.innerHTML = activeBlock; currentSup = e.currentTarget; const notLoadedImages = disclaimerItem.querySelectorAll('img.js-res-img:not(.load-complete)'); if (notLoadedImages.length > 0) { self.opts.updateImageLoader(notLoadedImages); } const focusInEvent = function () { centeredFocus.call(_this); disclaimer.removeEventListener('focusin', focusInEvent); }; const focusOutEvent = function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', focusOutEvent); }; if (e.currentTarget.closest('.cm-layer')) { const targetLayer = e.currentTarget.closest('.cm-layer'); $(targetLayer).trigger('closeLayer', false); } disclaimer.addEventListener('focusin', focusInEvent); disclaimer.addEventListener('focusout', focusOutEvent); setTimeout(() => { disclaimerItem.querySelector('a').focus(); }, 0); disclaimerItems.forEach((el) => el.classList.remove('is-active')); disclaimerItem.classList.add('is-active'); }; const onClickSupTopBtn = function (e) { const disclaimer = e.target.closest('li'); const dataSup = disclaimer.getAttribute('data-sup'); const supList = document.querySelectorAll('.click_sup'); for (let i = 0; i < supList.length; i++) { const dataSupTag = supList[i].getAttribute('data-sup-tag'); if (dataSupTag === dataSup) { centeredFocus.call(this); currentSup.focus(); } } // layer 내 sup click case const curSupLayer = currentSup.closest('.cm-layer'); if (!!curSupLayer) { const supLayerId = curSupLayer.id; const layerParent = curSupLayer.parentNode; const targetButton = layerParent.querySelector(`[data-layer-target="#${supLayerId}"]`); if (currentSup.innerText === dataSup) { targetButton.focus(); } } disclaimer.classList.remove('is-active'); }; const centeredFocus = function (e) { if (typeof e !== 'undefined' && typeof e.sourceCapabilities !== 'undefined' && e.sourceCapabilities === null) { e.preventDefault(); return; } if (!document.documentElement.classList.contains('ios') && e && e.relatedTarget == null) return; const _this = this; if (!this.isClicked && !this.isVisible && !isSubNav(this)) { setTimeout(function () { const winOffsetTop = window.pageYOffset; const targetRect = _this.getBoundingClientRect(); const winHeight = (window.innerHeight - UTILS.getNavHeight()) / 2; const targetOffsetMid = winOffsetTop - UTILS.getNavHeight() + targetRect.top + targetRect.height / 2; window.scrollTo(0, targetOffsetMid - winHeight); }, 10); } this.isClicked = false; }; const isSubNav = function (element) { const parent = element.parentNode; const parentId = parent.getAttribute('id'); if (parentId === 'contents' || parent === document.body) { return false; } else { if (parentId === 'subnav' || parent.classList.contains('sc-s22ultra-popup')) { return true; } else { return isSubNav(parent); } } }; const checkClick = function () { this.isClicked = true; }; const setScrollControl = function () { const docClass = document.documentElement.classList; if (UTILS.checkRegion() !== 'global' && !docClass.contains('mac') && !docClass.contains('safari')) { ANIUTIL.scrollController({ speed: 120, duration: 0.5, }); } }; return { init: init, }; })(); window.BUDS.Disclaimer = Disclaimer; })(); (function (global, factory) { global = global; global.TrapFocus = factory(); })(window, function () { 'use strict'; var TrapFocus = (function (isUndefined) { var win = window, doc = win.document, $ = win.jQuery, hasTrap = null, Util = win.BUDS.UTILS; function TrapFocus(container, args) { if (!(this instanceof TrapFocus)) { return new TrapFocus(container, args); } var defParams = { obj: container, prevStep: null, isDestroy: false, IgnoreUtilFocusChanges: false, ariaAttr: { hidden: 'aria-hidden', disabled: 'aria-disabled', modal: 'aria-modal', }, ariaNotHidden: (() => { return args && args.ariaNotHidden ? args.ariaNotHidden : []; })(), classAttr: { clone: 'trapfocus', }, elAttr: { tabIndex: 'tabindex', role: 'role', }, customEvent: '.TrapFocus' + new Date().getTime() + Math.random(), }; this.opts = Util.def(defParams, args || {}); if (!(this.obj = $(this.opts.obj)).length) return; if (hasTrap != null) { hasTrap.destroy(); } hasTrap = this; this.init(); } TrapFocus.prototype = { init: function () { this.initLayout(); this.buildAria(); this.bindEvents(true); this.loadComponent(); this.obj.data('TrapFocus', this); }, initLayout: function () { var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; this.obj.attr(ariaAttr.modal, 'true'); this.obj.attr(elAttr.role, 'dialog'); }, buildAria: function () { var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; var defaultNotHidden = 'head, script, noscript, link, style, meta'; var hiddenParam = this.opts.ariaNotHidden.length > 0 ? `, ${this.opts.ariaNotHidden.join(',')}` : ''; Util.def(this, { aria: { notHidden: Array(defaultNotHidden + hiddenParam), focusType: ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA'], dataAttr: { ariaHidden: 'trapfocusariahidden', ariaDisabled: 'trapfocusariadisabled', tabIndex: 'trapfocustabindex', role: 'trapfocusrole', }, destroy: $.proxy(function () { var dataAttr = this.aria.dataAttr; var hiddenEls = this.aria.hiddenEls; var focusEls = this.aria.focusEls; var tabindexEls = this.aria.tabindexEls; // aria-hidden for (var hMin = 0, hMax = hiddenEls.length; hMin < hMax; hMin++) { (function (h_index) { var hiddenEl = hiddenEls.eq(h_index), ariaCondition = hiddenEl.data(dataAttr.ariaHidden), elCondition = hiddenEl.data(dataAttr.role); if (ariaCondition != isUndefined) { hiddenEl.attr(ariaAttr.hidden, ariaCondition); hiddenEl.removeData(dataAttr.ariaHidden); } else { hiddenEl.removeAttr(ariaAttr.hidden); } if (elCondition != isUndefined) { hiddenEl.attr(elAttr.role, elCondition); hiddenEl.removeData(dataAttr.role); } else { hiddenEl.removeAttr(elAttr.role); } })(hMin); } // aria-disabled for (var fMin = 0, fMax = focusEls.length; fMin < fMax; fMin++) { (function (f_index) { var focusEl = focusEls.eq(f_index), ariaCondition = focusEl.data(dataAttr.ariaDisabled); focusEl.removeAttr(elAttr.tabIndex); if (ariaCondition != isUndefined) { focusEl.attr(ariaAttr.disabled, ariaCondition); focusEl.removeData(dataAttr.ariaDisabled); } else { focusEl.removeAttr(ariaAttr.disabled); } })(fMin); } // tabindex for (var tMin = 0, tMax = tabindexEls.length; tMin < tMax; tMin++) { (function (t_index) { var tabindexEl = tabindexEls.eq(t_index), ariaCondition = tabindexEl.data(dataAttr.tabIndex); if (ariaCondition != isUndefined) { tabindexEl.attr(elAttr.tabIndex, ariaCondition); tabindexEl.removeData(dataAttr.tabIndex); } else { tabindexEl.removeAttr(elAttr.tabIndex); } })(tMin); } var cookieBtnWrap = document.getElementById('teconsent'); if (cookieBtnWrap) { var cookieBtn = cookieBtnWrap.querySelector('a'); if (cookieBtn && cookieBtn.getAttribute('tabindex') === '-1') { cookieBtn.setAttribute('tabindex', '0'); cookieBtn.removeAttribute('aria-disabled'); } } }, this), build: $.proxy(function () { var _this = this; var focusTypes = this.aria.focusType; var dataAttr = this.aria.dataAttr; var objParents = this.obj.parents(); var hiddenEls = this.obj.siblings().not(_this.aria.notHidden.join(',')); var focusEls = $('<x>'); var tabindexEls = $('<x>'); // this.entryFocus(); for (var i = 0, max = objParents.length; i < max; i++) { (function (index) { var _target = objParents.eq(index); hiddenEls = hiddenEls.add(_target.siblings().not(_this.aria.notHidden.join(','))); })(i); } focusEls = focusEls.add(hiddenEls); tabindexEls = tabindexEls.add(hiddenEls); this.obj.removeAttr(ariaAttr.hidden); // aria-hidden for (var hMin = 0, hMax = hiddenEls.length; hMin < hMax; hMin++) { (function (h_index) { var hiddenEl = hiddenEls.eq(h_index), ariaCondition = hiddenEl.attr(ariaAttr.hidden), elCondition = hiddenEl.attr(elAttr.role); if (ariaCondition != isUndefined) { hiddenEl.data(dataAttr.ariaHidden, ariaCondition); } if (elCondition != isUndefined) { hiddenEl.data(dataAttr.role, elCondition); } hiddenEl.attr(ariaAttr.hidden, 'true'); hiddenEl.attr(elAttr.role, 'none presentation'); })(hMin); } // aria-disabled focusEls = focusEls.add(hiddenEls.find(focusTypes.join(',').toLowerCase())); for (var fMin = 0, fMax = focusEls.length; fMin < fMax; fMin++) { (function (f_index) { var focusEl = focusEls.eq(f_index), ariaCondition = focusEl.attr(ariaAttr.disabled); if (ariaCondition != isUndefined) { focusEl.data(dataAttr.ariaDisabled, ariaCondition); } focusEl.attr(ariaAttr.disabled, 'true'); setTimeout(() => { focusEl.attr(elAttr.tabIndex, -1); }); })(fMin); } // tabindex tabindexEls = tabindexEls.add(hiddenEls.find('[' + elAttr.tabIndex + ']')); for (var tMin = 0, tMax = tabindexEls.length; tMin < tMax; tMin++) { (function (t_index) { var tabindexEl = tabindexEls.eq(t_index), ariaCondition = tabindexEl.attr(elAttr.tabIndex); if (ariaCondition != isUndefined) { tabindexEl.data(dataAttr.tabIndex, ariaCondition); } tabindexEl.attr(elAttr.tabIndex, -1); })(tMin); } this.aria.hiddenEls = hiddenEls; this.aria.focusEls = focusEls; this.aria.tabindexEls = tabindexEls; }, this), }, }); }, changeEvents: function (event) { var events = [], eventNames = event.split(' '); for (var key in eventNames) { events.push(eventNames[key] + this.opts.customEvent); } return events.join(' '); }, bindEvents: function (type) { if (type) { $(doc).on(this.changeEvents('focusin'), $.proxy(this.trapFocus, this)); } else { $(doc).off(this.changeEvents('focusin')); } }, focusFirstDescendant: function (element) { for (var i = 0; i < element.childNodes.length; i++) { var child = element.childNodes[i]; if (this.attemptFocus(child) || this.focusFirstDescendant(child)) { return true; } } return false; }, focusLastDescendant: function (element) { for (var i = element.childNodes.length - 1; i >= 0; i--) { var child = element.childNodes[i]; if (this.attemptFocus(child) || this.focusLastDescendant(child)) { return true; } } return false; }, isFocusable: function (element) { if (element.tabIndex > 0 || (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)) { return true; } if (element.disabled) { return false; } switch (element.nodeName) { case 'A': return !!element.href && element.rel != 'ignore'; case 'INPUT': return element.type != 'hidden' && element.type != 'file'; case 'BUTTON': case 'SELECT': case 'TEXTAREA': case 'VIDEO': case 'SOURCE': case 'IFRAME': return true; default: return false; } }, attemptFocus: function (element) { if (this.opts.isDestroy) return; if (!this.isFocusable(element)) { return false; } this.opts.IgnoreUtilFocusChanges = true; try { element.focus(); } catch (e) {} this.opts.IgnoreUtilFocusChanges = false; return document.activeElement === element; }, trapFocus: function (e) { if (this.opts.isDestroy) return; if (this.opts.IgnoreUtilFocusChanges) { return; } var currentDialog = document; this.dynamicComponentFocus(); }, loadComponent: function () { this.dynamicComponentFocus(); // 늦게 붙는 경우 추가 대응 setTimeout(() => { this.dynamicComponentFocus(); }, 3000); this.focusFirstDescendant(this.obj[0]); this.lastFocus = document.activeElement; this.aria.build(); }, // [WAQA]: 다이나믹 컴포넌트 trapfocus 대응 직진 코드임... dynamicComponentFocus: function () { const ariaAttr = this.opts.ariaAttr; const elAttr = this.opts.elAttr; // [WAQA]: 다이나믹 컴포넌트 대응 직진 코드임... // [WAQA]: 국가별로 feedback 컴포넌트 타입이 다름. // - UK만 QSIFeedbackButton-btn 사용하는것으로 보여짐. // 시간차 노출 대응. setTimeout(() => { var feedbackbtn = document.getElementById('QSIFeedbackButton-btn'); var feedbackclosebtn = document.getElementById('QSIFeedbackButton-close-btn'); var feedbackbtn2 = document.getElementById('nebula_div_btn'); var liveChatWrap = document.getElementById('spr-live-chat-app'); var cookieBtnWrap = document.getElementById('teconsent'); if (feedbackbtn) { var feedbackbtnWrap = feedbackbtn.parentElement; feedbackbtn.setAttribute(ariaAttr.disabled, 'true'); feedbackbtn.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap.setAttribute(ariaAttr.disabled, 'true'); feedbackbtnWrap.setAttribute(ariaAttr.hidden, 'true'); feedbackbtnWrap.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap.setAttribute(elAttr.role, 'none presentation'); } if (feedbackbtn2) { var feedbackbtnWrap2 = feedbackbtn2.parentElement; feedbackbtn2.setAttribute(ariaAttr.disabled, 'true'); feedbackbtn2.setAttribute(elAttr.tabIndex, '0'); feedbackbtnWrap2.setAttribute(ariaAttr.disabled, 'true'); feedbackbtnWrap2.setAttribute(ariaAttr.hidden, 'true'); feedbackbtnWrap2.setAttribute(elAttr.tabIndex, '-1'); feedbackbtnWrap2.setAttribute(elAttr.role, 'none presentation'); } if (liveChatWrap) { liveChatWrap.setAttribute(ariaAttr.disabled, 'true'); liveChatWrap.setAttribute(ariaAttr.hidden, 'true'); liveChatWrap.setAttribute(elAttr.tabIndex, '-1'); liveChatWrap.setAttribute(elAttr.role, 'none presentation'); } // cookie preferences if (cookieBtnWrap && cookieBtnWrap.hasAttribute('aria-label')) { setTimeout(() => { var cookieBtn = cookieBtnWrap.querySelector('a'); cookieBtn.setAttribute(elAttr.tabIndex, '-1'); cookieBtn.setAttribute(ariaAttr.disabled, 'true'); cookieBtn.setAttribute(ariaAttr.hidden, 'true'); }); } }); // // 늦게 붙는 경우 대응 // setTimeout(() => { // var cookieBtnWrap = document.getElementById('teconsent'); // if (cookieBtnWrap && cookieBtnWrap.hasAttribute('aria-label')) { // setTimeout(() => { // var cookieBtn = cookieBtnWrap.querySelector('a'); // cookieBtn.setAttribute(elAttr.tabIndex, '-1'); // cookieBtn.setAttribute(ariaAttr.disabled, 'true'); // cookieBtn.setAttribute(ariaAttr.hidden, 'true'); // }); // } // }, 2500); }, destroy: function () { hasTrap = null; this.opts.isDestroy = true; var ariaAttr = this.opts.ariaAttr; var elAttr = this.opts.elAttr; this.bindEvents(false); this.aria.destroy(); this.obj.removeAttr(ariaAttr.modal); }, }; return TrapFocus; })(); return TrapFocus; }); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class SubNav { constructor(el = container, args) { const defParams = { navItems: 'ul li>a', navDests: '[class*="js-nav-"]', visSections: '.js-visible', resizeStart: null, classes: { isOn: 'on', }, }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { if (this.el === null) return; this.setElements(); this.initOpts(); this.bindEvents(); } setElements() { this.navItems = UTILS.convertArray(this.el.querySelectorAll(this.opts.navItems)); this.navDests = document.querySelectorAll(this.opts.navDests); this.visSections = UTILS.convertArray(document.querySelectorAll(this.opts.visSections)); } initOpts() { this.visCount = -1; this.visSections.forEach((visSection) => { visSection.dataset.visIndex = visSection.classList.contains('js-count') ? ++this.visCount : this.visCount; }); this.winOffsetTop = window.pageYOffset; } bindEvents() { this.onScrollHandler(); window.addEventListener('resize', this.onResizeHandler.bind(this)); window.addEventListener('scroll', this.onScrollHandler.bind(this)); const locationHash = window.location.hash; this.navItems.forEach((navItem, index) => { if (navItem.getAttribute('href').indexOf('#') > -1) { navItem.dataset.navIndex = index; navItem.addEventListener('click', this.onNavItemClickEvent.bind(this)); } if (!!locationHash && navItem.getAttribute('href').indexOf(locationHash) > -1) { navItem.parentNode.classList.remove(this.classes.isOn); navItem.click(); } }); } onNavItemClickEvent(e) { e.preventDefault(); const currentTarget = e.target; const parent = currentTarget.parentNode; if (!this.el.classList.contains('hold') && !parent.classList.contains(this.classes.isOn)) { this.navItems.forEach((navItem) => { navItem.parentNode.classList.remove(this.classes.isOn); }); if (!parent.classList.contains(this.classes.isOn)) parent.classList.add(this.classes.isOn); const navIndex = currentTarget.dataset.navIndex; let destYPos = 0; if (currentTarget.dataset.type === 'nav') { const navDest = this.navDests[navIndex]; const navDestRect = navDest.getBoundingClientRect(); const paddingTop = parseInt(window.getComputedStyle(navDest).paddingTop); const winOffsetMiddle = (window.innerHeight - (navDestRect.height - paddingTop) + UTILS.getNavHeight()) / 2; if (navDest.classList.contains('js-nav-center')) { const navDestOffsetMiddle = this.winOffsetTop + navDestRect.top + paddingTop; destYPos = navDestOffsetMiddle - winOffsetMiddle; } else { const navDestOffsetTop = this.winOffsetTop + navDestRect.top - UTILS.getNavHeight(); destYPos = navDestOffsetTop; } if (destYPos < 150) destYPos = 0; this.el.classList.add('hold'); GALAXY.setSmoothScrollTop(destYPos, 1500, () => { if (this.el.classList.contains('hold')) this.el.classList.remove('hold'); if (GALAXY.header) GALAXY.header.resetSubNav(); }); } else { const navDest = this.visSections[navIndex]; const navDestRect = navDest.dataset.rectTop; const navDestOffsetTop = navDestRect; destYPos = navDestOffsetTop; if (destYPos < 150) destYPos = 0; this.el.classList.add('hold'); GALAXY.setSmoothScrollTop(destYPos, 1500, () => { if (this.el.classList.contains('hold')) this.el.classList.remove('hold'); if (GALAXY.header) GALAXY.header.resetSubNav(); }); } } } onScrollHandler() { this.winOffsetTop = window.pageYOffset; var winOffsetMiddle = (window.innerHeight + UTILS.getNavHeight()) / 2; this.visSections.forEach((visSection) => { var visibleRect = visSection.getBoundingClientRect(); var visibleTop, visibleBottom; if (visSection.dataset.rectTop && visSection.dataset.rectBottom) { visibleTop = JSON.parse(visSection.dataset.rectTop); visibleBottom = JSON.parse(visSection.dataset.rectBottom); } else { visibleTop = this.winOffsetTop + visibleRect.top; visibleBottom = this.winOffsetTop + visibleRect.bottom; } if (!this.el.classList.contains('hold') && this.winOffsetTop + winOffsetMiddle >= visibleTop && this.winOffsetTop + winOffsetMiddle <= visibleBottom) { var visIndex = visSection.dataset.visIndex; // console.log(visIndex, ':', this.winOffsetTop + winOffsetMiddle, ':', visibleTop, visibleBottom); this.navItems.forEach((navItem, index) => { if (index != visIndex && navItem.parentNode.classList.contains(this.classes.isOn)) { navItem.parentNode.classList.remove(this.classes.isOn); } }); var parent = this.navItems[visIndex].parentNode; if (!parent.classList.contains(this.classes.isOn)) { parent.classList.add(this.classes.isOn); if (!this.el.classList.contains('hold') && parent.classList.contains(this.classes.isOn)) { if (GALAXY.header) GALAXY.header.resetSubNav(); } } } }); } onResizeHandler() { if (UTILS.winSize().w === this.winWidth) return; this.winWidth = UTILS.winSize().w; if (this.opts.resizeStart == null) { this.opts.resizeStart = this.winWidth; this.resizeAnimateFunc(); } window.clearTimeout(this.resizeEndTime); this.resizeEndTime = window.setTimeout(this.resizeEndFunc.bind(this), 150); } resizeAnimateFunc() { this.onScrollHandler(); this.resizeRequestFrame = UTILS.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)); } resizeEndFunc() { this.opts.resizeStart = null; UTILS.cancelAFrame.call(window, this.resizeRequestFrame); } } BUDS.SubNav = SubNav; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class ImageTab { constructor(section, opts = {}) { this.opts = { currentIndex: 0, ...opts, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].removeAttribute('tabindex'); this.el.tabPanels[index].style.zIndex = 1; } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].setAttribute('tabindex', -1); this.el.tabPanels[index].style.zIndex = ''; setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.el.tabPanels[index].style.zIndex = -1; }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.ImageTab = ImageTab; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class CommonVideo { constructor(section, opts) { this.opts = { useController: true, controlTagging: { play: 'movi-play', pause: 'movi-pause', }, ...opts, }; this.selector = { section, videoElement: '.video__container', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, videoElement: null, videoPlayer: null, }; this.events = {}; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.buildVideoPlayer(); } setElements() { this.el.videoElement = this.el.section.querySelector(this.selector.videoElement); } buildVideoPlayer() { this.el.videoPlayer = { instance: null, build: () => { if (this.el.videoPlayer.instance !== null) return; this.el.videoPlayer.instance = new BUDS.VideoPlayer(this.el.videoElement, { sectionElement: this.selector.section, // videoParentElement: this.selector.section, // playOffset: 0.8, playType: 'reverse', on: { updateController: (data) => { if (!this.opts.useController) return; let playState = data.playState ? 'pause' : 'play'; const videoController = data.el; const targetTagging = this.opts.controlTagging; if (videoController) { videoController.setAttribute('data-omni', `${targetTagging[playState]}`); videoController.setAttribute('ga-la', `${targetTagging[playState]}`); const blindText = videoController.querySelector('.blind'); if (blindText) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState]) { blindText.innerText = LOCAL_VARI[playState]; } else { blindText.innerText = playState; } } } }, }, }); }, }; this.el.videoPlayer.build(); } } BUDS.CommonVideo = CommonVideo; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class ScrollToggle { constructor(section, opts) { this.opts = { direction: 'reverse', // 'oneWay', 'reverse' motionStart: 0, ...opts, }; this.selector = { section, wrap: '#wrap', target: '.charging__content', ...opts.selector, }; this.class = { scrollEffect: 'scroll-effect', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.target = this.el.section.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.scroll(); window.removeEventListener('load', this.events.load); } onScrollHandler() { const navHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY + navHeight; const winOffsetBottom = scrollY + window.innerHeight; const startPoint = (window.innerHeight - navHeight) * this.opts.motionStart; const motionStartTop = winOffsetTop + startPoint; const motionStartBottom = scrollY + window.innerHeight - startPoint; const triggerRect = this.el.target.getBoundingClientRect(); const triggerOffsetTop = scrollY + triggerRect.top; const triggerOffsetBottom = scrollY + triggerRect.bottom; if (this.opts.direction == false || this.opts.direction == 'oneWay') { if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { this.el.target.classList.add(this.class.scrollEffect); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.scrollEffect); } } if (this.opts.direction == 'reverse') { if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { this.el.target.classList.add(this.class.scrollEffect); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.scrollEffect); } else if (winOffsetTop > triggerOffsetBottom) { this.el.target.classList.remove(this.class.scrollEffect); } } } } BUDS.ScrollToggle = ScrollToggle; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class HighlightCarousel { constructor(section, opts = {}) { this.opts = { currDevice: null, prevDevice: null, resizeTimeout: null, clickTimeout: null, focusMoveTimeout: null, tagging: { pagination: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:catch-the-highlights^design:sldr-dots:#', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'gbuds:highlights:catch-the-highlights^design:sldr-dots:#', }, navigation: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:catch-the-highlights:sldr-arrow:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'gbuds:highlights:catch-the-highlights:sldr-arrow:', }, }, taggingIdList: ['design', 'sound', 'anc', 'galaxy-ai'], prevIndex: -1, activeIndex: 0, videoCanPlay: true, videoAnimationFrame: null, videoCircleSize: 266, isFocusPrevArrow: false, isFocusNextArrow: false, isCarouselAutoPlay: true, isVideoAutoPlay: true, prevState: true, startX: 0, endX: 0, isPointerMoving: false, ...opts, }; this.selector = { section, frontSlider: '.front-slider', backSlider: '.background-slider', swiper: '.swiper', swiperSlide: '.swiper-slide', swiperSlideTitle: '.wearable-common__carousel-tit', swiperPrevArrow: '.wearable-common__carousel-prev', swiperNextArrow: '.wearable-common__carousel-next', swiperPagination: '.wearable-common__carousel-pagination', swiperScrollbar: '.swiper-scrollbar', videoContainer: '.video__container', videoController: '.video__controller', blindController: '.js-blind-controller', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, frontSlider: null, frontSwiper: null, frontSwiperEl: null, frontSwiperSlides: null, backSlider: null, backSwiper: null, backSwiperEl: null, swiperPrevArrow: null, swiperNextArrow: null, swiperPagination: null, swiperScrollbar: null, videoContainers: null, videoControllers: null, blindController: null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), resize: this.onResizeHandler.bind(this), prevArrow: { click: this.onClickPrevArrow.bind(this), keyDown: this.onKeyDownPrevArrow.bind(this), focusin: this.onFocusinPrevArrow.bind(this), focusout: this.onFocusoutPrevArrow.bind(this), }, nextArrow: { click: this.onClickNextArrow.bind(this), keyDown: this.onKeyDownNextArrow.bind(this), focusin: this.onFocusinNextArrow.bind(this), focusout: this.onFocusoutNextArrow.bind(this), }, controller: { click: this.onClickControllButton.bind(this), }, blindController: { click: this.onClickBlindController.bind(this), }, click: { down: this.onClickDownHandler.bind(this), up: this.onClickUpHandler.bind(this), }, }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.setVideoPlayer(); this.setSwiper(); this.bindEvents(); } setElements() { // Front Swiper this.el.frontSlider = this.el.section.querySelector(this.selector.frontSlider); this.el.frontSwiperEl = this.el.frontSlider.querySelector(this.selector.swiper); this.el.frontSwiperSlides = this.el.frontSlider.querySelectorAll(this.selector.swiperSlide); this.el.swiperPrevArrow = this.el.frontSlider.querySelector(this.selector.swiperPrevArrow); this.el.swiperNextArrow = this.el.frontSlider.querySelector(this.selector.swiperNextArrow); this.el.swiperPagination = this.el.frontSlider.querySelector(this.selector.swiperPagination); this.el.swiperScrollbar = this.el.frontSlider.querySelector(this.selector.swiperScrollbar); this.el.blindController = this.el.frontSlider.querySelector(this.selector.blindController); // Background Swiper this.el.backSlider = this.el.section.querySelector(this.selector.backSlider); this.el.backSwiperEl = this.el.backSlider.querySelector(this.selector.swiper); // Video Containers this.el.videoContainers = this.el.section.querySelectorAll(this.selector.videoContainer); this.el.videoControllers = this.el.section.querySelectorAll(this.selector.videoController); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); window.addEventListener('resize', this.events.resize); this.el.frontSwiperEl.addEventListener('mousedown', this.events.click.down); this.el.frontSwiperEl.addEventListener('mouseup', this.events.click.up); this.el.frontSwiperEl.addEventListener('touchstart', this.events.click.down); this.el.frontSwiperEl.addEventListener('touchend', this.events.click.up); Array.from(this.el.videoControllers).forEach((videoController) => { videoController.addEventListener('click', this.events.controller.click); }); this.el.blindController.addEventListener('click', this.events.blindController.click); } onLoadHandler() { this.events.resize(); this.events.scroll(); window.removeEventListener('load', this.events.load); } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; if (this.opts.currDevice !== this.opts.prevDevice) { this.opts.activeIndex = 0; this.opts.videoCanPlay = true; clearTimeout(this.opts.resizeTimeout); this.opts.resizeTimeout = setTimeout(() => { this.opts.videoCanPlay = true; this.events.scroll(); this.onResponsiveChange(); }, 150); this.opts.prevDevice = this.opts.currDevice; } } onResponsiveChange() { this.resetVideo(); this.setSwiper(); } onScrollHandler() { const target = this.el.frontSwiperEl; const targetRect = target.getBoundingClientRect(); const visibleOffset = targetRect.height; const unVisibleOffset = targetRect.height * 0.15; const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + innerHeight; const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetBottom = winOffsetTop + targetRect.bottom; if (winOffsetBottom >= targetOffsetTop + visibleOffset && winOffsetTop + UTILS.getNavHeight() <= targetOffsetBottom - unVisibleOffset) { if (!this.opts.videoCanPlay) return; this.opts.videoCanPlay = false; const targetVideo = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer); targetVideo && this.playVideo(targetVideo); } else if (winOffsetBottom < targetOffsetTop || winOffsetTop + UTILS.getNavHeight() > targetOffsetBottom - unVisibleOffset) { if (this.opts.videoCanPlay) return; this.onFocusoutNextArrow(); this.onFocusoutPrevArrow(); this.opts.videoCanPlay = true; this.resetVideo(true); } } // Set Swiper Elements setSwiper() { this.destroyFrontSwiper(); this.setFrontSwiper(); this.destroyBackSwiper(); this.setBackSwiper(); } setFrontSwiper() { if (this.el.frontSwiper !== null) return; const _this = this; this.el.frontSwiper = new Swiper(this.el.frontSwiperEl, { init: false, a11y: false, speed: 400, allowTouchMove: true, centeredSlides: true, centeresSlidesBounds: true, slidesPerView: 'auto', navigation: { nextEl: _this.el.swiperNextArrow, prevEl: _this.el.swiperPrevArrow, }, scrollbar: { el: _this.el.swiperScrollbar, draggable: true, }, pagination: { el: _this.el.swiperPagination, bulletActiveClass: 'is-active', renderBullet: function (index) { const tagging = _this.opts.tagging.pagination; const taggingId = _this.opts.taggingIdList[index]; return ` <li role="listitem" class="wearable-common__carousel-pagination-item"> <button class="wearable-common__carousel-pagination-bullet swiper-pagination-bullet" role="button" data-omni-type="${tagging['data-omni-type']}" data-omni="gbuds:highlights:catch-the-highlights^${taggingId}:sldr-dots:#" ga-ca="${tagging['ga-ca']}" ga-ac="${tagging['ga-ac']}" ga-la="gbuds:highlights:catch-the-highlights^${taggingId}:sldr-dots:#"></button> </li> `; }, }, }); this.el.frontSwiper.on('transitionEnd', function () { if (this.slides[this.activeIndex].classList.contains('js-active-slide')) return; _this.opts.activeIndex = this.activeIndex; _this.resetVideo(); if (_this.opts.videoCanPlay) return; const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); if (targetVideo) { _this.playVideo(targetVideo); } _this.setSwiperActiveClass.call(this); }); this.el.frontSwiper.on('scrollbarDragEnd', function () { _this.opts.isCarouselAutoPlay = false; if (this.slides[this.activeIndex].classList.contains('js-active-slide')) return; _this.opts.activeIndex = this.activeIndex; _this.resetVideo(); if (_this.opts.videoCanPlay) return; const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); if (targetVideo) { _this.playVideo(targetVideo); } _this.setSwiperActiveClass.call(this); }); this.el.frontSwiper.on('snapIndexChange', function () { const slideTitle = this.slides[this.activeIndex].querySelector('.video__controller')?.getAttribute('title') ?? ''; _this.el.blindController.setAttribute('title', `${slideTitle}`); _this.setNavigationDisabled(); }); this.el.frontSwiper.on('slideChange', function () { _this.opts.activeIndex = this.activeIndex; _this.setSlideA11y(); _this.setNavigationDisabled(); _this.setPaginationLabel(); const targetVideo = this.slides[this.activeIndex].querySelector(_this.selector.videoContainer); const targetController = targetVideo.querySelector(_this.selector.videoController); if (_this.opts.isCarouselAutoPlay) { clearTimeout(_this.opts.focusMoveTimeout); _this.opts.focusMoveTimeout = setTimeout(() => { targetController && targetController.focus(); }, 300); } if (_this.opts.activeIndex === this.slides.length - 1) { _this.opts.isCarouselAutoPlay = false; } if (_this.el.backSwiper !== null) { _this.el.backSwiper.slideTo(this.realIndex); } }); this.el.frontSwiper.on('init', function () { _this.opts.activeIndex = this.activeIndex; _this.setSlideA11y(); _this.setNavigationLabel(); _this.setPaginationLabel(); _this.setNavigationDisabled(); _this.el.swiperPrevArrow.addEventListener('click', _this.events.prevArrow.click); _this.el.swiperNextArrow.addEventListener('click', _this.events.nextArrow.click); _this.el.swiperPrevArrow.addEventListener('keydown', _this.events.prevArrow.keyDown); _this.el.swiperNextArrow.addEventListener('keydown', _this.events.nextArrow.keyDown); _this.el.swiperPrevArrow.addEventListener('focusin', _this.events.prevArrow.focusin); _this.el.swiperNextArrow.addEventListener('focusin', _this.events.nextArrow.focusin); _this.el.swiperPrevArrow.addEventListener('focusout', _this.events.prevArrow.focusout); _this.el.swiperNextArrow.addEventListener('focusout', _this.events.nextArrow.focusout); const swiper = this; const bullets = swiper.pagination.bullets; Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); swiper.slideTo(index); }); }); }); this.el.frontSwiper.init(); } destroyFrontSwiper() { if (this.el.frontSwiper === null) return; this.el.swiperPrevArrow.removeEventListener('click', this.events.prevArrow.click); this.el.swiperNextArrow.removeEventListener('click', this.events.nextArrow.click); this.el.swiperPrevArrow.removeEventListener('keydown', this.events.prevArrow.keyDown); this.el.swiperNextArrow.removeEventListener('keydown', this.events.nextArrow.keyDown); this.el.frontSwiper.destroy(true, true); this.el.frontSwiper = null; } setBackSwiper() { if (this.el.backSwiper !== null) return; this.el.backSwiper = new Swiper(this.el.backSwiperEl, { init: false, a11y: false, speed: 600, allowTouchMove: false, centeredSlides: true, centeresSlidesBounds: true, slidesPerView: 'auto', }); this.el.backSwiper.on('init', function () { Array.from(this.slides).forEach((slide) => { slide.setAttribute('aria-hidden', 'true'); slide.setAttribute('tabindex', '-1'); }); }); this.el.backSwiper.init(); } destroyBackSwiper() { if (this.el.backSwiper === null) return; this.el.backSwiper.destroy(true, true); this.el.backSwiper = null; } slideTo(duration = 300) { if (this.el.frontSwiper === null) return; this.el.frontSwiper.slideTo(this.opts.activeIndex, duration); } setSwiperActiveClass() { Array.from(this.slides).forEach((slide, index) => { if (this.activeIndex !== index) { slide.classList.remove('js-active-slide'); } else { slide.classList.add('js-active-slide'); } }); } // Set Swiper Tagging & A11y setSlideA11y() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; const activeIndex = swiper.activeIndex; Array.from(slides).forEach((slide, index) => { const slideClickables = slide.querySelectorAll('a, button, input, select, iframe'); if (activeIndex === index) { slide.setAttribute('aria-hidden', false); if (slideClickables.length > 0) { slideClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.removeAttribute('tabindex'); }); } } else { slide.setAttribute('aria-hidden', true); if (slideClickables.length > 0) { slideClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'true'); clickable.setAttribute('tabindex', '-1'); }); } } }); } setNavigationLabel() { const tagging = this.opts.tagging.navigation; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localPrev = typeof LOCAL_VARI.previous !== 'undefined' && !!LOCAL_VARI.previous ? LOCAL_VARI.previous : 'Previous'; const localNext = typeof LOCAL_VARI.next !== 'undefined' && !!LOCAL_VARI.next ? LOCAL_VARI.next : 'Next'; this.el.swiperPrevArrow.querySelector('.blind').innerText = localPrev; this.el.swiperNextArrow.querySelector('.blind').innerText = localNext; } else { this.el.swiperPrevArrow.querySelector('.blind').innerText = 'Previous'; this.el.swiperNextArrow.querySelector('.blind').innerText = 'Next'; } Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'ga-la') { this.el.swiperPrevArrow.setAttribute(key, `${tagging[key]}left`); } else { this.el.swiperPrevArrow.setAttribute(key, tagging[key]); } }); Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'ga-la') { this.el.swiperNextArrow.setAttribute(key, `${tagging[key]}right`); } else { this.el.swiperNextArrow.setAttribute(key, tagging[key]); } }); } setNavigationDisabled() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; if (swiper.activeIndex === 0 && swiper.activeIndex < swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = true; this.el.swiperNextArrow.disabled = false; this.onA11y(this.el.swiperPrevArrow); this.offA11y(this.el.swiperNextArrow); } else if (swiper.activeIndex > 0 && swiper.activeIndex === swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = false; this.el.swiperNextArrow.disabled = true; this.offA11y(this.el.swiperPrevArrow); this.onA11y(this.el.swiperNextArrow); } else if (swiper.activeIndex > 0 && swiper.activeIndex < swiper.slides.length - 1) { this.el.swiperPrevArrow.disabled = false; this.el.swiperNextArrow.disabled = false; this.offA11y(this.el.swiperPrevArrow); this.offA11y(this.el.swiperNextArrow); } } setPaginationLabel() { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; const bullets = swiper.pagination.bullets; const activeIndex = swiper.activeIndex; Array.from(bullets).forEach((bullet, index) => { const slideTitle = slides[index].querySelector(this.selector.swiperSlideTitle)?.innerText ?? ''; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localSlide = typeof LOCAL_VARI.slide !== 'undefined' && !!LOCAL_VARI.slide ? LOCAL_VARI.slide : 'Slide'; const localSelected = typeof LOCAL_VARI.selected !== 'undefined' && !!LOCAL_VARI.selected ? LOCAL_VARI.selected : 'selected'; if (activeIndex === index) { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle} ${localSelected}`); } else { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle}`); } } else { if (activeIndex === index) { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle} selected`); } else { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle}`); } } }); } onA11y(el) { const clickables = el.querySelectorAll('a, button, input, select, iframe'); el.setAttribute('aria-hidden', 'true'); el.setAttribute('tabindex', '-1'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'true'); clickables[i].setAttribute('tabindex', ' -1'); } } offA11y(el) { el.setAttribute('aria-hidden', 'false'); el.removeAttribute('tabindex'); const clickables = el.querySelectorAll('a, button, input, select, iframe'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'false'); clickables[i].removeAttribute('tabindex'); } } // Set Swiper Element Events onClickPrevArrow() { if (this.el.frontSwiper === null) return; clearTimeout(this.opts.clickTimeout); this.opts.clickTimeout = setTimeout(() => { if (this.el.frontSwiper.isBeginning) { this.el.swiperNextArrow.focus(); } }, 100); this.opts.isCarouselAutoPlay = false; } onClickNextArrow() { clearTimeout(this.opts.clickTimeout); this.opts.clickTimeout = setTimeout(() => { if (this.el.frontSwiper.isEnd) { this.el.swiperPrevArrow.focus(); } }, 100); this.opts.isCarouselAutoPlay = false; } onKeyDownPrevArrow(e) { if (e.key.toLowerCase() !== 'enter') return; this.onClickPrevArrow(); } onKeyDownNextArrow(e) { if (e.key.toLowerCase() !== 'enter') return; this.onClickNextArrow(); } onFocusinPrevArrow() { this.opts.isFocusPrevArrow = true; } onFocusinNextArrow() { this.opts.isFocusNextArrow = true; } onFocusoutPrevArrow() { if (this.el.frontSwiper.isBeginning && this.opts.isFocusPrevArrow) { this.onClickPrevArrow(); } this.opts.isFocusPrevArrow = false; } onFocusoutNextArrow() { if (this.el.frontSwiper.isEnd && this.opts.isFocusNextArrow) { this.onClickNextArrow(); } this.opts.isFocusNextArrow = false; } onClickControllButton() { if (this.opts.isCarouselAutoPlay) this.opts.isCarouselAutoPlay = false; this.opts.isVideoAutoPlay = !this.opts.isVideoAutoPlay; } onClickBlindController() { const targetVideo = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer); this.opts.isVideoAutoPlay = !targetVideo.playState; if (!this.opts.isVideoAutoPlay) { this.el.videoPlayer.pause(targetVideo); } else { this.el.videoPlayer.play(targetVideo); } this.opts.isCarouselAutoPlay = false; } onClickDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startX = this.getMovePointerX(event); } onClickUpHandler(event) { if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.frontSwiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { this.opts.isCarouselAutoPlay = false; } } getMovePointerX(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientX; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientX; } else { return e.clientX; } } } // Set Video Player setVideoPlayer() { this.el.videoPlayer = { instance: [], load: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onLoad(video); }); }, reset: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onReset(video); }); }, play: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onPlay(video); }); }, pause: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onPause(video); }); }, ended: (video) => { if (!this.el.videoPlayer.instance.length) return; this.el.videoPlayer.instance.forEach((player) => { player.onEnded(video); }); }, init: () => { if (this.el.videoPlayer.instance.length || this.el.videoContainers.length === 0) return; this.el.videoContainers.forEach((videoContainer, index) => { this.el.videoPlayer.instance.push( new BUDS.VideoPlayer(videoContainer, { sectionElement: this.selector.section, playType: 'others', on: { updateController: (data) => { let playState = data.playState ? 'pause' : 'play'; const videoController = data.el; const taggingId = this.opts.taggingIdList[index]; videoController.setAttribute('data-omni', `gbuds:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#`); videoController.setAttribute('ga-la', `gbuds:highlights:catch-the-highlights^${taggingId}:movi-${playState}:#`); const blindText = videoController.querySelector('.blind'); const playStateTxt = typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState] ? LOCAL_VARI[playState] : playState; if (blindText) { blindText.innerText = playStateTxt; } if (playState !== this.opts.prevState) { this.el.blindController.innerText = `${playStateTxt}`; this.opts.prevState = playState; } if (data.playState) { this.playProgress(videoContainer); } }, }, }) ); }); }, }; this.el.videoPlayer.init(); } playVideo(targetVideo) { const checkVideoLoad = () => { if (targetVideo.classList.contains('loaded')) { cancelAnimationFrame(this.opts.videoAnimationFrame); if (!UTILS.isLowNetwork()) { this.opts.isVideoAutoPlay && this.el.videoPlayer.play(targetVideo); } } else { this.opts.videoAnimationFrame = requestAnimationFrame(checkVideoLoad); } }; this.opts.videoAnimationFrame = requestAnimationFrame(checkVideoLoad); } resetVideo(allReset = false) { if (this.el.frontSwiper === null) return; const swiper = this.el.frontSwiper; const slides = swiper.slides; if (allReset) { Array.from(slides).forEach((slide) => { const targetVideo = slide.querySelector(this.selector.videoContainer); this.el.videoPlayer.reset(targetVideo); this.resetProgress(targetVideo); }); } else { Array.from(slides).forEach((slide, index) => { const targetVideo = slide.querySelector(this.selector.videoContainer); if (index !== swiper.activeIndex && targetVideo) { this.el.videoPlayer.reset(targetVideo); this.resetProgress(targetVideo); } }); } } playProgress(videoContainer) { let prevProgress = this.opts.videoCircleSize; const video = videoContainer.querySelector('video'); const duration = video.duration; const controller = videoContainer.querySelector('.video__controller'); const progressIcon = controller.querySelector('.progress-icon'); const line = progressIcon.querySelector('.draw-line'); const updateProgress = () => { if (progressIcon && duration) { // Playing if (!video.paused && !video.ended) { const timer = (video.currentTime / duration) * 100; let circleProgress = (this.opts.videoCircleSize * (100 - timer)) / 100; circleProgress = circleProgress < 8 ? 0 : circleProgress; if (circleProgress < prevProgress) { TweenMax.to(line, 0, { strokeDashoffset: circleProgress, }); prevProgress = circleProgress; } this.opts.frame = requestAnimationFrame(updateProgress); } // Ended if (video.ended) { if (!UTILS.isLowNetwork()) { if (this.opts.isCarouselAutoPlay && !this.opts.videoCanPlay) { this.opts.activeIndex++; this.slideTo(); } } cancelAnimationFrame(this.opts.frame); } } }; this.opts.frame = requestAnimationFrame(updateProgress); } resetProgress(videoContainer) { const controller = videoContainer.querySelector('.video__controller'); const progressIcon = controller.querySelector('.progress-icon'); if (progressIcon) { const line = progressIcon.querySelector('.draw-line'); TweenMax.to(line, 0, { strokeDashoffset: this.opts.videoCircleSize, }); } } } BUDS.HighlightCarousel = HighlightCarousel; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Welcome { constructor(section, opts) { this.opts = { resizeTimeout: null, resizeTimeout1: null, useInteger: false, progress: 0, prevress: null, motionStart: 0, motionEnd: 1, ...opts, }; this.selector = { section, trigger: '.welcome__background', target: '.welcome__background--after', }; this.class = { featureHide: 'is-feature-hide', }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.trigger = this.el.section.querySelector(this.selector.trigger); this.el.target = this.el.trigger.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('resize', this.events.resize); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.resize(); this.events.scroll(); window.removeEventListener('load', this.events.load); } onResizeHandler() { this.events.scroll(); } onScrollHandler() { const navHeight = UTILS.getNavHeight(); const winOffsetBottom = scrollY + window.innerHeight; const motionRect = this.el.target.getBoundingClientRect(); const startPoint = motionRect.height * this.opts.motionStart; const endPoint = motionRect.height * this.opts.motionEnd; const motionOffsetTop = scrollY + motionRect.top; const motionOffsetBottom = scrollY + motionRect.top + endPoint; if (winOffsetBottom >= motionOffsetTop + startPoint && winOffsetBottom <= motionOffsetBottom) { const percent = ((motionRect.top + startPoint - window.innerHeight) / (motionRect.height - startPoint - (motionRect.height - endPoint))) * -100; this.opts.progress = this.opts.useInteger ? Math.round(percent) : percent; } else if (winOffsetBottom < motionOffsetTop) { this.opts.progress = 0; } else if (winOffsetBottom > motionOffsetBottom) { this.opts.progress = 100; } this.opacityMotion(); if (this.opts.progress !== this.opts.prevress) { this.opts.prevress = this.opts.progress; } } opacityMotion() { let opacity = this.opts.progress * 0.01; this.el.target.style.opacity = opacity; } } BUDS.Welcome = Welcome; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class NewDesign { constructor(section, opts = {}) { this.opts = { currentIndex: 0, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', tabCTAText: '.tab-cta__text', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); this.el.tabCTATexts = this.el.section.querySelectorAll(this.selector.tabCTAText); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(this.el.tabCTATexts[index]); this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].style.zIndex = 5; } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(this.el.tabCTATexts[index]); this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].style.zIndex = ''; setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.NewDesign = NewDesign; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Intuitive { constructor(section, opts = {}) { this.opts = { currDevice: 'desktop', prevDevice: null, prevIndex: null, currentIndex: 0, isPlaying: false, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanels: '.common__tab-panels', tabPanel: '.common__tab-panel', videoContainer: '.video__container', videoController: '.video__controller', play: '.play', pause: '.pause', ...opts.selector, }; this.class = { featureHide: 'is-feature-hide', isActive: 'is-active', tabPanel: 'common__tab-panel', loaded: 'loaded', ended: 'ended', paused: 'paused', playing: 'playing', isPaused: 'is-paused', videoController: 'video__controller', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.tagging = { swipe: { play: 'gbuds:highlights:design^swipe:movi-play:#', pause: 'gbuds:highlights:design^swipe:movi-pause:#', }, pinch: { play: 'gbuds:highlights:design^pinch:movi-play:#', pause: 'gbuds:highlights:design^pinch:movi-pause:#', }, }; this.events = { load: this.onLoadHandler.bind(this), canplaythrough: this.onCanplaythrough.bind(this), click: this.onClickHandler.bind(this), scroll: this.onScrollHandler.bind(this), resize: this.onResizeHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.initVideoPlayer(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanelWrapper = this.el.section.querySelector(this.selector.tabPanels); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); this.el.videoContainers = this.el.section.querySelectorAll(this.selector.videoContainer); this.el.videoControllers = this.el.section.querySelectorAll(this.selector.videoController); this.el.videos = this.el.section.querySelectorAll('video'); } bindEvents() { window.addEventListener('load', this.events.load); Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); window.addEventListener('resize', this.events.resize); } onLoadHandler() { this.el.videoContainers[this.opts.currentIndex].querySelector('video').addEventListener('canplaythrough', this.events.canplaythrough, { once: true }); window.removeEventListener('load', this.events.load); } onCanplaythrough(e) { if (!UTILS.isLowNetwork()) { this.events.scroll(); window.addEventListener('scroll', this.events.scroll); } } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; if (this.opts.currDevice !== this.opts.prevDevice) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currDevice; } } onResponsiveChange() { if (!UTILS.isLowNetwork()) { this.events.scroll(); } } onClickHandler(e, clickedIndex) { this.opts.prevIndex = this.opts.currentIndex; this.opts.currentIndex = clickedIndex; if (this.opts.prevIndex === this.opts.currentIndex) return; Array.from(this.el.tabs).forEach((tab, index) => { clickedIndex === index && this.setActive(tab, index); clickedIndex !== index && this.setInactive(tab, index); }); this.opts.isPlaying = true; } onScrollHandler() { const scrollY = window.scrollY; const target = this.el.videoContainers[this.opts.currentIndex]; const targetHeight = target.getBoundingClientRect().height; const windowHeight = window.innerHeight; const visibleOffset = targetHeight * 0.5; const scrollTop = scrollY; const scrollBottom = scrollY + windowHeight; const targetOffsetTop = scrollTop + target.getBoundingClientRect().top; const targetOffsetBottom = scrollTop + target.getBoundingClientRect().bottom; if (scrollBottom > targetOffsetTop + visibleOffset && scrollTop < targetOffsetBottom) { if (this.opts.isPlaying) return; const checkVideoLoad = () => { if (target.classList.contains(this.class.playing)) { cancelAnimationFrame(this.opts.videoPlayTime); this.videoPlayer.play(target); this.opts.isPlaying = true; } else { this.opts.videoPlayTime = requestAnimationFrame(checkVideoLoad); this.videoPlayer.play(target); this.opts.isPlaying = true; } }; this.opts.videoPlayTime = requestAnimationFrame(checkVideoLoad); } else if (scrollBottom < targetOffsetTop || scrollTop > targetOffsetBottom) { if (this.opts.isPlaying == false) return; this.videoPlayer.reset(target); this.opts.isPlaying = false; } } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].style.zIndex = 5; if (this.el.videoControllers.length > 0) { this.el.videoControllers[index].removeAttribute('tabindex'); } if (!UTILS.isLowNetwork()) { this.videoPlayer.play(this.el.videoContainers[index]); this.opts.isPlaying = true; } } setInactive(tab, index) { if (!this.el.tabPanels[index].classList.contains(this.class.isActive)) return; this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].style.zIndex = ''; if (this.el.videoControllers.length > 0) { this.el.videoControllers[index].setAttribute('tabindex', -1); } setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.videoPlayer.reset(this.el.videoContainers[index]); }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } setControllerLocalVari(controller) { const playImg = controller.querySelector(this.selector.play); const pauseImg = controller.querySelector(this.selector.pause); playImg.setAttribute('alt', LOCAL_VARI.play); pauseImg.setAttribute('alt', LOCAL_VARI.pause); } initVideoPlayer() { this.videoPlayer = { instance: [], load: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance.forEach((videoPlayer) => { videoPlayer.onLoad(video); }); }, reset: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance.forEach((videoPlayer) => { videoPlayer.onReset(video); }); }, play: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onPlay(video); }, pause: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onPause(video); }, ended: (video) => { if (!this.videoPlayer.instance.length) return; this.videoPlayer.instance[this.opts.currentIndex].onEnded(video); }, init: () => { if (this.videoPlayer.instance.length) return; this.el.videoContainers.forEach((videoContainer) => { const videoParent = videoContainer.closest(this.class.tabPanel); const controller = videoContainer.querySelector(this.selector.videoController); if (controller) { this.setControllerLocalVari(controller); } this.videoPlayer.instance.push( new BUDS.VideoPlayer(videoContainer, { sectionElement: this.selector.section, // videoParentElement: videoParent, on: { updateController: (data) => { if (controller) { const playState = data.playState ? 'pause' : 'play'; const controller = data.el; const tagging = controller.dataset.tagging; controller.setAttribute('data-omni', `${this.tagging[tagging][playState]}`); controller.setAttribute('ga-la', `${this.tagging[tagging][playState]}`); const blindText = controller.querySelector('.blind'); if (blindText) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI && typeof LOCAL_VARI[playState] !== 'undefined' && !!LOCAL_VARI[playState]) { blindText.innerText = LOCAL_VARI[playState]; } else { blindText.innerText = playState; } } } }, }, }) ); }); }, }; this.videoPlayer.init(); } } BUDS.Intuitive = Intuitive; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Amplifier { constructor(section, opts) { this.opts = { ...opts, }; this.selector = { section, wrap: '#wrap', target: '.charging__content', ...opts.selector, }; this.class = { frame01: 'frame01', frame02: 'frame02', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, }; this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.target = this.el.section.querySelector(this.selector.target); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.scroll); } onLoadHandler() { this.events.scroll(); window.removeEventListener('load', this.events.load); } onScrollHandler() { let percent = 0; const navHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY + navHeight; const winOffsetBottom = scrollY + window.innerHeight; const motionStartTop = winOffsetTop; const motionStartBottom = scrollY + window.innerHeight; const triggerRect = this.el.target.getBoundingClientRect(); const triggerOffsetTop = scrollY + triggerRect.top; const triggerOffsetBottom = scrollY + triggerRect.bottom; if ((motionStartBottom >= triggerOffsetTop && motionStartTop <= triggerOffsetBottom) || (motionStartTop <= triggerOffsetBottom && motionStartBottom >= triggerOffsetTop)) { percent = ((triggerRect.top - window.innerHeight) / triggerRect.height) * -100; } if (percent >= 50 && percent < 80) { this.el.target.classList.add(this.class.frame01); } else if (percent >= 80) { this.el.target.classList.add(this.class.frame01); this.el.target.classList.add(this.class.frame02); } else if (winOffsetBottom < triggerOffsetTop) { this.el.target.classList.remove(this.class.frame01); this.el.target.classList.remove(this.class.frame02); } } } BUDS.Amplifier = Amplifier; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; class Anc { constructor(section, opts = {}) { this.opts = { currentIndex: 0, }; this.selector = { section, tabList: '.common__tab-list', tab: '.common__tab-cta', tabPanel: '.common__tab-panel', ...opts.selector, }; this.class = { isActive: 'is-active', featureHide: 'is-feature-hide', ...opts.class, }; this.el = { section: document.querySelector(this.selector.section) || null, }; this.events = { click: this.onClickHandler.bind(this), }; this.init(); } init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.tabs = this.el.section.querySelectorAll(this.selector.tab); this.el.tabPanels = this.el.section.querySelectorAll(this.selector.tabPanel); Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } bindEvents() { Array.from(this.el.tabs).forEach((tab, index) => { tab.addEventListener('click', (e) => this.events.click(e, index)); }); } onClickHandler(e, clickedIndex) { this.opts.currentIndex = clickedIndex; Array.from(this.el.tabs).forEach((tab, index) => { this.opts.currentIndex === index && this.setActive(tab, index); this.opts.currentIndex !== index && this.setInactive(tab, index); }); } setActive(tab, index) { this.addClass(tab); tab.setAttribute('aria-selected', true); this.addClass(this.el.tabPanels[index]); this.el.tabPanels[index].setAttribute('aria-hidden', false); this.el.tabPanels[index].removeAttribute('tabindex'); this.el.tabPanels[index].style.zIndex = 1; const targetClickables = this.el.tabPanels[index].querySelectorAll('a, button, input, select, iframe'); if (targetClickables.length > 0) { targetClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.removeAttribute('tabindex'); }); } } setInactive(tab, index) { this.removeClass(tab); tab.setAttribute('aria-selected', false); this.el.tabPanels[index].setAttribute('aria-hidden', true); this.el.tabPanels[index].setAttribute('tabindex', -1); this.el.tabPanels[index].style.zIndex = ''; const targetClickables = this.el.tabPanels[index].querySelectorAll('a, button, input, select, iframe'); if (targetClickables.length > 0) { targetClickables.forEach((clickable) => { clickable.setAttribute('aria-hidden', 'false'); clickable.setAttribute('tabindex', -1); }); } setTimeout(() => { if (this.opts.currentIndex === index) return; this.removeClass(this.el.tabPanels[index]); this.el.tabPanels[index].style.zIndex = -1; }, 300); } addClass(target) { target.classList.add(this.class.isActive); } removeClass(target) { target.classList.remove(this.class.isActive); } } BUDS.Anc = Anc; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Compare { constructor(section, opts) { this.opts = { currDevice: '', prevDevice: '', tagging: { buyNow: { 'data-omni-type': 'microsite_buyAction', 'data-omni': 'gbuds:highlights:compare:conv-pdt:buy-now|;', 'ga-ca': 'buy cta', 'ga-ac': 'buy now', 'ga-la': 'gbuds:highlights:compare:conv-pdt:buy-now', }, navigation: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:compare:sldr-arrow:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'gbuds:highlights:compare:sldr-arrow:', }, pagination: { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gbuds:highlights:compare:sldr-dots', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'gbuds:highlights:compare:sldr-dots', }, }, startX: 0, startY: 0, endX: 0, endY: 0, isPointerMoving: false, filledTexts: [], ...opts, }; this.selector = { section, arrowWrap: '.compare__list-arrow', prevArrow: '.compare__list-arrow-prev', nextArrow: '.compare__list-arrow-next', swiperEl: '.compare__container', swiperSlide: '.compare__list-item', swiperScrollbar: '.swiper-scrollbar', swiperPagination: '.wearable-common__carousel-pagination', compareListWrap: '.compare__list-wrap', compareFigure: '.compare__list-figure', compareFigureItem: '.compare__list-product-item', compareColors: '.compare__list', compareColorItem: '.compare__color', CtaWrap: '.compare__cta', buyNowCta: '.buy__cta', specsTable: '.compare__table-wrapper', specsTableWrap: '.compare__table-wrap', specsTableHeaderGroup: '.compare__headergroup', specsTableHeader: '.compare__header', specsTableRowGroup: '.compare__rowgroup', specsTableRow: '.compare__row', specsTableColumnWrap: '.compare__column-wrap', specsTableName: '.compare__table-specs-name', specsTableColumn: '.compare__column', fillingText: '.js-text-fill', navWrap: '.compare__list-nav-wrap', navSticky: '.compare__list-nav', navTitle: '.compare__list-nav-title', }; this.class = { featureHide: 'is-feature-hide', buyNow: 'buy__cta', activeFill: 'js-text-active', }; this.el = { section: document.querySelector(this.selector.section) || null, arrowWrap: null, prevArrow: null, nextArrow: null, swiper: null, swiperEl: null, swiperSlides: null, swiperScrollbar: null, swiperPagination: null, compareListWrap: null, compareColorItems: null, specsTable: null, specsTableWrap: null, specsTableRowGroup: null, specsTableRows: null, specsTableHeaderGroup: null, specsTableHeaders: null, specsTableNames: null, fillingTexts: null, navWrap: null, navSticky: null, navTitles: null, }; this.events = { load: this.onLoadHandler.bind(this), nameStickyScroll: this.onNameStickyScroll.bind(this), fillTextScroll: this.onFillTextScroll.bind(this), resize: this.onResizeHandler.bind(this), colorButton: this.onClickColorButton.bind(this), prevArrow: this.onClickPrevArrow.bind(this), nextArrow: this.onClickNextArrow.bind(this), mouse: { down: this.onMouseDownHandler.bind(this), move: this.onMouseMoveHandler.bind(this), up: this.onMouseUpHandler.bind(this), }, touch: { down: this.onTouchDownHandler.bind(this), move: this.onTouchMoveHandler.bind(this), up: this.onTouchUpHandler.bind(this), }, }; this.compare = {}; this.init(); } // Initialize init() { if (this.el.section === null || this.el.section.classList.contains(this.class.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.el.arrowWrap = this.el.section.querySelector(this.selector.arrowWrap); this.el.prevArrow = this.el.arrowWrap.querySelector(this.selector.prevArrow); this.el.nextArrow = this.el.arrowWrap.querySelector(this.selector.nextArrow); this.el.swiperEl = this.el.section.querySelector(this.selector.swiperEl); this.el.swiperSlides = this.el.swiperEl.querySelectorAll(this.selector.swiperSlide); this.el.swiperScrollbar = this.el.swiperEl.querySelector(this.selector.swiperScrollbar); this.el.swiperPagination = this.el.swiperEl.querySelector(this.selector.swiperPagination); this.el.compareListWrap = this.el.section.querySelector(this.selector.compareListWrap); this.el.compareColorItems = this.el.swiperEl.querySelectorAll(this.selector.compareColorItem); this.el.buyNowCtaWraps = this.el.swiperEl.querySelectorAll(this.selector.buyNowCtaWrap); this.el.specsTable = this.el.section.querySelector(this.selector.specsTable); this.el.specsTableWrap = this.el.specsTable.querySelector(this.selector.specsTableWrap); this.el.specsTableRowGroup = this.el.specsTable.querySelector(this.selector.specsTableRowGroup); this.el.specsTableRows = this.el.specsTable.querySelectorAll(this.selector.specsTableRow); this.el.specsTableHeaderGroup = this.el.specsTable.querySelector(this.selector.specsTableHeaderGroup); this.el.specsTableHeaders = this.el.specsTableHeaderGroup.querySelectorAll(this.selector.specsTableHeader); this.el.specsTableNames = this.el.specsTableRowGroup.querySelectorAll(this.selector.specsTableName); this.el.fillingTexts = this.el.section.querySelectorAll(this.selector.fillingText); this.el.navWrap = this.el.section.querySelector(this.selector.navWrap); this.el.navSticky = this.el.navWrap.querySelector(this.selector.navSticky); this.el.navTitles = this.el.navSticky.querySelectorAll(this.selector.navTitle); } bindEvents() { window.addEventListener('load', this.events.load); window.addEventListener('scroll', this.events.nameStickyScroll); window.addEventListener('scroll', this.events.fillTextScroll); window.addEventListener('resize', this.events.resize); this.el.prevArrow.addEventListener('click', this.events.prevArrow); this.el.nextArrow.addEventListener('click', this.events.nextArrow); Array.from(this.el.compareColorItems).forEach((button) => { button.addEventListener('click', this.events.colorButton); }); } // On Window Events onLoadHandler() { this.events.nameStickyScroll(); this.events.fillTextScroll(); this.events.resize(); window.removeEventListener('load', this.events.load); } onNameStickyScroll() { const globalNavHeight = UTILS.getNavHeight(); const winOffsetTop = scrollY; const navRect = this.el.navWrap.getBoundingClientRect(); const sectionRect = this.el.swiperEl.getBoundingClientRect(); const stickyHeight = this.el.navSticky.clientHeight; const navOffsetTop = winOffsetTop + navRect.top; const sectionOffsetTop = winOffsetTop + sectionRect.top; const sectionOffsetBottom = winOffsetTop + sectionRect.bottom; const endTop = sectionRect.height - stickyHeight - (navOffsetTop - sectionOffsetTop); if (winOffsetTop + globalNavHeight >= navOffsetTop && winOffsetTop + globalNavHeight + stickyHeight <= sectionOffsetBottom) { this.el.navSticky.style.position = 'fixed'; this.el.navSticky.style.top = `${globalNavHeight}px`; } else if (winOffsetTop + globalNavHeight < navOffsetTop) { this.el.navSticky.style.position = ''; this.el.navSticky.style.top = ''; } else if (winOffsetTop + globalNavHeight + stickyHeight > sectionOffsetBottom) { this.el.navSticky.style.position = ''; this.el.navSticky.style.top = `${endTop}px`; } } onFillTextScroll() { if (this.el.fillingTexts.length === this.opts.filledTexts.length) { window.removeEventListener('scroll', this.events.fillTextScroll); return; } const gap = innerHeight * 0.2; const winOffsetTop = scrollY; const winOffsetBottom = winOffsetTop + innerHeight; this.el.fillingTexts.forEach((text) => { const targetRect = text.getBoundingClientRect(); const targetOffsetTop = winOffsetTop + targetRect.top; const targetOffsetBottom = winOffsetTop + targetRect.bottom; if (winOffsetTop + gap < targetOffsetTop && winOffsetBottom - gap > targetOffsetBottom) { if (!text.classList.contains(this.class.activeFill)) { text.classList.add(this.class.activeFill); this.opts.filledTexts.push(text); } } }); } onResizeHandler() { this.opts.currDevice = innerWidth > 767 ? 'desktop' : 'mobile'; this.opts.resizeTimeout = setTimeout(() => { this.events.nameStickyScroll(); this.events.fillTextScroll(); if (this.opts.currDevice !== this.opts.prevDevice) { this.onResponsiveChange(); this.opts.prevDevice = this.opts.currDevice; } if (this.el.swiper !== null) { this.el.swiper.update(); } }, 150); } onResponsiveChange() { this.destroySwiper(); this.initColumnsA11y(); this.initCompareItemA11y(); this.initNavTitleA11y(); if (this.opts.currDevice === 'desktop' && this.el.swiperSlides.length < 5) return; this.setSwiper(); } // Set Swiper setSwiper() { if (this.el.swiper !== null) return; const _this = this; this.el.swiper = new Swiper(this.el.swiperEl, { init: false, loop: false, speed: 0, allowTouchMove: false, slidesPerView: this.opts.currDevice !== 'mobile' ? 'auto' : 2, scrollbar: { el: this.el.swiperScrollbar, draggable: true, }, pagination: { el: _this.el.swiperPagination, bulletActiveClass: 'is-active', renderBullet: function (index) { const tagging = _this.opts.tagging.pagination; return ` <li role="listitem" class="wearable-common__carousel-pagination-item"> <button class="wearable-common__carousel-pagination-bullet swiper-pagination-bullet" role="button" data-omni-type="${tagging['data-omni-type']}" data-omni="${tagging['data-omni']}" ga-ca="${tagging['ga-ca']}" ga-ac="${tagging['ga-ac']}" ga-la="${tagging['ga-la']}"></button> </li> `; }, }, }); this.el.swiper.on('scrollbarDragStart', function () { _this.opts.scrollbarDrag = true; }); this.el.swiper.on('scrollbarDragMove', function () { const distanceX = this.translate; TweenMax.to(_this.el.specsTableWrap, 0, { x: distanceX, }); }); this.el.swiper.on('scrollbarDragEnd', function () { _this.opts.scrollbarDrag = false; const distanceX = this.snapGrid[this.snapIndex]; TweenMax.to(_this.el.specsTableWrap, 0, { x: UTILS.isRTL() ? distanceX : -distanceX, }); }); this.el.swiper.on('slideChange', function () { _this.setCompareItemA11y(); _this.setArrowA11y(); _this.setColumnsA11y(); _this.setPaginationLabel(); _this.setNavTitleA11y(); }); this.el.swiper.on('snapIndexChange', function () { if (_this.opts.scrollbarDrag) return; const distanceX = this.snapGrid[this.snapIndex]; _this.el.specsTableWrap.style.transform = `translateX(${UTILS.isRTL() ? distanceX : -distanceX}px)`; _this.el.navSticky.style.transform = `translateX(${UTILS.isRTL() ? distanceX : -distanceX}px)`; _this.el.specsTableNames.forEach((specName) => { specName.style.transform = `translateX(${UTILS.isRTL() ? -distanceX : distanceX}px)`; }); }); this.el.swiper.on('init', function () { const notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); _this.setCompareItemA11y(); _this.setArrowA11y(); _this.setColumnsA11y(); _this.setNavigationLabel(); _this.setPaginationLabel(); _this.setNavTitleA11y(); const swiper = this; const bullets = swiper.pagination.bullets; Array.from(bullets).forEach((bullet, index) => { bullet.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); swiper.slideTo(index); }); }); if (!_this.el.compareListWrap.classList.contains('slide-on')) { _this.el.compareListWrap.classList.add('slide-on'); } }); this.el.swiperEl.addEventListener('mousedown', this.events.mouse.down); this.el.swiperEl.addEventListener('mouseup', this.events.mouse.up); this.el.swiperEl.addEventListener('touchstart', this.events.touch.down); this.el.swiperEl.addEventListener('touchend', this.events.touch.up); this.el.swiper.init(); } destroySwiper() { if (this.el.swiper === null) return; this.el.swiper.destroy(true, true); this.el.swiper = null; if (this.el.compareListWrap.classList.contains('slide-on')) { this.el.compareListWrap.classList.remove('slide-on'); } this.el.swiperSlides.forEach((slide) => { this.offA11y(slide); }); this.el.swiperEl.removeEventListener('mousedown', this.events.mouse.down); this.el.swiperEl.removeEventListener('mouseup', this.events.mouse.up); this.el.swiperEl.removeEventListener('touchstart', this.events.touch.down); this.el.swiperEl.removeEventListener('touchend', this.events.touch.up); TweenMax.to(this.el.specsTableWrap, 0, { x: 0 }); this.el.specsTableNames.forEach((specName) => { specName.style.transform = ''; }); this.el.navSticky.style.transform = ''; } // On Elements Events onClickPrevArrow() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const activeIndex = swiper.snapIndex - 1; if (activeIndex === 0) { setTimeout(() => { this.el.nextArrow.focus(); }, 100); } swiper.slideTo(activeIndex); } onClickNextArrow() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const activeIndex = swiper.snapIndex + 1; if (activeIndex === swiper.snapGrid.length - 1) { setTimeout(() => { this.el.prevArrow.focus(); }, 100); } swiper.slideTo(activeIndex); } onMouseDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startY = 0; this.opts.endY = 0; this.opts.startX = this.getMovePointerX(event); this.opts.startY = this.getMovePointerY(event); this.el.swiperEl.addEventListener('mousemove', this.events.mouse.move); } onMouseMoveHandler(event) { this.opts.endX = this.getMovePointerX(event); this.opts.endY = this.getMovePointerY(event); // const distanceX = Math.abs(this.opts.endX - this.opts.startX); // const distanceY = Math.abs(this.opts.endY - this.opts.startY); // if (distanceX > 10 || distanceY > 50) { // if (event.cancelable) event.preventDefault(); // } } onMouseUpHandler(event) { if (event.target.closest('.swiper-scrollbar')) return; if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.swiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { if (this.opts.startX > this.opts.endX) { !UTILS.isRTL() ? this.el.swiper.slideNext() : this.el.swiper.slidePrev(); } else { !UTILS.isRTL() ? this.el.swiper.slidePrev() : this.el.swiper.slideNext(); } } this.el.swiperEl.removeEventListener('mousemove', this.events.mouse.move); } onTouchDownHandler(event) { if (this.opts.isPointerMoving) return; this.opts.isPointerMoving = true; this.opts.startX = 0; this.opts.endX = 0; this.opts.startY = 0; this.opts.endY = 0; this.opts.startX = this.getMovePointerX(event); this.opts.startY = this.getMovePointerY(event); this.el.swiperEl.addEventListener('touchmove', this.events.touch.move); } onTouchMoveHandler(event) { this.opts.endX = this.getMovePointerX(event); this.opts.endY = this.getMovePointerY(event); // const distanceX = Math.abs(this.opts.endX - this.opts.startX); // const distanceY = Math.abs(this.opts.endY - this.opts.startY); // if (distanceX > 10 || distanceY > 50) { // if (event.cancelable) event.preventDefault(); // } } onTouchUpHandler(event) { if (event.target.closest('.swiper-scrollbar')) return; if (!this.opts.isPointerMoving) return; this.opts.isPointerMoving = false; this.opts.endX = this.getMovePointerX(event); const distance = this.opts.currDevice !== 'mobile' ? 80 : 50; if (this.el.swiper && Math.abs(this.opts.startX - this.opts.endX) > distance) { if (this.opts.startX > this.opts.endX) { !UTILS.isRTL() ? this.el.swiper.slideNext() : this.el.swiper.slidePrev(); } else { !UTILS.isRTL() ? this.el.swiper.slidePrev() : this.el.swiper.slideNext(); } } this.el.swiperEl.removeEventListener('touchmove', this.events.touch.move); } getMovePointerX(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientX; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientX; } else { return e.clientX; } } } getMovePointerY(e) { if (!!e.touches && e.touches.length > 0) { return e.touches[0].clientY; } else { if (!!e.changedTouches && e.changedTouches.length > 0) { return e.changedTouches[0].clientY; } else { return e.clientY; } } } onClickColorButton(e) { const target = e.currentTarget; const targetColor = target.getAttribute('data-color'); const targetSlide = target.closest(this.selector.swiperSlide); const targetSlideProduct = targetSlide.getAttribute('data-product'); let selectedItem = `${targetSlideProduct}-${targetColor}`; targetSlide.setAttribute('data-color', targetColor); const figure = targetSlide.querySelector(this.selector.compareFigure); const figureItems = figure.querySelectorAll(this.selector.compareFigureItem); this.updateCompareFigure(figureItems, selectedItem, targetSlideProduct); const colorsWrap = targetSlide.querySelector(this.selector.compareColors); const colorItems = colorsWrap.querySelectorAll(this.selector.compareColorItem); this.updateCompareColors(colorItems, targetColor); const CtaWrap = targetSlide.querySelector(this.selector.CtaWrap); this.updateCta(CtaWrap, targetSlideProduct, targetColor); figureItems.forEach((figureItem) => { if (figureItem.classList.contains('is-active')) { const notLoadedImages = figureItem.querySelectorAll('img.js-res-img:not(.load-complete)'); if (notLoadedImages.length > 0) { this.opts.on.updateImageLoader(notLoadedImages); } } }); } // Update Compare Information updateCompareFigure(figureItems, selectedItem, productName) { figureItems.forEach((figureItem) => { const product = figureItem.getAttribute('data-product'); if (selectedItem === product) { figureItem.classList.add('is-active'); } else { figureItem.classList.remove('is-active'); } }); } updateCompareColors(colorItems, color) { colorItems.forEach((colorItem) => { const dataColor = colorItem.getAttribute('data-color'); if (dataColor === color) { colorItem.classList.add('is-active'); colorItem.setAttribute('title', 'selected'); } else { colorItem.classList.remove('is-active'); colorItem.removeAttribute('title'); } }); } updateCta(CtaWrap, productName, color) { const buyNowCta = CtaWrap.querySelector(this.selector.buyNowCta); const linkData = LOCAL_DATA[productName][color]; if (linkData) { if (linkData.buynow && linkData.buynow !== '' && buyNowCta) { buyNowCta.parentElement.style.display = 'block'; buyNowCta.setAttribute('href', linkData.buynow); this.updateCtaTagging(buyNowCta, linkData, productName); } else { buyNowCta.parentElement.style.display = 'none'; } } } // Set Compare A11y & Tagging initColumnsA11y() { // Table Columns A11y Array.from(this.el.specsTableRows).forEach((row, idx) => { const columns = row.querySelectorAll(this.selector.specsTableColumn); Array.from(columns).forEach((column, jdx) => { this.offA11y(column); }); }); Array.from(this.el.specsTableHeaders).forEach((header) => { this.offA11y(header); }); } setColumnsA11y() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const snapIndex = swiper.snapIndex; const limit = this.opts.currDevice === 'desktop' ? 4 : 2; // Table Columns A11y Array.from(this.el.specsTableRows).forEach((row) => { const columnWraps = row.querySelectorAll(this.selector.specsTableColumnWrap); Array.from(columnWraps).forEach((columnWrap) => { const columns = columnWrap.querySelectorAll(this.selector.specsTableColumn); Array.from(columns).forEach((column, idx) => { if (idx >= snapIndex && idx < snapIndex + limit) { this.offA11y(column); } else { this.onA11y(column); } }); }); }); Array.from(this.el.specsTableHeaders).forEach((header, idx) => { if (idx >= snapIndex && idx < snapIndex + limit) { this.offA11y(header); } else { this.onA11y(header); } }); } initNavTitleA11y() { Array.from(this.el.navTitles).forEach((title) => { this.offA11y(title); }); } setNavTitleA11y() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const snapIndex = swiper.snapIndex; const limit = this.opts.currDevice === 'desktop' ? 4 : 2; Array.from(this.el.navTitles).forEach((title, idx) => { if (idx >= snapIndex && idx < snapIndex + limit) { this.offA11y(title); } else { this.onA11y(title); } }); } setArrowA11y() { if (this.el.swiper === null) return; // Swiper Arrow A11y const swiper = this.el.swiper; if (swiper.snapIndex === 0 && swiper.snapIndex < swiper.snapGrid.length - 1) { this.onA11y(this.el.prevArrow); this.offA11y(this.el.nextArrow); this.el.prevArrow.classList.add('swiper-button-disabled'); this.el.nextArrow.classList.remove('swiper-button-disabled'); } else if (swiper.snapIndex > 0 && swiper.snapIndex === swiper.snapGrid.length - 1) { this.offA11y(this.el.prevArrow); this.onA11y(this.el.nextArrow); this.el.prevArrow.classList.remove('swiper-button-disabled'); this.el.nextArrow.classList.add('swiper-button-disabled'); } else if (swiper.snapIndex > 0 && swiper.snapIndex < swiper.snapGrid.length - 1) { this.offA11y(this.el.prevArrow); this.offA11y(this.el.nextArrow); this.el.prevArrow.classList.remove('swiper-button-disabled'); this.el.nextArrow.classList.remove('swiper-button-disabled'); } } initCompareItemA11y() { Array.from(this.el.swiperSlides).forEach((slide) => { const dataInfo = JSON.parse(slide.getAttribute('data-info')); this.compare[dataInfo['product']] = { color: dataInfo['default-color'], }; slide.setAttribute('data-product', dataInfo['product']); slide.setAttribute('data-color', dataInfo['default-color']); }); this.setCompareItemA11y(); } setCompareItemA11y() { Array.from(this.el.swiperSlides).forEach((slide, index) => { const product = slide.getAttribute('data-product'); const color = slide.getAttribute('data-color'); const selectedItem = `${product}-${color}`; const figure = slide.querySelector(this.selector.compareFigure); const figureItems = figure.querySelectorAll(this.selector.compareFigureItem); this.updateCompareFigure(figureItems, selectedItem, product); const colorsWrap = slide.querySelector(this.selector.compareColors); const colorItems = colorsWrap.querySelectorAll(this.selector.compareColorItem); this.updateCompareColors(colorItems, color); const CtaWrap = slide.querySelector(this.selector.CtaWrap); this.updateCta(CtaWrap, product, color); this.setCompareCtaText(CtaWrap); if (this.el.swiper === null) return; const swiper = this.el.swiper; const snapIndex = swiper.snapIndex; const limit = this.opts.currDevice === 'desktop' ? 4 : 2; if (index >= snapIndex && index < snapIndex + limit) { this.offA11y(slide); } else { this.onA11y(slide); } }); } setNavigationLabel() { const tagging = this.opts.tagging.navigation; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localPrev = typeof LOCAL_VARI.previous !== 'undefined' && !!LOCAL_VARI.previous ? LOCAL_VARI.previous : 'Previous'; const localNext = typeof LOCAL_VARI.next !== 'undefined' && !!LOCAL_VARI.next ? LOCAL_VARI.next : 'Next'; this.el.prevArrow.querySelector('.blind').innerText = localPrev; this.el.nextArrow.querySelector('.blind').innerText = localNext; } else { this.el.prevArrow.querySelector('.blind').innerText = 'Previous'; this.el.nextArrow.querySelector('.blind').innerText = 'Next'; } Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'ga-la') { this.el.prevArrow.setAttribute(key, `${tagging[key]}left`); } else { this.el.prevArrow.setAttribute(key, tagging[key]); } }); Object.keys(tagging).forEach((key) => { if (key === 'data-omni' || key === 'ga-la') { this.el.nextArrow.setAttribute(key, `${tagging[key]}right`); } else { this.el.nextArrow.setAttribute(key, tagging[key]); } }); } setPaginationLabel() { if (this.el.swiper === null) return; const swiper = this.el.swiper; const bullets = swiper.pagination.bullets; const activeIndex = swiper.activeIndex; const titleList = ['Buds3 Pro, Buds3', 'Buds3, Buds FE']; Array.from(bullets).forEach((bullet, index) => { const slideTitle = titleList[index]; if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localSlide = typeof LOCAL_VARI.slide !== 'undefined' && !!LOCAL_VARI.slide ? LOCAL_VARI.slide : 'Slide'; const localSelected = typeof LOCAL_VARI.selected !== 'undefined' && !!LOCAL_VARI.selected ? LOCAL_VARI.selected : 'selected'; if (activeIndex === index) { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle} ${localSelected}`); } else { bullet.setAttribute('aria-label', `${localSlide}${index + 1}: ${slideTitle}`); } } else { if (activeIndex === index) { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle} selected`); } else { bullet.setAttribute('aria-label', `Slide${index + 1}: ${slideTitle}`); } } }); } setCompareCtaText(CtaWrap) { if (typeof LOCAL_VARI !== 'undefined' && !!LOCAL_VARI) { const localBuyNow = typeof LOCAL_VARI.buyNow !== 'undefined' && !!LOCAL_VARI.buyNow ? LOCAL_VARI.buyNow : 'Buy Now'; CtaWrap.querySelector(`${this.selector.buyNowCta} span`).innerText = localBuyNow; } else { CtaWrap.querySelector(`${this.selector.buyNowCta} span`).innerText = 'Buy Now'; } } updateCtaTagging(cta, data, productName) { const buyNowTagging = this.opts.tagging.buyNow; if (data.buynow && data.buynow !== '' && cta.classList.contains(this.class.buyNow)) { let dataOmni = '', gaLa = ''; if (productName === 'galaxy-buds3-pro') { dataOmni = `gbuds:highlights:compare:conv-pdt:buy-now|;${data.sku}|${data.sku}`; gaLa = `gbuds:highlights:compare:conv-pdt:buy-now`; } else { dataOmni = `gbuds:highlights:compare:conv-oth:${productName}`; gaLa = `gbuds:highlights:compare:conv-oth:${productName}`; } Object.keys(buyNowTagging).forEach((key) => { if (key === 'data-omni') { cta.setAttribute(key, dataOmni); } else if (key === 'ga-la') { cta.setAttribute(key, gaLa); } }); } } onA11y(el) { const clickables = el.querySelectorAll('a, button, input, select, iframe'); el.setAttribute('aria-hidden', 'true'); el.setAttribute('tabindex', '-1'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'true'); clickables[i].setAttribute('tabindex', ' -1'); } } offA11y(el) { el.setAttribute('aria-hidden', 'false'); el.removeAttribute('tabindex'); const clickables = el.querySelectorAll('a, button, input, select, iframe'); for (var i = 0; i < clickables.length; i++) { clickables[i].setAttribute('aria-hidden', 'false'); clickables[i].removeAttribute('tabindex'); } } } BUDS.Compare = Compare; })(); (function () { 'use strict'; window.BUDS = window.BUDS || {}; const UTILS = BUDS.UTILS; class Contrast { constructor(el = container, args) { const defParams = { el, defaultBtn: '.type-default', contrastBtn: '.type-contrast', cookieName: 'highContrastMode', featureHide: 'is-feature-hide', }; this.opts = defParams; this.classes = defParams.classes; this.el = document.querySelector(el); this.init(); } init() { if (this.el === null || this.el.classList.contains(this.opts.featureHide)) return; this.setElements(); this.bindEvents(); } setElements() { this.defaultBtn = this.el.querySelector(this.opts.defaultBtn); this.defaultBtnTitle = this.defaultBtn.getAttribute('title').trim(); this.contrastBtn = this.el.querySelector(this.opts.contrastBtn); this.contrastBtnTitle = this.contrastBtn.getAttribute('title').trim(); this.cookieName = this.opts.cookieName; } bindEvents() { window.addEventListener('load', this.onLoadHandler.bind(this)); if (!!this.defaultBtn) this.defaultBtn.addEventListener('click', this.onClickDefaultBtn.bind(this)); if (!!this.contrastBtn) this.contrastBtn.addEventListener('click', this.onClickContrastBtn.bind(this)); } onLoadHandler() { this.activeContrast(); } onClickDefaultBtn(e) { e.preventDefault(); UTILS.setCookie(this.cookieName, '0', 1); this.activeContrast(); } onClickContrastBtn(e) { e.preventDefault(); UTILS.setCookie(this.cookieName, '1', 1); this.activeContrast(); } activeContrast() { var cookieValue = UTILS.getCookie(this.cookieName); if (cookieValue != null) { if (cookieValue.length && cookieValue == '1') { document.documentElement.classList.add('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle + ' selected'); this.defaultBtn.setAttribute('title', this.defaultBtnTitle); } else { document.documentElement.classList.remove('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle); this.defaultBtn.setAttribute('title', this.defaultBtnTitle + ' selected'); } } else { document.documentElement.classList.remove('color_yb'); this.contrastBtn.setAttribute('title', this.contrastBtnTitle); this.defaultBtn.setAttribute('title', this.defaultBtnTitle + ' selected'); } } } BUDS.Contrast = Contrast; })(); (function () { 'use strict'; class InitComponents { constructor(container) { this.container = container; this.containerEl = document.querySelector(this.container); this.init(); } init() { if (this.containerEl === null) return; this.buildComponents(); } buildComponents() { // ImageLoader Init this.imageLoader = new BUDS.ImageLoader(this.container, { visiblePoint: 0.5, loadOption: [ { resolution: 1920, attribute: 'data-src-pc', }, { resolution: 767, attribute: 'data-src-mobile', }, ], }); // VideoLoader Init this.videoLoader = new BUDS.VideoLoader(this.container, { visiblePoint: 1.5, videoLazyClass: '.js-video-src', responsiveClass: '.js-res-video', imageEndLazyClass: '.js-end-img-src', notLoadElement: ['.cm-layer'], loadOption: [ { resolution: 1920, attribute: 'data-media-pc', }, { resolution: 767, attribute: 'data-media-mo', }, ], }); // Intro new BUDS.HighlightCarousel('.highlight-carousel'); //Design & Comfortable Fit new BUDS.Welcome('.welcome', { motionStart: 0.3, motionEnd: 0.8, }); new BUDS.NewDesign('.new-design'); new BUDS.CommonVideo('.new-design', { useController: true, controlTagging: { play: 'gbuds:highlights:design^new-design:movi-play:#', pause: 'gbuds:highlights:design^new-design:movi-pause:#', }, }); new BUDS.Intuitive('.intuitive-control'); // Intelligently Sound new BUDS.CommonVideo('.sound-bigmo', { useController: true, controlTagging: { play: 'gbuds:highlights:sound:movi-play:#', pause: 'gbuds:highlights:sound:movi-pause:#', }, }); new BUDS.ScrollToggle('.crystal-tw', { direction: 'oneWay', motionStart: 0.5, selector: { target: '.crystal-tw__content', }, }); new BUDS.Amplifier('.crystal-amplifier', { selector: { target: '.crystal-amplifier__wrap', }, }); // Ecosystem & Essential new BUDS.Anc('.anc'); new BUDS.CommonVideo('.anc', { useController: true, controlTagging: { play: 'gbuds:highlights:galaxy-ai^anc:movi-play:#', pause: 'gbuds:highlights:galaxy-ai^anc:movi-pause:#', }, }); new BUDS.ImageTab('.translation'); new BUDS.CommonVideo('.auto-switch', { controlTagging: { play: 'gbuds:highlights:ecosystem:movi-play:pc-auto-switch', pause: 'gbuds:highlights:ecosystem:movi-pause:pc-auto-switch', }, }); new BUDS.CommonVideo('.mindfulness', { useController: true, controlTagging: { play: 'gbuds:highlights:ecosystem^mindfulness:movi-play:pc-auto-switch', pause: 'gbuds:highlights:ecosystem^mindfulness:movi-pause:pc-auto-switch', }, }); new BUDS.ScrollToggle('.charging', { direction: 'oneWay', motionStart: 0.5, selector: { target: '.charging__content', }, }); // Compare new BUDS.Compare('.compare', { on: { updateImageLoader: (el) => { this.imageLoader.setResponsiveImage(el); }, }, }); // Contrast new BUDS.Contrast('.cp-high-contrast'); BUDS.Disclaimer.init({ updateImageLoader: (el) => { this.imageLoader.setResponsiveImage(el); }, }); // Global Navigation Init window.addEventListener('load', () => { setTimeout(() => { if (window.GALAXY && window.GALAXY.isGalaxy) { this.subNav = new BUDS.SubNav('#subnav'); } }, 5); }); } } new InitComponents('.wearable-buds'); })(); }); </script>  </body> </html> </div> <input type="hidden" name="featureEmptyYn" id="featureEmptyYn" value="N"/> <input type="hidden" name="featureOrderIndex" id="featureOrderIndex" value="1"/> <input type="hidden" name="featureFirstFlag" id="featureFirstFlag" value="Y"/> <input type="hidden" name="featureUnitCode" id="featureUnitCode" value="511355"/> <input type="hidden" name="featureModelCode" id="featureModelCode" value="SM-R630NZAAASA"/> <input type="hidden" name="featureSno" id="featureSno" value="1"/> <input type="hidden" name="featureModelmodelDisplayName" id="featureModelmodelDisplayName" value="Galaxy Buds3 Pro"/>  </div> </div> <div class="pd-g-product-award aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-product-specs aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="specEmptyYn" id="specEmptyYn" value="N"/> <input type="hidden" name="b2bSpecEmptyYn" id="b2bSpecEmptyYn" value="N"/> <input type="hidden" value="N" id="mdaUseYn"/> <section class="spec-highlight" id="specs"> <h2 class="spec-highlight__headline">Specifications</h2> <div class="spec-highlight__main-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Bluetooth Version</strong> <span class="spec-highlight__value">Bluetooth v5.4</span> </div> </li> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Sensors</strong> <span class="spec-highlight__value">Accelerometer, Gyro Sensor, Hall Sensor, Pressure Sensor, Proximity Sensor, Touch Sensor, VPU (Voice Pickup Unit)</span> </div> </li> <li class="spec-highlight__item" role="listitem"> <div class="spec-highlight__inner"> <strong class="spec-highlight__title">Earbud Weight (g)</strong> <span class="spec-highlight__value">5.4</span> </div> </li> </ul> </div> <div class="spec-highlight__button-wrap"> <a class="cta cta--outlined cta--black cta--icon spec-highlight__button" href="javascript:void(0);" role="button" an-tr="pdd03_product spec-product detail-text-link" an-ca="indication" an-ac="view more" an-la="view more" aria-label="View moreView Specifications"> <span>View more</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </a> </div> <div class="spec-highlight__container" style="display: none;"> <div class="spec-highlight__contents is-active" role="tabpanel" id="tabPanelId0" aria-labelledby="tabId0"> <h3 class="hidden">Specifications Detail</h3> <div class="spec-highlight__detail-wrap"> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Audio and Video</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Number of MIC</strong> <span class="spec-highlight__value">6</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Ambient Sound</strong> <span class="spec-highlight__value">Yes</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Active Noise Cancellation</strong> <span class="spec-highlight__value">Yes</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">360 Audio</strong> <span class="spec-highlight__value">Yes</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Connectivity</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Bluetooth Version</strong> <span class="spec-highlight__value">Bluetooth v5.4</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Bluetooth Profiles</strong> <span class="spec-highlight__value">A2DP, AVRCP, HFP, PBP, TMAP</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Sensors</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <span class="spec-highlight__value">Accelerometer, Gyro Sensor, Hall Sensor, Pressure Sensor, Proximity Sensor, Touch Sensor, VPU (Voice Pickup Unit)</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Physical specification</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Earbud Dimension (HxWxD, mm)</strong> <span class="spec-highlight__value">18.1 x 19.8 x 33.2</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Earbud Weight (g)</strong> <span class="spec-highlight__value">5.4</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Case Dimension (HxWxD, mm)</strong> <span class="spec-highlight__value">48.7 x 58.9 x 24.4</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Case Weight (g)</strong> <span class="spec-highlight__value">46.5</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Durability</strong> <span class="spec-highlight__value">IP57</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Usage Time (ANC On)</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Talk Time (Hours, ANC On)</strong> <span class="spec-highlight__value">Up to 4.5</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Total Talk Time (Hours, ANC On)</strong> <span class="spec-highlight__value">Up to 20</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Music Play Time (Hours, ANC On)</strong> <span class="spec-highlight__value">Up to 6</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Total Music Play Time (Hours, ANC On)</strong> <span class="spec-highlight__value">Up to 26</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Usage Time (ANC Off)</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Talk Time (Hours, ANC Off)</strong> <span class="spec-highlight__value">Up to 5</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Total Talk Time (Hours, ANC Off)</strong> <span class="spec-highlight__value">Up to 22</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Music Play Time (Hours, ANC Off)</strong> <span class="spec-highlight__value">Up to 7</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Total Music Play Time (Hours, ANC Off)</strong> <span class="spec-highlight__value">Up to 30</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Battery</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Earbud Battery Capacity (mAh, Typical)</strong> <span class="spec-highlight__value">53.0</span> </li> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Case Battery Capacity (mAh, Typical)</strong> <span class="spec-highlight__value">515</span> </li> </ul> </div> </div> <div class="spec-highlight__detail"> <div class="spec-highlight__detail-title"> <h4 class="spec-highlight__title">Services and Applications</h4> </div> <div class="spec-highlight__detail-specs"> <ul class="spec-highlight__list" role="list"> <li class="spec-highlight__item" role="listitem"> <strong class="spec-highlight__title">Bixby Voice Wake-up</strong> <span class="spec-highlight__value">Yes</span> </li> </ul> </div> </div> </div> <div class="spec-highlight__information"> <a class="spec-highlight__cta" href="https://www.samsung.com/sar/sarMain?site_cd=sg&prd_mdl_name=SM-R630" title="Open in a New Window : Sar Information" target="_blank">SAR Information <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> <div class="spec-highlight__button-wrap spec-highlight__button-wrap--active"> <a class="cta cta--outlined cta--black cta--icon spec-highlight__button" href="javascript:void(0);" role="button" an-tr="pdd03_product spec-product detail-text-link" an-ca="indication" an-ac="view more" an-la="view more"> <span>Hide All Specs</span> <svg class="icon" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </a> </div> </section> </div> <div class="pd-g-product-review-highlight aem-GridColumn aem-GridColumn--default--12" id="reviews"> <input type="hidden" id="isVDatReviewHighlight" value="false"/>  <script type="text/javascript"> /* function setFrameHeightTab1() { if (domestic_reviews_tab_iframe.document != null) { document.all.domestic_reviews_tab_iframe.style.height = domestic_reviews_tab_iframe.document.body.scrollHeight + 30 + "px"; } } */ function setFrameHeightTab2() { if (international_reviews_tab_iframe.document != null) { document.all.international_reviews_tab_iframe.style.height = international_reviews_tab_iframe.document.body.scrollHeight + 30 + "px"; } } </script> <div id="review" class="review-area-margin"> <div id="reviewsContainer" style="max-width:1440px; margin: auto;">  </div> </div> </div> <div class="pd-g-product-support aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="supportEmptyYn" id="supportEmptyYn" value="N"/> <input type="hidden" name="checkCDNYn" id="checkCDNYn"/> <section class="product-support" id="support"> <div class="product-support__wrap"> <h2 class="product-support__title">Support</h2> <p class="product-support__description">Find answers to the questions you have about the product</p> <div class="product-support__banner"> <div class="product-support__banner-inner"> <span class="product-support__banner-title"> <strong class="product-support__banner-text">Product Support</strong> </span> <a class="product-support__banner-cta cta cta--icon" href="/sg/support/model/SM-R630NZAAASA/" aria-label="User manual & Downloads : Open in a New Window" an-tr="pdd05_product support-product detail-cta-link" an-ca="content click" an-ac="feature" an-la="support:user manual & downloads" target="_blank" data-omni="go to support pdp">See More Content <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#outlink-bold"></use> </svg> </a> </div> <div class="product-support__banner-inner"> <span class="product-support__banner-title"> <strong class="product-support__banner-text">Live Chat</strong> </span> <a class="product-support__banner-cta cta cta--icon" href="https://www.samsung.com/sg/support/contact/#onlinesupport" aria-label="Live Chat : Open in a New Window" an-tr="pdd05_product support-product detail-cta-link" an-ca="content click" an-ac="feature" an-la="support:live chat" target="_blank" data-omni="live chat">Start Chatting <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#outlink-bold"></use> </svg> </a> </div> </div> <div class="product-support__faq-wrap"> <h3 class="product-support__faq-title">FAQ</h3> <ul class="product-support__faq-list" role="list"> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-to-wear-and-use-the-galaxy-buds3-and-buds3-pro/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2169104"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How to wear and use the Galaxy Buds3 and Buds3 Pro</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-to-use-pinch-control-earbuds-control-and-troubleshoot-your-galaxy-buds3-and-buds3-pro/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2170935"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How to use Pinch Control, Earbuds control and troubleshoot your Galaxy Buds3 and Buds3 Pro</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/why-your-galaxy-buds3-buds3-pro-make-a-screeching-sound-when-you-hold-them/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2171593"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>Why your Galaxy Buds3/Buds3 Pro make a screeching sound when you hold them</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/features-of-the-samsung-find-app/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2167002"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>Features of the Samsung Find app</span></a> </li> <li class="product-support__faq-item" role="listitem"> <a class="product-support__faq-cta" href="/sg/support/mobile-devices/how-to-couple-with-a-newly-purchased-earbud-and-a-used-earbud/" an-tr="pdd05_product support-product detail-text-link" an-ca="content click" an-ac="feature" an-la="support:faq" aria-label="FAQ : Open in a New Window" target="_blank" data-omni="2099707"><span class="product-support__faq-cta-text"><abbr aria-label="Question" class="product-support__faq-question-text"></abbr>How to Couple or Link a New Replacement Earbud with an Old One</span></a> </li> </ul> </div> </div> </section> </div> <div class="pd-g-product-compare aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="compareEmptyYn" id="compareEmptyYn" value="N"/>   <div class="pd-product-compare" id="compare"> <ul class="sdf-component-metadata"> <li data-sdf-prop="siteCode">sg</li> <li data-sdf-prop="modelCode">SM-R630NZAAASA</li> <li data-sdf-prop="siteMeta">{"reviewsEnabled":true,"reevooEnabled":false,"bazaarVoiceEnabled":false,"priceDisplayEnabled":true,"wtbCtaBtnEnabled":false,"offerCheckEnabled":false,"emiUrl":"/sg/web/emi","financingUrl":"/sg/web/si-calculator","calculateFinancingEnabled":false,"twoCtaBtnEnabled":false,"pfPdUrlAnchorCheckEnabled":false,"cartUrl":"/sg/cart","slingSettingsService":{"logger":{"name":"org.apache.sling.settings.impl.SlingSettingsServiceImpl"},"slingId":"6600d4f6-a175-48b3-8598-63d6c3d36216","slingHome":"/aem/publish/crx-quickstart","slingHomeUrl":"file:/aem/publish/crx-quickstart/","runModes":["prod","s7connect","crx3","nosamplecontent","publish","live","crx3tar"],"slingProps":{}},"tenantId":"sgp","ceTradeUpStep":"product,condition,discount","isEnableSite":true,"isShopOfferUseSite":false,"isHybrisSite":true,"isHybrisIntegrationSite":false,"isHybrisNewSite":false,"isGpv2site":false,"isShopSite":true,"isTaskOnlySite":false,"siteCode":"sg","shopIntegrationFlag":"Hybris","searchPlaceholder":"Galaxy Z Fold6","searchPlaceholderEpp":"Galaxy Note10","hreflang":"en-SG","languageCode":"en","jcrLanguage":"en_SG","countryCode":"SG","countryLocalName":"Singapore","titleOption":"C","facebookYn":"Y","googleYn":"N","twitterYn":"Y","timeformat":"MMM dd. yyyy","priceCurrency":"SGD","timeZoneCheck":"Y","cookieManageCtaYn":"N"}</li> <li data-sdf-prop="compareModelList">SM-R530NZAAASA,SM-R400NZAAASA,SM-R510NLVAXSP,SM-R177NZWAXSP,SM-R190NZKAXSP</li> <li data-sdf-prop="reviewPageUri">/sg/common/review/</li> <li data-sdf-prop="livePublished">true</li> </ul> <section class="sdf-component-templates"> <div data-sdf-template="compareCard @ family" data-sdf-attr.class="pd-product-compare__item-box sdf-comp-family-card sdf-comp-family-card-{{family.code}}" data-family-id="{{family.code}}"> <div class="pd-product-compare__item-headline"> <p class="pd-product-compare__item-headline-text sdf-comp-model-name">{{family.currentModel.displayName}}</p> </div> <div class="pd-product-compare__item-sku"> <p class="pd-product-compare__item-sku-text sdf-comp-model-code">{{family.currentModel.modelCode}}</p> </div> <div data-sdf-attr.class="pd-product-compare__item-wrap"> <div data-sdf-attr.class="pd-product-compare__box"> <div data-sdf-attr.class="pd-product-compare__box-image sdf-comp-thumbnail-panel"> <a data-sdf-template="thumbnailPanel @ model={{family.currentModel}}" href="{{model.pdpUrl}}" rel="nofollow" an-tr="pdd04_product compare-product detail-image-product" an-ca="product click" an-ac="compare product" an-la="product click" aria-label="{{model.displayName}}" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <div data-sdf-attr.class="swiper-container basic-swiper" aria-live="polite" data-swiper-option='{ "slidesPerView":1, "keepWrapper":true, "loop": false, "pagination":false }'> <div data-sdf-list.thumbnail="{{model.thumbnailImages}}" data-sdf-attr.class="swiper-wrapper"> <div data-sdf-attr.class="pd-product-compare__image-item swiper-slide"> <div data-sdf-attr.class="image image--dyn-height"> <img data-sdf-attr.class="image__preview lazy-load responsive-img" data-desktop-src="{{thumbnail.desktopPreviewSrc}}" data-mobile-src="{{thumbnail.mobilePreviewSrc}}" alt="{{thumbnail.altText}}"/> <img data-sdf-attr.class="image__main lazy-load responsive-img" data-desktop-src="{{thumbnail.desktopSrc}}" data-mobile-src="{{thumbnail.mobileSrc}}" alt="{{thumbnail.altText}}"/> </div> </div> </div> </div> </a> </div> <div class="pd-product-compare__info"> <div data-sdf-attr.class="option-selector option-selector__color-text"> <div class="option-selector__color-name" data-sdf-test="{{family.chipOptions.colorChipEnabled}}">Colour : {{chip.displayName}} <button type="button" class="option-selector__color-name-text" disabled> <strong class="hidden" data-global-text='{"Expand" : "Click to Expand", "Collapse" : "Click to Collapse"}' aria-hidden="true">Click to Expand</strong> <strong class="option-selector__color-name-text-in {{family.familyRecord}}">{{chip.displayName}}</strong> </button> <div class="option-selector__color-tooltip" aria-hidden="true"> Colour : <strong class="option-selector__color-tooltip-text {{family.familyRecord}}"></strong> <a href="javascript:void(0)" class="option-selector__color-tooltip-close" role="button"> <span class="hidden">Close</span> <svg class="icon icon-close" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </a> </div> </div> <div data-sdf-test="{{family.chipOptions.colorChipEnabled}}" data-sdf-attr.class="option-selector__wrap option-selector__wrap--color-chip" data-desktop-view="5" data-mobile-view="4"> <div data-sdf-attr.class="option-selector__swiper"> <div data-sdf-attr.class="option-selector__swiper-container" aria-live="polite"> <div data-sdf-attr.class="option-selector__swiper-wrapper"> <span data-sdf-repeat.chip="{{family.chipOptions.colorChips}}" data-sdf-attr.class="option-selector__swiper-slide"> <span data-sdf-attr.class="option-selector__color"> <input type="radio" id="rdoColorChip-{{family.code}}-color-{{chip.loopCount}}" name="colorChip-{{family.code}}" value="{{chip.code}}" class="sdf-comp-option-chip rdoColorChip_{{family.familyRecord}}" data-chip-type="{{chip.type}}" data-sdf-attr.checked="{{chip.checked}}" an-tr="pdd04_product compare-product detail-image-option" an-ca="option click" an-ac="compare product" an-la="color:{{chip.taggingName}}" data-modelcode="{{family.currentModel.taggingModelCode}}" data-modelname="{{family.currentModel.taggingModelName}}" data-modeldisplay="{{family.currentModel.displayName}}" data-colorchipname="{{chip.displayName}}" data-optionCodeList="{{chip.optionCodeList}}" data-sdf-attr.data-modelprice="{{family.currentModel.prices.price}}" data-sdf-attr.data-discountprice="{{family.currentModel.prices.currentPrice}}" data-pvitype="{{family.currentModel.pviType}}" data-pvisubtype="{{family.currentModel.pviSubType}}" data-pimsubtype="{{family.currentModel.categorySubTypeEngName}}"/> <label for="rdoColorChip-{{family.code}}-color-{{chip.loopCount}}"> <span class="option-selector__color-code" data-sdf-test="{{chip.C1Type}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="35.999" viewBox="0 0 36 35.999"> <g transform="translate(-18.001 9)"> <rect width="36" height="35.999" transform="translate(18.001 -9)" fill="none"/> <path d="M18,0A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(18.001 -9)" fill="{{chip.colorCode}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(18.001 -9)" fill="rgba(0,0,0,0.5)"/> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C2AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18h0v36h0A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3377,7232a18,18,0,0,1,18,18,18,18,0,0,1-18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C2BType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18,18,18,0,0,1,18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3395,7250h36a18,18,0,0,1-18,18A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36.001" viewBox="0 0 36.001 36.001"> <g transform="translate(27.001 -17.999) rotate(90)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g transform="translate(18 -3.005) rotate(-90)"> <path d="M-1047.672,8501.792a18.1,18.1,0,0,1-1.321-6.168c0-.027,0-.056,0-.083s0-.06,0-.09a18.092,18.092,0,0,1,1.906-8.522c.009-.017.017-.036.028-.053.017-.036.034-.068.051-.1.028-.054.058-.109.085-.162,0,0,0,0,0-.007.109-.205.22-.405.337-.608l0,0a18.019,18.019,0,0,1,1.92-2.717,18.076,18.076,0,0,1,2.2-2.157,18.042,18.042,0,0,1,2.467-1.712,18.109,18.109,0,0,1,2.674-1.264,18.212,18.212,0,0,1,3.76-.967.18.18,0,0,0,.032,0,.045.045,0,0,0,.017,0A18.394,18.394,0,0,1-1031,8477v18h0l-15.583,9A18.227,18.227,0,0,1-1047.672,8501.792Z" transform="translate(1019 -8477.001)" fill="{{chip.optionCodeList.0}}"/> <path d="M-1049,8494.994h0v-18a18.692,18.692,0,0,1,2.051.115,18.089,18.089,0,0,1,4.971,1.313.644.644,0,0,0,.068.025.02.02,0,0,0,.015.009,17.41,17.41,0,0,1,1.889.95,18.359,18.359,0,0,1,2.047,1.374c.015.013.032.023.047.036s.034.028.051.041a18.122,18.122,0,0,1,4.446,5.135h0a18.843,18.843,0,0,1,.9,1.783l.045.1s0,0,0,0a18.093,18.093,0,0,1,1.462,6.915c0,.023,0,.047,0,.073v.1a18.107,18.107,0,0,1-1.622,7.482l-.032.073c-.009.019-.019.038-.028.058-.22.474-.463.94-.73,1.4Z" transform="translate(1037.001 -8477)" fill="{{chip.optionCodeList.1}}"/> <path d="M-1034.289,8494.979a18.08,18.08,0,0,1-9.093-2.986c-.017-.013-.036-.023-.053-.036a.663.663,0,0,1-.062-.043,18.052,18.052,0,0,1-4.213-3.972l-.1-.128a18.141,18.141,0,0,1-1.2-1.816l15.589-9,15.585,9a18.048,18.048,0,0,1-2.04,2.858.119.119,0,0,1-.015.016l-.077.089a18.1,18.1,0,0,1-2.673,2.456l-.026.02-.1.077a18.052,18.052,0,0,1-9.792,3.466c-.051,0-.1.007-.158.007a.029.029,0,0,1-.013,0c-.228.009-.458.013-.689.013C-1033.709,8495-1034,8495-1034.289,8494.979Z" transform="translate(1021.412 -8459.007)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.021,17,17,0,1,0,30.021,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(-30.004 0)" fill="rgba(29,29,27,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3BType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 -4)"> <rect width="36" height="36" transform="translate(18 4)" fill="none"/> <g transform="translate(17.999 4.001)"> <path d="M0,18A18.006,18.006,0,0,1,12,1.024v33.95A18.006,18.006,0,0,1,0,18Z" transform="translate(0 0)" fill="{{chip.optionCodeList.0}}"/> <path d="M0,34.974V1.024a18.086,18.086,0,0,1,12,0v33.95a18.085,18.085,0,0,1-12,0Z" transform="translate(12 0)" fill="{{chip.optionCodeList.1}}"/> <path d="M0,16.975A18.007,18.007,0,0,0,12,33.95V0A18.007,18.007,0,0,0,0,16.975Z" transform="translate(36 34.975) rotate(180)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,35A17,17,0,0,0,30.02,5.979,17,17,0,1,0,5.979,30.019,16.889,16.889,0,0,0,18,35m0,1A18,18,0,1,1,36,18,18,18,0,0,1,18,36Z" transform="translate(0)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C3CType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> <g transform="translate(-18 -4)"> <rect width="36" height="36" transform="translate(18 4)" fill="none"/> <g transform="translate(53.999 4) rotate(90)"> <path d="M0,18A18.006,18.006,0,0,1,12,1.024v33.95A18.006,18.006,0,0,1,0,18Z" transform="translate(0 0)" fill="{{chip.optionCodeList.0}}"/> <path d="M0,34.974V1.024a18.086,18.086,0,0,1,12,0v33.95a18.085,18.085,0,0,1-12,0Z" transform="translate(12 0)" fill="{{chip.optionCodeList.1}}"/> <path d="M0,16.975A18.007,18.007,0,0,0,12,33.95V0A18.007,18.007,0,0,0,0,16.975Z" transform="translate(36 34.975) rotate(180)" fill="{{chip.optionCodeList.2}}"/> <path d="M18,35A17,17,0,0,0,30.02,5.979,17,17,0,1,0,5.979,30.019,16.889,16.889,0,0,0,18,35m0,1A18,18,0,1,1,36,18,18,18,0,0,1,18,36Z" transform="translate(0)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.C4AType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g> <path d="M-3395,7250a18,18,0,0,1,18-18v18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.0}}"/> <path d="M-3377,7250v-18a18,18,0,0,1,18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.1}}"/> <path d="M-3377,7250h18a18,18,0,0,1-18,18Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.2}}"/> <path d="M-3395,7250h18v18h0A18,18,0,0,1-3395,7250Z" transform="translate(3413 -7241)" fill="{{chip.optionCodeList.3}}"/> <path d="M18,1A17,17,0,0,0,5.979,30.019,17,17,0,1,0,30.02,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(17.999 -9)" fill="rgba(0,0,0,0.5)"/> </g> </g> </svg> </span> <span class="option-selector__color-code" data-sdf-test="{{chip.CPType}}"> <svg xmlns="http://www.w3.org/2000/svg" width="36.001" height="36" viewBox="0 0 36.001 36"> <g transform="translate(-17.999 9)"> <rect width="36" height="36" transform="translate(18 -9)" fill="none"/> <g transform="translate(48.004 -9)"> <path d="M1.333,15.8A18.1,18.1,0,0,1,.01,9.628c0-.027,0-.055,0-.082s0-.06,0-.089A18.086,18.086,0,0,1,1.91.935L1.938.88l.053-.1L2.074.614l0-.007Q2.239.3,2.413,0L18,9,2.413,18A18.157,18.157,0,0,1,1.333,15.8Z" transform="translate(-30.005 8.994)" fill="#68aeff"/> <path d="M0,9A17.9,17.9,0,0,1,6.584,2.41,18.351,18.351,0,0,1,9.257,1.145a18.061,18.061,0,0,1,3.667-.95l.132-.019.019,0A18.137,18.137,0,0,1,15.582,0V18Z" transform="translate(-27.587 0)" fill="#00838f"/> <path d="M0,18V0A18.223,18.223,0,0,1,2.05.115,18.011,18.011,0,0,1,7.021,1.427l.068.026a.028.028,0,0,0,.015.008,17.506,17.506,0,0,1,1.89.949,18.328,18.328,0,0,1,2.047,1.376l.046.035.052.041A18.106,18.106,0,0,1,15.585,9Z" transform="translate(-12.003 0)" fill="#f36e6e"/> <path d="M0,9,15.583,0a18.31,18.31,0,0,1,.9,1.785l.045.1v0A18.087,18.087,0,0,1,18,8.808c0,.023,0,.048,0,.072s0,.064,0,.1a18.082,18.082,0,0,1-1.621,7.483l-.033.073-.027.058q-.332.71-.731,1.4Z" transform="translate(-12.004 8.997)" fill="#fff"/> <path d="M0,0,15.585,9a18.082,18.082,0,0,1-2.041,2.858l-.014.016-.078.089a18.166,18.166,0,0,1-2.672,2.457l-.027.02-.1.075A18.057,18.057,0,0,1,.86,17.979L.7,17.986H.688C.46,18,.23,18,0,18Z" transform="translate(-12.005 17.994)" fill="pink"/> <path d="M14.717,17.98a18.082,18.082,0,0,1-9.094-2.987l-.054-.036-.062-.042A18.087,18.087,0,0,1,1.3,10.942h0l-.1-.127A18.134,18.134,0,0,1,0,9L15.589,0V18C15.3,18,15.006,17.994,14.717,17.98Z" transform="translate(-27.593 17.993)" fill="#ff8c00"/> <path d="M18,1A17,17,0,0,0,5.979,30.021,17,17,0,1,0,30.021,5.979,16.889,16.889,0,0,0,18,1m0-1A18,18,0,1,1,0,18,18,18,0,0,1,18,0Z" transform="translate(-30.004 0)" fill="rgba(29,29,27,0.5)"/> </g> </g> </svg> </span> <span class="hidden">{{chip.displayName}}</span> </label> </span> </span> </div> </div> <button type="button" class="option-selector__button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#previous-regular"></use> </svg> </button> <button type="button" class="option-selector__button-next" aria-label="Next" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#next-regular"></use> </svg> </button> </div> </div> <div data-sdf-test="{{family.chipOptions.optionChipEnabled}}" data-sdf-repeat.opts="{{family.chipOptions.optionChipSets}}" data-sdf-attr.class="option-selector__wrap option-selector__wrap--capacity"> <div data-sdf-attr.class="option-selector__swiper"> <div data-sdf-attr.class="option-selector__swiper-container" aria-live="polite"> <div data-sdf-attr.class="option-selector__swiper-wrapper"> <span data-sdf-repeat.chip="{{opts.chips}}" data-sdf-attr.class="option-selector__swiper-slide"> <span data-sdf-attr.class="option-selector__size"> <input type="radio" id="rdoOptionChip-{{family.code}}-{{opts.code}}-{{chip.loopCount}}" name="optionChip-{{family.code}}-{{opts.code}}" value="{{chip.code}}" class="sdf-comp-option-chip" data-chip-type="{{opts.type}}" data-sdf-attr.checked="{{chip.checked}}" an-tr="pdd04_product compare-product detail-image-option" an-ca="option click" an-ac="compare product" an-la="{{opts.taggingType}}:{{chip.taggingName}}" data-modelcode="{{family.currentModel.taggingModelCode}}" data-modelname="{{family.currentModel.taggingModelName}}" data-modeldisplay="{{family.currentModel.displayName}}" data-sdf-attr.data-modelprice="{{family.currentModel.prices.price}}" data-sdf-attr.data-discountprice="{{family.currentModel.prices.currentPrice}}" data-pvitype="{{family.currentModel.pviType}}" data-pvisubtype="{{family.currentModel.pviSubType}}" data-pimsubtype="{{family.currentModel.categorySubTypeEngName}}"/> <label class="option-selector__size-label" for="rdoOptionChip-{{family.code}}-{{opts.code}}-{{chip.loopCount}}"> <span class="option-selector__size-label-text">{{chip.displayName}}<span></span></span> </label> </span> </span> <div data-sdf-attr.class="option-selector__floating-bar" style="display: none;"></div> </div> </div> <button type="button" class="option-selector__button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Previous</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#previous-regular"></use> </svg> </button> <button type="button" class="option-selector__button-next" aria-label="Next" role="button" aria-disabled="true" an-tr="pdd04_product compare|arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Next</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#next-regular"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="pd-product-compare__select-wrap sdf-comp-model-info-panel"> <section data-sdf-template="modelInfo @ model={{family.currentModel}}" data-sdf-unwrap="true"> <div class="pd-product-compare__detail-info"> <div data-sdf-test="{{model.ratings.enabled}}" data-sdf-unwrap="true"> <div data-sdf-test="{{model.ratings.reevooDisabled}}" class="pd-product-compare__info-rating"> <a data-sdf-attr.href="{{model.ratings.reviewUrl}}" an-tr="pdd04_product compare-product detail-image-review" an-ca="review" an-ac="compare product" an-la="read review" aria-label="{{model.ratings.score}} ({{model.ratings.reviewCount}}) product rating, {{model.displayName}} Review" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <span class="rating{{model.ratings.emptyScoreClass}}"> <span class="hidden">Rating</span> <span class="rating__inner"> <span class="rating__star-list"> <span data-sdf-repeat.star="{{model.ratings.starScores}}" class="rating__star-item"> <span class="rating__star-empty"></span> <span class="rating__star-filled" data-sdf-attr.style="width:{{star.percentScore}}%;"></span> </span> </span> <strong class="rating__point"> <span class="hidden">Product Ratings:</span><span>{{model.ratings.score}}</span> </strong> <em class="rating__review-count"> (<span class="hidden">Number of Ratings:</span><span>{{model.ratings.reviewCount}}</span>) </em> </span> </span> </a> </div> <div data-sdf-test="{{model.ratings.reevooEnabled}}" class="pd-product-compare__info-rating revoo-review"> <reevoo-reviewable-badge trkref="SAM-IT" sku="{{model.modelCode}}" variant="default_10"></reevoo-reviewable-badge> </div> </div> <div class="pd-product-compare__fiche"> <div class="pd-product-compare__fiche__cta-wrap"> <a data-sdf-test="{{model.energyLabel.oldFicheEnabled}}" data-sdf-attr.href="{{model.energyLabel.ficheFileUrl}}" target="_blank" aria-label="Open in a New Window" class="cta-text" an-tr="pdd04_product compare-product detail-text-product fiche" an-ca="option click" an-ac="compare product" an-la="product fiche" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}">Product Fiche</a> <a data-sdf-test="{{model.energyLabel.oldEnabled}}" data-sdf-attr.href="{{model.energyLabel.fileUrl}}" class="badge {{model.energyLabel.cssClass2}}" target="_blank" aria-label="{{model.energyLabel.grade}}" an-tr="pdd04_product compare-product detail-text-energy label" an-ca="option click" an-ac="compare product" an-la="energy label" data-modelcode="{{model.taggingModelCode}}" data-modelname="{{model.taggingModelName}}" data-modeldisplay="{{model.displayName}}" data-sdf-attr.data-modelprice="{{model.prices.price}}" data-sdf-attr.data-discountprice="{{model.prices.currentPrice}}" data-pvitype="{{model.pviType}}" data-pvisubtype="{{model.pviSubType}}" data-pimsubtype="{{model.categorySubTypeEngName}}"> <span class="badge__grade--with-text {{model.energyLabel.cssClass1}}"> <span class="hidden">{{model.energyLabel.grade}}</span> </span> </a> <div data-sdf-test="{{model.energyLabel.newEnergyLabel}}" class="badge-energy-label"> <a data-sdf-test="{{model.energyLabel.newFicheEnabled}}" data-sdf-attr.href="{{model.energyLabel.ficheFileUrl}}" class="badge-energy-label__text" target="_blank" aria-label="Open in a New Window" an-tr="pdd04_product compare-product detail-text-product fiche" an-ca="option click" an-ac="compare product" an-la="product fiche">PRODUCT INFORMATION SHEET</a> <a data-sdf-test="{{model.energyLabel.newEnabled}}" data-sdf-attr.href="{{model.energyLabel.fileUrl}}" class="badge-energy-label__badge {{model.energyLabel.energyLabelClass}}" target="_blank" aria-label="{{model.energyLabel.grade}}" an-tr="pdd04_product compare-product detail-text-energy label" an-ca="option click" an-ac="compare product" an-la="energy label">{{model.energyLabel.grade}}</a> </div> </div> </div> <div class="pd-product-compare__price"> <div class="pd-product-compare__price-full"> <div data-sdf-test="{{model.prices.enabled}}" data-sdf-unwrap="true"> <div class="pd-product-compare__price-current" data-sdf-test="{{model.prices.monthlyPriceDisabled}}"> <span class="hidden">Current Price: </span> {{model.prices.currentPriceDisplay}} </div> <div data-sdf-test="{{model.prices.monthlyPriceEnabled}}" data-sdf-unwrap="true"> <div class="pd-product-compare__price-current"> <span class="hidden">Current Price: </span> From {{model.prices.monthlyPrice}}/mth* </div> <div class="pd-product-compare__price-monthly"> <span class="hidden">Monthly Price: </span> <span class="pd-product-compare__price-monthly-text">or</span> {{model.prices.currentPriceDisplay}} </div> </div> <div data-sdf-test="{{model.prices.vatEligible}}" data-sdf-unwrap="true"> <div class="pd-product-compare__samcol-price">Price without VAT: {{model.prices.vatFreePriceFormatted}}</div> <p class="pd-product-compare__samcol-special" data-sdf-test="{{model.prices.promotionPriceEnabled}}">Price with discount: {{model.prices.currentPriceDisplay}}</p> <p class="pd-product-compare__samcol-rrp">Price before: <del>{{model.prices.priceDisplay}}</del></p> </div> </div> </div> <div class="pd-product-compare__price-next"> <div data-sdf-test="{{model.prices.savePriceEnabled}}" data-sdf-unwrap="true"> <span data-sdf-test="{{model.prices.promotionPriceEnabled}}" class="pd-product-compare__price-suggested"> <span class="hidden">Original Price: </span> {{model.prices.priceDisplay}} </span> <span data-sdf-test="{{model.prices.saveLabelRequired}}" class="pd-product-compare__price-save"> {{model.prices.savePrice}} </span> </div> </div> </div> </div> <div data-sdf-test="{{model.keySummary.enabled}}" class="pd-product-compare__feature"> <ul data-sdf-list.summary="{{model.keySummary.entries}}" role="list"> <li data-sdf-test="{{summary.isSpec}}" role="listitem"> <p class="pd-product-compare__feature-text">{{summary.title}}</p> <p class="pd-product-compare__feature-icon-text">{{summary.value}}{{summary.unit}}</p> </li> <li data-sdf-test="{{summary.isFeature}}" role="listitem"> <p class="pd-product-compare__feature-text">{{summary.title}}</p> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load responsive-img" data-desktop-src="{{summary.desktopPreviewImageSrc}}" data-mobile-src="{{summary.mobilePreviewImageSrc}}" alt=""/> <img data-sdf-attr.class="image__main lazy-load responsive-img" data-desktop-src="{{summary.desktopImageSrc}}" data-mobile-src="{{summary.mobileImageSrc}}" alt=""/> </div> </li> </ul> </div> </section> </div> </div> </div> </section> <div class="pd-product-compare__wrap sdf-comp-wrapper-panel"> <div class="pd-product-compare__headline"> <h2 class="pd-product-compare__headline-text">Compare the models</h2> <p class="pd-product-compare__headline-description"></p> </div> <div class="pd-product-compare__item sdf-comp-content-panel"> <div data-sdf-template="compareContent @ content" class="pd-product-compare__scroll-mobile"> <div class="pd-product-compare__item-box-fix"> <div data-sdf-call="compareCard @ family={{content.currentFamily}}"></div> </div> <div class="pd-product-compare__item-box-scroll scrollbar"> <div data-sdf-list.family="{{content.comparableFamilyList}}" class="pd-product-compare__scroll-desktop scrollbar__contents"> <div data-sdf-call="compareCard @ family={{family}}"></div> </div> </div> </div> </div> </div> </div>  </div> <div class="pd-g-accessories aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" value="SGD" id="accPriceCurrency"/> <input type="hidden" id="accModelList"/> <input type="hidden" value="Y" id="tieredPriceUseYn"/> <section class="accessories" id="accessoriesId" style="display: none;"> <h2 class="accessories__headline-text">Accessories</h2> <div class="accessories__wrapper"> <div class="scrollbar"> <div class="scrollbar__contents"> </div> </div> </div> </section> </div> <div class="pd-g-product-recently-viewed aem-GridColumn aem-GridColumn--default--12">  <input type="hidden" name="myd11-priceCurrency" id="myd11-priceCurrency" value="SGD"/> <input type="hidden" name="myd11-priceDisplayYn" id="myd11-priceDisplayYn" value="Y"/> <input type="hidden" name="myd11-cartUrl" id="myd11-cartUrl" value="/sg/cart"/> <input type="hidden" name="myd11-wtbCtaBtnYn" id="myd11-wtbCtaBtnYn" value="N"/> <input type="hidden" name="myd11-offerCheckYn" id="myd11-offerCheckYn"/> <input type="hidden" name="myd11-emiUrl" id="myd11-emiUrl" value="/sg/web/emi"/> <input type="hidden" name="myd11-financingUrl" id="myd11-financingUrl" value="/sg/web/si-calculator"/> <input type="hidden" name="myd11-recommendedProductYn" id="myd11-recommendedProductYn" value="Y"/> <div class="my-recommended-product padding-top--0 padding-bottom--0 bg-white" id="my-recommended-product"> <h2 class="my-recommended-product__headline-text padding-top--48 padding-bottom--16" style="display:none;">Recommended Products</h2> <div class="my-recommended-product__card"> </div> </div> <input type="hidden" value="SGD" id="recentPriceCurrency"/> <input type="hidden" id="recentlyEditMode" value="N"/> <section class="recently-viewed" id="recently-viewed"> <h2 class="recently-viewed__headline-text">Recently Viewed</h2> <div class="recently-viewed__wrapper"> <div class="scrollbar"> <div class="scrollbar__contents"> </div> </div> </div> </section> </div> <div class="nv-g-breadcrumb aem-GridColumn aem-GridColumn--default--12"> <div class="text-editor bg-light-gray" id="disclaimer"> <div class="text-editor__inner-wrap padding-top--24 padding-bottom--24"> <div class="text-editor__inner desktop-padding-left-right--large mobile-padding-left-right--small"> <div class="text-editor__column-wrap"> <div class="text-editor__column description-text-size--small" role="list"> <p role="listitem">Terms and conditions </p><p role="listitem"></p><p role="listitem">* Key feature may different from Key Spec</p><p role="listitem"></p><p role="listitem">* Image of Galaxy Buds Pro earbuds simulated for illustration purposes.</p><p role="listitem"></p><p role="listitem">* Compatibility : Galaxy S21|S21+|S21 Ultra 5G, Galaxy S20|S20+|S20 Ultra, Galaxy Note20|20+, Galaxy Fold, Galaxy ZFold2 5G, Galaxy Z Flip, Galaxy S20 FE, Galaxy S10e|S10|S10+, Galaxy Note10|10+, Galaxy Tab S7|S7+, Galaxy Tab S6, Galaxy Tab S6 Lite with OneUI 3.1 or higher</p><p role="listitem"></p> </div> </div> </div> </div> </div> <nav class="breadcrumb" aria-label="Breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path"> <li> <a aria-label="Home" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:home" href="/sg/"> <span class="breadcrumb__text-desktop">Home</span> <span class="breadcrumb__text-mobile">Home</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <a aria-label="Mobile" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:mobile" href="/sg/mobile/"> <span class="breadcrumb__text-desktop">Mobile</span> <span class="breadcrumb__text-mobile">Mobile</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <a aria-label="Audio Sound" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:audio sound" href="/sg/audio-sound/"> <span class="breadcrumb__text-desktop">Audio Sound</span> <span class="breadcrumb__text-mobile">Audio Sound</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <a aria-label="Galaxy Buds" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:galaxy buds" href="/sg/audio-sound/galaxy-buds/"> <span class="breadcrumb__text-desktop">Galaxy Buds</span> <span class="breadcrumb__text-mobile">Galaxy Buds</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <strong class="breadcrumb__text-desktop" aria-current="page">Galaxy Buds3 Pro</strong> <strong class="breadcrumb__text-mobile" aria-current="page">Galaxy Buds3 Pro</strong> </li> </ul> </div> <script type="application/ld+json" data-type="seo" data-object-type="BreadcrumbList" data-id="7c1537ad-9beb-4287-ae3f-c4289339b644">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://www.samsung.com/sg/","position":1},{"@type":"ListItem","name":"Mobile","item":"https://www.samsung.com/sg/mobile/","position":2},{"@type":"ListItem","name":"Audio Sound","item":"https://www.samsung.com/sg/audio-sound/","position":3},{"@type":"ListItem","name":"Galaxy Buds","item":"https://www.samsung.com/sg/audio-sound/galaxy-buds/","position":4},{"@type":"ListItem","name":"Galaxy Buds3 Pro","item":"","position":5}]}</script> </nav></div> <div class="pd-g-manufacturer-info-popup aem-GridColumn aem-GridColumn--default--12"> <div class="manufacturer-info-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <footer class="footer">  <div class="footer"> <div class="footer-column"> <h2 class="hidden">Footer Navigation</h2> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-0">Product & Service</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-0" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="products and service"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:smartphones " aria-label="Smartphones Smartphones">Smartphones</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/tablets/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:tablets" aria-label="Tablets Tablets">Tablets</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/audio-sound/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:audio" aria-label="Audio Audio">Audio</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/watches/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:watches" aria-label="Watches Watches">Watches</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/apps/smart-switch/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:smart switch" aria-label="Smart Switch Smart Switch">Smart Switch</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/mobile-accessories/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:mobile accessories" aria-label="Mobile Accessories Mobile Accessories">Mobile Accessories</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:tvs" aria-label="TVs TVs">TVs</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/lifestyle-tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:lifestyle tvs" aria-label="Lifestyle TVs Lifestyle TVs">Lifestyle TVs</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/audio-devices/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:sound devices" aria-label="Sound Devices Sound Devices">Sound Devices</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/refrigerators/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:refrigerators " aria-label="Refrigerators Refrigerators">Refrigerators</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/washers-and-dryers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:laundry" aria-label="Laundry Laundry">Laundry</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/cooking-appliances/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:cooking appliances " aria-label="Cooking Appliances Cooking Appliances">Cooking Appliances </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/monitors/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:monitors" aria-label="Monitors Monitors">Monitors</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/memory-storage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:memory storage" aria-label="Memory Storage Memory Storage">Memory Storage</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-1">Shop</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-1" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="shop"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/offer/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:offers" aria-label="Offers Offers">Offers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/samsung-experience-store/about/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung experience store" aria-label="Samsung Experience Store Samsung Experience Store">Samsung Experience Store</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/offer/samsung-care-plus/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung care plus" aria-label="Samsung Care+ Samsung Care+">Samsung Care+ </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://www.samsung.com/sg/store-pickup-and-support/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:store pickup and support" aria-label="Store Pickup and Support">Store Pickup and Support</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/offer/student-discounts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:student offers" aria-label="Student Offers Student Offers">Student Offers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/offer/corporate-epp/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:corporate employee offers" aria-label="Corporate Employee Offers Corporate Employee Offers">Corporate Employee Offers</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/offer/samsungadvantage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:upgrade with galaxy" aria-label="Upgrade with Galaxy Upgrade with Galaxy">Upgrade with Galaxy</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/shop-faq/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:online shop faqs" aria-label="Online Shop FAQs Online Shop FAQs">Online Shop FAQs</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/explore/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:explore" aria-label="Explore Explore">Explore</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/business/offers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:business shop" aria-label="Business Shop Business Shop">Business Shop</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2">Support</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="support"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/support/contact/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:contact us" aria-label="Contact Us Contact Us">Contact Us </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://samsung-livechat.sprinklr.com/seao/sg/index.html" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:live chat" aria-label="Live Chat Live Chat : Open in a New Window"> Live Chat <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://spr.ly/SingaporeWhatsapp" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:whatsapp chat" aria-label="WhatsApp Chat WhatsApp Chat">WhatsApp Chat</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="http://spr.ly/SESP_Email_Support" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:email" aria-label="Email Email">Email</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/mypage/myproducts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:product registration" aria-label="Product Registration Product Registration">Product Registration</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/support/warranty/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:warranty information" aria-label="Warranty Information Warranty Information">Warranty Information</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/support/service-centre/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:service location " aria-label="Service Location Service Location">Service Location </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://survey3.medallia.com/?web&c=23&lng=en" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:give feedback" aria-label="Give Feedback Give Feedback : Open in a New Window"> Give Feedback <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://forms-prod.sprinklr.com/guided-workflows/64a289676374884b707f7a5c?gwId=614876" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:email the ceo" aria-label="Email the CEO Email the CEO : Open in a New Window"> Email the CEO <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3">Account & Community</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="account and services"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/mypage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account and services:my page" aria-label="My Page My Page">My Page</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://shop.samsung.com/sg/mypage/orders" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account and services:orders" aria-label="Orders Orders">Orders</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://shop.samsung.com/sg/mypage/wishlist" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account and services:wishlist" aria-label="Wishlist Wishlist">Wishlist</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/members/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account and services:members" aria-label="Members Members">Members</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/rewards/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account and services:samsung rewards" aria-label="Samsung Rewards Samsung Rewards">Samsung Rewards</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4">Sustainability</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="sustainability"> <span class="hidden" data-i18n-open="open" data-i18n-close="Close">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/sustainability/environment/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:environment" aria-label="Environment Environment">Environment</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/sustainability/security-and-privacy/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:security and privacy" aria-label="Security & Privacy Security & Privacy">Security & Privacy</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/sustainability/accessibility/overview/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:accessibility" aria-label="Accessibility">Accessibility</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/sustainability/diversity-and-inclusion/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:diversity, equity, and inclusion" aria-label="Diversity · Equity · Inclusion Diversity, Equity, and Inclusion">Diversity · Equity · Inclusion</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="http://csr.samsung.com/en/main.do" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate citizenship" aria-label="Corporate Citizenship Corporate Citizenship. Together for Tomorrow! Enabling People : Open in a New Window"> Corporate Citizenship <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/sustainability/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate sustainability" aria-label="Corporate Sustainability Corporate Sustainability : Open in a New Window"> Corporate Sustainability <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4-2">About Us</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="about us"> <span class="hidden">open</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/company-info/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:company info" aria-label="Company Info Company Info"> Company Info </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/business-area/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:business area" aria-label="Business Area Business Area"> Business Area </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/brand-identity/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:brand identity" aria-label="Brand Identity Brand Identity"> Brand Identity </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/careers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:careers" aria-label="Careers Careers"> Careers </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/ir/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:investor relations" aria-label="Investor Relations Investor Relations : Open in a New Window"> Investor Relations <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//news.samsung.com/sg" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:newsroom" aria-label="Newsroom Newsroom : Open in a New Window"> Newsroom <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/sg/about-us/ethics/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:ethics" aria-label="Ethics Ethics"> Ethics </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//design.samsung.com/global/index.html" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:samsung design" aria-label="Samsung Design Samsung Design : Open in a New Window"> Samsung Design <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright">Copyright© 1995-2024 Samsung. All rights reserved.</p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/sg/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">Singapore/English</a> </div> </div> <div class="footer-language-wrap" an-tr="nv02_footer bottom--text-scroll" an-ca="scroll" an-ac="scroll:100" an-la="scroll:100"> <div class="footer-language"> <a class="footer-language__anchor" href="/sg/function/ipredirection/ipredirectionLocalList/" aria-label="Choose your location or language" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">Singapore/English</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a id="accHelp" class="footer-terms__link" href="/sg/info/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy" aria-label="Privacy">Privacy</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/info/legal/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal" aria-label="Legal">Legal</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/sg/info/sitemap/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap" aria-label="Sitemap">Sitemap</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">Stay in the Loop?</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//www.facebook.com/SamsungSingapore" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:facebook" aria-label="Facebook : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold" href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//twitter.com/samsungsg" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:twitter" aria-label="Twitter : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold" href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.instagram.com/samsungsg/" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:instagram" aria-label="Instagram : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#instagram-bold" href="#instagram-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="//www.youtube.com/user/SamsungSingapore" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:youtube" aria-label="YouTube : Open in a New Window"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button class="fab" an-tr="nv02_footer bottom--text-back to top" an-ca="indication" an-ac="back to top" an-la="back to top" title="Go to Top">Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button>  <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.js"></script>    <script type="text/javascript"> /* recaptcha script for Samsung 2020.07.10 */ var conRecaptcha; var recaptchaCallback = function() { if($("#Con_reCaptcha").length > 0){ conRecaptcha = grecaptcha.render('Con_reCaptcha', { 'sitekey' : '6Lc-358UAAAAAFmYE7zKV3PU0m9crt6-tj-UJsll' }); } }; </script> <script defer type="text/javascript" src='https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit'></script>  <section class="trade-in-learn-more-popup" role="dialog" aria-modal="true"> <div class="trade-in-learn-more-popup__dimmed"></div> <div class="trade-in-learn-more-popup__contents"> <div class="scrollbar"> <div class="trade-in-learn-more-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-learn-more-popup__title">How trade-in works</h2> <div class="trade-in-learn-more-popup__list-wrap"> <ul class="trade-in-learn-more-popup__list"> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num">01</em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc">Choose your new Samsung device and tell us about your old one. <br/>If eligible, you will see an estimated trade-in value. </span> </div> </li> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num">02</em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc">Get an upfront discount on the price of your new Samsung device.</span> </div> </li> <li class="trade-in-learn-more-popup__list-item"> <em class="trade-in-learn-more-popup__list-item-num">03</em> <div class="trade-in-learn-more-popup__list-item-text-wrap"> <span class="trade-in-learn-more-popup__list-item-text-desc">Sen your old device back in the supplied recycling pack to complete the trade-in.</span> </div> </li> </ul>  </div> </div> </div> <button class="trade-in-learn-more-popup__close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </section> <input type="hidden" id="tariffAdditionalPromotionCarrierUrl"/> <div class="component-area" style=""> <section class="tariff-popup" role="dialog" aria-modal="true"> <div class="tariff-popup__dimmed"></div> <div class="tariff-popup__contents"> <div class="tariff-popup__contents-plan" style="display:block;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <h2 class="tariff-popup__headline">All from one hand </h2> <p class="tariff-popup__desc">Now you get innovative smartphone with right tariff plan.</p> </div> <div class="tariff-popup__choose" role="tablist" style="display:none;"> <div class="tariff-popup__choose-item" role="presentation"> <a href="javascript:;" id="choose-tab-1" class="tariff-popup__choose-item-btn" role="tab" aria-selected="false">New Contracts</a> </div> <div class="tariff-popup__choose-item" role="presentation"> <div class="tariff-popup__choose-tooltip"> <div class="tariff-popup__choose-tooltip__btn-wrap"> <button type="button" class="tariff-popup__choose-tooltip__btn" aria-expanded="false"> <svg class="icon help" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#help-regular"></use> </svg> <svg class="icon cancel" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-bold"></use> </svg> <span class="hidden">see what this</span> </button> <span class="tariff-popup__choose-tooltip__arrow"></span> </div> <div class="tariff-popup__choose-tooltip__box" role="tooltip"> <span class="tariff-popup__choose-tooltip__box-arrow"></span> <p class="tariff-popup__choose-tooltip__box-desc">Stay with your network operator.</p> </div> </div> </div> </div> <div id="choose-content-1" class="tariff-popup__choose-panel" role="tabpanel" aria-labelledby="choose-tab-1" aria-hidden="true"> <div class="tariff-popup__tab-wrap"> <div class="tariff-popup__tab-list-wrap"> <button role="button" class="tariff-popup__tab-list-prev" style="display:none;"> prev <svg class="icon" focusable="false"> <use xlink:href="#previous-bold" href="#previous-bold"></use></svg> </button> <div class="tariff-popup__tab-list-area">  <div class="tariff-popup__tab-list" role="tablist"> <div role="presentation" class="tariff-popup__tab-item-wrap"> <a href="javascript:void(0);" class="tariff-popup__tab-item"> </a> </div> </div> </div> <button role="button" class="tariff-popup__tab-list-next"> Next <svg class="icon" focusable="false"> <use xlink:href="#next-bold" href="#next-bold"></use></svg> </button> <div class="tariff-popup__tab-list-gl-left"></div> <div class="tariff-popup__tab-list-gl-right"></div> </div> <div class="tariff-popup__tab-panel-wrap"> <div class="tariff-popup__tab-panel"> </div> </div> </div> </div> <div id="choose-content-2" class="tariff-popup__choose-panel" role="tabpanel" aria-labelledby="choose-tab-2" aria-hidden="true"> <div class="tariff-popup__tab-wrap"> <div class="tariff-popup__tab-list-wrap"> <button role="button" class="tariff-popup__tab-list-prev" style="display:none;"> prev <svg class="icon" focusable="false"> <use xlink:href="#previous-bold" href="#previous-bold"></use></svg> </button> <div class="tariff-popup__tab-list-area">  <div class="tariff-popup__tab-list" role="tablist"> </div> </div> <button role="button" class="tariff-popup__tab-list-next"> Next <svg class="icon" focusable="false"> <use xlink:href="#next-bold" href="#next-bold"></use></svg> </button> <div class="tariff-popup__tab-list-gl-left"></div> <div class="tariff-popup__tab-list-gl-right"></div> </div> <div class="tariff-popup__tab-panel-wrap"> <div class="tariff-popup__tab-panel"> </div> </div> </div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button class="tariff-popup__btn-prev cta cta--outlined cta--black" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step2:back" style="display:none;">CANCEL</button> <button class="tariff-popup__btn-close cta cta--outlined cta--black" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step1:close">CANCEL</button>  <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step1:continue">Continue</button> </div> </div> <div class="tariff-popup__contents-plan-details" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <h2 class="tariff-popup__headline">The Network Plan Details </h2> <p class="tariff-popup__desc"></p> </div> <div class="tariff-popup__plan-details-wrap"> <section class="tariff-popup__plan-details expand"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <h2>Plan Benefits</h2> <span> <svg class="icon collapse"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <span class="hidden collapse">Click to Expand</span> <svg class="icon expand"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> <span class="hidden expand">Click to Collapse</span> </span> </a> <div class="tariff-popup__plan-details-desc plan-benefits-desc"> </div> </section> <section class="tariff-popup__plan-details"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <h2>Out of Bundle Charges</h2> <span> <svg class="icon collapse"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <span class="hidden collapse">Click to Expand</span> <svg class="icon expand"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> <span class="hidden expand">Click to Collapse</span> </span> </a> <div class="tariff-popup__plan-details-desc out-of-bundle-charges-desc"> </div> </section> <section class="tariff-popup__plan-details"> <a class="tariff-popup__plan-details-title" href="javascript:;" role="button"> <h2>Terms & Conditions</h2> <span> <svg class="icon collapse"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <span class="hidden collapse">Click to Expand</span> <svg class="icon expand"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> <span class="hidden expand">Click to Collapse</span> </span> </a> <div class="tariff-popup__plan-details-desc term-conditions-desc"> </div> </section> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button class="tariff-popup__btn-back cta cta--outlined cta--black" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step1:back">Back</button> <button class="tariff-popup__btn-close cta cta--contained cta--emphasis" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step1:close">Close</button> </div> </div> <div class="tariff-popup__contents-plan-selected" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <h2 class="tariff-popup__headline">All from one hand <span class="tariff-popup__icon"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/tariff-popup-icon.png" alt="alternative text" role="img" data-comp-name="image"/> </div> </span> </h2> <p class="tariff-popup__desc">Now you get innovative smartphone with right tariff plan.</p> </div> <div class="tariff-popup__selected-wrap"> <div class="tariff-popup__selected"> <div class="tariff-popup__selected-spec"> <div class="tariff-popup__selected-spec-header"> <div class="tariff-popup__selected-spec-img"> <img src="" alt=""/> </div> <div class="tariff-popup__selected-spec-detail"> <strong class="tariff-popup__selected-spec-name"></strong> <span class="tariff-popup__selected-spec-value"></span> </div> </div> <div class="tariff-popup__selected-spec-desc"> <ul class="tariff-popup__selected-spec-list"> </ul> </div> <div class="tariff-popup__selected-add-opt"> </div> </div> <div class="tariff-popup__selected-total"> <div class="tariff-popup__selected-total-title">Upfront Cost</div> <div class="tariff-popup__selected-total-price"></div> <p class="tariff-popup__selected-total-desc">Der Anschlusspreis und monatlicher Tarifpreis werden vom jeweiligen Netzanbieter eingezogen. Du zahlst jetzt nur den einmaligen Gerätepreis.</p> </div> </div> </div> <div class="tariff-popup__checkbox-wrap"> </div> <div class="tariff-popup__table-wrap"> <div class="tariff-popup__table-inner"> </div> <div class="tariff-popup__table-disclaimer"> </div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button class="tariff-popup__btn-prev cta cta--outlined cta--black" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step2:back">BACK</button>  <button class="tariff-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step2:confirm">Apply</button> </div> </div> <div class="tariff-popup__contents-form" style="display:none;"> <div class="tariff-popup__inner-wrap scrollbar"> <div class="tariff-popup__inner scrollbar__contents"> <div class="tariff-popup__header"> <h2 class="tariff-popup__headline">Check the availabbility</h2> </div> <div class="tariff-popup__step"> <div class="tariff-popup__step-inner"> <span class="tariff-popup__step-fill is-active"></span> <span class="tariff-popup__step-fill"></span> <span class="tariff-popup__step-fill"></span> </div> </div> <div class="tariff-popup__step-progress"> <span class="hidden">1 of 3</span> </div> <div class="tariff-popup__validation-message"> <strong class="tariff-popup__validation-message-title">Wrong address</strong> <div class="tariff-popup__validation-message-content"> <p>Unfortunately, we cannot make you a DSL offer for the address you have checked.The address you have given is not unique, please choose from the address suggestions.</p> </div> </div> <div class="tariff-popup__form-wrap"> <div class="tariff-popup__form-list"> <div class="tariff-popup__form-item tariff-popup__form-item-wide" style="display:none;"> <div class="menu menu--text-field" data-comp-name="menu" data-type="textField" data-max-item-number="5"> <select class="menu__select" aria-labelledby="tariff-addr-label-id" tabindex="-1"> </select> <p id="tariff-addr-label-id" class="menu--text-field__hint">Empfohlene Adresse</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="tariff-addr-label-id tariff-text-label-id" type="button"> <span id="tariff-text-label-id" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="tariff-popup__form-item tariff-popup__form-item-wide"> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-tariff-postcode">Postcode</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="text-field-tariff-postcode" name="postCode" type="text" maxlength="5" autocomplete="off"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text assistive" aria-hidden="true">Please provide a valid postcode</p> <p class="text-field-v2__text error" aria-hidden="true">Please enter correct information again.</p> </div> </div> <div class="tariff-popup__form-item "> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-tariff-street">Street</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="text-field-tariff-street" name="streetName" type="text" autocomplete="off"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text assistive" aria-hidden="true">Please provide a valid street</p> <p class="text-field-v2__text error" aria-hidden="true">Please enter correct information again.</p> </div> </div> <div class="tariff-popup__form-item "> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-3">House number</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="text-field-3" name="houseNumber" type="text" autocomplete="off"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text assistive" aria-hidden="true">Please provide a valid house number</p> <p class="text-field-v2__text error" aria-hidden="true">Please enter correct information again.</p> </div> </div> <div class="tariff-popup__form-item "> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-4">Additional house information</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="text-field-4" name="houseNumberAddition" type="text" autocomplete="off"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text assistive" aria-hidden="true">Additional information placeholder</p> <p class="text-field-v2__text error" aria-hidden="true">Please enter correct information again.</p> </div> </div> <div class="tariff-popup__form-item "> <div class="text-field-v2" data-comp-name="textFieldv2"> <label class="text-field-v2__hint" for="text-field-5">City</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="text-field-5" name="locality" type="text" autocomplete="off"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text assistive" aria-hidden="true">Please provide a valid city</p> <p class="text-field-v2__text error" aria-hidden="true">Please enter correct information again.</p> </div> </div> </div> </div> <p class="tariff-popup__form-txt">*Required fields</p> <div class="tariff-popup__disclaimer-wrap"> <div class="tariff-popup__disclaimer">Informationen zur Verarbeitung Deiner personenbezogenen Daten findest Du in unserer Datenschutzerklärung.</a></div> </div> </div> </div> <div class="tariff-popup__btn-wrap"> <button class="tariff-popup__btn-close cta cta--outlined cta--black">Cancel</button>  <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled>Continue</button> </div> </div> <button class="tariff-popup__close" an-tr="header(pim)_service option selector tariff-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="tariff:step1:close"> <span class="hidden">Layer Popup Close</span> </button> </div> </section> </div> <div class="tariff-info-popup"> <div class="layer-popup" id="tariff-info-popup" role="dialog" style="display:block"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="layer-popup__title">Pay monthly phone contracts</div> <p class="layer-popup__desc">Buy your phone along with an inclusive monthly network plan and pay monthly*</p> <div class="tariff-info-popup__wrap"> <div class="tariff-info-popup__inner"> <div class="tariff-info-popup__more"> <ul class="tariff-info-popup__more-list"> <li> <strong class="tariff-info-popup__more-title">Choose your network</strong> <p class="tariff-info-popup__more-text">Choose from a range of networks and inclusive monthly plans to get started with your new Galaxy phone straight away.</p> </li> <li> <strong class="tariff-info-popup__more-title">Pay Monthly</strong> <p class="tariff-info-popup__more-text">Pay for your phone and an inclusive bundle of calls, texts and data in one easy-to-manage monthly fee.</p> </li> <li> <strong class="tariff-info-popup__more-title">Next steps</strong> <p class="tariff-info-popup__more-text">You will be redirected to our trusted partner, A1 Comms Ltd (trading as Mobileshop), to purchase your phone and setup your monthly plan.</p> </li> </ul> </div> <div class="tariff-info-popup__info"> </div> </div> </div> </div> </div> <div class="tariff-info-popup__cta">  <a class="cta cta--contained cta--emphasis" href="javascript:void(0);" title="Link Title"> Choose your plan </a> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <input type="hidden" id="cfTradeInConditionCheckYn"/> <input type="hidden" id="cfTradeInCategoryUseYn"/> <section class="hubble-tradein-popup trade-in-popup" role="dialog" aria-modal="true" id="hubble-tradein-layer"> <div class="trade-in-popup__dimmed"></div> <div class="trade-in-popup__contents">  <div class="trade-in-popup__discount-wrap trade-in-popup__discount-seca-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">How trade-in works</h2> <ul class="trade-in-popup__discount-list"> <li class="trade-in-popup__discount-list-item"> <div class="trade-in-popup__discount-list-item-num-wrap"> <p class="trade-in-popup__discount-list-item-num">01</p> </div> <div class="trade-in-popup__discount-list-item-text-wrap"> <strong class="trade-in-popup__discount-list-item-title"> </strong> <p class="trade-in-popup__discount-list-item-desc">Choose your new Samsung device and confirm the condition of your old one. If you're eligible, you will see an estimated trade-in value.</p> </div> </li> <li class="trade-in-popup__discount-list-item"> <div class="trade-in-popup__discount-list-item-num-wrap"> <p class="trade-in-popup__discount-list-item-num">02</p> </div> <div class="trade-in-popup__discount-list-item-text-wrap"> <strong class="trade-in-popup__discount-list-item-title"> </strong> <p class="trade-in-popup__discount-list-item-desc">Get an instant discount on your new Samsung device.</p> </div> </li> <li class="trade-in-popup__discount-list-item"> <div class="trade-in-popup__discount-list-item-num-wrap"> <p class="trade-in-popup__discount-list-item-num">03</p> </div> <div class="trade-in-popup__discount-list-item-text-wrap"> <strong class="trade-in-popup__discount-list-item-title"> </strong> <p class="trade-in-popup__discount-list-item-desc">Back up your files & photos, perform a factory reset, remove any SIM and microSD cards, and return your device to our trade-in partner within 3 days of receipt of your new phone. Our trade-in partner will confirm the collection date and time with you.</p>  </div> </li> <li class="trade-in-popup__discount-list-item"> <div class="trade-in-popup__discount-list-item-num-wrap"> <p class="trade-in-popup__discount-list-item-num">04</p> </div> <div class="trade-in-popup__discount-list-item-text-wrap"> <strong class="trade-in-popup__discount-list-item-title"> </strong> <p class="trade-in-popup__discount-list-item-desc">Please declare strictly according to your device’s condition. Any misdeclaration will result in clawback to be initiated based on the differences between the initial quoted value and actual device’s condition value.</p> </div> </li> </ul> <div class="trade-in-popup__discount-cta-wrap"> <a href="//www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a New Window" aria-label="Open in a new window">See FAQs for details.</a> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">Please note charges may apply if you fail to send us your device within the time specified timescales. Read the full <a href="https://www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a new window">Samsung Shop Online Trade-in T&C's</a> for more information. We will use your personal data in accordance with our <a href="https://www.samsung.com/sg/info/privacy/" target="_blank" title="Open in a new window">Privacy Policy</a>.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-close cta cta--outlined cta--black" movestep="step1_close">Close</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis" stepname="discount" movestep="nStep2" an-tr="trade_in--text-option" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:step1:start">Start</button> </div> </div> <div class="trade-in-popup__seca-imei-wrap trade-in-popup__imei-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Enter your IMEI (or if you have a Wi-Fi only device, enter the serial number)</h2> <p class="trade-in-popup__seca-imei--sub-title">Find your IMEI number</p> <div class="trade-in-popup__seca-imei--find-imei-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/find-imei-number.png" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <ul class="trade-in-popup__seca-imei--method-list"> <li> <strong class="trade-in-popup__seca-imei--method-title">Method 1</strong> <p class="trade-in-popup__seca-imei--method-desc">Enter the combination <b>*#06#</b> on your device.</p> </li> <li> <strong class="trade-in-popup__seca-imei--method-title">Method2</strong> <p class="trade-in-popup__seca-imei--method-desc">Find it on the sticker on the original package of device.</p> </li> </ul> <p class="trade-in-popup__seca-imei--sub-title">Enter your IMEI number</p> <div class="trade-in-popup__imei-form"> <div class="text-field-v2 no-title"> <label class="text-field-v2__hint" for="seca-imei-input">Enter your IMEI number</label> <div class="text-field-v2__input-wrap">  <input class="text-field-v2__input" id="seca-imei-input" type="text" value="" autocomplete="off" maxlength="15"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> </div> <p class="text-field-v2__text error">Incorrect</p> <p class="text-field-v2__text success">IMEI validated, kindly agree to the Terms and Conditions below to apply trade-in</p> </div>  </div>  <div class="trade-in-popup__seca-imei--warning-message-wrap" style="display:none"> <svg class="icon" focusable="false"> <use xlink:href="#information-error-light" href="#information-error-light"></use> </svg> <div class="trade-in-popup__seca-imei--warning-message-text-wrap"> <p class="trade-in-popup__seca-imei--warning-message-title">There seems to be an issue</p> <p class="trade-in-popup__seca-imei--warning-message-desc">We could not identify your device model based on the information provided. Please try one of the following options:</p> <ul class="trade-in-popup__seca-imei--warning-message-list"> <li>Check the IMEI Serial Number again</li> <li>Check your device model again</li> </ul> </div> </div>  <div class="trade-in-popup__brand-list-wrap scrollbar"> <ul class="trade-in-popup__brand-list scrollbar__contents"> </ul> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">Please note charges may apply if you fail to send us your device within the time specified timescales. Read the full <a href="https://www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a new window">Samsung Shop Online Trade-in T&C's</a> for more information. We will use your personal data in accordance with our <a href="https://www.samsung.com/sg/info/privacy/" target="_blank" title="Open in a new window">Privacy Policy</a>.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap"> <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="imei" movestep="bStep1">Back</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="imei" movestep="nStep2" aria-disabled="true">Continue</button> </div> </div> <div class="trade-in-popup__seca-select-wrap"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Select your device</h2> <div class="trade-in-popup__seca-select--dropdown-container"> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">Please note charges may apply if you fail to send us your device within the time specified timescales. Read the full <a href="https://www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a new window">Samsung Shop Online Trade-in T&C's</a> for more information. We will use your personal data in accordance with our <a href="https://www.samsung.com/sg/info/privacy/" target="_blank" title="Open in a new window">Privacy Policy</a>.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="device-seca">Back</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="device-seca" aria-disabled="true">Continue</button> </div> </div> <div class="trade-in-popup__condition-wrap " role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Last step, is your phone in good condition?</h2> <form method="post" name="conditionForm" id="conditionForm"> <ul class="trade-in-popup__condition-list"> </ul> </form>   <p class="trade-in-popup__condition-error">Not eligible for trade-in</p>  <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">Please note charges may apply if you fail to send us your device within the time specified timescales. Read the full <a href="https://www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a new window">Samsung Shop Online Trade-in T&C's</a> for more information. We will use your personal data in accordance with our <a href="https://www.samsung.com/sg/info/privacy/" target="_blank" title="Open in a new window">Privacy Policy</a>.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="condition">Back</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="condition" aria-disabled="true">Continue</button> </div> </div> <div class="trade-in-popup__apply-wrap " role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Nice! All done. Check your final value to finish.</h2> <div class="trade-in-popup__summary-wrap"> <div class="trade-in-popup__summary"> <div class="trade-in-popup__summary-product-wrap"> <strong class="trade-in-popup__summary-product-brand"></strong> <strong class="trade-in-popup__summary-product-model"></strong> <span class="trade-in-popup__summary-product-number"></span> </div> <div class="trade-in-popup__summary-price-wrap"> <span class="trade-in-popup__summary-price-title cashbacklist">Trade-in discount</span> <em class="trade-in-popup__summary-price"></em> <span class="trade-in-popup__summary-price-desc" style="color:#006bea"></span> </div> </div> <div class="trade-in-popup__summary-message-wrap">  <p class="trade-in-popup__summary-message">*Actual trade-in discount might differ from estimated discount.</p> <p class="trade-in-popup__summary-message--error"></p> </div> </div>  <div class="trade-in-popup__apply-warning-wrap"> <div class="trade-in-popup__apply-warning-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/icon-trade-imei-result.png" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <div class="trade-in-popup__apply-warning-text-wrap"> <strong>Sorry, the condition(s) you have declared make your device ineligible for trade-in.</strong> </div> </div>    <div class="trade-in-popup__confirm-terms s-border-top"> <strong class="trade-in-popup__confirm-terms-title">Confirm Terms and Conditions</strong> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">Please note charges may apply if you fail to send us your device within the time specified timescales. Read the full <a href="https://www.samsung.com/sg/shop-faq/trade-in/" target="_blank" title="Open in a new window">Samsung Shop Online Trade-in T&C's</a> for more information. We will use your personal data in accordance with our <a href="https://www.samsung.com/sg/info/privacy/" target="_blank" title="Open in a new window">Privacy Policy</a>.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="apply">Back</button>  <button class="trade-in-popup__btn-apply cta cta--contained cta--emphasis cta--disabled" aria-disabled="true">Apply Trade-in</button> </div> </div> <button class="trade-in-popup__close"> <span class="hidden">Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </section> <div class="upgrade-popup" role="dialog" aria-modal="true"> <div class="upgrade-popup__dimmed"></div> <div class="upgrade-popup__content"> <div class="scrollbar"> <div class="upgrade-popup__content-wrap scrollbar__contents"> <div class="upgrade-popup__header"> <strong class="upgrade-popup__title">Upgrade Terms and Conditions</strong> </div> <div class="upgrade-popup__body"> <div class="upgrade-popup__apply"> <div class="upgrade-popup__apply-img"> <svg class="icon"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#phone-light"></use> </svg> </div> <div class="upgrade-popup__apply-content"> </div> </div> <ul class="upgrade-popup__condition-wrap"> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-01.png" alt="condition image" role="img" data-comp-name="image"/> </div> </div> <p class="upgrade-popup__desc">Phone powers on & Holds charge</p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-02.png" alt="condition image" role="img" data-comp-name="image"/> </div> </div> <p class="upgrade-popup__desc">Normal wear & Tear</p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-03.png" alt="condition image" role="img" data-comp-name="image"/> </div> </div> <p class="upgrade-popup__desc">Functioning display & No cracked screen</p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-04.png" alt="condition image" role="img" data-comp-name="image"/> </div> </div> <p class="upgrade-popup__desc">Not blacklisted</p> </li> <li class="upgrade-popup__condition"> <div class="upgrade-popup__condition-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/upgrade-popup-condition-icon-05.png" alt="condition image" role="img" data-comp-name="image"/> </div> </div> <p class="upgrade-popup__desc">Factory reset & No software locks</p> </li> </ul> <div class="upgrade-popup__check-info"> </div> <div class="upgrade-popup__disclaimer-wrap"> <p></p> </div> </div> </div> </div> <div class="upgrade-popup__footer"> <div class="upgrade-popup__cta-wrap"> <button class="cta cta--outlined cta--black upgrade-popup__cta--close" an-tr="header(pim)_service option selector-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="upgrade program:close">Close</button> <button class="cta cta--contained cta--emphasis upgrade-popup__cta--submit" an-tr="header(pim)_service option selector-product detail-text-button" an-ca="option click" an-ac="pd buying tool" an-la="upgrade program:confirm">Confirm</button> </div> </div> <button class="upgrade-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">Layer Popup Close</span> </button> </div> </div> <div class="upgrade-learn-more-popup" role="dialog" aria-modal="true" style="display: none"> <div class="upgrade-learn-more-popup__dimmed"></div> <div class="upgrade-learn-more-popup__content"> <div class="scrollbar"> <div class="upgrade-learn-more-popup__content-wrap scrollbar__contents"> </div> <button class="upgrade-learn-more-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">close popup</span> </button> </div> </div> </div> <div class="cancel-return-policy-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Return & Cancel</h2> <div class="cancel-return-policy-popup__description"> <div class="cancel-return-policy-popup__content"> <p class="cancel-return-policy-popup__text"></p> </div> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="warranty-policy-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Warranty</h2> <div class="warranty-policy-popup__description"> <div class="warranty-policy-popup__content"> <p class="warranty-policy-popup__text"></p> </div> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="eip-popup" role="dialog" aria-modal="true"> <div class="layer-popup" id="eip-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="layer-popup__title">Estimate your Installment Plan</div> <div class="eip-popup__wrap"> <div class="eip-popup__frame">  <iframe name="Estimate_iframe" title="frame title: Estimate your installment plan" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe> </div> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="finance-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Estimate your Installment Plan</h2> <div class="finance-popup__content"> <div class="tab" data-use-arrow data-use-arrow-mo> <div class="tab__left-arrow-wrap disabled"> <button class="tab__left-arrow" type="button" role="button" aria-label="previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> </div> <ul class="tab__list" role="tablist"> <li class="tab__item" role="presentation"> <button class="tab__item-title" role="tab"> <span class="tab__item-line"></span> </button> </li> </ul> <div class="tab__right-arrow-wrap disabled"> <button class="tab__right-arrow" type="button" role="button" aria-label="next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> <div class="finance-popup__panel is-active" role="tabpanel" id="tabPanelSamsungFinance"> <div class="finance-popup__site-content"></div> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </div> </div> </div> <div class="hubble-careinfo-popup" role="dialog" aria-modal="true"> <div class="layer-popup" id="hubble-careinfo"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Samsung Care+</h2> <div class="hubble-careinfo-popup__body"> <div class="hubble-careinfo-popup__info-wrap"> <dl class="hubble-careinfo-popup__info"> </dl> </div> <div class="hubble-careinfo-popup__explain"> <p>Samsung Care+ Disclaimer with link</p> </div> </div> </div> </div> <button class="hubble-care-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>     <div class="sc-learn-more-popup" role="dialog" aria-modal="true"> <div class="layer-popup" id="ScLearnMorePopup"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Here’s what’s covered</h2> <div class="sc-learn-more-popup__body"> <ul class="sc-learn-more-popup__list"> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img 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$" alt="alt text" role="img"/> <img 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$" alt="alt text" role="img"/> </div> </div> <strong class="sc-learn-more-popup__title">Hardware repairs</strong> <p class="sc-learn-more-popup__text">Get fast, convenient repairs using genuine Samsung parts, from our authorized technicians.</p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img 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$" alt="alt text" role="img"/> <img 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$" alt="alt text" role="img"/> </div> </div> <strong class="sc-learn-more-popup__title">Software coverage</strong> <p class="sc-learn-more-popup__text">If your device isn’t running smoothly, we’ll check and fix the issue.</p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img 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$" alt="alt text" role="img"/> <img 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$" alt="alt text" role="img"/> </div> </div> <strong class="sc-learn-more-popup__title">Battery replacement</strong> <p class="sc-learn-more-popup__text">Stay powered up with hassle-free battery replacements.</p> </li> <li class="sc-learn-more-popup__item"> <div class="sc-learn-more-popup__image"> <div class="image"> <img 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$" alt="alt text" role="img"/> <img 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$" alt="alt text" role="img"/> </div> </div> <strong class="sc-learn-more-popup__title">4 claims within</strong> <p class="sc-learn-more-popup__text">Make up to 4 claims for repair or replacement within 2 years, and save with a low deductible per claim.</p> </li> </ul> <div class="sc-learn-more-popup__cta"> <a class="cta cta--underline cta--black cta--icon" href="https://www.samsung.com/sg/offer/samsung-care-plus/" aria-label="Link Title" target="_blank"> See all benefits <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> <div class="sc-learn-more-popup__disclaimer"> </div> </div> </div> </div> <button class="sc-learn-more-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="hubble-care-popup smcpopup" role="dialog" aria-modal="true"> <div class="layer-popup" id="hubble-care"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title layer-popup__title--no-icon">Samsung Care+</h2> <p class="layer-popup__desc"> Protects your device from accidental damage </p> <div class="hubble-care-popup__body"> <div class="hubble-care-popup__smc"> <div class="hubble-care-popup__smc-inner"></div> <p class="hubble-care-popup__smc-message" style="display: none"></p> </div> <div class="hubble-care-popup__image"> <div class="image"> <img 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" alt="Accidental damage, Worldwide cover, Repairs by genuine parts"/> <img 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" alt="Accidental damage, Worldwide cover, Repairs by genuine parts"/> </div> </div>  <div class="hubble-care-popup__check"> <div class="hubble-care-popup__check-title">Samsung Care+ Terms and Conditions</div> <ul class="hubble-care-popup__check-list-wrap"></ul> <p class="hubble-care-popup__check-error" aria-hidden="true">* Required field</p> </div> <div class="hubble-care-popup__policy-text"></div> </div> </div> </div> <div class="hubble-care-popup__foot"> <div class="hubble-care-popup__button"> <div class="hubble-care-popup__button-inner"> <div class="hubble-care-popup__button-item"> <a class="cta cta--outlined cta--black" href="javascript:void(0)" role="button" an-tr="header(pim)_service option selector:samsung care-product detail-close-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:close">Close</a> </div> <div class="hubble-care-popup__button-item"> <a class="cta cta--contained cta--emphasis cta--disabled" href="javascript:void(0)" role="button" an-tr="header(pim)_service option selector:samsung care-product detail-confirm-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:confirm" aria-disabled="true">Confirm</a> </div> </div> </div> </div> <button class="hubble-care-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="hubble-care-popup__alert" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="hubble-care-alert1"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkläre mich mit diesen einverstanden. <div class="hubble-care-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="#" title="Bestätigen"> Bestätigen </a> </div> </div> <button class="hubble-care-popup__alert-close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="hubble-care-popup__alert" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="hubble-care-alert2"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgfältig durchgelesen. <div class="hubble-care-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="#" title="Bestätigen"> Bestätigen </a> </div> </div> <button class="hubble-care-popup__alert-close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <input type="hidden" value="https://shop.samsung.com/sg/mypage/wishlist/" id="WishlistPopupUrl"/> <div class="wishlist-popup"> <div class="layer-popup" id="wishlist-popup" role="dialog" style="display:block" aria-modal="true"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <h2 class="layer-popup__title"></h2> <div class="wishlist-popup__desc"></div> <div class="wishlist-popup__selectbox__wrap"> <div class="wishlist-popup__selectbox"> <div class="wishlist-popup__selectbox-inner"> <div class="menu filled"> <select class="menu__select" data-default-message="My Wishlist" tabindex="-1"> <option value="">My Wishlist 1</option> <option value="">My Wishlist 2</option> <option value="">My Wishlist 3</option> <option value="">My Wishlist 4</option> <option value="">My Wishlist 5</option> <option value="">My Wishlist 6</option> <option value="">My Wishlist 7</option> <option value="">My Wishlist 8</option> <option value="">My Wishlist 9</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="wishlist-popup__cta-wrap"> <div class="wishlist-popup__cta"> <a class="cta cta--outlined cta--black" href="#" role="button" aria-label="Link Title"></a> </div> <div class="wishlist-popup__cta"> <a class="cta cta--contained cta--emphasis" href="#" role="button"></a> </div> </div> <button type="button" class="layer-popup__close wishlist-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="extended-warranty-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="extended-warranty"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Extended Warranty</h2> <p class="layer-popup__desc">Protects your device from accidental damage</p> <div class="extended-warranty-popup__body"> <div class="extended-warranty-popup__smc"> <div class="extended-warranty-popup__smc-inner"> </div> <p class="extended-warranty-popup__smc-message" style="display: none">※ Cover until canceled. Financing program is not available with device purchasing</p> <p class="extended-warranty-popup__smc-message" style="display: none">※ Cover for 24 months. Financing program is available with device purchasing</p> </div> <div class="extended-warranty-popup__image"> <div class="image"> <img 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$" alt="Accidental damage, Worldwide cover, Repairs by genuine parts"/> <img 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$" alt="Accidental damage, Worldwide cover, Repairs by genuine parts"/> </div> </div> <div class="extended-warranty-popup__info-box">  </div> <div class="extended-warranty-popup__check"> <div class="extended-warranty-popup__check-title">Samsung Care+ Terms and Conditions</div> </div> <div class="extended-warranty-popup__policy-text" id="cfCareIPID"></div> </div> </div> </div> <div class="extended-warranty-popup__foot"> <div class="extended-warranty-popup__button"> <div class="extended-warranty-popup__button-description"> <p>By clicking on confirm, you agree to Samsung terms and conditions.</p> </div> <div class="extended-warranty-popup__button-inner"> <div class="extended-warranty-popup__button-item"> <a class="cta cta--outlined cta--black" href="#" role="button" an-tr="header(pim)_service option selector-product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="samsung warranty:close">Close</a> </div> <div class="extended-warranty-popup__button-item"> <a class="cta cta--contained cta--emphasis cta--disabled" href="#" role="button" an-tr="header(pim)_service option selector-product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="samsung warranty:confirm">Confirm</a> </div> </div> </div> </div> <button class="extended-warranty-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="extended-warranty-popup__alert" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="extended-warranty-alert1"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe die Allgemeinen Versicherungsbedingungen heruntergeladen, gelesen und erkläre mich mit diesen einverstanden. <div class="extended-warranty-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="#"> Bestätigen </a> </div> </div> <button class="extended-warranty-popup__alert-close"> <span class="hidden">Layer Popup Close</span> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="extended-warranty-popup__alert" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="extended-warranty-alert2"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> Ich habe das Informationsblatt zur Versicherung heruntergeladen und sorgfältig durchgelesen. <div class="extended-warranty-popup__alert-button"> <a class="cta cta--contained cta--emphasis" href="#" title=""> Bestätigen </a> </div> </div> <button class="extended-warranty-popup__alert-close"> <span class="hidden">Layer Popup Close</span> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="extended-warranty-popup-vd" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="extended-warranty-vd"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Extended Warranty</h2> <p class="layer-popup__desc">Extend the standard local warranty for your Samsung device</p> <div class="extended-warranty-popup-vd__body"> <div class="extended-warranty-popup-vd__option"> <div class="pd-select-option"> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"></ul> </div> </div> </div> <div class="extended-warranty-popup-vd__check"> <div class="extended-warranty-popup-vd__check-title">Warranty extension conditions</div> <ul class="extended-warranty-popup-vd__check-list-wrap"></ul> </div> </div> </div> </div> <div class="extended-warranty-popup-vd__foot"> <div class="extended-warranty-popup-vd__button"> <div class="extended-warranty-popup-vd__button-inner"> <div class="extended-warranty-popup-vd__button-item"> <a class="cta cta--outlined cta--black" href="#" role="button">Close</a> </div> <div class="extended-warranty-popup-vd__button-item"> <a class="cta cta--contained cta--emphasis cta--disabled" href="#" role="button">Confirm</a> </div> </div> </div> </div> <button class="extended-warranty-popup-vd__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="warranty-info-popup"> <div class="layer-popup" role="dialog" tabindex="0" style="display:none"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <h2 class="layer-popup__title">Extended Warranty</h2> <div class="warranty-info-popup__content"> <div class="warranty-info-popup__info"> <dl class="warranty-info-popup__info-list"> </dl> </div> <div class="warranty-info-popup__explain"> <p></p> </div> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div id="shop-combo-popup" class="shop-combo-popup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <div class="layer-popup__title">Select combo bundle option</div> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="shop-combo-popup__list"> <div class="shop-combo-popup__list-area"> <div class="shop-combo-popup__list-in"> <ul> </ul> </div> </div> </div> </div> </div> <div class="layer__fixed-wrap"> <div class="shop-combo-popup__summary"> <div class="shop-combo-popup__summary-title"> <p>Selected product (<span class="s-bundle-option-count">0</span>)</p> </div> <div class="shop-combo-popup__summary-save"> <span class="shop-combo-popup__summary-save-original"> <span class="hidden">Original Price: </span> <del></del> </span> <span class="shop-combo-popup__summary-save-price"></span> </div> <div class="shop-combo-popup__summary-total"> <span class="shop-combo-popup__summary-option-total"> <strong></strong> </span> </div> <div class="shop-combo-popup__summary-reset"> <button class="cta-reset" type="reset" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add-on:clear all">Clear all</button> </div> </div> </div> <div class="shop-combo-popup__btn-wrap"> <button class="shop-combo-popup__btn-close cta cta--outlined cta--black" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add-on:close">Close</button> <button class="shop-combo-popup__btn-confirm cta cta--contained cta--emphasis cta--disabled" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add-on:confirm">Confirm</button> </div> <button type="button" class="layer-popup__close" an-tr="header(pim)_offer option:bundle offer:add-on -product detail-popup-button" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:add-on:close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="free-gift-popup" tabindex="0" role="dialog" aria-modal="true"> <div class="layer-popup" id="free-gift-popup"> <div class="layer-popup__inner"> <div class="layer-popup__title type-left">Choose your Pre-order gift</div> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="free-gift-popup__wrap"> </div> </div> </div> <div class="layer-popup__foot"> <div class="layer-popup__button"> <div class="layer-popup__button-inner"> <div class="layer-popup__button-item close-popup"> <button class="cta cta--outlined cta--black" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:free gift:close">Close</button> </div> <div class="layer-popup__button-item"> <button class="cta cta--contained cta--emphasis cta--disabled" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:free gift:confirm">Confirm</button> </div> </div> </div> </div> <button type="button" class="layer-popup__close" an-tr="header(pim)_offer option:bundle offer:free gift-product detail-popup-link" an-ca="option click" an-ac="pd buying tool" an-la="bundle offer:free gift:layer popup close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#cancel-close-regular"></use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup" style="display:none"> <div class="layer-popup" id="finance ee" role="dialog" tabindex="0" style="display:block"> <div class="layer-popup__inner"> <div class="layer-popup__contents scrollbar"> <div class="finance-ee-popup__contents scrollbar__contents"> <div class="finance-ee-popup__title"> <strong class="finance-ee-popup__title-text">Choose convenient Instalment plans provided by Inbank</strong> </div> <div class="finance-ee-popup__description"> <div class="finance-ee-popup__plans-contents"> <div class="finance-ee-popup__plans-table" role="table"> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader">Product Price</div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="productprice"></p> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader">Plan</div> <div class="finance-ee-popup__plans-cell" role="cell"> <div class="menu"> <select class="menu__select" tabindex="-1" id="selectplan"> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader">Months</div> <div class="finance-ee-popup__plans-cell" role="cell"> <div class="menu"> <select class="menu__select" tabindex="-1" id="selectmonths"> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader">Interest rate</div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="interestrate"></p> </div> </div> <div class="finance-ee-popup__plans-row" role="row"> <div class="finance-ee-popup__plans-header" role="rowheader">Monthly payment</div> <div class="finance-ee-popup__plans-cell" role="cell"> <p class="finance-ee-popup__plans-text" id="monthlypayment"></p> </div> </div> </div> </div> <p class="finance-ee-popup__disclaimer">Instalment Plans Disclaimer</p> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div>  <div class="contact-mail-form-popup" role="dialog" aria-modal="true" style="display: none"> <input type="hidden" name="fn06_headlineText" id="fn06_headlineText" value="Thank you!"/> <input type="hidden" name="fn06_description" id="fn06_description" value="Your enquiry has been successfully submitted. We will get back to you shortly. "/> <input type="hidden" name="fn06_headlineHeadingLevel" id="fn06_headlineHeadingLevel" value="h2"/> <input type="hidden" name="eloquaPostUrl" id="eloquaPostUrl" value="https://s1734073713.t.eloqua.com/e/f2"/> <input type="hidden" name="eloquaYn" id="eloquaYn" value="N"/> <input type="hidden" name="inquiryType" id="inquiryType" value="SalesInquiry"/> <input type="hidden" name="Subsidiary" id="Subsidiary" value="SESP"/> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Sales Enquiries</h2> <p class="layer-popup__description"></p> <div class="layer-popup__contents"> <div class="contact-mail-form-popup__contents"> <div class="contact-mail-form-popup__form"> <form name="contact-mail-form-popup__form"> <div class="append-from-data"> </div> </form> <div class="contact-mail-form-popup__form-wrap"> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_0">Company Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_0" data-form-name="CustomerName" type="text" value="" autocomplete="organization" maxlength="255"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_1">First Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_1" data-form-name="ContactFirstName" type="text" value="" autocomplete="given-name" maxlength="40"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_2">Last Name <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_2" data-form-name="ContactName" type="text" value="" autocomplete="family-name" maxlength="80"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_3">Work Email <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_3" data-form-name="EmailAddress" type="text" value="" autocomplete="email" maxlength="80"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required "> <fieldset> <legend>Product Interest<span>* Required</span></legend> <div class="field--checkbox-list-wrap"> <div class="contact-mail-form-popup__form-field-title-wrap" aria-hidden="ture"> <strong class="contact-mail-form-popup__form-field-title" aria-hidden="true">Product Interest</strong> <p class="checkbox--required-text" aria-hidden="true">* Required</p> <p class="checkbox--error-text">* This checkbox is required</p> </div> <div class="contact-mail-form-popup__form-field-list-wrap"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-0" data-orignal="Mobile" value="Mobile"/> <label class="checkbox-v2__label" for="popUp_form_4-0"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Mobile</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-1" data-orignal="Computing" value="Computing"/> <label class="checkbox-v2__label" for="popUp_form_4-1"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Computing</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-2" data-orignal="Displays" value="Displays"/> <label class="checkbox-v2__label" for="popUp_form_4-2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Displays</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-3" data-orignal="Home Appliance" value="Home Appliance"/> <label class="checkbox-v2__label" for="popUp_form_4-3"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Home Appliance</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-4" data-orignal="Climate" value="Climate"/> <label class="checkbox-v2__label" for="popUp_form_4-4"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Climate</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="ProductSolution" class="checkbox-v2__input" id="popUp_form_4-5" data-orignal="Memory" value="Memory"/> <label class="checkbox-v2__label" for="popUp_form_4-5"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">Memory</span> </label> </div> </div> </div> </div> <fieldset> </div> <div class="contact-mail-form-popup__form-field form--size-half field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_5">Job Function </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_5" data-form-name="JobTitle" type="text" value="" autocomplete="organization-title" maxlength="128"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_6">Phone Number <span class="required-text">*<span class="hidden">Required</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_6" data-form-name="Telephone" type="text" value="" autocomplete="tel" maxlength="40"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--multi-text "> <div class="text-field-v2 multi-line"> <label class="text-field-v2__hint" for="popUp_form_7">Questions or Message </label> <div class="text-field-v2__input-wrap"> <textarea class="text-field-v2__input-multi-line" id="popUp_form_7" maxlength="2000" autocomplete="on" data-form-name="Message"></textarea> </div> <p class="text-field-v2__text assistive" id="popUp_form_7_assistive">(0/2000)</p> <p class="text-field-v2__text error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--dropdown"> <div class="menu menu--text-field"> <select class="menu__select" aria-labelledby="hint_popUp_form_8" tabindex="-1" data-form-name="Employee"> <option value="<50"><50</option> <option value="50-99">50 ~ 99</option> <option value="100-199">100 ~ 199</option> <option value="200-499">200 ~ 499</option> </select> <p id="hint_popUp_form_8" class="menu--text-field__hint">No. of Employees <span class="text-field--required-text">*<span class="hidden">Required</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_8 text_hint_popUp_form_8" type="button"> <span id="text_hint_popUp_form_8" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <p class="menu--text-field__error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half is-required field--dropdown"> <div class="menu menu--text-field"> <select class="menu__select" aria-labelledby="hint_popUp_form_9" tabindex="-1" data-form-name="LocalField1"> <option value="Automotive">Automotive</option> <option value="Construction">Construction</option> <option value="Education">Education</option> <option value="Energy & Utilities">Energy & Utilities</option> <option value="Finance">Finance</option> <option value="Government">Government</option> <option value="Healthcare">Healthcare</option> <option value="Hospitality">Hospitality</option> <option value="Insurance">Insurance</option> <option value="Life Sciences">Life Sciences</option> <option value="Logistics & Transportation">Logistics & Transportation</option> <option value="Manufacturing">Manufacturing</option> <option value="Media & Entertainment">Media & Entertainment</option> <option value="Professional Services">Professional Services</option> <option value="Property">Property</option> <option value="Retail">Retail</option> <option value="Telecommunications">Telecommunications</option> <option value="Travel">Travel</option> <option value="Wholesale Distribution & Services">Wholesale Distribution & Services</option> <option value="Others">Others</option> </select> <p id="hint_popUp_form_9" class="menu--text-field__hint">Industry <span class="text-field--required-text">*<span class="hidden">Required</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_9 text_hint_popUp_form_9" type="button"> <span id="text_hint_popUp_form_9" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <p class="menu--text-field__error">* This field is required</p> </div> </div> <div class="contact-mail-form-popup__iframe"> <div class="contact-mail-form-popup__iframe-inner"> <div id="Con_reCaptcha" data-callback="recaptchaCallback"></div> </div> <p class="invalid-notice" style="display: none">Verification expired. Check the checkbox again.</p> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox is-required"> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="PrivacyPolicy" class="checkbox-v2__input" id="popUp_form_10" aria-describedby="popUp_form_10_required"/> <label class="checkbox-v2__label" for="popUp_form_10"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I have read and agree to the Samsung Privacy Policy</span> </label> </div> <p class="checkbox--required-text" aria-hidden="true" id="popUp_form_10_required">* Required</p> <p class="checkbox--error-text" id="popUp_form_10_err">* Please agree to the Samsung Privacy Policy</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--checkbox "> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="OptIn" class="checkbox-v2__input" id="popUp_form_11"/> <label class="checkbox-v2__label" for="popUp_form_11"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">I would like to receive information about products, services, promotions and marketing communications of Samsung and/or its partners.</span> </label> </div> <p class="checkbox--error-text" id="popUp_form_11_err">* Please agree to the Samsung Privacy Policy</p> </div> </div> </div> </div> <div class="contact-mail-form-popup__cta"> <button class="cta cta--contained cta--black" aria-label="Submit" aria-disabled="false"> Submit </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="thank-you-popup" id="ThankYouPopup" role="dialog" aria-modal="true"> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Thank you!</h2> <div class="layer-popup__contents"> <p class="thank-you-popup__description">Your enquiry has been successfully submitted. We will get back to you shortly.</p> <div class="thank-you-popup__cta-wrap"> <div class="thank-you-popup__cta"> <button class="cta cta--contained cta--black cta--closed" aria-label=""> Close </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Layer Popup Close</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <div class="confirm-popup" style="display: none" role="dialog" aria-modal="true"> <div class="confirm-popup__dimmed"></div> <div class="confirm-popup__content"> <div class="confirm-popup__content-inner"> <strong class="confirm-popup__title"></strong> <div class="confirm-popup__desc"></div> <div class="confirm-popup__disclaimer"></div> <div class="confirm-popup__cta-wrap"> <button class="cta cta--outlined cta--black"></button> <button class="cta cta--contained cta--emphasis"></button> </div> <button class="confirm-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">Layer Popup Close</span> </button> </div> </div> </div> <div class="confirm-popup-v2" role="dialog" aria-modal="true"> <div class="confirm-popup-v2__dimmed"></div> <div class="confirm-popup-v2__content"> <div class="confirm-popup-v2__content-inner"> <h2 class="confirm-popup-v2__title"></h2> <div class="confirm-popup-v2__desc"></div> <div class="confirm-popup-v2__cta-wrap"> <button class="cta cta--outlined cta--black"></button> <button class="cta cta--contained cta--black"></button> </div> <button class="confirm-popup-v2__close"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">close</span> </button> </div> </div> </div>  <input type="hidden" name="isGpv2Flag" id="isGpv2Flag" value="N"/> <input type="hidden" name="isNewHybrisFlag" id="isNewHybrisFlag" value="N"/> <section class="pd-get-stock-alert-popup" role="dialog" aria-modal="true" style="display: none"> <div class="pd-get-stock-alert-popup__dimmed"></div> <div class="pd-get-stock-alert-popup__contents"> <div class="scrollbar"> <div class="pd-get-stock-alert-popup__inner-wrap scrollbar__contents"> <div class="pd-get-stock-alert-popup__header"> <h2 class="text-title">Get stock alert</h2> <p class="pd-get-stock-alert-popup__desc">Get alert when this item is back in stock and available to buy, by adding your email to opt into alerts.</p> </div> <div class="pd-get-stock-alert-popup__text-field-wrap">              <div class="text-field-v2"> <label class="text-field-v2__hint" for="getStockAlertEmailInput">Enter Your Email</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="getStockAlertEmailInput" type="text" value="" autocomplete="email"/> <button class="text-field-v2__input-icon delete" aria-label="Delete" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text error" id="getstock-popup-error-txt">Please double check your email address.</p> </div> </div> <div class="pd-get-stock-alert-popup__checkbox-container"> </div> <div class="pd-get-stock-alert-popup__disclaimer"> <p class="pd-get-stock-alert-popup__disclaimer-text"></p> </div> </div> </div> <div class="pd-get-stock-alert-popup__btn-wrap"> <button class="pd-get-stock-alert-popup__btn-close cta cta--outlined cta--black" an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close">Close</button> <button class="pd-get-stock-alert-popup__btn-submit cta cta--contained cta--emphasis cta--disabled" disabled an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:submit">Submit</button> </div> <button class="pd-get-stock-alert-popup__close" an-tr="pd03_product finder:stock alert-product detail-cta-popup" an-ca="buy cta" an-ac="stock alert" an-la="stock alert:close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="pd-get-stock-alert-popup__final-wrap"> <div class="pd-get-stock-alert-popup__final"> <p class="pd-get-stock-alert-popup__final-desc"> We will notify you when stocks is available. <br/>Thank you. </p> <div class="pd-get-stock-alert-popup__final-btn-wrap"> <button class="pd-get-stock-alert-popup__final-btn-close cta cta--contained cta--emphasis">Ok</button> </div> <button class="pd-get-stock-alert-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <script defer src="//maps.googleapis.com/maps/api/js?region=kr&client=gme-samsungsds&libraries=places&callback=Function.prototype" type="text/javascript"></script> <div class="where-to-buy"></div> <input type="hidden" name="useNewWtb" id="useNewWtb" value="Y"/> <input type="hidden" name="searchApiDomain" id="searchApiDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="buyinstoreRedirectYN" id="buyinstoreRedirectYN" value="Y"/> <input type="hidden" id="rtlValue"/> <input type="hidden" name="current_model_code" id="current_model_code"/> <input type="hidden" id="wtbCurrentPagePath" value="/content/samsung/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa"/> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-smc-popup/clientlibs-h/site.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd.min.js"></script> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps.min.36f6393aeb74fc5d92dda319bd71bb88.js" defer></script> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps-h.min.6c03f423f1c7db763b04fbb160316134.js" defer></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-trade-in-popup/clientlibs-h/site.min.js"></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-tariff-popup/clientlibs-h/site.min.js"></script>  <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="627d5e8d-4b0c-4fd4-bd17-36bf28ccb576">{"@context":"http://schema.org","@type":"WebPage","name":"Galaxy Buds3 Pro Silver | Samsung Singapore","url":"https://www.samsung.com/sg/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaasa/"}</script> </div> </body> </html>

CINXE.COM

Galaxy Buds3 Pro Silver | Samsung Singapore