Galaxy Ring | Samsung México

<!DOCTYPE html> <html lang="es-MX"> <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 Ring | Samsung México</title> <meta name="title" content="Galaxy Ring | Samsung México"/> <link rel="canonical" href="https://www.samsung.com/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <meta name="keywords" content="SM-Q500"/> <meta name="description" content="Track your health with the AI-powered Galaxy Ring. Go about your day's activities, including sleep, and get detailed health insights on Samsung Health."/> <meta name="date" content="2024-08-28"/> <meta name="sitecode" content="mx"/>  <meta name="twitter:card"/> <meta name="twitter:site" content="@SamsungMexico"/> <meta name="twitter:creator" content="@SamsungMexico"/> <meta name="twitter:url" content="https://www.samsung.com/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <meta name="twitter:title" content="Galaxy Ring | Samsung México"/> <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/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <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 mx"/> <meta property="og:locale" content="es-MX"/> <meta property="og:title" content="Galaxy Ring | Samsung México"/> <meta property="og:description"/> <meta property="og:country-name" content="mx"/> <meta property="name" content="Samsung mx"/> <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/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <meta property="description" content="Track your health with the AI-powered Galaxy Ring. Go about your day's activities, including sleep, and get detailed health insights on Samsung Health."/> <meta property="keywords" content="SM-Q500"/> <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-ux2.min.5f8fc3aea5b2678de065d12b5667c345.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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$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/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$1300_1038_PNG$"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd.min.38a8f3ab6d6b2757e84b22730495b06f.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps.min.f586c8cff197fe3cabcc8fc7c42db81f.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps-h-n.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" : "mx", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy9teC9yaW5ncy9nYWxheHktcmluZy9nYWxheHktcmluZy10aXRhbml1bS1ibGFjay1zaXplLTEwLXNtLXE1MDBuemthbXhv", "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-es_mx/main_site/production/es_MX/bv.js"></script> <script type="text/javascript"> digitalData.page.pageInfo.pageTrack = "product detail"; digitalData.product.model_code = "SM\u002DQ500NZKAMXO".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.displayName = "Galaxy Ring".replace(/(<([^>]+)>)/gi, "").replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.model_name = "SM\u002DQ500".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.product.products = "SM\u002DQ500".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_2 = "mobile".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_3 = "rings".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_4 = "galaxy ring".replace(/&/g, ' and ').replace(/ /g,' '); digitalData.page.pathIndicator.depth_5 = "galaxy\u002Dring\u002Dtitanium\u002Dblack\u002Dsize\u002D10\u002Dsm\u002Dq500nzkamxo".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\u002Dring\u002Dtitanium\u002Dblack\u002Dsize\u002D10\u002Dsm\u002Dq500nzkamxo".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/ea8952a91a22/launch-a0036a4b9550.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 = "mx"; 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'; } if(document.querySelector(".nv07-explore-floating-navigation") != null) { let nv07 = document.querySelector(".nv07-explore-floating-navigation"); nv07.parentElement.removeChild(nv07); } //CRHQ-9185 [B2C] shop app - DB 전환 건 - 쿠키 체크 및 미노출 처리 - 보완로직 if(document.querySelector(".cod05-app-banner") != null && document.querySelector(".cod05-app-banner").style != null) { document.querySelector(".cod05-app-banner").style.display='none'; } if(document.querySelector(".breadcrumb") != null && document.querySelector(".breadcrumb").style != null) { document.querySelector(".breadcrumb").style.display='none'; } if(document.querySelector(".nvd02-breadcrumb") != null && document.querySelector(".nvd02-breadcrumb").style != null) { document.querySelector(".nvd02-breadcrumb").style.display='none'; } if(document.querySelector(".nv17-breadcrumb") != null && document.querySelector(".nv17-breadcrumb").style != null) { document.querySelector(".nv17-breadcrumb").style.display='none'; } if(document.querySelector(".epp-breadcrumb") != null && document.querySelector(".epp-breadcrumb").style != null) { document.querySelector(".epp-breadcrumb").style.display='none'; } if(document.querySelector(".footer-column") != null && document.querySelector(".footer-column").style != null) { document.querySelector(".footer-column").style.display='none'; } if(("es" === "mx" || "de" === "mx") && 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="bdpnbeqxjpkdmz5tjilq-f-362be56d0-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154969","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"56ceadcb","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":42486,"ak.gh":"184.28.235.36","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1739803159","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==9+vFjmZ4B7ScjuqJwGvclBk6+UGwZC0tAxddU90yCB8P2HVMmcGpgS4hVIKykmL/tB/TzciMF5CyDfqw5nrYRfL68EqUPpc4hM2BkFQhNWeCzkMcTbzx8I/xH0yTRDaziwEQf6qlNmGQA2UXhtOxCxsQDW0zJg5wPHFlsDuCTKNZuVaajz8pqZy+k5XDK2sqzMvoQzmP4mp34AdUaqo3J2b3vc7UNn5UP4i8zuo0BzhAA+ZJwkzsYj0535ylIscPDwc5k5Rimab1s3xl1Rl8D7iiAPv0f2R4zC+wzpkhyqhwmGaDf4usDKji4qveD2eduLNh4ERLQaBpAwMjnAa5zQCwg6xXAHPoUWO5inmgWCEN/N3gjhc5yFEmuXHT+A56fZKbVL3p1/s+9p79Ych6siFrT99wr4AxBh0sJptDEb4=","ak.pv":"3777","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 = '/mx/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="es-mx"/>  <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="mx"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="mx"/> <input type="hidden" name="language" id="language" value="es_MX"/> <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" value="https://shop.samsung.com"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris-new"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain"/>  <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> </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">Elige tu ubicación e idioma.</div> <div class="nv16-country-selector__select-contaniner"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="mx" data-country-type="sitecd">México / Español</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">Continuar</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">Cerrar</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="2025-02-17 00:33:41"/> <input type="hidden" name="cck" id="cck" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <input type="hidden" name="gPriceCurrency" id="gPriceCurrency" value="MXN"/> <input type="hidden" name="pageTrack" id="pageTrack" value="product detail"/> <script> var gnbNewModelJson = {"gnbLeftModelList":[{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"true","featureThumbnailsTitle":"Nuevo y destacado","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/image_asset_shop_app_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/image_asset_shop_app_updated.png","imageAlt":"Baja Samsung Shop App, compra tus productos favoritos y obtén 10% de descuento adicional en tu primera compra","imageAltEng":"samsung shop app","description":"Samsung Shop App","descriptionEng":"samsung shop app","linkType":"move","linkUrl":"/mx/apps/samsung-shop-app/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Festival_de_combos_336x252.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Festival_de_combos_336x252.png","imageAlt":"Combo Festival","imageAltEng":"Combo Festival","description":"Combo Festival","descriptionEng":"combo festival","linkType":"move","linkUrl":"/mx/offer/bundles_v2/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/San_Valentin_336x252.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/San_Valentin_336x252.png","imageAlt":"San Valentín","imageAltEng":"valentine s day","description":"San Valentín","descriptionEng":"valentine s day","linkType":"move","linkUrl":"/mx/offer/valentines/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Windfree_club_336x252.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Windfree_club_336x252.png","imageAlt":"WindFee Club","imageAltEng":"WindFee Club","description":"WindFee Club","descriptionEng":"WindFee Club","linkType":"move","linkUrl":"/mx/offer/windfree-club/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todas las ofertas","englishName":"all offers","linkType":"move","linkUrl":"/mx/offer/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Live Store","englishName":"live store","linkType":"move","linkUrl":"/mx/offer/samsung-live/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Compra y ahorra más","englishName":"compra y ahorra mas","linkType":"move","linkUrl":"/mx/offer/buy-more-save-more/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Repara contigo","englishName":"self repair","linkType":"move","linkUrl":"/mx/support/self-repair/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Ofertas","englishName":"offers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Galaxy Canje","englishName":"mobile trade in","linkType":"move","linkUrl":"/mx/offer/we-take-your-smartphone/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"EcoRenueva","englishName":"tv and applicance trade up","linkType":"move","linkUrl":"/mx/trade-up/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care+","englishName":"samsung care plus","linkType":"move","linkUrl":"/mx/offer/samsung-care-plus/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care+ Línea Blanca","englishName":"samsung care plus home appliances","linkType":"move","linkUrl":"/mx/support/samsung-care-plus-da/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Care+ TV","englishName":"samsung care plus tvs","linkType":"move","linkUrl":"/mx/support/samsung-care-plus-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Rewards","englishName":"samsung rewards","linkType":"move","linkUrl":"/mx/rewards/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Members","englishName":"samsung members","linkType":"move","linkUrl":"/mx/apps/samsung-members/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Select Service","englishName":"select service","linkType":"move","linkUrl":"/mx/support/select-service/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Porqué comprar en Samsung","englishName":"benefits","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Ofertas para estudiantes","englishName":"students offers","linkType":"move","linkUrl":"/mx/students-offers/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Ofertas para empleados","englishName":"employees offers","linkType":"new","linkUrl":"//shop.samsung.com/mx/multistore/empleados_mx/empleados_mx/login/multistore?return_url\u003dhttps%3A%2F%2Fwww.samsung.com%2Fmx%2Fmultistore%2Fempleados_mx%2F","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Ofertas para empresas","englishName":"corporate offers","linkType":"move","linkUrl":"/mx/offers/corporate/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Ofertas PYMES","englishName":"pymes offers","linkType":"new","linkUrl":"//shop.samsung.com/mx/multistore/pymes/pymes/login/multistore?return_url\u003dhttps%3A%2F%2Fwww.samsung.com%2Fmx%2Fmultistore%2Fpymes%2F","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Club Samsung","englishName":"club samsung","linkType":"move","linkUrl":"/mx/offer/afiliados-club-samsung/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Windfree Club","englishName":"windfree club","linkType":"move","linkUrl":"/mx/offer/windfree-club/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Tiendas Especiales","englishName":"special stores","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Tienda en línea","englishName":"shop","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"false","featureThumbnailsTitle":"Nuevo y destacado","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P3_176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P3_176x176.png","imageAlt":"Galaxy S25 Ultra","imageAltEng":"galaxy s25 ultra","description":"Galaxy S25 Ultra","descriptionEng":"galaxy s25 ultra","linkType":"move","linkUrl":"/mx/smartphones/galaxy-s25-ultra/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20250115|20250731","badgeEnabled":true},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P1P2_176x176.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P1P2_176x176.png","imageAlt":"Galaxy S25 | S25+","imageAltEng":"galaxy s25 s25 plus","description":"Galaxy S25 | S25+","descriptionEng":"galaxy s25 s25 plus","linkType":"move","linkUrl":"/mx/smartphones/galaxy-s25/","badgeFlag":"true","badgeText":"NEW","badgeType":"new","badgePeriod":"20250115|20250731","badgeEnabled":true},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_fold6_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_fold6_updated.png","imageAlt":"Galaxy Z Fold6","imageAltEng":"galaxy z fold6","description":"Galaxy Z Fold6","descriptionEng":"galaxy z fold6","linkType":"move","linkUrl":"/mx/smartphones/galaxy-z-fold6/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_flip6_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_flip6_updated.png","imageAlt":"Galaxy Z Flip6","imageAltEng":"galaxy z flip6","description":"Galaxy Z Flip6","descriptionEng":"galaxy z flip6","linkType":"move","linkUrl":"/mx/smartphones/galaxy-z-flip6/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_s24_fe_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_s24_fe_updated.png","imageAlt":"Galaxy S24 FE","imageAltEng":"galaxy s24 fe","description":"Galaxy S24 FE","descriptionEng":"galaxy s24 fe","linkType":"move","linkUrl":"/mx/smartphones/galaxy-s/galaxy-s24-fe-blue-256gb-sm-s721blbmltm/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxytab10_series_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxytab10_series_updated.png","imageAlt":"Galaxy Tab S10 series","imageAltEng":"galaxy tab s10 series","description":"Galaxy Tab S10 series","descriptionEng":"galaxy tab s10 series","linkType":"move","linkUrl":"/mx/tablets/galaxy-tab-s/galaxy-tab-s10-ultra-gray-256gb-sm-x920nzaamxo/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_watch_ultra_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_watch_ultra_updated.png","imageAlt":"Galaxy Watch Ultra","imageAltEng":"galaxy watch ultra","description":"Galaxy Watch Ultra","descriptionEng":"galaxy watch ultra","linkType":"move","linkUrl":"/mx/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaamxo/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_buds3_pro_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_buds3_pro_updated.png","imageAlt":"Galaxy Buds3 Pro","imageAltEng":"galaxy buds3 pro","description":"Galaxy Buds3 Pro","descriptionEng":"galaxy buds3 pro","linkType":"move","linkUrl":"/mx/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaamxo/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_ring_176x176_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_ring_176x176_updated.png","imageAlt":"Galaxy Ring","imageAltEng":"galaxy ring","description":"Galaxy Ring","descriptionEng":"galaxy ring","linkType":"move","linkUrl":"/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-5-sm-q505nzkamxo/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/image_asset_galaxy_ai_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/image_asset_galaxy_ai_updated.png","imageAlt":"Galaxy AI","imageAltEng":"galaxy ai","description":"Galaxy AI","descriptionEng":"galaxy ai","linkType":"move","linkUrl":"/mx/galaxy-ai/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Descubrir Móviles","englishName":"discover mobile","linkType":"move","linkUrl":"/mx/mobile/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Celulares Galaxy","englishName":"galaxy smartphone","linkType":"move","linkUrl":"/mx/smartphones/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Tab","englishName":"galaxy tab","linkType":"move","linkUrl":"/mx/tablets/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Watch","englishName":"galaxy watch","linkType":"move","linkUrl":"/mx/watches/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Buds","englishName":"galaxy buds","linkType":"move","linkUrl":"/mx/audio-sound/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy Ring","englishName":"galaxy ring","linkType":"move","linkUrl":"/mx/rings/all-rings/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios Galaxy","englishName":"galaxy accessories","linkType":"move","linkUrl":"/mx/mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Galaxy AI","englishName":"galaxy ai","linkType":"move","linkUrl":"/mx/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"One UI","englishName":"one ui","linkType":"move","linkUrl":"/mx/one-ui/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Health","englishName":"samsung health","linkType":"move","linkUrl":"/mx/apps/samsung-health/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Aplicaciones y servicios","englishName":"apps and services","linkType":"move","linkUrl":"/mx/apps/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Why Galaxy","englishName":"why galaxy","linkType":"move","linkUrl":"/mx/mobile/why-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Switch to Galaxy","englishName":"switch to galaxy","linkType":"move","linkUrl":"/mx/mobile/switch-to-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Mobile","englishName":"mobile","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":0,"displayName":"Mobile","englishName":"mobile","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_tvs.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_tvs.png","imageAlt":"Descubrir Pantallas","imageAltEng":"discover tvs","description":"Descubrir Pantallas","descriptionEng":"discover tvs","linkType":"move","linkUrl":"/mx/tvs/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_lifestyle_tvs.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_lifestyle_tvs.png","imageAlt":"Descubre Pantallas Lifestyle","imageAltEng":"discover lifestyle tvs","description":"Descubre Pantallas Lifestyle","descriptionEng":"discover lifestyle tvs","linkType":"move","linkUrl":"/mx/lifestyle-tvs/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_sound_devices.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_sound_devices.png","imageAlt":"Descubre Dispositivos de Sonido","imageAltEng":"discover sound devices","description":"Descubre Dispositivos de Sonido","descriptionEng":"discover sound devices","linkType":"move","linkUrl":"/mx/audio-devices/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_projectors.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_projectors.png","imageAlt":"Descubre Proyectores","imageAltEng":"discover projectors","description":"Descubre Proyectores","descriptionEng":"discover projectors","linkType":"move","linkUrl":"/mx/projectors/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los televisores","englishName":"all tvs","linkType":"move","linkUrl":"/mx/tvs/all-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Neo QLED","englishName":"neo qled","linkType":"move","linkUrl":"/mx/tvs/all-tvs/?neo-qled-tv","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"OLED","englishName":"oled","linkType":"move","linkUrl":"/mx/tvs/all-tvs/?oled-tv","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"QLED","englishName":"qled","linkType":"move","linkUrl":"/mx/tvs/qled-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Crystal UHD","englishName":"crystal uhd","linkType":"move","linkUrl":"/mx/tvs/all-tvs/?crystal-uhd-tv","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Frame","englishName":"the frame","linkType":"move","linkUrl":"/mx/lifestyle-tvs/the-frame/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Serif","englishName":"the serif","linkType":"move","linkUrl":"/mx/lifestyle-tvs/the-serif/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Terrace","englishName":"the terrace","linkType":"move","linkUrl":"/mx/lifestyle-tvs/the-terrace/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Sero","englishName":"the sero","linkType":"move","linkUrl":"/mx/lifestyle-tvs/the-sero/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios para TV","englishName":"tv accessories","linkType":"move","linkUrl":"/mx/tv-accessories/all-tv-accessories/?tv-accessories","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TVs","englishName":"tvs","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"98\"","englishName":"98 inch","linkType":"move","linkUrl":"/mx/tvs/98-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"85\"","englishName":"85 inch","linkType":"move","linkUrl":"/mx/tvs/85-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"75\"","englishName":"75 inch","linkType":"move","linkUrl":"/mx/tvs/75-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"65\"","englishName":"65 inch","linkType":"move","linkUrl":"/mx/tvs/65-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"55\"","englishName":"55 inch","linkType":"move","linkUrl":"/mx/tvs/55-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"50\"","englishName":"50 inch","linkType":"move","linkUrl":"/mx/tvs/50-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"43\"","englishName":"43 inch","linkType":"move","linkUrl":"/mx/tvs/43-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"32\"","englishName":"32 inch","linkType":"move","linkUrl":"/mx/tvs/32-inch-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TV por Tamaños","englishName":"tvs by sizes","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"TVs 8K","englishName":"8k tvs","linkType":"move","linkUrl":"/mx/tvs/8k-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TVs 4K","englishName":"4k tvs","linkType":"move","linkUrl":"/mx/tvs/uhd-4k-tv/?4k","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"TVs Full HD/HD","englishName":"full hd and hd tvs","linkType":"move","linkUrl":"/mx/tvs/full-hd-tv/?full-hd+hd","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"TV por Resolución","englishName":"tvs by resolution","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los Dispositivos de Sonido","englishName":"all sound devices","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Barras de Sonido Q-Series","englishName":"q series soundbars","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?q-soundbar","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Barras de Sonido Ultra Slim","englishName":"ultra slim soundbar","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?ultra-slim-soundbar","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Barras de Sonido S-Series","englishName":"s series soundbars","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?s-soundbar","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Barras de Sonido B-Series","englishName":"b series soundbars","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?b-series-soundbar","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Music Frame","englishName":"music frame","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?music-frame","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Sound Tower","englishName":"sound tower","linkType":"move","linkUrl":"/mx/audio-devices/all-audio-devices/?sound-tower","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Dispositivos de Sonido","englishName":"sound devices","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los proyectores","englishName":"all projectors","linkType":"move","linkUrl":"/mx/projectors/all-projectors/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Premiere","englishName":"the premiere","linkType":"move","linkUrl":"/mx/projectors/the-premiere/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"The Freestyle","englishName":"the freestyle","linkType":"move","linkUrl":"/mx/projectors/all-projectors/?the-freestyle","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios para proyectores","englishName":"projector accessories","linkType":"move","linkUrl":"/mx/projectors/all-projectors/?the-freestyle-accesories","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Proyectores","englishName":"projectors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Por qué elegir Pantallas Samsung","englishName":"why samsung tv","linkType":"move","linkUrl":"/mx/tvs/why-samsung-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Por qué elegir TV 8k","englishName":"why 8k tv","linkType":"move","linkUrl":"/mx/tvs/8k-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Por qué elegir Neo QLED","englishName":"why neo qled","linkType":"move","linkUrl":"/mx/tvs/qled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Por qué elegir Samsung OLED","englishName":"why samsung oled","linkType":"move","linkUrl":"/mx/tvs/oled-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Por qué elegir The Frame","englishName":"why the frame","linkType":"move","linkUrl":"/mx/lifestyle-tvs/the-frame/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung Smart TV","englishName":"samsung smart tv","linkType":"move","linkUrl":"/mx/tvs/smart-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Mejor TV para juegos","englishName":"best gaming tv","linkType":"move","linkUrl":"/mx/tvs/gaming-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Super Big TV","englishName":"super big tv","linkType":"move","linkUrl":"/mx/tvs/supersize-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Pantalla Samsung para deportes","englishName":"best samsung tv for sports","linkType":"move","linkUrl":"/mx/tvs/sports-tv/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"MICRO LED","englishName":"micro led","linkType":"move","linkUrl":"/mx/tvs/micro-led/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Descubre","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Ayuda para elegir mi TV","englishName":"help choose my tv","linkType":"move","linkUrl":"/mx/tvs/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Elige un dispositivo de sonido","englishName":"help choose my sound device","linkType":"move","linkUrl":"/mx/audio-devices/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Guía para compra de TV","englishName":"tv buying guide","linkType":"move","linkUrl":"/mx/tvs/tv-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Guía de compra barras de sonido","englishName":"soundbar buying guide","linkType":"move","linkUrl":"/mx/audio-devices/soundbar-buying-guide/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Guía de compra","englishName":"buying guide","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"TV y AV","englishName":"tv and av","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_refrigerators.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_refrigerators.png","imageAlt":"Descubre Refrigeradores","imageAltEng":"discover refrigerators","description":"Descubre Refrigeradores","descriptionEng":"discover refrigerators","linkType":"move","linkUrl":"/mx/refrigerators/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_laundry.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_laundry.png","imageAlt":"Descubre Línea Blanca","imageAltEng":"discover laundry","description":"Descubre Línea Blanca","descriptionEng":"discover laundry","linkType":"move","linkUrl":"/mx/washers-and-dryers/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_vacuum_cleaners.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_vacuum_cleaners.png","imageAlt":"Descubre Aspiradoras","imageAltEng":"discover vacuum cleaners","description":"Descubre Aspiradoras","descriptionEng":"discover vacuum cleaners","linkType":"move","linkUrl":"/mx/vacuum-cleaners/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_air_conditioners.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_air_conditioners.png","imageAlt":"Descubre aires acondicionados","imageAltEng":"discover air conditioners","description":"Descubre aires acondicionados","descriptionEng":"discover air conditioners","linkType":"move","linkUrl":"/mx/air-conditioners/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_cooking_appliances.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_cooking_appliances.png","imageAlt":"Descubre electrodomésticos","imageAltEng":"discover cooking appliances","description":"Descubre electrodomésticos","descriptionEng":"discover cooking appliances","linkType":"move","linkUrl":"/mx/cooking-appliances/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_all_appliances.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_all_appliances.png","imageAlt":"Todos los electrodomésticos","imageAltEng":"discover all appliances","description":"Todos los electrodomésticos","descriptionEng":"discover all appliances","linkType":"move","linkUrl":"/mx/home-appliances/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los refrigeradores","englishName":"all refrigerators","linkType":"move","linkUrl":"/mx/refrigerators/all-refrigerators/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"French Door","englishName":"french door","linkType":"move","linkUrl":"/mx/refrigerators/all-refrigerators/?french-door","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Side by Side","englishName":"side by side","linkType":"move","linkUrl":"/mx/refrigerators/all-refrigerators/?side-by-side","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bottom Mount","englishName":"bottom freezer","linkType":"move","linkUrl":"/mx/refrigerators/all-refrigerators/?bottom-freezer","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Top Mount","englishName":"top freezer","linkType":"move","linkUrl":"/mx/refrigerators/all-refrigerators/?top-freezer","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios para refrigeradores","englishName":"refrigerator accessories","linkType":"move","linkUrl":"/mx/home-appliance-accessories/all-home-appliance-accessories/?refrigerators-accesoriess","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Refrigeradores","englishName":"refrigerators","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todas las lavadoras y secadoras","englishName":"all laundry","linkType":"move","linkUrl":"/mx/washers-and-dryers/all-washers-and-dryers/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Lavadoras","englishName":"washers","linkType":"move","linkUrl":"/mx/washers-and-dryers/washing-machines/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Lavasecadoras","englishName":"washer dryers","linkType":"move","linkUrl":"/mx/washers-and-dryers/washer-dryer-combo/?washer-dryers","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Secadoras","englishName":"tumble dryers","linkType":"move","linkUrl":"/mx/washers-and-dryers/dryers/?tumble-dryers","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios lavadoras/secadoras","englishName":"laundry accessories","linkType":"move","linkUrl":"/mx/home-appliance-accessories/all-home-appliance-accessories/?washing-machine-accessories","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Lavadoras y Secadoras","englishName":"laundry","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todas las aspiradoras","englishName":"all vacuums","linkType":"move","linkUrl":"/mx/vacuum-cleaners/all-vacuum-cleaners/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Aspiradoras Jet","englishName":"jet stick vacuums","linkType":"move","linkUrl":"/mx/vacuum-cleaners/all-vacuum-cleaners/?stick+vaccums-bespoke+jet","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Aspiradoras Jet Bot","englishName":"vacuum accessories","linkType":"move","linkUrl":"/mx/vacuum-cleaners/all-vacuum-cleaners/?robot+stick+vaccums-bespoke+01z03","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Aspiradoras","englishName":"vacuum cleaners","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"WindFree","englishName":"windfree","linkType":"move","linkUrl":"/mx/air-conditioners/all-air-conditioners/?windfree","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Accesorios aires acondicionados","englishName":"ac accessories","linkType":"move","linkUrl":"/mx/home-appliance-accessories/all-home-appliance-accessories/?ac-accessories","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Windfree Club ","englishName":"windfree club","linkType":"move","linkUrl":"/mx/offer/windfree-club/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Aires Acondicionados","englishName":"air conditioners","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los electrodomésticos","englishName":"all cooking appliances","linkType":"move","linkUrl":"/mx/cooking-appliances/all-cooking-appliances/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Estufas","englishName":"ranges","linkType":"move","linkUrl":"/mx/cooking-appliances/ranges/?available-online","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Microondas","englishName":"mwo","linkType":"move","linkUrl":"/mx/microwave-ovens/all-microwave-ovens/?available-to-order","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Campanas","englishName":"hoods","linkType":"move","linkUrl":"/mx/cooking-appliances/hoods/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Electrodomésticos de Cocina","englishName":"cooking appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c3","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todas las lavavajillas","englishName":"all dishwashers","linkType":"move","linkUrl":"/mx/dishwashers/all-dishwashers/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Built-in","englishName":"built in","linkType":"move","linkUrl":"/mx/dishwashers/all-dishwashers/?onlineavailable+built-in","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Lavaplatos","englishName":"dishwashers","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Ahorro de energía mediante AI","englishName":"ai energy saving","linkType":"move","linkUrl":"/mx/home-appliances/ai-energy-saving/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bienvenido a Bespoke AI","englishName":"welcome to bespoke ai","linkType":"move","linkUrl":"/mx/home-appliances/bespoke-home/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Smart Forward","englishName":"smart forward","linkType":"move","linkUrl":"/mx/home-appliances/bespoke-ai-smartthings/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Windfree Club","englishName":"windfree club","linkType":"move","linkUrl":"/mx/offer/windfree-club/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Descubre","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Línea Blanca","englishName":"appliances","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"3t6c","fullBleedFlag":"false","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/it/image_asset_monitor.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/it/image_asset_monitor.png","imageAlt":"Descubre Monitores","imageAltEng":"discover computer monitors","description":"Descubre Monitores","descriptionEng":"discover computer monitors","linkType":"move","linkUrl":"/mx/monitors/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Todos los monitores","englishName":"all monitors","linkType":"move","linkUrl":"/mx/monitors/all-monitors/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Odyssey para juegos","englishName":"odyssey gaming","linkType":"move","linkUrl":"/mx/monitors/gaming/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"ViewFinity alta resolución","englishName":"viewfinity high resolution","linkType":"move","linkUrl":"/mx/monitors/high-resolution/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Smart Monitors","englishName":"smart monitors","linkType":"move","linkUrl":"/mx/monitors/all-monitors/?smart","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Ultrawide","englishName":"ultrawide","linkType":"move","linkUrl":"/mx/monitors/ultra-wide/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Curvo","englishName":"curved","linkType":"move","linkUrl":"/mx/monitors/curved/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Full HD","englishName":"full hd","linkType":"move","linkUrl":"/mx/monitors/all-monitors/?full-hd-1080p","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Monitores","englishName":"computer monitors","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Smart Signage","englishName":"smart signage","linkType":"new","linkUrl":"/mx/business/smart-signage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Señalización LED","englishName":"led signage","linkType":"new","linkUrl":"/mx/business/led-signage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Televisores comerciales","englishName":"commercial tvs","linkType":"new","linkUrl":"/mx/business/commercial-tvs/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Monitores comerciales","englishName":"business monitors","linkType":"new","linkUrl":"/mx/business/monitors/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Pantallas para empresas","englishName":"displays for business","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Por qué Odyssey Gaming Monitor","englishName":"odyssey gaming monitor","linkType":"move","linkUrl":"/mx/monitors/odyssey-gaming-monitor/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Por qué ViewFinity","englishName":"why viewfinity high resolution","linkType":"move","linkUrl":"/mx/monitors/high-resolution-monitor/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Descubre","englishName":"discover","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"3var","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Ayúdame a elegir mi monitor","englishName":"help choose my monitor","linkType":"move","linkUrl":"/mx/monitors/help-me-choose/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Guía de compra","englishName":"buying guide","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":2,"displayName":"Monitores","englishName":"monitores","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"false","layoutIdx":0,"displayName":"Accesorios","englishName":"accessories","linkType":"move","linkUrl":"/mx/accessories/","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"1t10c","fullBleedFlag":"false","layoutIdx":0,"displayName":"SmartThings","englishName":"smartthings","linkType":"move","linkUrl":"/mx/smartthings/","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"left","layoutType":"2t4c","fullBleedFlag":"true","featureThumbnailsTitle":"Descubre","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/ai/img_discover_ai_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/ai/img_discover_ai_updated.png","imageAlt":"Descubre AI","imageAltEng":"discover ai","description":"Descubre AI","descriptionEng":"discover ai","linkType":"move","linkUrl":"/mx/ai-products/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Galaxy AI","englishName":"galaxy ai","linkType":"move","linkUrl":"/mx/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Samsung AI TV","englishName":"samsung ai tv","linkType":"move","linkUrl":"/mx/tvs/8k-tv/highlights/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Bespoke AI","englishName":"bespoke ai","linkType":"move","linkUrl":"/mx/home-appliances/bespoke-home/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"AI","englishName":"ai","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":1,"displayName":"AI","englishName":"ai","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"gnbRightModelList":[{"menuPosition":"right","layoutType":"2t4c","fullBleedFlag":"true","featureThumbnailsTitle":"Descubre","featureThumbnails":[{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_warranty_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_warranty_updated.png","imageAlt":"Garantías","imageAltEng":"warranty","description":"Garantías","descriptionEng":"warranty","linkType":"move","linkUrl":"/mx/support/warranty/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_manual-download_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_manual-download_updated.png","imageAlt":"Descarga de Manuales","imageAltEng":"manual download","description":"Descarga de Manuales","descriptionEng":"manual download","linkType":"move","linkUrl":"/mx/support/user-manuals-and-guide/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_service-locator_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_service-locator_updated.png","imageAlt":"Busca tu Centro de Servicio","imageAltEng":"find your service center","description":"Busca tu Centro de Servicio","descriptionEng":"find your service center","linkType":"move","linkUrl":"/mx/support/service-center/","badgeFlag":"false","badgeEnabled":false},{"rawImageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_contact-us_updated.png","imageUrl":"//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_contact-us_updated.png?$ORIGIN_PNG$","imageAlt":"Contáctanos","imageAltEng":"contact","description":"Contáctanos","descriptionEng":"contact","linkType":"move","linkUrl":"/mx/support/contact/","badgeFlag":"false","badgeEnabled":false}],"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Inicio","englishName":"support home","linkType":"move","linkUrl":"/mx/support/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Manuales \u0026 Software","englishName":"manual and software","linkType":"move","linkUrl":"/mx/support/user-manuals-and-guide/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Buscar en soporte","englishName":"search support","linkType":"move","linkUrl":"/mx/aisearch/?searchvalue\u003dmobile#support","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Preguntas Frecuentes","englishName":"shop faq","linkType":"move","linkUrl":"/mx/shop-faq/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Ayuda del Producto","englishName":"product help","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Soporte vía mail","englishName":"support via email","linkType":"move","linkUrl":"/mx/support/email/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Atención en Lengua de Señas","englishName":"sign language support","linkType":"move","linkUrl":"/mx/support/sign-language/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Contacto","englishName":"contact","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Garantías","englishName":"warrantys","linkType":"move","linkUrl":"/mx/support/warranty/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Busca tu Centro de Servicio","englishName":"find your service center","linkType":"move","linkUrl":"/mx/support/service-center/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Repara Contigo","englishName":"self repair","linkType":"move","linkUrl":"/mx/support/self-repair/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Agenda una cita","englishName":"schedule an appointment","linkType":"move","linkUrl":"/mx/apps/samsung-members/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Estatus de Reparación","englishName":"repair status","linkType":"move","linkUrl":"/mx/mypage/myrepair/track-repair/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Costo de Reparación","englishName":"repair cost","linkType":"move","linkUrl":"/mx/support/price-list/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Reparaciones y Garantía","englishName":"repairs and warranty","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c2","level2MenuList":[{"shopLiveUseFlag":"false","displayName":"Noticias \u0026 Alertas","englishName":"news and alerts","linkType":"move","linkUrl":"/mx/support/newsalert/","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Comunidad","englishName":"community","linkType":"new","linkUrl":"//r1.community.samsung.com/t5/mexico/ct-p/mx","displayFlag":"Y","mobileOnlyFlag":"N"},{"shopLiveUseFlag":"false","displayName":"Descubre nuestros servicios","englishName":"discover our services","linkType":"move","linkUrl":"/mx/support/customer-service/","displayFlag":"Y","mobileOnlyFlag":"N"}],"displayName":"Soporte Adicional","englishName":"additional support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":1,"displayName":"Soporte","englishName":"support","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N"},{"menuPosition":"right","layoutType":"1t10c","fullBleedFlag":"false","layoutIdx":0,"displayName":"Para empresas","englishName":"for business","linkType":"new","linkUrl":"/mx/business/","displayFlag":"Y","mobileOnlyFlag":"N"}],"beforeLoginModel":{"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mis pedidos","englishName":"my orders","linkType":"move","linkUrl":"https://shop.samsung.com/mx/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Registro de productos","englishName":"product registration","linkType":"move","linkUrl":"/mx/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Samsung Rewards","englishName":"samsung rewards","linkType":"move","linkUrl":"/mx/rewards/","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":-1,"displayName":"Before Login","englishName":"before_login"},"afterLoginModel":{"level1MenuList":[{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mi cuenta","englishName":"my page","linkType":"move","linkUrl":"/mx/mypage/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mis pedidos","englishName":"my orders","linkType":"move","linkUrl":"https://shop.samsung.com/mx/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Wish List","englishName":"wishlist","linkType":"move","linkUrl":"https://shop.samsung.com/mx/mypage/wishlist","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mis productos","englishName":"my products","linkType":"move","linkUrl":"/mx/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mis Cupones","englishName":"my coupons","linkType":"new","linkUrl":"https://shop.samsung.com/mx/mypage/vouchers ","displayFlag":"Y","mobileOnlyFlag":"N"},{"layoutColumn":"c1","level2MenuList":[],"displayName":"Mis Rewards","englishName":"my rewards","linkType":"move","linkUrl":"/mx/mypage/rewards/","displayFlag":"Y","mobileOnlyFlag":"N"}],"layoutIdx":-1,"displayName":"After Login","englishName":"after_login"},"whySamsungAccountLink":{"displayName":"¿Por qué abrir una Samsung Account?","englishName":"why samsung account","linkType":"move","linkUrl":"/mx/why-samsung-account/","displayFlag":"Y","mobileOnlyFlag":"N"},"gnbUtilModel":{"isLogin":"Y","isCart":"Y","shopIntegrationFlag":"Hybris-new","loginLinkUrl":"https://account.samsung.com/accounts/v1/DCGLMX/signInGate","logoutUrl":"https://account.samsung.com/accounts/v1/DCGLMX/signOutGate","stgloginLinkUrl":"https://stg-account.samsung.com/accounts/v1/DCGLMX/signInGate","stglogoutUrl":"https://stg-account.samsung.com/accounts/v1/DCGLMX/signOutGate","SAsignOutURL":"/aemapi/v6/data-login/afterLogout.mx.json","loginAccountServiceId":"8p4666oarj","SAserviceName":"SAMSUNG","countryCode":"MX","languageCode":"es","registURL":"/aemapi/v6/data-login/afterLogin.mx.json","preqaStoreDomain":"https://s1-smb-api-cdn.ecom-stg.samsung.com","preqa2StoreDomain":"https://api.shop.samsung.com","hybrisApiJson":"Y","updateProfileUrl":"/mx/my-account/profile","cartUrl":"https://shop.samsung.com/mx/cart","preqa2CartUrl":"https://org.shop.samsung.com/mx/cart","useFullCartUrl":false,"emailActivationURL":"/aemapi/v6/data-login/emailActivationURL.mx.json","storeDomain":"https://api.shop.samsung.com","privacyTag1":"\u003ca href\u003d\u0027/mx/info/privacy/\u0027 target\u003d\u0027_blank\u0027 class\u003d\u0027link-text\u0027 title\u003d\"Abrir en una nueva ventana\"\u003e","privacyTag2":"\u003c/a\u003e","stgStoreWebDomain":"https://shop.samsung.com","storeWebDomain":"https://shop.samsung.com","addToCartPostYn":"Y","mySamsungRewardsTierType":"global","newMyRewardGrantPoint":"3%","newMyRewardCurrencyConv":"1.000","useNewAddToCartApi":"Y"},"homeLinkPath":"/mx/","enabled":true,"lastPublishedDate":"02/11/2025 07:26:007"}; </script> <nav id="component-id" class="nv00-gnb-v3" role="navigation" aria-label="main navigation"> <div class="nv00-gnb-v3__wrapper"> <div class="nv00-gnb-v3__inner-wrap"> <div class="nv00-gnb-v3__inner-wrap-looping--start" tabindex="0"></div> <div class="nv00-gnb-v3__logo-wrap"> <a href="/mx/" class="nv00-gnb-v3__logo " an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="logo" aria-label="Samsung"> <svg class="icon" focusable="false" aria-hidden="true" width="130" height="29" viewbox="0 0 130 29"> <g transform="translate(-250 -7)"> <path d="M0,13.835V12.482H4.609V14.2a1.558,1.558,0,0,0,1.724,1.6A1.509,1.509,0,0,0,8,14.6a2.237,2.237,0,0,0-.03-1.322C7.076,10.976.981,9.931.208,6.333a6.531,6.531,0,0,1-.029-2.4C.654,1.045,3.122,0,6.184,0c2.438,0,5.8.585,5.8,4.458V5.719H7.7V4.612a1.492,1.492,0,0,0-1.605-1.6,1.452,1.452,0,0,0-1.575,1.2,2.468,2.468,0,0,0,.03.922c.5,2.059,7.017,3.167,7.73,6.887a8.481,8.481,0,0,1,.029,2.921C11.892,17.893,9.336,19,6.244,19,3,19,0,17.8,0,13.835Zm55.837-.062V12.421h4.549v1.691a1.533,1.533,0,0,0,1.695,1.6,1.49,1.49,0,0,0,1.665-1.168,2.147,2.147,0,0,0-.029-1.292c-.863-2.274-6.9-3.319-7.671-6.917a6.37,6.37,0,0,1-.03-2.367c.476-2.859,2.944-3.9,5.946-3.9,2.409,0,5.739.615,5.739,4.427v1.23H63.449V4.643a1.485,1.485,0,0,0-1.575-1.6,1.4,1.4,0,0,0-1.546,1.168,2.463,2.463,0,0,0,.029.922C60.832,7.194,67.284,8.27,68,11.959a8.314,8.314,0,0,1,.029,2.89c-.416,2.952-2.943,4.028-6.005,4.028C58.811,18.877,55.837,17.678,55.837,13.773Zm16.293.647A7.18,7.18,0,0,1,72.1,13.25V.523h4.341V13.65a5.023,5.023,0,0,0,.029.677,1.682,1.682,0,0,0,3.271,0,4.852,4.852,0,0,0,.03-.677V.523h4.341V13.25c0,.339-.03.984-.03,1.169-.3,3.319-2.825,4.4-5.976,4.4S72.428,17.739,72.13,14.419Zm35.739-.185a9.539,9.539,0,0,1-.059-1.168V5.6c0-.308.029-.861.059-1.169.386-3.319,2.973-4.365,6.036-4.365,3.033,0,5.708,1.045,6.006,4.365A8.781,8.781,0,0,1,119.94,5.6v.584H115.6V5.2a3.791,3.791,0,0,0-.059-.677,1.777,1.777,0,0,0-3.42,0,3.772,3.772,0,0,0-.059.829v8.117a5.1,5.1,0,0,0,.03.677,1.707,1.707,0,0,0,1.813,1.291,1.633,1.633,0,0,0,1.754-1.291,2.554,2.554,0,0,0,.03-.677V10.883h-1.754V8.3H120v4.765a9.377,9.377,0,0,1-.06,1.168c-.3,3.228-3,4.366-6.036,4.366S108.166,17.462,107.869,14.235Zm-60.5,4.027L47.245,1.845,44.272,18.262H39.931L36.987,1.845l-.118,16.417H32.587L32.943.554h6.988L42.1,14.388,44.272.554h6.987l.386,17.708Zm-22.835,0L22.211,1.845,19.831,18.262H15.194L18.344.554h7.642l3.152,17.708Zm72.665-.184L92.884,3.352l.238,14.726H88.9V.554h6.363l4.044,14.265L99.068.554h4.251V18.078Z" transform="translate(255 12)"/> </g> </svg> </a> </div> <div class="nv00-gnb-v3__search-wrap"> <button class="nv00-gnb-v3__backward-btn"> <span class="hidden">previous menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <button class="nv00-gnb-v3__search-btn gnb__search-btn-js" an-tr="nv00_gnb-product detail-l0-navigation5" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">Open Search Layer</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-regular" href="#search-regular"></use> </svg> <span class="nv00-gnb-v3__search-btn-text">Búsqueda</span> </button> <button class="nv00-gnb-v3__close-btn" an-tr="nv00_gnb-product detail-gnb open / close-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="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="nv00-gnb-v3__user-account-wrap"> <div class="nv00-gnb-v3__user-account before-login"> <a class="nv00-gnb-v3__user-account-link loginBtn" href="javascript:;" aria-label="Iniciar Sesión/Registrarme" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLMX/signInGate" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="login"> Iniciar Sesión/Registrarme </a> <p class="nv00-gnb-v3__utility-user-menu-rewards"> <a class="nv00-gnb-v3__utility-user-menu-rewards-link" href="/mx/why-samsung-account/" aria-label="¿Por qué abrir una Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> ¿Por qué abrir una Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </a> </p> </div> <div class="nv00-gnb-v3__user-account after-login"> <a class="nv00-gnb-v3__user-account-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" aria-label="Go to the another page" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <p class="user-name"></p> <p class="hidden">Abrir Mi menú</p> </a> <p class="nv00-gnb-v3__utility-user-menu-rewards"> <a class="nv00-gnb-v3__utility-user-menu-rewards-link" href="/mx/why-samsung-account/" aria-label="¿Por qué abrir una Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> ¿Por qué abrir una Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </a> </p> </div> </div> <div class="nv00-gnb-v3__l0-menu-wrap"> <ul class="nv00-gnb-v3__l0-menu-list left-menu" role="menubar"> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop"> Tienda en línea <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Tienda en línea </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="shop:offers" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers"> Ofertas <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:all offers" role="menuitem" href="/mx/offer/"> Todas las ofertas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:live store" role="menuitem" href="/mx/offer/samsung-live/"> Live Store </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:compra y ahorra mas" role="menuitem" href="/mx/offer/buy-more-save-more/"> Compra y ahorra más </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:offers:self repair" role="menuitem" href="/mx/support/self-repair/"> Repara contigo </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="shop:special stores" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores"> Tiendas Especiales <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:students offers" role="menuitem" href="/mx/students-offers/"> Ofertas para estudiantes </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Ofertas para empleados: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:employees offers" role="menuitem" target="_blank" href="//shop.samsung.com/mx/multistore/empleados_mx/empleados_mx/login/multistore?return_url=https%3A%2F%2Fwww.samsung.com%2Fmx%2Fmultistore%2Fempleados_mx%2F"> Ofertas para empleados <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:corporate offers" role="menuitem" href="/mx/offers/corporate/"> Ofertas para empresas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Ofertas PYMES: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:pymes offers" role="menuitem" target="_blank" href="//shop.samsung.com/mx/multistore/pymes/pymes/login/multistore?return_url=https%3A%2F%2Fwww.samsung.com%2Fmx%2Fmultistore%2Fpymes%2F"> Ofertas PYMES <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:club samsung" role="menuitem" href="/mx/offer/afiliados-club-samsung/"> Club Samsung </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:special stores:windfree club" role="menuitem" href="/mx/offer/windfree-club/"> Windfree Club </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="shop:benefits" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits"> Porqué comprar en Samsung <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:mobile trade in" role="menuitem" href="/mx/offer/we-take-your-smartphone/"> Galaxy Canje </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:tv and applicance trade up" role="menuitem" href="/mx/trade-up/"> EcoRenueva </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:samsung care plus" role="menuitem" href="/mx/offer/samsung-care-plus/"> Samsung Care+ </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:samsung care plus home appliances" role="menuitem" href="/mx/support/samsung-care-plus-da/"> Samsung Care+ Línea Blanca </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:samsung care plus tvs" role="menuitem" href="/mx/support/samsung-care-plus-tv/"> Samsung Care+ TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:samsung rewards" role="menuitem" href="/mx/rewards/"> Samsung Rewards </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:samsung members" role="menuitem" href="/mx/apps/samsung-members/"> Samsung Members </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:benefits:select service" role="menuitem" href="/mx/support/select-service/"> Select Service </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="shop:nuevo y destacado" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop:nuevo y destacado"> Nuevo y destacado <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:shop:samsung shop app" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/apps/samsung-shop-app/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/image_asset_shop_app_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/image_asset_shop_app_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Samsung Shop App </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:shop:combo festival" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/offer/bundles_v2/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Festival_de_combos_336x252.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Festival_de_combos_336x252.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Combo Festival </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:shop:valentine s day" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/offer/valentines/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/San_Valentin_336x252.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/San_Valentin_336x252.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> San Valentín </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:shop:WindFee Club" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/offer/windfree-club/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Windfree_club_336x252.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/shop/Windfree_club_336x252.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> WindFee Club </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Mobile </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="mobile:mobile" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile"> Mobile <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:discover mobile" role="menuitem" href="/mx/mobile/"> Descubrir Móviles </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy smartphone" role="menuitem" href="/mx/smartphones/"> Celulares Galaxy </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy tab" role="menuitem" href="/mx/tablets/"> Galaxy Tab </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy watch" role="menuitem" href="/mx/watches/"> Galaxy Watch </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy buds" role="menuitem" href="/mx/audio-sound/"> Galaxy Buds </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy ring" role="menuitem" href="/mx/rings/all-rings/"> Galaxy Ring </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy accessories" role="menuitem" href="/mx/mobile-accessories/"> Accesorios Galaxy </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:galaxy ai" role="menuitem" href="/mx/galaxy-ai/"> Galaxy AI </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:one ui" role="menuitem" href="/mx/one-ui/"> One UI </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:samsung health" role="menuitem" href="/mx/apps/samsung-health/"> Samsung Health </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:apps and services" role="menuitem" href="/mx/apps/"> Aplicaciones y servicios </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:why galaxy" role="menuitem" href="/mx/mobile/why-galaxy/"> Why Galaxy </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:mobile:switch to galaxy" role="menuitem" href="/mx/mobile/switch-to-galaxy/"> Switch to Galaxy </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type10"> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="mobile:nuevo y destacado" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:nuevo y destacado"> Nuevo y destacado <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s25 ultra" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/smartphones/galaxy-s25-ultra/"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">Nuevo</span> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P3_176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P3_176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S25 Ultra </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s25 s25 plus" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/smartphones/galaxy-s25/"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">Nuevo</span> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P1P2_176x176.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/2501/gnb/GNB_P1P2_176x176.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S25 | S25+ </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z fold6" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/smartphones/galaxy-z-fold6/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_fold6_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_fold6_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Z Fold6 </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z flip6" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/smartphones/galaxy-z-flip6/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_flip6_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_z_flip6_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Z Flip6 </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s24 fe" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/smartphones/galaxy-s/galaxy-s24-fe-blue-256gb-sm-s721blbmltm/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_s24_fe_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_s24_fe_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy S24 FE </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy tab s10 series" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/tablets/galaxy-tab-s/galaxy-tab-s10-ultra-gray-256gb-sm-x920nzaamxo/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxytab10_series_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxytab10_series_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Tab S10 series </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy watch ultra" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdaamxo/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_watch_ultra_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_watch_ultra_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Watch Ultra </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy buds3 pro" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaamxo/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_buds3_pro_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_buds3_pro_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Buds3 Pro </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy ring" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-5-sm-q505nzkamxo/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_ring_176x176_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/img_galaxy_ring_176x176_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy Ring </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy ai" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/galaxy-ai/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/image_asset_galaxy_ai_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/mx/image_asset_galaxy_ai_updated.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Galaxy AI </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av"> TV y AV <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> TV y AV </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:tvs" an-tr="nv00_gnb-product detail-l1-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-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:all tvs" role="menuitem" href="/mx/tvs/all-tvs/"> Todos los televisores </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:neo qled" role="menuitem" href="/mx/tvs/all-tvs/?neo-qled-tv"> Neo QLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:oled" role="menuitem" href="/mx/tvs/all-tvs/?oled-tv"> OLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:qled" role="menuitem" href="/mx/tvs/qled-tv/"> QLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:crystal uhd" role="menuitem" href="/mx/tvs/all-tvs/?crystal-uhd-tv"> Crystal UHD </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the frame" role="menuitem" href="/mx/lifestyle-tvs/the-frame/"> The Frame </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the serif" role="menuitem" href="/mx/lifestyle-tvs/the-serif/"> The Serif </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the terrace" role="menuitem" href="/mx/lifestyle-tvs/the-terrace/"> The Terrace </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:the sero" role="menuitem" href="/mx/lifestyle-tvs/the-sero/"> The Sero </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs:tv accessories" role="menuitem" href="/mx/tv-accessories/all-tv-accessories/?tv-accessories"> Accesorios para TV </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:tvs by sizes" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes"> TV por Tamaños <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:98 inch" role="menuitem" href="/mx/tvs/98-inch-tvs/"> 98" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:85 inch" role="menuitem" href="/mx/tvs/85-inch-tvs/"> 85" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:75 inch" role="menuitem" href="/mx/tvs/75-inch-tvs/"> 75" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:65 inch" role="menuitem" href="/mx/tvs/65-inch-tvs/"> 65" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:55 inch" role="menuitem" href="/mx/tvs/55-inch-tvs/"> 55" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:50 inch" role="menuitem" href="/mx/tvs/50-inch-tvs/"> 50" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:43 inch" role="menuitem" href="/mx/tvs/43-inch-tvs/"> 43" </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by sizes:32 inch" role="menuitem" href="/mx/tvs/32-inch-tvs/"> 32" </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:tvs by resolution" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by resolution"> TV por Resolución <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by resolution:8k tvs" role="menuitem" href="/mx/tvs/8k-tv/"> TVs 8K </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by resolution:4k tvs" role="menuitem" href="/mx/tvs/uhd-4k-tv/?4k"> TVs 4K </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:tvs by resolution:full hd and hd tvs" role="menuitem" href="/mx/tvs/full-hd-tv/?full-hd+hd"> TVs Full HD/HD </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:sound devices" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices"> Dispositivos de Sonido <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:all sound devices" role="menuitem" href="/mx/audio-devices/all-audio-devices/"> Todos los Dispositivos de Sonido </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:q series soundbars" role="menuitem" href="/mx/audio-devices/all-audio-devices/?q-soundbar"> Barras de Sonido Q-Series </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:ultra slim soundbar" role="menuitem" href="/mx/audio-devices/all-audio-devices/?ultra-slim-soundbar"> Barras de Sonido Ultra Slim </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:s series soundbars" role="menuitem" href="/mx/audio-devices/all-audio-devices/?s-soundbar"> Barras de Sonido S-Series </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:b series soundbars" role="menuitem" href="/mx/audio-devices/all-audio-devices/?b-series-soundbar"> Barras de Sonido B-Series </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:music frame" role="menuitem" href="/mx/audio-devices/all-audio-devices/?music-frame"> Music Frame </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:sound devices:sound tower" role="menuitem" href="/mx/audio-devices/all-audio-devices/?sound-tower"> Sound Tower </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:projectors" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors"> Proyectores <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:all projectors" role="menuitem" href="/mx/projectors/all-projectors/"> Todos los proyectores </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:the premiere" role="menuitem" href="/mx/projectors/the-premiere/"> The Premiere </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:the freestyle" role="menuitem" href="/mx/projectors/all-projectors/?the-freestyle"> The Freestyle </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:projectors:projector accessories" role="menuitem" href="/mx/projectors/all-projectors/?the-freestyle-accesories"> Accesorios para proyectores </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:discover" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover"> Descubre <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:why samsung tv" role="menuitem" href="/mx/tvs/why-samsung-tv/"> Por qué elegir Pantallas Samsung </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:why 8k tv" role="menuitem" href="/mx/tvs/8k-tv/highlights/"> Por qué elegir TV 8k </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:why neo qled" role="menuitem" href="/mx/tvs/qled-tv/highlights/"> Por qué elegir Neo QLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:why samsung oled" role="menuitem" href="/mx/tvs/oled-tv/highlights/"> Por qué elegir Samsung OLED </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:why the frame" role="menuitem" href="/mx/lifestyle-tvs/the-frame/highlights/"> Por qué elegir The Frame </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:samsung smart tv" role="menuitem" href="/mx/tvs/smart-tv/highlights/"> Samsung Smart TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:best gaming tv" role="menuitem" href="/mx/tvs/gaming-tv/"> Mejor TV para juegos </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:super big tv" role="menuitem" href="/mx/tvs/supersize-tv/"> Super Big TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:best samsung tv for sports" role="menuitem" href="/mx/tvs/sports-tv/"> Pantalla Samsung para deportes </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:discover:micro led" role="menuitem" href="/mx/tvs/micro-led/highlights/"> MICRO LED </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="tv and av:buying guide" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:buying guide"> Guía de compra <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:buying guide:help choose my tv" role="menuitem" href="/mx/tvs/help-me-choose/"> Ayuda para elegir mi TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:buying guide:help choose my sound device" role="menuitem" href="/mx/audio-devices/help-me-choose/"> Elige un dispositivo de sonido </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:buying guide:tv buying guide" role="menuitem" href="/mx/tvs/tv-buying-guide/"> Guía para compra de TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="tv and av:buying guide:soundbar buying guide" role="menuitem" href="/mx/audio-devices/soundbar-buying-guide/"> Guía de compra barras de sonido </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:tv and av:discover tvs" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/tvs/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_tvs.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_tvs.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubrir Pantallas </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:tv and av:discover lifestyle tvs" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/lifestyle-tvs/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_lifestyle_tvs.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_lifestyle_tvs.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Pantallas Lifestyle </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:tv and av:discover sound devices" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/audio-devices/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_sound_devices.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_sound_devices.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Dispositivos de Sonido </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:tv and av:discover projectors" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/projectors/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_projectors.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/vd/image_asset_projectors.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Proyectores </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances"> Línea Blanca <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Línea Blanca </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:refrigerators" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators"> Refrigeradores <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:all refrigerators" role="menuitem" href="/mx/refrigerators/all-refrigerators/"> Todos los refrigeradores </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:french door" role="menuitem" href="/mx/refrigerators/all-refrigerators/?french-door"> French Door </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:side by side" role="menuitem" href="/mx/refrigerators/all-refrigerators/?side-by-side"> Side by Side </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:bottom freezer" role="menuitem" href="/mx/refrigerators/all-refrigerators/?bottom-freezer"> Bottom Mount </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:top freezer" role="menuitem" href="/mx/refrigerators/all-refrigerators/?top-freezer"> Top Mount </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:refrigerators:refrigerator accessories" role="menuitem" href="/mx/home-appliance-accessories/all-home-appliance-accessories/?refrigerators-accesoriess"> Accesorios para refrigeradores </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:laundry" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry"> Lavadoras y Secadoras <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:all laundry" role="menuitem" href="/mx/washers-and-dryers/all-washers-and-dryers/"> Todas las lavadoras y secadoras </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washers" role="menuitem" href="/mx/washers-and-dryers/washing-machines/"> Lavadoras </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:washer dryers" role="menuitem" href="/mx/washers-and-dryers/washer-dryer-combo/?washer-dryers"> Lavasecadoras </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:tumble dryers" role="menuitem" href="/mx/washers-and-dryers/dryers/?tumble-dryers"> Secadoras </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:laundry:laundry accessories" role="menuitem" href="/mx/home-appliance-accessories/all-home-appliance-accessories/?washing-machine-accessories"> Accesorios lavadoras/secadoras </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:vacuum cleaners" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuum cleaners"> Aspiradoras <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuum cleaners:all vacuums" role="menuitem" href="/mx/vacuum-cleaners/all-vacuum-cleaners/"> Todas las aspiradoras </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuum cleaners:jet stick vacuums" role="menuitem" href="/mx/vacuum-cleaners/all-vacuum-cleaners/?stick+vaccums-bespoke+jet"> Aspiradoras Jet </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:vacuum cleaners:vacuum accessories" role="menuitem" href="/mx/vacuum-cleaners/all-vacuum-cleaners/?robot+stick+vaccums-bespoke+01z03"> Aspiradoras Jet Bot </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:air conditioners" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:air conditioners"> Aires Acondicionados <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:air conditioners:windfree" role="menuitem" href="/mx/air-conditioners/all-air-conditioners/?windfree"> WindFree </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:air conditioners:ac accessories" role="menuitem" href="/mx/home-appliance-accessories/all-home-appliance-accessories/?ac-accessories"> Accesorios aires acondicionados </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:air conditioners:windfree club" role="menuitem" href="/mx/offer/windfree-club/"> Windfree Club </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:cooking appliances" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooking appliances"> Electrodomésticos de Cocina <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooking appliances:all cooking appliances" role="menuitem" href="/mx/cooking-appliances/all-cooking-appliances/"> Todos los electrodomésticos </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooking appliances:ranges" role="menuitem" href="/mx/cooking-appliances/ranges/?available-online"> Estufas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooking appliances:mwo" role="menuitem" href="/mx/microwave-ovens/all-microwave-ovens/?available-to-order"> Microondas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:cooking appliances:hoods" role="menuitem" href="/mx/cooking-appliances/hoods/"> Campanas </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:dishwashers" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dishwashers"> Lavaplatos <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dishwashers:all dishwashers" role="menuitem" href="/mx/dishwashers/all-dishwashers/"> Todas las lavavajillas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:dishwashers:built in" role="menuitem" href="/mx/dishwashers/all-dishwashers/?onlineavailable+built-in"> Built-in </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="appliances:discover" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover"> Descubre <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover:ai energy saving" role="menuitem" href="/mx/home-appliances/ai-energy-saving/"> Ahorro de energía mediante AI </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover:welcome to bespoke ai" role="menuitem" href="/mx/home-appliances/bespoke-home/"> Bienvenido a Bespoke AI </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover:smart forward" role="menuitem" href="/mx/home-appliances/bespoke-ai-smartthings/"> Smart Forward </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="appliances:discover:windfree club" role="menuitem" href="/mx/offer/windfree-club/"> Windfree Club </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover refrigerators" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/refrigerators/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_refrigerators.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_refrigerators.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Refrigeradores </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover laundry" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/washers-and-dryers/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_laundry.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_laundry.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Línea Blanca </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover vacuum cleaners" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/vacuum-cleaners/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_vacuum_cleaners.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_vacuum_cleaners.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Aspiradoras </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover air conditioners" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/air-conditioners/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_air_conditioners.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_air_conditioners.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre aires acondicionados </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover cooking appliances" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/cooking-appliances/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_cooking_appliances.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_cooking_appliances.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre electrodomésticos </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:appliances:discover all appliances" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/home-appliances/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_all_appliances.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/da/image_asset_all_appliances.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Todos los electrodomésticos </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores"> Monitores <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Monitores </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="monitores:computer monitors" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors"> Monitores <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:all monitors" role="menuitem" href="/mx/monitors/all-monitors/"> Todos los monitores </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:odyssey gaming" role="menuitem" href="/mx/monitors/gaming/"> Odyssey para juegos </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:viewfinity high resolution" role="menuitem" href="/mx/monitors/high-resolution/"> ViewFinity alta resolución </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:smart monitors" role="menuitem" href="/mx/monitors/all-monitors/?smart"> Smart Monitors </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:ultrawide" role="menuitem" href="/mx/monitors/ultra-wide/"> Ultrawide </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:curved" role="menuitem" href="/mx/monitors/curved/"> Curvo </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:computer monitors:full hd" role="menuitem" href="/mx/monitors/all-monitors/?full-hd-1080p"> Full HD </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="monitores:displays for business" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:displays for business"> Pantallas para empresas <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Smart Signage: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:displays for business:smart signage" role="menuitem" target="_blank" href="/mx/business/smart-signage/"> 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-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Señalización LED: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:displays for business:led signage" role="menuitem" target="_blank" href="/mx/business/led-signage/"> Señalización LED <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Televisores comerciales: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:displays for business:commercial tvs" role="menuitem" target="_blank" href="/mx/business/commercial-tvs/"> Televisores comerciales <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Monitores comerciales: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:displays for business:business monitors" role="menuitem" target="_blank" href="/mx/business/monitors/"> Monitores comerciales <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-v3__l1-menu-wrap featured-products-thumbnail featured-products-thumbnail--type6"> <div class="nv00-gnb-v3__featured-list"> <div class="nv00-gnb-v3__l1-menu"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="monitores:discover" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:discover"> Descubre <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:discover:odyssey gaming monitor" role="menuitem" href="/mx/monitors/odyssey-gaming-monitor/"> Por qué Odyssey Gaming Monitor </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:discover:why viewfinity high resolution" role="menuitem" href="/mx/monitors/high-resolution-monitor/"> Por qué ViewFinity </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="monitores:buying guide" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:buying guide"> Guía de compra <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="monitores:buying guide:help choose my monitor" role="menuitem" href="/mx/monitors/help-me-choose/"> Ayúdame a elegir mi monitor </a> </li> </ul> </div> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item "> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:monitores:discover computer monitors" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/monitors/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/it/image_asset_monitor.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/it/image_asset_monitor.png?$176_176_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre Monitores </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu"> <a class="nv00-gnb-v3__l0-menu-link" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="accessories" role="menuitem" href="/mx/accessories/"> Accesorios </a> </li> <li class="nv00-gnb-v3__l0-menu"> <a class="nv00-gnb-v3__l0-menu-link" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="smartthings" role="menuitem" href="/mx/smartthings/"> SmartThings </a> </li> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> AI </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="ai:ai" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai"> AI <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai:galaxy ai" role="menuitem" href="/mx/galaxy-ai/"> Galaxy AI </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai:samsung ai tv" role="menuitem" href="/mx/tvs/8k-tv/highlights/"> Samsung AI TV </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:ai:bespoke ai" role="menuitem" href="/mx/home-appliances/bespoke-home/"> Bespoke AI </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail "> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="ai:descubre" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai:descubre"> Descubre <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:ai:discover ai" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/ai-products/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/ai/img_discover_ai_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/ai/img_discover_ai_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descubre AI </p> </a> </li> </ul> </div> </div> </div> </div> </li> </ul> <ul class="nv00-gnb-v3__l0-menu-list right-menu" role="menubar"> <li class="nv00-gnb-v3__l0-menu"> <button class="nv00-gnb-v3__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="support"> Soporte <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> <div class="nv00-gnb-v3__l1-menu-container"> <div class="nv00-gnb-v3__l1-menu-container-inner open"> <p class="nv00-gnb-v3__l1-menu-container-title"> Soporte </p> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="support:product help" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help"> Ayuda del Producto <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:support home" role="menuitem" href="/mx/support/"> Inicio </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:manual and software" role="menuitem" href="/mx/support/user-manuals-and-guide/"> Manuales & Software </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:search support" role="menuitem" href="/mx/aisearch/?searchvalue=mobile#support"> Buscar en soporte </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:shop faq" role="menuitem" href="/mx/shop-faq/"> Preguntas Frecuentes </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="support:contact" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact"> Contacto <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:support via email" role="menuitem" href="/mx/support/email/"> Soporte vía mail </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact:sign language support" role="menuitem" href="/mx/support/sign-language/"> Atención en Lengua de Señas </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="support:repairs and warranty" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty"> Reparaciones y Garantía <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:warrantys" role="menuitem" href="/mx/support/warranty/"> Garantías </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:find your service center" role="menuitem" href="/mx/support/service-center/"> Busca tu Centro de Servicio </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:self repair" role="menuitem" href="/mx/support/self-repair/"> Repara Contigo </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:schedule an appointment" role="menuitem" href="/mx/apps/samsung-members/"> Agenda una cita </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:repair status" role="menuitem" href="/mx/mypage/myrepair/track-repair/"> Estatus de Reparación </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:repair cost" role="menuitem" href="/mx/support/price-list/"> Costo de Reparación </a> </li> </ul> <div class="nv00-gnb-v3__l1-menu "> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="support:additional support" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional support"> Soporte Adicional <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__l2-menu-list" role="menu"> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional support:news and alerts" role="menuitem" href="/mx/support/newsalert/"> Noticias & Alertas </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" aria-label="Comunidad: Abrir en una nueva ventana" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional support:community" role="menuitem" target="_blank" href="//r1.community.samsung.com/t5/mexico/ct-p/mx"> Comunidad <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb-v3__l2-menu "> <a class="nv00-gnb-v3__l2-menu-link" an-tr="nv00_gnb-product detail-l2-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:additional support:discover our services" role="menuitem" href="/mx/support/customer-service/"> Descubre nuestros servicios </a> </li> </ul> </div> <div class="nv00-gnb-v3__l1-menu-wrap featured-products-thumbnail "> <div class="nv00-gnb-v3__featured-products-thumbnail-inner"> <div class="nv00-gnb-v3__l1-menu show"> <h3 class="nv00-gnb-v3__l1-menu-btn" data-engname="support:descubre" an-tr="nv00_gnb-product detail-l1-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:descubre"> Descubre <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </h3> </div> <ul class="nv00-gnb-v3__featured-products-thumbnail-item-wrap open" role="menu"> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:support:warranty" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/support/warranty/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_warranty_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_warranty_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Garantías </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:support:manual download" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/support/user-manuals-and-guide/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_manual-download_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_manual-download_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Descarga de Manuales </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:support:find your service center" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/support/service-center/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_service-locator_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_service-locator_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Busca tu Centro de Servicio </p> </a> </li> <li class="nv00-gnb-v3__featured-products-thumbnail-item nv00-gnb-v3__featured-products-thumbnail-item--fullbleed"> <a an-tr="nv00_gnb-product detail-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:support:contact" class="nv00-gnb-v3__featured-products-thumbnail-item-link" role="menuitem" href="/mx/support/contact/"> <div class="nv00-gnb-v3__featured-products-thumbnail-item-image"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_contact-us_updated.png?$LazyLoad_Home_PNG$" alt="" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/mx/ux2/gnb/support/image_asset_contact-us_updated.png?$336_252_PNG$" alt="" role="img" data-comp-name="image"/> </div> </div> <p class="nv00-gnb-v3__featured-products-thumbnail-item-name"> Contáctanos </p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="nv00-gnb-v3__l0-menu "> <a class="nv00-gnb-v3__l0-menu-link" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business" aria-label="Para empresas: Abrir en una nueva ventana" role="menuitem" target="_blank" href="/mx/business/"> Para empresas <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M68.873,0V54.286h-8V13.657L5.657,68.873,0,63.216,55.216,8H14.587V0Z" transform="translate(12.563 14.563)"/> </svg> </a> </li> </ul> </div> <div class="nv00-gnb-v3__utility-wrap"> <div class="nv00-gnb-v3__utility search"> <button class="nv00-gnb-v3__utility-btn gnb__search-btn-js" an-tr="nv00_gnb-product detail-navigation2" an-ca="navigation" an-ac="gnb" an-la="search" aria-haspopup="true" aria-expanded="false"> <span class="hidden">Búsqueda</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-regular" href="#search-regular"></use> </svg> <span class="nv00-gnb-v3__utility-btn-text" placeholder="Search">Búsqueda</span> </button> </div> <div class="nv00-gnb-v3__utility cart"> <a class="nv00-gnb-v3__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://shop.samsung.com/mx/cart" href="https://shop.samsung.com/mx/cart" an-tr="nv00_gnb-product detail-gnb cart icon-navigation6" an-ca="navigation" an-ac="gnb" an-la="cart" role="button"> <span class="hidden">Carrito de compras</span> https://shop.samsung.com/mx/cart <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cart-regular" href="#cart-regular"></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-v3__utility before-login"> <a class="nv00-gnb-v3__utility-btn mobile-only loginBtn" an-tr="nv00_gnb-product detail-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="login" aria-label="Manage Account" href="javascript:;" role="button"> <span class="hidden">Iniciar Sesión/Registrarme</span> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </a> <ul class="nv00-gnb-v3__utility-user-menu-list" role="menu"> <li class="nv00-gnb-v3__utility-user-menu desktop-only" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link loginBtn" href="javascript:;" aria-label="Iniciar Sesión/Registrarme" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="sign in sign up" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLMX/signInGate" role="menuitem"> Iniciar Sesión/Registrarme </a> <p class="nv00-gnb-v3__utility-user-menu-rewards"> <a class="nv00-gnb-v3__utility-user-menu-rewards-link" href="/mx/why-samsung-account/"> ¿Por qué abrir una Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </a> </p> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="https://shop.samsung.com/mx/mypage/orders" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my orders" aria-label="my orders" role="menuitem"> Mis pedidos </a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="/mx/mypage/myproducts/" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="product registration" aria-label="product registration" role="menuitem"> Registro de productos </a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link" href="/mx/rewards/" an-tr="nv00_gnb-product detail-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-v3__utility after-login"> <a class="nv00-gnb-v3__utility-btn" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="button" aria-label="Go to the another page" an-tr="gnb-account, cart-product detail-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="hidden">Abrir Mi menú</span> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> </a> <ul class="nv00-gnb-v3__utility-user-menu-list" role="menu"> <li class="nv00-gnb-v3__utility-user-menu user desktop-only" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="menuitem" aria-label="Go to the another page" an-tr="gnb-account, cart-product detail-account-account" an-ca="account" an-ac="gnb" an-la="user name"> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true" width="96" height="96" viewbox="0 0 96 96"> <path d="M48,51.5c16.521,0,30.5,13.82,30.5,29.555h0V89A3.5,3.5,0,0,1,75,92.5H21A3.5,3.5,0,0,1,17.5,89h0V81.055C17.5,65.32,31.479,51.5,48,51.5Zm0,5c-13.772,0-25.5,11.595-25.5,24.555h0V87.5h51V81.055c0-12.831-11.494-24.323-25.087-24.552h0Zm0-53A20.5,20.5,0,1,1,27.5,24,20.5,20.5,0,0,1,48,3.5Zm0,5A15.5,15.5,0,1,0,63.5,24,15.5,15.5,0,0,0,48,8.5Z" transform="translate(-0.5 0.5)"/> </svg> </span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <p class="user-name"></p> </a> <p class="nv00-gnb-v3__utility-user-menu-rewards"> <a class="nv00-gnb-v3__utility-user-menu-rewards-link" href="/mx/why-samsung-account/" aria-label="¿Por qué abrir una Samsung Account? Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> ¿Por qué abrir una Samsung Account? <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </a> </p> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my page" aria-label="my page" href="/mx/mypage/">Mi cuenta</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my orders" aria-label="my orders" href="https://shop.samsung.com/mx/mypage/orders">Mis pedidos</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="wishlist" aria-label="wishlist" href="https://shop.samsung.com/mx/mypage/wishlist">Wish List</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my products" aria-label="my products" href="/mx/mypage/myproducts/">Mis productos</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my coupons" aria-label="my coupons" href="https://shop.samsung.com/mx/mypage/vouchers%20">Mis Cupones</a> </li> <li class="nv00-gnb-v3__utility-user-menu" role="menuitem"> <a class="nv00-gnb-v3__utility-user-menu-link" an-tr="nv00_gnb-product detail-account-account" an-ca="account" an-ac="gnb" an-la="my rewards" aria-label="my rewards" href="/mx/mypage/rewards/">Mis Rewards</a> </li> <li class="nv00-gnb-v3__utility-user-menu"> <a class="nv00-gnb-v3__utility-user-menu-link logoutBtn" an-tr="nv00_gnb-product detail-account-account" href="javascript:;" an-ca="account" an-ac="gnb" an-la="logout" aria-label="logout" role="menuitem">Cerrar sesión</a> </li> </ul> </div> <div class="nv00-gnb-v3__utility hamburger"> <button class="nv00-gnb-v3__utility-btn" an-tr="nv00_gnb-product detail-gnb open / close-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" width="96" height="96" viewbox="0 0 96 96"> <path d="M0,57V52H70v5ZM0,31V26H70v5ZM0,5V0H70V5Z" transform="translate(13 20)"/> </svg> </button> </div> </div> <div class="nv00-gnb-v3__inner-wrap-looping--end" tabindex="0"></div> </div> </div> <div class="nv00-gnb-v3__dim-wrap" aria-hidden="true"></div> <form id="signInForm" name="signInForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLMX/signInGate"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id" value="8p4666oarj"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="MX"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="/aemapi/v6/data-login/afterLogin.mx.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/DCGLMX/signOutGate"> <input type="hidden" name="client_id" value="8p4666oarj"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL" value="/aemapi/v6/data-login/afterLogout.mx.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="8p4666oarj"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="MX"/> <input type="hidden" name="languageCode" value="es"/> <input type="hidden" name="registURL" id="joinRegistURL" value="/aemapi/v6/data-login/afterLogin.mx.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.mx.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="8p4666oarj"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="MX"/> <input type="hidden" name="languageCode" value="es"/> <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="8p4666oarj"/> <input type="hidden" name="serviceName" value="SAMSUNG"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="MX"/> <input type="hidden" name="languageCode" value="es"/> <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="Cantidad de productos"/> </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://api.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="tokocommercewebservicesYn" id="tokocommercewebservicesYn"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi" value="Y"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="https://account.samsung.com/accounts/v1/DCGLMX/signInGate"/> <input type="hidden" name="logoutURL" id="logoutURL" value="https://account.samsung.com/accounts/v1/DCGLMX/signOutGate"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL" value="/mx/my-account/profile"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="MX"/> <input type="hidden" name="languageCode" id="languageCode" value="es"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId" value="8p4666oarj"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL" value="/aemapi/v6/data-login/emailActivationURL.mx.json"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris-new"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType" value="global"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv" value="1.000"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/> <div class="nv00-gnb-v3__layer-popup-wrap"> <div class="nv00-gnb-v3__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">Su carrito está vacío.</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.nv00GnbV3.closeLayerPopup(this);"> Aceptar </button> </div> <button class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">Disculpe, no hay suficientes productos en existencia para su carrito.</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.nv00GnbV3.closeLayerPopup(this);"> Aceptar </button> </div> <button class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">Quitar un producto</p> <p class="layer-popup__desc">Sin este producto, el cupón no puede canjearse o la promoción no puede ser aplicada.<br/>¿Seguro desea quitar este producto?</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--outlined cta--black" aria-label="Accessibility Text"> Mover a la lista de deseos </button> <button class="cta cta--contained cta--black" aria-label="Accessibility Text"> Eliminar </button> </div> <button class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">Politica de privacidad</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">He leído y acepto la <a href='/mx/info/privacy/' target='_blank' class='link-text' title="Abrir en una nueva ventana">Política de privacidad</a> de Samsung.com.</span> </label> </div> <p class="layer-popup__checkbox-desc error" id="errorPrivacy">Marca esta casilla para continuar en 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"> Al marcar esta casilla, acepto las Actualizaciones del servicio de Samsung, que incluyen: </span></label></div><p class="layer-popup__checkbox-desc"> Información de marketing y servicios de Samsung.com, anuncios de nuevos productos y servicios, así como ofertas especiales, eventos y boletines informativos. </p> </div> <div class="layer-popup__cta-wrap"> <button id="privacyBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">CONTINUAR EN SAMSUNG.COM</button> <button class="cta cta--contained cta--black login-leave-btn" aria-label="Accessibility Text" onclick="window.sg.components.nv00GnbV3.closeLayerPopup(this);">ABANDONAR PÁGINA</button> </div> <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">Cerrar la Política de privacidad</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">Verificar preferencias</p> <p class="layer-popup__desc">Actualiza tus preferencias de productos para ayudarnos a darte recomendaciones.</p> <div class="layer-popup__cta-wrap"> <button id="preferenceCheckBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">SÍ</button> <button id="privacyCloseBtn" class="cta cta--contained cta--black" aria-label="Accessibility Text" onclick="window.sg.components.nv00GnbV3.closeLayerPopup(this);">MÁS TARDE</button> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">Cerrar Verificar preferencias</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-v3__layer-popup-looping--end" tabindex="0"></div> </div> </nav> <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/mx/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="sc_gnb_bdcApiUseYn" id="sc_gnb_bdcApiUseYn" value="Y"/> <input type="hidden" name="sc_gnb_eppUseGnbAiSearchYn" id="sc_gnb_eppUseGnbAiSearchYn"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/> <section class="srd19-gnb-search" role="dialog" aria-modal="true"> <div class="srd19-gnb-search__looping--start" tabindex="0"></div> <div class="srd19-gnb-search__contents"> <form action="" class="srd19-gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>Search Form</legend> <button class="srd19-gnb-search__btn-search" aria-label="Búsqueda" an-tr="srd19_gnb search-product detail-submit-search" an-ca="search" an-ac="gnb search" an-la="search bar:keyword submit:keyword"> <svg class="icon" focusable="false"> <use xlink:href="#search-regular" href="#search-regular"></use> </svg> </button> <div class="srd19-gnb-search__input-wrap"> <input type="text" name="search" class="srd19-gnb-search__input" aria-label="Búsqueda" id="gnb-search-keyword" placeholder="Búsqueda" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> </div> <button type="button" class="srd19-gnb-search__clear" an-tr="srd19_gnb search-product detail-delete-search" an-ca="search" an-ac="gnb search" an-la="search bar:keyword delete"> <span class="text">Borrar</span> </button> <button type="button" class="srd19-gnb-search__scan-barcode srd19-gnb-search__scan-barcode--hide"> <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> </fieldset> </form> <div class="srd19-gnb-search__result-wrap"> <div class="srd19-gnb-search__result"> <div class="srd19-gnb-search__searches"> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__no-suggestions srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">No hay sugerencias</h3> </div> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__suggested srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">Búsquedas sugeridas</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__popular"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">BÚSQUEDAS POPULARES</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> <div class="srd19-gnb-search__list-wrap srd19-gnb-search__recent srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__list-title-wrap"> <h3 class="srd19-gnb-search__list-title">BÚSQUEDAS RECIENTES</h3> </div> <ul class="srd19-gnb-search__list" role="list"> </ul> </div> </div> <div class="srd19-gnb-search__thumb srd19-gnb-search__related srd19-gnb-search__list-wrap--hide"> <div class="srd19-gnb-search__thumb-title-wrap"> <h3 class="srd19-gnb-search__thumb-title">PRODUCTOS RELACIONADOS</h3> </div> <ul class="srd19-gnb-search__thumb-list" role="menu"> </ul> </div> <div class="srd19-gnb-search__thumb srd19-gnb-search__recommended"> <div class="srd19-gnb-search__thumb-title-wrap"> <h3 class="srd19-gnb-search__thumb-title">RECOMENDADO</h3> </div> <ul class="srd19-gnb-search__thumb-list" role="menu"> </ul> </div> </div> </div> <button type="button" class="srd19-gnb-search__close" an-tr="srd19_gnb search-product detail-close-search" an-ca="search" an-ac="gnb search" an-la="close"> <span class="hidden">Cerrar</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="srd19-gnb-search__dimmed"></div> <div class="srd19-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-Q500NZKAMXO"/> <input type="hidden" name="categorySubSubTypeCode" id="categorySubSubTypeCode"/> <input type="hidden" name="categorySubTypeCode" id="categorySubTypeCode" value="01090100"/> <input type="hidden" name="categoryTypeCode" id="categoryTypeCode" value="01090000"/> <input type="hidden" name="typeCodeForGNB" id="typeCodeForGNB" value="01090000"/> <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"/> <input type="hidden" name="financingUrl" id="financingUrl"/> <input type="hidden" name="categoryname" id="categoryname"/> <input type="hidden" name="modelName" id="modelName" value="SM-Q500"/> <input type="hidden" name="useNewWtb" id="useNewWtb" value="Y"/> <input type="hidden" name="priceCurrency" id="priceCurrency" value="mxn"/> <input type="hidden" name="gpvGetTypeCheck" id="gpvGetTypeCheck" value="Y"/> <input type="hidden" name="isPreqa" id="isPreqa" value="false"/> <div class="pd-g-product-promotion-bar"> </div> <div class="pd-g-product-detail-offer-banner"></div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pd-g-usp-banner aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-anchor-navigation-ux2 aem-GridColumn aem-GridColumn--default--12"> <div class="pdd01-anchor-nav-v2-keep header-keep"> <div id="anchorContainer" class="sg-component pdd01-anchor-nav-v2 bg-black" data-comp-name="pdHeaderNavigation"> <div class="pdd01-anchor-nav-v2__header"> <div class="pdd01-anchor-nav-v2__menu-wrap"> <button type="button" aria-label="prev" class="pdd01-anchor-nav-v2__btn pdd01-anchor-nav-v2__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="pdd01-anchor-nav-v2__menu-inner"> <input type="hidden" id="featureAnchorListYn" name="featureAnchorListYn" value="N"/> <ul id="anchor-menu-list" class="pdd01-anchor-nav-v2__menu"> <li id="anchor_pd-g-feature-benefit" class="pdd01-anchor-nav-v2__menu-item active" style="display: none; margin-left: 0;"> <a href="#features" an-tr="pdd01_anchor nav-product detail-text-menu" an-ca="navigation" an-ac="secondary navi" an-la="secondary navi:features" aria-label="Funciones">Funciones</a> </li> <li id="anchor_pd-g-feature-gallery-carousel-pim" class="pdd01-anchor-nav-v2__menu-item" style="display: none; margin-left: 0;"> <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="Fotos">Fotos</a> </li> <li id="anchor_pd-g-product-specs" class="pdd01-anchor-nav-v2__menu-item" style="display: none; margin-left: 0;"> <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="Especificaciones">Especificaciones</a> </li> <li id="reviewWrap" class="pdd01-anchor-nav-v2__menu-item" style="display: none; margin-left: 0;"> <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="Revisión">Revisión</a> </li> <li id="anchor_pd-g-product-support" class="pdd01-anchor-nav-v2__menu-item" style="display: none; margin-left: 0;"> <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="Soporte">Soporte</a> </li> </ul> <div class="pdd01-anchor-nav-v2__menu-bar"></div> </div> <button type="button" aria-label="next" class="pdd01-anchor-nav-v2__btn pdd01-anchor-nav-v2__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> </div> </div> </div> <div id="navProperties" class="sg-component" style="display:none;"> <input type="hidden" id="navPriceDisplayYn" value="Y"/> <input type="hidden" id="navShopServiceYn"/> <input type="hidden" id="navPackageYn" value="N"/> <input type="hidden" id="thirdPartyPrdYN"/> <input type="hidden" id="tenantId" value="mex"/> <input type="hidden" id="pdType" value="N"/> <input type="hidden" id="navOldProductYn" value="N"/> <input type="hidden" id="shopSKU" value="SM-Q500NZKAMXO"/> <input type="hidden" id="wtbUseYn" value="Y"/> <input type="hidden" id="pdpUrl" value="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <input type="hidden" id="ctaType" value="INSTOCK"/> <input type="hidden" id="marketingPdpYN" value="N"/> <input type="hidden" id="familyCode" value="521989"/> <input type="hidden" id="tellsomeYn" value="N"/> <input type="hidden" id="navDisplayName" value="Galaxy Ring"/> <input type="hidden" id="navPageTrack" value="product detail"/> <input type="hidden" id="current-page-nav" name="current-page-nav" value="/content/samsung/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo"/> <input type="hidden" id="navConfiguratorUrl" value="/mx/rings/galaxy-ring/buy/"/> <input type="hidden" id="navCtaLocalText" value="Comprar ahora"/> <input type="hidden" id="navCtaEngText" value="buy now"/> <input type="hidden" id="navConfiguratorUseYn" value="Y"/> <input type="hidden" id="navDetailRootNodePath" value="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo.dynamic"/> </div> </div> <div class="nv-g-breadcrumb-pd-ux2 aem-GridColumn aem-GridColumn--default--12"> <div class="nvd02-breadcrumb"> <ul class="nvd02-breadcrumb__list"> <li class="nvd02-breadcrumb__item"> <a class="nvd02-breadcrumb__link" href="/mx/rings/galaxy-ring/" an-tr="nvd02_breadcrumb pd-product detail-breadcrumb-navigation" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:Galaxy Ring"> Galaxy Ring </a> </li> <li class="nvd02-breadcrumb__item"> <p class="nvd02-breadcrumb__link"> Detalle del producto </p> </li> </ul> </div> </div> <div class="pd-g-product-detail-header-ux2 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">Cerrar la ventana emergente</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="?$240_240_PNG$" data-mobile-src="?$240_240_PNG$"/> <img class="image__main lazy-load responsive-img" data-desktop-src="?$240_240_PNG$" data-mobile-src="?$240_240_PNG$"/> </div> <div class="pdd16-step-buying__header-text"><strong>Galaxy Ring</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">Increíbles complementos</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">Mi saldo de eVoucher</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">Cargos extras</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"> Borrar todo <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">Ver más</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 class="hdd02-pdp-header"> <div class="hdd02-pdp-header__product-info sg-pdh-product-info"> <div class="hdd02-product-info"> <div class="pd-info"> <p class="pd-info__title">Galaxy Ring</p> <p class="pd-info__sku"> <span class="pd-info__sku-code"> SM-Q500NZKAMXO </span> </p> <div class="pd-info__wishlist"> </div> <div class="pd-info__rating"> <a href="javascript:void(0)" role="button" an-tr="hdd02_pdp header-product detail-review-review1" an-ca="review" an-ac="pd buying tool" an-la="read review" class="add-special-tagging"> <div class="rating-v2"> <div class="rating-v2__wrap"> <span class="rating-v2__star"> <svg class="rating-v2__star-icon"> <use xlink:href="#star-rating-full-bold" href="#star-rating-full-bold"></use> </svg> </span> <div class="rating-v2__text-box"> <strong class="rating-v2__point"> <span class="hidden">Calificaciones del producto :</span> <span class="rating-v2__point-text">4.3</span> </strong> <strong class="rating-v2__review-count"> ( <span class="hidden">Número de calificaciones :</span> <span class="rating-v2__review-count-text">618</span> ) </strong> </div> </div> </div> </a> </div> </div> </div> </div> <script type="text/javascript"> var spinImageNewData = []; </script> <div class="hdd02-pdp-header__gallery-area sg-pdh-gallery-section"> <div class="hdd02-pdp-header__gallery"> <section id="pd-header-gallery" class="hdd02-gallery"> <div class="hdd02-gallery__content"> <div class="hdd02-gallery__list basic-swiper swiper-container" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true }, "768": { "slidesPerView": 1, "centeredSlides": false } }, "keepWrapper": true, "viewMode": "mobile", "offSlideAccessibility": true, "followFinger": false, "pagination": true, "componentEl": ".hdd02-gallery__content" }'> <ul class="swiper-wrapper" role="list"> <li class="hdd02-gallery__item swiper-slide" data-type-headline="front Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="https://images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$684_547_PNG$" data-mobile-src="https://images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$684_547_PNG$" alt="front Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="top Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394837?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394837?$684_547_PNG$" alt="top Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="side Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394842?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394842?$684_547_PNG$" alt="side Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="back Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394843?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394843?$684_547_PNG$" alt="back Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="9-sizes-pack-shot Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394838?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394838?$684_547_PNG$" alt="9-sizes-pack-shot Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="charging-case-closed-w-o-ring Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394839?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394839?$684_547_PNG$" alt="charging-case-closed-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="charging-case-opened-w-o-ring Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394840?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394840?$684_547_PNG$" alt="charging-case-opened-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="charging-case-opened-w--ring Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394841?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394841?$684_547_PNG$" alt="charging-case-opened-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__item swiper-slide" data-type-headline="charging-case-closed-w--ring Titanium Black"> <a href="javascript:void(0);" class="hdd02-gallery__image" data-js-action="openPcGalleryPopup" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394836?$684_547_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394836?$684_547_PNG$" alt="charging-case-closed-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> </ul> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev"> <div class="screen-indicator--icon"> <span class="hidden">Anterior</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next"> <div class="screen-indicator--icon"> <span class="hidden">Siguiente</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </div> </button> </div> </div> <div class="progressbar-indicator"> <div class="progressbar-indicator__inner"> <div class="progressbar-indicator__bar"> <span class="progressbar-indicator__bar-fill"></span> </div> <div class="progressbar-indicator__arrow-wrap"> <button class="progressbar-indicator__arrow swiper-button-prev"> <span class="hidden">Anterior</span> <svg class="icon" focusable="false" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <g transform="translate(40 40) rotate(180)"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </g> </svg> </button> <button class="progressbar-indicator__arrow swiper-button-next"> <span class="hidden">Siguiente</span> <svg class="icon" focusable="false" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </svg> </button> </div> </div> </div> </div> <div class="hdd02-gallery__thumbnail"> <ul class="hdd02-gallery__thumbnail-list" role="list"> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394854?$104_104_PNG$" alt="front Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394846?$104_104_PNG$" alt="top Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394850?$104_104_PNG$" alt="side Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394851?$104_104_PNG$" alt="back Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-image" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394847?$104_104_PNG$" alt="9-sizes-pack-shot Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__thumbnail-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__thumbnail-item-text" data-js-action="openPcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-view more-indication" an-ca="indication" an-ac="view more" an-la="product gallery:view more"> <span class="text">+4 más</span> </a> </li> </ul> </div> <div class="hdd02-gallery__cta"> </div> <div class="hdd02-gallery__popup type-gallery"> <div class="layer-popup"> <div class="layer-popup__contents"> <div class="hdd02-gallery__popup-thumbnail scrollbar"> <div class="scrollbar__contents"> <div class="hdd02-gallery__popup-image"> <ul class="hdd02-gallery__popup-image-list" role="list"> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394854?$64_64_PNG$" alt="front Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394846?$64_64_PNG$" alt="top Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394850?$64_64_PNG$" alt="side Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394851?$64_64_PNG$" alt="back Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394847?$64_64_PNG$" alt="9-sizes-pack-shot Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394848?$64_64_PNG$" alt="charging-case-closed-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394849?$64_64_PNG$" alt="charging-case-opened-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394844?$64_64_PNG$" alt="charging-case-opened-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> <li class="hdd02-gallery__popup-image-item" role="listitem"> <a href="javascript:void(0);" class="hdd02-gallery__popup-image-link" data-js-action="changePcGalleryPopup" role="button" an-tr="hdd02_pdp header-product detail-gallery image-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image"> <div class="image"> <img class="image__main lazy-load" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394845?$64_64_PNG$" alt="charging-case-closed-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </a> </li> </ul> </div> </div> </div> <div class="hdd02-gallery__popup-vertical scrollbar"> <div class="scrollbar__contents"> <div class="hdd02-gallery__popup-vertical-content"> <div class="hdd02-gallery__popup-vertical-image"> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="https://images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$684_547_JPG$" alt="front Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="https://images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394853?$2052_1641_JPG$" alt="front Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394837?$684_547_JPG$" alt="top Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394837?$2052_1641_JPG$" alt="top Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394842?$684_547_JPG$" alt="side Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394842?$2052_1641_JPG$" alt="side Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394843?$684_547_JPG$" alt="back Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394843?$2052_1641_JPG$" alt="back Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394838?$684_547_JPG$" alt="9-sizes-pack-shot Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394838?$2052_1641_JPG$" alt="9-sizes-pack-shot Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394839?$684_547_JPG$" alt="charging-case-closed-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394839?$2052_1641_JPG$" alt="charging-case-closed-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394840?$684_547_JPG$" alt="charging-case-opened-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394840?$2052_1641_JPG$" alt="charging-case-opened-w-o-ring Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394841?$684_547_JPG$" alt="charging-case-opened-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394841?$2052_1641_JPG$" alt="charging-case-opened-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> <div class="image-content"> <div class="default-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394836?$684_547_JPG$" alt="charging-case-closed-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> </div> <div class="zoom-image"> <div class="image"> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-543394836?$2052_1641_JPG$" alt="charging-case-closed-w--ring Titanium Black" role="img" data-comp-name="image"/> </div> <p class="snackbar" aria-hidden="true">Haga clic o toque para reducir la imagen</p> </div> </div> </div> </div> <div class="hdd02-gallery__popup-control hdd02-gallery__popup-control--hide"> <ul class="hdd02-gallery__popup-control-list" role="list"> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button plus" data-image-control="zoomIn" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom in"> <svg class="icon" focusable="false" aria-hidden="true" viewBox="0 0 24 24"> <path d="M4.081 3.831a11.375 11.375 0 1 1 0 16.087 11.376 11.376 0 0 1 0-16.087zm15.2.884a10.125 10.125 0 1 0 0 14.319 10.126 10.126 0 0 0 0-14.319zm-6.785.66v5.875h5.875V12.5H12.5v5.875h-1.25V12.5H5.374V11.25h5.875V5.375z"/> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button minus" disabled data-image-control="zoomOut" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom out"> <svg class="icon" focusable="false" aria-hidden="true" viewBox="0 0 24 24"> <path d="M19 11.875H5.247" fill="none" stroke="currentColor" stroke-width="1.251"/> <path d="M12.124 1.126a10.749 10.749 0 1 1-7.6 3.148 10.717 10.717 0 0 1 7.6-3.148z" fill="none" stroke="currentColor" stroke-width="1.251" fill-rule="evenodd"/> </svg> </button> </li> </ul> <ul class="hdd02-gallery__popup-control-list control-hide" id="galleryMoving" role="list"> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button up" data-image-control="up" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom up"> <span class="hidden">Move Thumbnail Image down</span> <svg class="icon" focusable="false" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"/> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button down" data-image-control="down" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom down"> <span class="hidden">Move Thumbnail Image up</span> <svg class="icon" focusable="false" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"/> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button left" data-image-control="left" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom left"> <span class="hidden">Move Thumbnail Image right</span> <svg class="icon" focusable="false" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"/> </svg> </button> </li> <li class="hdd02-gallery__popup-control-item" role="listitem"> <button class="hdd02-gallery__popup-control-button right" data-image-control="right" an-tr="hdd02_pdp header-product detail-gallery module-gallery" an-ca="gallery" an-ac="product gallery" an-la="gallery popup:image zoom right"> <span class="hidden">Move Thumbnail Image left</span> <svg class="icon" focusable="false" aria-hidden="true" width="20" height="20" viewBox="0 0 20 20"> <path d="M9.4 19.642V3.633L3.233 9.949l-.682-.682L9.913 1.6l7.343 7.666-.712.682-6.1-6.3v15.994z"/> </svg> </button> </li> </ul> </div> </div> </div> <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> </div> </div> <div class="hdd02-gallery__popup type-360view-new"> <div class="layer-popup"> <div class="layer-popup__contents"> <div class="scrollbar__contents"> <div class="seq-viewer-container"> <div class="top-container"> <p class="model-name">Galaxy Ring</p>  <button class="hdd02-gallery__popup-close" data-js-action="closeGalleryPopup"> <span class="hidden">Cerrar</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="imgseq-container" id="seqContainer"> <div class="loading-container"> <div class="loading"><span class="progress">0%</span></div> </div> <div class="interaction-container"> <div class="interaction-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="59.583" height="58.617" viewBox="0 0 59.583 58.617"> <g transform="translate(0.5 0.5)"> <g transform="translate(0 32.736)"> <g transform="translate(13.353)" fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1"> <circle cx="6.031" cy="6.031" r="6.031" stroke="none"/> <circle cx="6.031" cy="6.031" r="5.531" fill="none"/> </g> <path d="M-564.012,2412.855v11.527h11.524" transform="translate(564.012 -2399.502)" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1"/> <path d="M-549.086,2408.855l-15.166,15.166" transform="translate(564.252 -2399.14)" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1"/> </g> <g transform="translate(33.168)"> <g transform="translate(0 12.819)" fill="rgba(0,0,0,0.24)" stroke="rgba(0,0,0,0.64)" stroke-width="1"> <circle cx="6.031" cy="6.031" r="6.031" stroke="none"/> <circle cx="6.031" cy="6.031" r="5.531" fill="none"/> </g> <path d="M-552.488,2424.382v-11.527h-11.524" transform="translate(577.903 -2412.855)" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1"/> <path d="M-564.252,2424.021l15.166-15.166" transform="translate(574.501 -2408.855)" fill="none" stroke="rgba(0,0,0,0.64)" stroke-width="1"/> </g> </g> </svg> </div> </div> <div class="ui-container"> <div class="ui-wrap"> <button aria-label="zoom in" class="btn-zoomin"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <rect width="16" height="16" fill="rgba(255,255,255,0)"></rect> <path d="M7.333,0V6h6V7.333h-6v6H6v-6H0V6H6V0Z" transform="translate(1.333 1.333)"></path> </svg> </button> <button aria-label="zoom out" class="btn-zoomout"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <rect width="16" height="16" fill="rgba(255,255,255,0)"></rect> <path d="M13.333,0V1.333H0V0Z" transform="translate(1.333 7.333)"></path> </svg> </button> <div class="divide"></div> <button aria-label="reset" class="btn-reset"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.001 16"> <g transform="translate(0 16) rotate(-90)"> <rect width="16" height="16" transform="translate(0 0.001)" fill="none"></rect> <path d="M253.312,407.75a7.842,7.842,0,0,0-10.222,2.186v-1.3h-1.333v3.917h3.917v-1.33h-1.832a6.5,6.5,0,1,1-.721,4.927l-.061-.241-1.3.32.091.346a7.88,7.88,0,0,0,3.677,4.775,7.786,7.786,0,0,0,3.878,1.039,7.882,7.882,0,0,0,2.069-.279,7.832,7.832,0,0,0,1.833-14.356Z" transform="translate(422.715 -241.757) rotate(90)"></path> </g> </svg> </button> <button aria-label="change type" class="btn-changetype"> <span class="ico-change change-type-1 show"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.715 15.326"> <g transform="translate(-15.281 -16.174)"> <path d="M15.281,29.5H30.15v2H15.281Z"></path> <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48Zm-7.776-5.632-2.5-2.5-1.031,1.031,3.535,3.535L24,23.875l-1.031-1.031Z"></path> <g> <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z"></path> </g> </g> </svg> </span> <span class="ico-change change-type-2"> <svg xmlns="http://www.w3.org/2000/svg" width="18.715" height="16.575" viewBox="0 0 18.715 16.575"> <g transform="translate(-15.281 -14.925)"> <path d="M15.281,29.5H30.15v2H15.281Z"/> <path d="M28.24,30.98l3.82-14.806,1.936.5L30.176,31.48ZM26.769,18.46l-2.5,2.5L25.3,22l3.535-3.536L25.3,14.925l-1.031,1.031Z"/> <path d="M23.509,17.519a4,4,0,0,0-4,4v4h2v-4a2,2,0,0,1,2-2h4v-2Z"/> </g> </svg> </span> </button> <button aria-label="more" class="btn-more last"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"> <g transform="translate(-169.748 -591)"> <rect width="16" height="16" transform="translate(169.748 591)" fill="none"></rect> <g transform="translate(12.498 -1.25)"> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(158 599)"></circle> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(164 599)"></circle> <circle cx="1.25" cy="1.25" r="1.25" transform="translate(170 599)"></circle> </g> </g> </svg> </button> </div> <div class="pos-container"> <div class="toggle-container"> <div class="toggle-wrap"><label for="toggle-dimension">Dimension</label> <input type="checkbox" id="toggle-dimension" class="toggle btn-toggle-dimension" autocomplete="off"/></div> <button aria-label="close layer" class="btn-close-pos"> <svg xmlns="http://www.w3.org/2000/svg" width="18.415" height="18.415" viewBox="0 0 18.415 18.415"> <path d="M17,0,9.208,7.793,1.415,0,0,1.415,7.793,9.208,0,17l1.415,1.415,7.793-7.793L17,18.415,18.415,17,10.623,9.208l7.793-7.793Z"/> </svg> </button> </div> <div class="hr"></div> <div class="angle-container"> <div class="angle-text">Spin the angle</div> <button aria-label="spin left" class="btn-spin-left"> <svg xmlns="http://www.w3.org/2000/svg" width="22.492" height="16.497" viewBox="0 0 22.492 16.497"> <g transform="translate(0 3.148)"> <path d="M11.312,8.505h-.143a24.965,24.965,0,0,1-4.3-.375,19.574,19.574,0,0,1-1.91-.44,14.546,14.546,0,0,1-1.664-.583A9.792,9.792,0,0,1,1.921,6.4,5.908,5.908,0,0,1,.884,5.589a3.329,3.329,0,0,1-.655-.9,2.138,2.138,0,0,1,0-1.924,3.322,3.322,0,0,1,.655-.9,5.9,5.9,0,0,1,1.037-.811A9.723,9.723,0,0,1,3.294.354C3.6.225,3.914.106,4.224,0l.354,1.1-.251.087a9.036,9.036,0,0,0-1.194.531,5.1,5.1,0,0,0-.9.61,2.58,2.58,0,0,0-.57.675,1.419,1.419,0,0,0,0,1.448,2.58,2.58,0,0,0,.57.675,5.1,5.1,0,0,0,.9.61,9.078,9.078,0,0,0,1.194.532,16.467,16.467,0,0,0,3.11.77,24.9,24.9,0,0,0,3.731.282h.153a24.966,24.966,0,0,0,3.732-.282,16.448,16.448,0,0,0,3.109-.77,9.116,9.116,0,0,0,1.195-.532,5.13,5.13,0,0,0,.9-.61,2.575,2.575,0,0,0,.57-.675,1.417,1.417,0,0,0,0-1.448,2.572,2.572,0,0,0-.57-.675,5.12,5.12,0,0,0-.9-.61,9.105,9.105,0,0,0-1.193-.531l.354-1.1c.224.081.453.17.678.265a9.813,9.813,0,0,1,1.373.706,5.917,5.917,0,0,1,1.037.811,3.346,3.346,0,0,1,.655.9,2.142,2.142,0,0,1,0,1.924,3.344,3.344,0,0,1-.655.9,5.9,5.9,0,0,1-1.037.811,9.721,9.721,0,0,1-1.373.707,14.477,14.477,0,0,1-1.665.583,19.469,19.469,0,0,1-1.91.439A24.933,24.933,0,0,1,11.312,8.505Z" transform="translate(0 4.844)"/> <g transform="translate(6.686 -2.648)"> <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" transform="translate(4.664 3.425)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" transform="translate(0 0)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> </g> <path d="M4.147,4.147h-.9V.9H0V0H4.147Z" transform="translate(0.88 4.302)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> </g> </svg> </button> <button aria-label="spin right" class="btn-spin-right"> <svg xmlns="http://www.w3.org/2000/svg" width="22.492" height="16.498" viewBox="0 0 22.492 16.498"> <g transform="translate(0 3.148)"> <path d="M11.313,0H11.17a24.965,24.965,0,0,0-4.3.375,19.574,19.574,0,0,0-1.91.44A14.546,14.546,0,0,0,3.294,1.4,9.792,9.792,0,0,0,1.921,2.1a5.909,5.909,0,0,0-1.037.812,3.329,3.329,0,0,0-.655.9,2.138,2.138,0,0,0,0,1.924,3.322,3.322,0,0,0,.655.9,5.9,5.9,0,0,0,1.037.811,9.723,9.723,0,0,0,1.373.707c.307.129.62.248.931.354l.354-1.1-.251-.087a9.036,9.036,0,0,1-1.194-.531,5.1,5.1,0,0,1-.9-.61,2.581,2.581,0,0,1-.57-.675,1.419,1.419,0,0,1,0-1.448,2.581,2.581,0,0,1,.57-.675,5.1,5.1,0,0,1,.9-.61,9.078,9.078,0,0,1,1.194-.532,16.467,16.467,0,0,1,3.11-.77,24.9,24.9,0,0,1,3.732-.282h.153a24.966,24.966,0,0,1,3.732.282,16.448,16.448,0,0,1,3.109.77,9.116,9.116,0,0,1,1.195.532,5.13,5.13,0,0,1,.9.61,2.575,2.575,0,0,1,.57.675,1.418,1.418,0,0,1,0,1.448,2.573,2.573,0,0,1-.57.675,5.12,5.12,0,0,1-.9.61,9.105,9.105,0,0,1-1.193.531l.354,1.1c.224-.081.453-.17.678-.265a9.813,9.813,0,0,0,1.373-.706,5.917,5.917,0,0,0,1.037-.811,3.346,3.346,0,0,0,.655-.9,2.142,2.142,0,0,0,0-1.924,3.344,3.344,0,0,0-.655-.9,5.9,5.9,0,0,0-1.037-.811A9.722,9.722,0,0,0,19.2,1.4,14.477,14.477,0,0,0,17.534.816a19.469,19.469,0,0,0-1.91-.439A24.932,24.932,0,0,0,11.313,0Z" transform="translate(22.492 13.35) rotate(180)"/> <path d="M4.147,0h-.9V3.242H0v.9H4.147Z" transform="translate(21.612 8.449) rotate(180)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> <g transform="translate(6.686 -2.648)"> <path d="M2.1,6.319a2.081,2.081,0,0,1-.916-.191,1.682,1.682,0,0,1-.654-.573,2.789,2.789,0,0,1-.394-.981A6.725,6.725,0,0,1,0,3.16,6.727,6.727,0,0,1,.131,1.746,2.785,2.785,0,0,1,.525.765,1.682,1.682,0,0,1,1.179.191,2.078,2.078,0,0,1,2.1,0a2.112,2.112,0,0,1,.924.191,1.688,1.688,0,0,1,.66.573,2.78,2.78,0,0,1,.4.981A6.658,6.658,0,0,1,4.207,3.16a6.659,6.659,0,0,1-.132,1.414,2.784,2.784,0,0,1-.4.981,1.688,1.688,0,0,1-.66.573A2.114,2.114,0,0,1,2.1,6.319Zm0-5.085c-.236,0-.4.149-.5.444a4.941,4.941,0,0,0-.147,1.376v.114a5.184,5.184,0,0,0,.148,1.479c.1.292.266.439.5.439s.414-.148.516-.439a5.059,5.059,0,0,0,.152-1.479,5.146,5.146,0,0,0-.152-1.491C2.51,1.383,2.336,1.234,2.1,1.234Z" transform="translate(4.664 3.425)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> <path d="M1.968,9.745.853,8.858l.828-.938.389-.439-.133.013-.068,0H1.842a1.845,1.845,0,0,1-.959-.249,1.716,1.716,0,0,1-.651-.7A2.217,2.217,0,0,1,0,5.521,2.382,2.382,0,0,1,.258,4.393a1.809,1.809,0,0,1,.731-.748,2.242,2.242,0,0,1,1.1-.262,2.269,2.269,0,0,1,1.124.27,1.889,1.889,0,0,1,.748.765,2.407,2.407,0,0,1,.266,1.153,3.56,3.56,0,0,1-.317,1.5,7.531,7.531,0,0,1-.948,1.465l-.1.118-.9,1.09h0ZM1.622,4.837a1.147,1.147,0,0,0-.169.659,1.066,1.066,0,0,0,.194.676.646.646,0,0,0,.532.245,1.479,1.479,0,0,0,.414-.059,1.848,1.848,0,0,0,.186-.8A1.212,1.212,0,0,0,2.6,4.85a.591.591,0,0,0-.511-.258A.538.538,0,0,0,1.622,4.837ZM6.735,1.153A1.153,1.153,0,1,1,7.888,2.307,1.153,1.153,0,0,1,6.735,1.153Z" transform="translate(0 0)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/> </g> </g> </svg> </button> </div> </div> <button aria-label="ar" class="btn-ar">AR</button> </div> </div> </div> </div> </div> </div> </div> <div class="hdd02-gallery__layer-popup type-360view"> <div class="view360"> <div class="view360-contents"> <div class="image-360"> <div data-akamai-viewer data-spin-uri="/assets/resources/json/ex-360-watch.json"></div> </div> </div> </div> <div class="hdd02-gallery__layer-popup-close" data-js-action="closeLayerPopup"> <a href="javascript:void(0)" class="popup-close"> <span class="hidden">popup close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </a> </div> </div> <div class="hdd02-gallery__layer-popup type-ar"> <div class="ar-popup-inner"> <strong class="ar-popup-title">Ver con realidad aumentada</strong> <p class="ar-popup-text">Por favor escanea el código QR con tu Smartphone y pon la imagen del producto en la posición deseada.</p> <div class="qr-code">  </div> <div class="hdd02-gallery__layer-popup-close"> <a href="javascript:void(0)" class="popup-close" data-js-action="closeLayerPopup"> <span class="hidden">popup close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </a> </div> </div> </div> <script defer type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/popupnew360.js"></script> </section> </div> </div> <div id="detail-input-hidden"> <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 Ring"/> <input type="hidden" id="wtbSrc" value="//images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394854"/> <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"/> <input type="hidden" id="pdWarrantyLearnMoreUrl" name="pdWarrantyLearnMoreUrl"/> <input type="hidden" id="detailNodePath" name="detailNodePath" value="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo.dynamic"/> <input type="hidden" id="checkOutUrl" name="checkOutUrl"/> <input type="hidden" id="cartUrl" name="cartUrl" value="https://shop.samsung.com/mx/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="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <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 ring"/> <input type="hidden" id="parentPath" name="parentPath" value="/content/samsung/mx/rings/galaxy-ring"/> <input type="hidden" id="deliveryYN" name="deliveryYN" value="N"/> <input type="hidden" id="pfAllUrl" name="pfAllUrl" value="/mx/rings/all-rings.html?galaxy-ring"/> <input type="hidden" id="pdCtaType" name="ctaType" value="inStock"/> <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="N"/> <input type="hidden" id="splitPdTradeInYn" name="splitPdTradeInYn" value="N"/> <input type="hidden" id="splitPdSamsungCarePlusYn" name="splitPdSamsungCarePlusYn" value="N"/> <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" value="https://shop.samsung.com"/>  <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="gmapLatitude" name="gmapLatitude" value="19.434219"/> <input type="hidden" id="gmapLongitude" name="gmapLongitude" value="-99.135132"/> <input type="hidden" id="apiChangeModelCode" name="apiChangeModelCode" value="SM-Q500NZKAMXO"/> <input type="hidden" id="apiChangeCategorySubSubTypeCode" name="apiChangeCategorySubSubTypeCode"/> <input type="hidden" id="apiChangeCategorySubTypeCode" name="apiChangeCategorySubTypeCode" value="01090100"/> <input type="hidden" id="apiChangeCategoryTypeCode" name="apiChangeCategoryTypeCode" value="01090000"/> <input type="hidden" id="apiChangeCategoryGroupCode" name="apiChangeCategoryGroupCode" value="01000000"/> <input type="hidden" id="apiChangeModelName" name="apiChangeModelName" value="SM-Q500"/> <input type="hidden" id="apiChangeShopSKU" name="apiChangeShopSKU" value="SM-Q500NZKAMXO"/> <input type="hidden" id="apiChangePdpUrl" name="apiChangePdpUrl" value="/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"/> <input type="hidden" id="apiChangeFamilyCode" name="apiChangeFamilyCode" value="521989"/> <input type="hidden" id="apiChangeDisplayName" name="apiChangeDisplayName" value="Galaxy Ring"/> <input type="hidden" id="apiChangePdJcrTitle" name="apiChangePdJcrTitle" value="Galaxy Ring | Samsung México"/> <input type="hidden" id="apiChangeWtbUseYn" name="apiChangeWtbUseYn" value="Y"/> <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-Q500NZKAMXO"/> <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"/> <input type="hidden" id="isMultiTradeIn" name="isMultiTradeIn" value="N"/> <input type="hidden" id="isOldHybrisWishlist" name="isOldHybrisWishlist" value="N"/> <script type="text/javascript"> var globalShopInfo = {}; var gpv2ShopInfo = {}; var newHybrisShopInfo = {"price":"7999","priceDisplay":"$7,999.00","promotionPrice":"7999","promotionPriceDisplay":"$7,999.00","saveText":"0","monthlyPriceInfo":{"leasingUpfront":"0","leasingMonthly":"333.29","leasingMonths":"24","interest":"0"},"shopServiceYN":"Y"}; var hybrisShopInfo = {}; </script> </div> <div class="hdd02-pdp-header__buying-tool sg-pdh-buying-tool"> <section class="hdd02-buying-tool"> <section class="pdd36-recommendation-oos-new"> </section> <div class="hdd02-buying-tool__option sg-pdh-buying-options">  <div class="pd-select-option pd-select-option--check-dealer-stock" style="display: none;"></div>  <div class="pd-select-option off-scroll off-change option-color bundle-group" id="option-color"> <h3 class="pd-select-option__headline">Elige tu Color</h3> <div class="pd-select-option__wrap"> <div class="pd-select-option__color-name">Color : <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="Color:titanium black" data-colorname="Negro Titanio" data-modelcode="SM-Q500NZKAMXO" checked="checked" data-modelname="sm-q500"/> <label class="pd-option-selector__label" for="pd-color-0"> <span class="pd-option-selector__color" style="background:#363432;"> <span class="hidden"></span> </span> </label> <input id="galleryValueName__" type="hidden" value="#363432"/> </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="Color:titanium silver" data-colorname="Plata Titanio" data-valuecode="764" data-clickevent="true" data-optioncode="CM001" data-check="N" data-modelcode="SM-Q500NZSAMXO" data-familycode="521989" data-modelname="sm-q500"/> <label class="pd-option-selector__label" for="pd-color-1"> <span class="pd-option-selector__color" style="background:#8a8d8f;"> <span class="hidden"></span> </span> </label> <input id="galleryValueName_CM001_764" type="hidden" value="#8a8d8f"/> </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-2" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="Color:titanium gold" data-colorname="Oro titanio" data-valuecode="299" data-clickevent="true" data-optioncode="CM001" data-check="N" data-modelcode="SM-Q500NZDAMXO" data-familycode="521989" data-modelname="sm-q500"/> <label class="pd-option-selector__label" for="pd-color-2"> <span class="pd-option-selector__color" style="background:#c89403;"> <span class="hidden"></span> </span> </label> <input id="galleryValueName_CM001_299" type="hidden" value="#c89403"/> </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 off-scroll off-change option-others bundle-group" id="option-others-IM019"> <h3 class="pd-select-option__headline">Elige tu Ring Size</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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-0-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:5" data-valuecode="1" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q505NZKAMXO" data-familycode="521989" data-modelname="sm-q505"/> <label class="pd-option-selector__label" for="pd-others-0-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">5</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-1-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:6" data-valuecode="2" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q506NZKAMXO" data-familycode="521989" data-modelname="sm-q506"/> <label class="pd-option-selector__label" for="pd-others-1-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">6</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-2-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:7" data-valuecode="3" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q507NZKAMXO" data-familycode="521989" data-modelname="sm-q507"/> <label class="pd-option-selector__label" for="pd-others-2-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">7</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-3-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:8" data-valuecode="4" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q508NZKAMXO" data-familycode="521989" data-modelname="sm-q508"/> <label class="pd-option-selector__label" for="pd-others-3-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">8</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-4-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:9" data-valuecode="5" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q509NZKAMXO" data-familycode="521989" data-modelname="sm-q509"/> <label class="pd-option-selector__label" for="pd-others-4-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">9</strong> <span class="pd-option-selector__sub-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 buyingoption-api checked" type="radio" name="pd-others-IM019" id="pd-others-5-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:10" data-modelcode="SM-Q500NZKAMXO" checked="checked" data-modelname="sm-q500"/> <label class="pd-option-selector__label" for="pd-others-5-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">10</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-6-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:11" data-valuecode="7" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q501NZKAMXO" data-familycode="521989" data-modelname="sm-q501"/> <label class="pd-option-selector__label" for="pd-others-6-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">11</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-7-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:12" data-valuecode="8" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q502NZKAMXO" data-familycode="521989" data-modelname="sm-q502"/> <label class="pd-option-selector__label" for="pd-others-7-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">12</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-8-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:13" data-valuecode="9" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q503NZKAMXO" data-familycode="521989" data-modelname="sm-q503"/> <label class="pd-option-selector__label" for="pd-others-8-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">13</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-9-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:14" data-valuecode="10" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q514NZKAMXO" data-familycode="521989" data-modelname="sm-q514"/> <label class="pd-option-selector__label" for="pd-others-9-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">14</strong> <span class="pd-option-selector__sub-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 buyingoption-api " type="radio" name="pd-others-IM019" id="pd-others-10-IM019" an-tr="header(pim)_option selector-product detail-select-option" an-ca="option click" an-ac="pd buying tool" an-la="ring size:15" data-valuecode="11" data-clickevent="true" data-optioncode="IM019" data-check="N" data-modelcode="SM-Q515NZKAMXO" data-familycode="521989" data-modelname="sm-q515"/> <label class="pd-option-selector__label" for="pd-others-10-IM019"> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text"> <strong class="pd-option-selector__main-text">15</strong> <span class="pd-option-selector__sub-text"></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 option-bezelcolor bundle-group" id="option-bezelcolor" style="display: none;"></div> <div class="pd-select-option__eta-text text-type2 js-shippingOrBack" style="display: none;"></div> <div class="pd-select-option__eta-text js-deliveryMessage" style="display: none;"></div> <div class="pd-select-option trade-in off-change" style="display: none;"></div> <div class="option-result result-trade-in option-result--content" style="display: none;"></div> <div class="pd-select-option option-between" style="display: none;"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">Elige los productos que deseas comprar</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-option" 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 pre-purchase-check sdf-component-template" data-sdf-unwrap="true" style="display: none;"> <h3 class="pd-select-option__headline">Pre-purchase check</h3> <div class="pd-offer"> <ul class="pd-offer__list" role="list">  <li class="pd-offer__item"> <div class="pd-offer__content"> <div class="pd-offer__image-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> <path d="M18.81,33l-3.09-3.052,3.09-3.041,1.054,1.069-2.006,1.976,2.006,1.98Z" transform="translate(-9.825 -16.819)"/> <path d="M25.594,40.6H19.057V39.1h6.536A2.291,2.291,0,0,0,27.761,36.8a2.321,2.321,0,0,0-2.34-2.306H18.57V33h6.851a3.8,3.8,0,0,1,.173,7.59Z" transform="translate(-11.606 -20.623)"/> <g transform="translate(0.6 5.25)"> <path d="M25.275,25.387a4.189,4.189,0,0,1-2.775-1.05,4.41,4.41,0,0,1-1.388-2.588H12.225a4.3,4.3,0,0,1-1.387,2.588,4.192,4.192,0,0,1-5.55,0A4.41,4.41,0,0,1,3.9,21.75H1.313A1.327,1.327,0,0,1,0,20.438H0V1.313A1.327,1.327,0,0,1,1.313,0h20.25a1.327,1.327,0,0,1,1.313,1.313h0V4.125h6.15a3.281,3.281,0,0,1,3.15,2.587L34.5,18.787a2.381,2.381,0,0,1-.488,2.063,2.437,2.437,0,0,1-1.95.863H29.475A4.3,4.3,0,0,1,28.088,24.3a4.189,4.189,0,0,1-2.775,1.05Zm0-6.75a2.565,2.565,0,0,0-2.175,1.2,1.909,1.909,0,0,0-.262.637,4.226,4.226,0,0,0-.113.675,1.459,1.459,0,0,0,.075.563,2.5,2.5,0,0,0,2.475,1.95,2.569,2.569,0,0,0,2.475-1.95,2.9,2.9,0,0,0,.075-.562,2.411,2.411,0,0,0-.375-1.312,2.437,2.437,0,0,0-2.175-1.2Zm-17.25,0a2.565,2.565,0,0,0-2.175,1.2,2.782,2.782,0,0,0-.375,1.313,1.459,1.459,0,0,0,.075.563,2.5,2.5,0,0,0,2.475,1.95,2.569,2.569,0,0,0,2.475-1.95,2.9,2.9,0,0,0,.075-.562,2.411,2.411,0,0,0-.375-1.312,2.438,2.438,0,0,0-2.175-1.2Zm17.25-1.687a4.376,4.376,0,0,1,2.512.825,4.054,4.054,0,0,1,1.5,2.1h2.738a.713.713,0,0,0,.487-.188.653.653,0,0,0,.113-.525l-.975-5.1H26.775a1.155,1.155,0,0,1-1.125-1.125V8.813a1.125,1.125,0,0,1,1.125-1.125h3.637l-.112-.6A1.44,1.44,0,0,0,28.988,6h-6.15V17.737a4.125,4.125,0,0,1,2.438-.787Zm-17.25,0a4.376,4.376,0,0,1,2.513.825,4.054,4.054,0,0,1,1.5,2.1h8.925v-18H1.838v18H4.012a4.207,4.207,0,0,1,1.5-2.1,4.286,4.286,0,0,1,2.512-.825ZM27.15,9.188v3.375h4.2l-.637-3.375Z"/> </g> </svg> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title">Delivery & returns</strong> <div class="pd-offer__desc-text"> <p class="pd-offer__desc-main">Block1 Description</p> </div>   <div class="pd-offer__cta"> <a class="cta cta--underline-v2 cta--black cta--icon block1_learnMore" href="#" aria-label="Open in a New window" target="_blank"> Conocer más <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </div> </li>  </ul> </div> </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="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sg-pdh-order-summary"></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="b03c9295-df69-4d8f-8872-f74b97f666a7">{"@context":"http://schema.org","@type":"Product","brand":{"@type":"Brand","name":"Samsung"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.3","ratingCount":"618"},"@id":"https://www.samsung.com/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/","name":"Galaxy Ring","image":"https://images.samsung.com/is/image/samsung/p6pim/mx/sm-q500nzkamxo/gallery/mx-galaxy-ring-q500-sm-q500nzkamxo-thumb-543394854","description":"Armazón de titanio resistente\nExperiencia de salud impulsada por AI\nMonitoreo de la salud con triple tecnología de sensores\nDelgado, ligero y elegante","sku":"SM-Q500NZKAMXO","offers":{"@type":"Offer","url":"https://www.samsung.com/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/","priceCurrency":"MXN","availability":"inStock","price":"7999"}}</script>  <div id="sg-pdh-dynamic-template-assembly" class="sdf-component-templates"> <div class="hdd02-buying-tool__cost-box hdd02-buying-tool__cost-box--old sdf-component-template" data-sdf-template="buyingPrice @ price" data-sdf-unwrap="true"> <div class="hdd02-buying-tool__summary"> <div class="summary"> <div class="summary__product-wrap"> <strong class="summary__product-name">Galaxy Ring</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">Negro Titanio</span> <span class="summary__select-option">10</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}}"> <em class="cost-box__badge"> </em> <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">Era el precio</span></span> <strong class="cost-box__price-save" data-sdf-test="{{price.priceWrapper.info.savePrice}}"><span class="hidden">Precio</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">Era el precio</span>{{price.priceWrapper.info.orignalPrice}}</s> <strong class="cost-box__price-save" data-sdf-test="{{price.priceWrapper.info.savePrice}}"><span class="hidden">Precio</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" data-sdf-test="{{price.isNotForSale}}"> <span class="cost-box__cta"> <a class="cta cta--contained cta--black add-special-tagging cta--disabled not-for-sale tg-not-for-sale" data-sdf-attr.href="#">no está a la venta</a> </span> </div> <div class="cost-box__cta-wrap {{price.ctaWrapperClass}}" data-sdf-test="{{not price.isNotForSale}}"> <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> <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 ring" data-sdf-attr.data-modelprice="{{wishList.price}}" data-div-id="{{wishList.targetId}}" data-pvitype="mobile" data-pvisubtype="wearable" data-pimsubtype="galaxy ring" data-component="HDD01" data-added-text="Eliminar lista de deseos" data-add-text="agregar a tu lista de deseos" aria-selected="{{wishList.isSelected}}" data-stock="{{wishList.stockLevelStatus}}"> <span class="hidden">Mi lista de deseos</span> <svg class="icon unselect" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M82.659 46.562c-.237.336-1.321 1.867-1.736 2.413-6.187 8.141-26.914 24.719-32.859 29.329L48 78.25l-.064.054c-5.945-4.61-26.672-21.188-32.857-29.327a136.36 136.36 0 01-1.737-2.415A19.366 19.366 0 0110.5 36.449c0-10.729 8.748-19.457 19.5-19.457a19.549 19.549 0 0115.957 8.28L48 28.171l2.044-2.899A19.548 19.548 0 0166 16.992c10.753 0 19.5 8.728 19.5 19.457 0 3.577-.982 7.072-2.841 10.113M66 11.992a24.556 24.556 0 00-18 7.875 24.552 24.552 0 00-18-7.875c-13.509 0-24.5 10.971-24.5 24.457 0 4.53 1.254 8.957 3.625 12.802l.086.13s1.391 1.967 1.885 2.619c3.235 4.257 10.172 10.853 20.619 19.603a514.58 514.58 0 0010.291 8.386c4.905 3.893 4.905 3.893 5.706 3.986l.288.033.289-.033c.8-.093.8-.093 5.706-3.986a517.926 517.926 0 0010.29-8.386c10.447-8.75 17.384-15.346 20.62-19.604.494-.651 1.884-2.618 1.884-2.618l.086-.13A24.365 24.365 0 0090.5 36.449c0-13.486-10.99-24.457-24.5-24.457"></path> </svg> <svg class="icon select" focusable="false" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> <path d="M48.002 84.009l-.298-.035c-.796-.096-.796-.096-5.698-3.986a514.58 514.58 0 01-10.291-8.386c-10.447-8.75-17.384-15.346-20.618-19.603-.495-.651-1.886-2.62-1.886-2.62l-.085-.129A24.366 24.366 0 015.5 36.448c0-13.486 10.991-24.457 24.5-24.457 6.87 0 13.392 2.896 18 7.875a24.56 24.56 0 0118-7.875c13.51 0 24.5 10.971 24.5 24.457 0 4.53-1.253 8.957-3.625 12.802l-.085.129s-1.391 1.969-1.886 2.62c-3.234 4.257-10.172 10.853-20.618 19.603a514.58 514.58 0 01-10.291 8.386c-4.901 3.89-4.901 3.89-5.696 3.985l-.297.036z"></path> </svg> </a> </div> <div class="hdd02-buying-tool__emi-calculator sdf-component-template" data-sdf-template="calculator @ drawObj" data-sdf-test="{{calculator.hasComponent}}" data-sdf-unwrap="true"> <a 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">Cerrar</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" data-sdf-attr.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}}"> <button data-sdf-test="{{ galaxyForever.learnMoreCta.isNotOutLink}}" class="cta cta--underline-v2 cta--black add-special-tagging" aria-haspopup="dialog" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="galaxy forever:learn more" rel="nofollow" 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}}"> {{galaxyForever.learnMoreCta.text}} </button> <a data-sdf-test="{{galaxyForever.learnMoreCta.isOutLink}}" class="cta cta--underline-v2 cta--black cta--icon" aria-haspopup="dialog" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="galaxy forever:learn more" 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}}"> {{galaxyForever.learnMoreCta.text}} <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{galaxyForever.description}}">{{galaxyForever.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input 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="hdd02_pdp header-product detail-option service selector-option_click" 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="hdd02_pdp header-product detail-option service selector-option_click" 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">Cerrar</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">Elige tu marco</h3> </div> <p class="pd-select-option__desc">Marcos intercambiables se venden por separado</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">Sin marco</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">Elige el color de la cubierta para The Freestyle</h3> </div> <p class="pd-select-option__desc">Cubiertas intercambiables se venden por separado</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">Blanco <i>(incluido)</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="hdd02_pdp header-product detail-option service selector-option_click" 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" data-sdf-attr.style="background:{{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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">Sin 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">Tipo moderno</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="hdd02_pdp header-product detail-option service selector-option_click" 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" data-sdf-attr.style="background:{{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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">Sin 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">Tipo biselado</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="hdd02_pdp header-product detail-option service selector-option_click" 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" data-sdf-attr.style="background:{{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi2-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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">Sin 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">Colores adicionales</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="hdd02_pdp header-product detail-option service selector-option_click" 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" data-sdf-attr.style="background: {{item.value}}"></span> <span class="pd-option-selector__text-wrap"> <span class="pd-option-selector__text">{{item.name}}</span> </span> </label> <label class="pd-option-selector__label" for="pd-color-multi1-{{item.index}}" data-sdf-test="{{item.hasImage}}"> <div class="pd-option-selector__img-wrap"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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">Sin 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">Tipo de marco</h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div data-sdf-attr.class="pd-selector-option__bezel-image"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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 data-sdf-attr.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">Tipo moderno</strong> <p class="pd-selector-option__bezel-description">Los marcos intercabiables de The Frame se ajustan magnéticamente en su lugar. Ahora, puedes cambiar entre estilos en un instante.</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">Tipo de marco</h2> <div class="layer-popup__contents scrollbar"> <div class="scrollbar__contents"> <div class="pd-selector-option__bezel-image"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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 data-sdf-attr.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">Tipo biselado</strong> <p class="pd-selector-option__bezel-description">El nuevo marco de tipo biselado ofrece un elegante diseño con borde interior en ángulo de 45 grados.</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}}"> <button data-sdf-test="{{tradeIn.learnMoreCta.isNotOutLink}}" class="cta cta--underline-v2 cta--black" 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:learn more" data-sdf-attr.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}} </button> <a data-sdf-test="{{tradeIn.learnMoreCta.isOutLink}}" class="cta cta--underline-v2 cta--black cta--icon" 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:learn more" data-sdf-attr.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}} <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{tradeIn.description}}">{{tradeIn.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input 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 data-sdf-attr.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 option-result--content sdf-component-template" data-sdf-template=" tradeInResult @ drawObj" data-sdf-unwrap="true"> <div class="option-result__multiple result-price" data-sdf-attr.data-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">Felicitaciones, Bonificación estimada Galaxy Canje aplicada</p> <ul> <li class="option-result__multiple-item"> <p class="option-result__multiple-price-wrap"> <em class="option-result__multiple-price-title">Descuento total</em> <span class="option-result__multiple-price">{{tradeInResult.discountPriceText}}</span> <span class="option-result__multiple-exchange" data-sdf-test="{{tradeInResult.discountText2}}">Bonificacion {{tradeInResult.discountText1}}</span> <span class="option-result__multiple-discount" data-sdf-test="{{tradeInResult.discountText2}}">Descuento directo {{tradeInResult.discountText2}}</span> </p> <p class="option-result__multiple-text">{{tradeInResult.displayModelName}}</p> <p class="option-result__multiple-btn"> <button class="option-result__multiple-delete remove-trade-in-result" data-trade-index="{{0}}" an-tr="header(pim)_trade in-product detail-option-click{{1}}" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:delete"> Eliminar </button> <button class="option-result__multiple-change open-trade-popup" data-trade-index="{{0}}" an-tr="header(pim)_trade in-product detail-option-click{{1}}" an-ca="option click" an-ac="pd buying tool" an-la="trade-in:change"> Editar </button> </p> </li> </ul> </div> <p class="option-result__multiple-desc desc-target"> ** El valor de la bonificación podrá variar de acuerdo a la revisión técnica de tu dispositivo actual por parte de nuestros especialistas </p> </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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="assured program: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">Ninguno</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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="assured program: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> <button data-sdf-test="{{care.learnMoreCta.isNotOutLink}}" class="cta cta--underline-v2 cta--black add-special-tagging" aria-haspopup="dialog" 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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:learn more"> {{care.learnMoreCta.text}} </button> <a data-sdf-test="{{care.learnMoreCta.isOutLink}}" class="cta cta--underline-v2 cta--black cta--icon" aria-haspopup="dialog" data-sdf-attr.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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="samsung care:learn more"> {{care.learnMoreCta.text}} <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </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" 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="hdd02_pdp header-product detail-option service selector-option_click" 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">Ninguno</strong>   </span> </span> </label> </div> </li> <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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" data-stockStatus="{{item.stockStatus}}" 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> </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}}"> <button data-sdf-test="{{ warranty.learnMoreCta.isNotOutLink}}" class="cta cta--underline-v2 cta--black add-special-tagging" aria-haspopup="dialog" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:learn more" 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}}"> {{warranty.learnMoreCta.text}} </button> <a data-sdf-test="{{warranty.learnMoreCta.isOutLink}}" class="cta cta--underline-v2 cta--black cta--icon" aria-haspopup="dialog" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="extended warranty:learn more" data-sdf-attr.target="{{warranty.learnMoreCta.target}}" data-sdf-attr.title="{{warranty.learnMoreCta.title}}" data-sdf-attr.data-target-popup="{{warranty.learnMoreCta.layerTarget}}"> {{warranty.learnMoreCta.text}} <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </span> </div> <p class="pd-select-option__desc" data-sdf-test="{{warranty.description}}">{{warranty.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input 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="hdd02_pdp header-product detail-option service selector-option_click" 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="hdd02_pdp header-product detail-option service selector-option_click" 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">Cerrar</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-v2 cta--black cta--icon" aria-haspopup="dialog" an-tr="hdd02_pdp header-product detail-option service selector-option_click" 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}}"> {{warrantyVd.learnMoreCta.learnMoreText}} <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </span> </div> <p class="pd-select-option__desc">{{warrantyVd.description}}</p> <div class="pd-select-option__wrap"> <ul class="pd-select-option__list pd-select-option__list--wide" role="list"> <li class="pd-select-option__item" role="listitem"> <div class="pd-option-selector"> <input 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="hdd02_pdp header-product detail-option service selector-option_click" 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="hdd02_pdp header-product detail-option service selector-option_click" 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="hdd02_pdp header-product detail-option service selector-option_click" 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-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" an-tr="hdd02_pdp header-product detail-apply cta-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="delivery details:Apply"> Aplicar</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="hdd02_pdp header-product detail-option selector-option_click1" an-ca="option click" an-ac="pd buying tool" an-la="delivery details:delete"> <span class="hidden">Cerrar</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </a> </div> <div class="pd-select-option option-tariff sdf-component-template" data-sdf-template="tariffOption @ drawObj" data-sdf-test="{{tariffOption.hasComponent}}" data-sdf-unwrap="true"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{tariffOption.headline}}</h3> <span class="pd-select-option__cta-wrap" data-sdf-test="{{tariffOption.href}}"> <a class="cta cta--underline-v2 cta--black cta--icon add-special-tagging" aria-haspopup="dialog" role="button" target="_blank" title="Conocer más" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="tariff:learn more" data-sdf-attr.href="{{tariffOption.href}}" rel="nofollow"> Conocer más <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </span> </div> <p class="pd-select-option__desc">{{tariffOption.description}}</p> <p class="pd-select-option__carrier" data-sdf-list.logoitem="{{tariffOption.logoList}}"> <img class="carrier-logo" data-sdf-attr.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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="tariff: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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="tariff: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-option 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">Cerrar</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-v3__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-v3__label" for="add-on-product-{{item.index}}"> <span class="checkbox-v3__label-box-wrap"> <span class="checkbox-v3__label-box"> <svg class="checkbox-v3__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v3__label-text">{{item.name}}</span> </label> </div> <div class="add-on-product__image"> <div class="image"> <img 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> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">{{item.iconTitle}}</span> <p class="add-on-product__title" data-model-name="{{item.name}}">{{item.name}}</p> <p 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}}">Sin stock</span> </div> <button class="cta cta--underline-v2 cta--black cta-learn-more" aria-label="Learn More" data-model-idx="{{item.index}}" data-sdf-test="{{item.isLearnMorePopup}}"> Conocer más</button> </div> </li> </ul> <ul class="add-on-product-list-wrap add-on-product-list-wrap--vd" data-sdf-test="{{embedAddon.isVDSTEPBUYING}}" data-total-price="0" data-total-sale-price="0"> <li data-sdf-repeat.item="{{embedAddon.itemSet}}" class="add-on-product{{item.oosClass}}{{item.hideClass}}" data-view-more-item="true"> <div class="add-on-product__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="" data-mobile-src="" data-src="" alt="{{item.imgAlt}}" role="img" data-comp-name="image"/> <img class="image__main lazy-load responsive-img lazy-load" data-desktop-src="{{item.imgSrc}}?$72_72_PNG$" data-mobile-src="{{item.imgSrc}}?$128_128_PNG$" data-src="{{item.imgSrc}}" alt="{{item.imgAlt}}" role="img" data-comp-name="image"/> </div> </div> <div class="add-on-product__detail-wrap"> <div class="add-on-product__text-wrap"> <span class="badge-icon badge-icon--label-v2 {{item.iconClass}}" data-sdf-test="{{item.iconClass}}">{{item.iconTitle}}</span> <p class="add-on-product__title" data-model-name="{{item.name}}">{{item.name}}</p> <p 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}}">Sin 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 embed-addon-add" aria-label="Add">Añadir</button> <button data-sdf-test="{{item.isOOS}}" class="cta cta--contained cta--black cta--disabled embed-addon-add" aria-label="Add" disabled>Añadir</button> </div> </li> </ul> <div class="pd-select-option__view-more" data-sdf-test="{{embedAddon.useMobileCTA}}"> <button class="cta cta--icon" type="button" data-js-action="offerListViewMore" data-text-open="Ver más" data-text-close="Ver menos" aria-expanded="false"> <span class="pd-select-option__view-more-text">Ver más</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </div> </div> <div data-sdf-template="offerNewFormattedItem @ offerItem" data-sdf-unwrap="true"> <div class="pd-offer__image-icon" data-sdf-test="{{offerItem.imageUrl}}"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="{{offerItem.imageUrl}}?$LazyLoad_Home_PNG$"/> <img data-sdf-attr.class="image__main lazy-load" data-src="{{offerItem.imageUrl}}?$48_48_PNG$"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{offerItem.title}}">{{offerItem.title}}</strong> <div class="pd-offer__desc-text"> <p class="pd-offer__desc-main">{{offerItem.offerText}}</p> </div> <div class="pd-offer__cta" data-sdf-test="{{offerItem.linkEnabled}}"> <a class="cta cta--underline-v2 cta--black add-special-tagging" data-sdf-attr.href="{{offerItem.linkUrl}}" data-sdf-attr.title="{{offerItem.linkText}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offers:add to basket">{{offerItem.linkText}}</a> </div> </div> </div> <div data-sdf-template="offerBundleItem @ bundle" data-sdf-unwrap="true"> <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 data-sdf-attr.class="pd-offer__image-icon" data-sdf-test="{{bundle.imgAttr.srcPc}}"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="{{bundle.imgAttr.srcPc}}?$LazyLoad_Home_PNG$" alt="{{bundle.imgAttr.alt}}"/> <img data-sdf-attr.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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offers:delete"> <span class="hidden">{{bundle.deleteTitle}}</span> <svg class="icon icon-delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> </div> <div data-sdf-template="offerContent_bogo @ bogo" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--buy-get-free {{bogo.item.contentWrapperClass}}"> <div data-sdf-test="{{bogo.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ offerItem={{bogo.newFormat}}"></div> </div> <div data-sdf-test="{{not bogo.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="{{bogo.item.imgAttr.srcPc}}?$LazyLoad_Home_PNG$"/> <img data-sdf-attr.class="image__main lazy-load" data-src="{{bogo.item.imgAttr.srcPc}}?$48_48_PNG$"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{bogo.item.headline}}">{{bogo.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{bogo.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{bogo.item.description.main}}}"> {{decmain.text}}<br/> </p> <p class="pd-offer__desc-sub" data-sdf-test="{{bogo.item.description.sub}}">{{bogo.item.description.sub}}</p> <p class="pd-offer__desc-date" data-sdf-test="{{bogo.item.description.date}}">{{bogo.item.description.date}}</p> </div> <div class="pd-price" data-sdf-test="{{bogo.item.price.hasPrice}}" data-sdf-attr.data-price="{{bogo.item.price.price}}"> <s class="pd-price__original" data-sdf-test="{{bogo.item.price.original}}">{{bogo.item.price.original}}</s> <strong class="pd-price__save" data-sdf-test="{{bogo.item.price.save}}">{{bogo.item.price.save}}</strong> <em class="pd-price__now" data-sdf-test="{{bogo.item.price.now}}">{{bogo.item.price.now}}</em> </div> </div> </div> </div> </div> <div data-sdf-template="offerContent_gift @ gift" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--bundle {{gift.item.contentWrapperClass}}"> <div class="pd-offer__content-inner"> <div data-sdf-test="{{gift.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ offerItem={{gift.newFormat}}"></div> </div> <div data-sdf-test="{{not gift.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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 data-sdf-attr.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="{{gift.item.headline}}">{{gift.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{gift.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{gift.item.description.main}}}"> {{decmain.text}}<br/> </p> <p class="pd-offer__desc-date" data-sdf-test="{{gift.item.description.date}}">{{gift.item.description.date}}</p> </div> <div class="pd-offer__cta"> <a class="cta cta--underline-v2 cta--black add-special-tagging {{gift.item.learnMoreCta.class}}" data-sdf-attr.href="{{gift.item.learnMoreCta.href}}" data-sdf-attr.data-target-popup="{{gift.item.learnMoreCta.layerTarget}}" data-sdf-attr.data-gift-idx="{{gift.item.learnMoreCta.giftIdx}}" data-sdf-attr.title="{{gift.item.learnMoreCta.title}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offer:{{gift.item.headline}}:learn more" data-sdf-test="{{gift.item.learnMoreCta.text}}">{{gift.item.learnMoreCta.text}}</a> </div> </div> </div> </div> <div class="pd-offer__selected-bundle-wrap" data-sdf-test="{{gift.item.hasBundle}}" data-sdf-list.bundle="{{gift.item.bundleList}}"> <div data-sdf-call="offerBundleItem @ bundle={{bundle}}"></div> </div> </div> </div> <div data-sdf-template="offerContent_comboItem @ combo" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--bundle {{combo.item.contentWrapperClass}}"> <div class="pd-offer__content-inner"> <div data-sdf-test="{{combo.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ offerItem={{combo.newFormat}}"></div> </div> <div data-sdf-test="{{not combo.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon" data-sdf-test="{{combo.item.iconName}}"> <div data-sdf-attr.class="image"> <img data-sdf-attr.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 data-sdf-attr.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-v2 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="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offer:{{combo.item.headline}}:learn more" data-sdf-test="{{combo.item.learnMoreCta.text}}">{{combo.item.learnMoreCta.text}}</a> </div> </div> </div> </div> <div class="pd-offer__selected-bundle-wrap" data-sdf-test="{{combo.item.hasBundle}}" data-sdf-list.bundle="{{combo.item.bundleList}}"> <div data-sdf-call="offerBundleItem @ bundle={{bundle}}"></div> </div> </div> </div> <div data-sdf-template="offerContent_delight @ delightDelivery" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--buy-get-free {{delightDelivery.item.contentWrapperClass}}"> <div data-sdf-test="{{delightDelivery.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ offerItem={{delightDelivery.newFormat}}"></div> </div> <div data-sdf-test="{{not delightDelivery.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="{{delightDelivery.item.imgAttr.srcPc}}?$LazyLoad_Home_PNG$" alt="{{delightDelivery.item.imgAttr.alt}}"/> <img data-sdf-attr.class="image__main lazy-load" data-src="{{delightDelivery.item.imgAttr.srcPc}}?$48_48_PNG$" alt="{{delightDelivery.item.imgAttr.alt}}"/> </div> </div> <div class="pd-offer__desc"> <strong class="pd-offer__desc-title" data-sdf-test="{{delightDelivery.item.headline}}">{{delightDelivery.item.headline}}</strong> <div class="pd-offer__desc-text" data-sdf-test="{{delightDelivery.item.description.hasDescription}}"> <p class="pd-offer__desc-main" data-sdf-list.decmain="{{delightDelivery.item.description.main}}}"> {{decmain.text}}<br/> </p> </div> <div class="pd-offer__cta"> <a class="cta cta--underline-v2 cta--black" data-sdf-attr.href="{{delightDelivery.item.learnMoreCta.href}}" data-sdf-attr.title="{{delightDelivery.item.learnMoreCta.title}}" data-sdf-attr.target="{{delightDelivery.item.learnMoreCta.target}}" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offer:{{delightDelivery.item.headline}}:learn more">Conocer más</a> </div> </div> </div> </div> </div> <div data-sdf-template="offerContent_promotionFinance @ finance" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--calculate {{finance.item.contentWrapperClass}}"> <div data-sdf-test="{{finance.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ finance={{finance.newFormat}}"></div> </div> <div data-sdf-test="{{not finance.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon" data-sdf-test="{{finance.item.iconAttr}}"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/promotion_icon/finance.svg?$LazyLoad_Home_PNG$" alt="{{finance.item.iconAttr.alt}}"/> <img data-sdf-attr.class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/promotion_icon/finance.svg?$48_48_PNG$" alt="{{finance.item.iconAttr.alt}}"/> </div> </div> <div class="pd-offer__desc"> <strong data-sdf-test="{{finance.item.description.hasDescription}}" class="pd-offer__desc-title">{{finance.item.description.text}}</strong> <div class="pd-offer__cta"> <div data-sdf-template="offerFinanceCta @ cta" data-sdf-unwrap="true"> <a class="cta cta--underline-v2 cta--black add-special-tagging" href="javascript:void(0);" data-target-popup="eipPopup" aria-haspopup="dialog" role="button" an-tr="hdd02_pdp header-product detail-option service selector-option_click" an-ca="option click" an-ac="pd buying tool" an-la="offers:learn more">{{cta.label}}</a> </div> <div data-sdf-test="{{finance.item.hasCta}}" data-sdf-unwrap="true"> <div data-sdf-call="offerFinanceCta @ cta={{finance.item.cta}}" data-sdf-unwrap="true"></div> </div> <strong data-sdf-test="{{finance.item.emiText}}" class="pd-offer__title-text"> {{finance.item.emiText}} </strong> </div> </div> </div> </div> </div> <div data-sdf-template="offerContent_promotionMessage @ message" data-sdf-unwrap="true"> <div class="pd-offer__content pd-offer__content--data {{message.item.contentWrapperClass}}"> <div data-sdf-test="{{message.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-call="offerNewFormattedItem @ offerItem={{message.newFormat}}"></div> </div> <div data-sdf-test="{{not message.newFormat}}" data-sdf-unwrap="true"> <div data-sdf-attr.class="pd-offer__image-icon" data-sdf-test="{{message.item.iconAttr.src}}"> <div data-sdf-attr.class="image"> <img data-sdf-attr.class="image__preview lazy-load" data-src="{{message.item.iconAttr.src}}?$LazyLoad_Home_PNG$" alt="{{message.item.iconAttr.alt}}"/> <img data-sdf-attr.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> </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"> <div class="pd-select-option__headline-wrap"> <h3 class="pd-select-option__headline">{{offer.headline}}</h3> </div> <div class="pd-offer"> <ul id="sgOfferListPanel" class="pd-offer__list"> <li class="pd-offer__item has-component {{offer.bogo.title}}" data-sdf-test="{{offer.bogo.hasItem}}" data-view-more-item="true"> <div data-sdf-call="offerContent_bogo @ bogo={{offer.bogo}}"></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}}" data-view-more-item="true"> <div data-sdf-call="offerContent_gift @ gift={{offer.gift}}"></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}}" data-view-more-item="true"> <div data-sdf-call="offerContent_comboItem @ combo={{combo}}"></div> </li> <li class="pd-offer__item has-component {{offer.delightDelivery.title}}" data-sdf-test="{{offer.delightDelivery.hasItem}}" data-view-more-item="true"> <div data-sdf-call="offerContent_delight @ delightDelivery={{offer.delightDelivery}}"></div> </li> <li data-sdf-repeat.finance="{{offer.promotionFinance}}" class="pd-offer__item has-component {{finance.title}}" data-view-more-item="true"> <div data-sdf-call="offerContent_promotionFinance @ finance={{finance}}"></div> </li> <li data-sdf-repeat.message="{{offer.promotionMessage}}" class="pd-offer__item has-component {{message.title}}" data-view-more-item="true"> <div data-sdf-call="offerContent_promotionMessage @ message={{message}}"></div> </li> <li data-sdf-repeat.smartclub="{{offer.promotionSmartclub}}" class="pd-offer__item has-component {{smartclub.title}}" role="listitem" data-view-more-item="true"> <div class="pd-offer__content pd-offer__content--smartclub {{smartclub.item.contentWrapperClass}}"></div> </li> </ul> <div class="pd-select-option__view-more" data-sdf-test="{{offer.isViewMore}}"> <button class="cta cta--icon" type="button" data-js-action="offerListViewMore" data-text-open="Ver más" data-text-close="Ver menos" aria-expanded="false" an-tr="hdd02_pdp header-product detail-view more-indication" an-ca="indication" an-ac="view more" an-la="offers:view more"> <span class="pd-select-option__view-more-text">Ver más</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </div> </div>   </div> </div>  </div> </div> </div> <div class="pd-g-feature-benefit-ux2 pd-g-feature-benefit aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="hasBenefit" id="hasBenefit" value="Y"/> <input type="hidden" name="hasGallery" id="hasGallery" value="N"/> <section id="features" class="ftd21-feature-section-title"> <div class="ftd21-feature-section-title__headline-wrap"> <h2 class="ftd21-feature-section-title__headline-text">Funciones</h2> </div> </section> <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="bdpnbeqxjpkdmz5tjilq-f-362be56d0-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"154969","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"56ceadcb","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":42486,"ak.gh":"184.28.235.36","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1739803159","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==9+vFjmZ4B7ScjuqJwGvclBk6+UGwZC0tAxddU90yCB8P2HVMmcGpgS4hVIKykmL/tB/TzciMF5CyDfqw5nrYRfL68EqUPpc4hM2BkFQhNWeCzkMcTbzx8I/xH0yTRDaziwEQf6qlNmGQA2UXhtOxCxsQDW0zJg5wPHFlsDuCTKNZuVaajz8pqZy+k5XDK2sqzMvoQzmP4mp34AdUaqo3J2b3vc7UNn5UP4i8zuo0BzhAA+ZJwkzsYj0535ylIscPDwc5k5Rimab1s3xl1Rl8D7iiAPv0f2R4zC+wzpkhyqhwmGaDf4usDKji4qveD2eduLNh4ERLQaBpAwMjnAa5zQCwg6xXAHPoUWO5inmgWCEN/N3gjhc5yFEmuXHT+A56fZKbVL3p1/s+9p79Ych6siFrT99wr4AxBh0sJptDEb4=","ak.pv":"3777","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 } a[class*=c_btn_close-], button[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 } a.c_btn_close-type1, button.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(.5); -webkit-transform: rotate(-360deg) scale(.5); -moz-transform: rotate(-360deg) scale(.5); -o-transform: rotate(-360deg) scale(.5); transition: all .45s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all .45s cubic-bezier(.165, .84, .44, 1); -moz-transition: all .45s cubic-bezier(.165, .84, .44, 1); -o-transition: all .45s cubic-bezier(.165, .84, .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 .3s ease-in-out .3s, background .3s ease-in-out .3s; transition: all .3s ease-in-out .3s, background .3s ease-in-out .3s } .load div[class*=m_layer-] .m_ly_contents { transition: all .65s cubic-bezier(.215, .61, .355, 1); -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1); -moz-transition: all .65s cubic-bezier(.215, .61, .355, 1); -o-transition: all .65s cubic-bezier(.215, .61, .355, 1) } .load div[class*=m_layer-] .m_ly_header { transition: all .65s cubic-bezier(.215, .61, .355, 1); -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1); -moz-transition: all .65s cubic-bezier(.215, .61, .355, 1); -o-transition: all .65s cubic-bezier(.215, .61, .355, 1) } .load div[class*=m_layer-].show { transition: background .3s ease-in-out, opacity .3s ease-out; -webkit-transition: background .3s ease-in-out, opacity .3s ease-out; -moz-transition: background .3s ease-in-out, opacity .3s ease-out; -o-transition: background .3s ease-in-out, opacity .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, .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: .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: .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: .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, .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 .35s; transition: -webkit-transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; transition: transform .35s, -webkit-transform .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 .5s; transition: opacity .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-ring :root { --swiper-theme-color: #007aff; --swiper-navigation-size: 44px } .wearable-ring .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .wearable-ring .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .wearable-ring .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .wearable-ring .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -webkit-transition: .2s transform, .2s top; transition: .2s transform, .2s top; -webkit-transition: .2s transform, .2s top, .2s -webkit-transform; transition: .2s transform, .2s top, .2s -webkit-transform } .wearable-ring .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .wearable-ring .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .wearable-ring .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .wearable-ring .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; 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-ring .swiper-container-android .swiper-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .wearable-ring .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .wearable-ring .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-ring .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .wearable-ring .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; transition-property: transform, -webkit-transform } .wearable-ring .swiper-slide-invisible-blank { visibility: hidden } .wearable-ring .swiper-container-autoheight { height: auto } .wearable-ring .swiper-container-autoheight .swiper-slide { height: auto } .wearable-ring .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-ring .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .wearable-ring .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .wearable-ring .swiper-container-3d .swiper-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .wearable-ring .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, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .wearable-ring .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, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .wearable-ring .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, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .wearable-ring .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, .5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .wearable-ring .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .wearable-ring .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .wearable-ring .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .wearable-ring .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .wearable-ring .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .wearable-ring .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .wearable-ring .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-ring .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-ring .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-ring .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-ring .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .wearable-ring .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .wearable-ring .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .wearable-ring .swiper-container-rtl .swiper-button-next:after { content: "prev" } .wearable-ring .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .wearable-ring .swiper-container-rtl .swiper-button-prev:after { content: "next" } .wearable-ring .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .wearable-ring .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff } .wearable-ring .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } .wearable-ring .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000 } .wearable-ring .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 } .wearable-ring .swiper-button-lock { display: none } .wearable-ring .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .wearable-ring .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .wearable-ring .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -webkit-transition: .2s transform, .2s left; transition: .2s transform, .2s left; -webkit-transition: .2s transform, .2s left, .2s -webkit-transform; transition: .2s transform, .2s left, .2s -webkit-transform } .wearable-ring .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0 } .wearable-ring .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0 } .wearable-ring .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .wearable-ring .swiper-pagination-custom { bottom: 10px; left: 0; width: 100% } .wearable-ring .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .wearable-ring .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); transform: scale(.33); position: relative } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1) } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); transform: scale(.66) } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); transform: scale(.33) } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); transform: scale(.66) } .wearable-ring .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); transform: scale(.33) } .wearable-ring .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } .wearable-ring 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-ring .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .wearable-ring .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .wearable-ring .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -webkit-transition: .2s transform, .2s right; transition: .2s transform, .2s right; -webkit-transition: .2s transform, .2s right, .2s -webkit-transform; transition: .2s transform, .2s right, .2s -webkit-transform } .wearable-ring .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .wearable-ring .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-ring .swiper-pagination-white { --swiper-pagination-color: #fff } .wearable-ring .swiper-pagination-black { --swiper-pagination-color: #000 } .wearable-ring .swiper-pagination-lock { display: none } .wearable-ring .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .wearable-ring .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .wearable-ring .swiper-scrollbar-cursor-drag { cursor: move } .wearable-ring .swiper-scrollbar-lock { display: none } .wearable-ring .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-ring .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .wearable-ring .swiper-zoom-container>img { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .wearable-ring .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .wearable-ring .swiper-slide-zoomed { cursor: move } .wearable-ring .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-ring .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .wearable-ring .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } .wearable-ring .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .wearable-ring .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .wearable-ring .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .wearable-ring .swiper-container-fade .swiper-slide-active { pointer-events: auto } .wearable-ring .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .wearable-ring .swiper-container-cube { overflow: visible } .wearable-ring .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-ring .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .wearable-ring .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible } .wearable-ring .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .wearable-ring .swiper-container-cube .swiper-slide-next { pointer-events: auto; visibility: visible } .wearable-ring .swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible } .wearable-ring .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .wearable-ring .swiper-container-cube .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-cube .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .wearable-ring .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .wearable-ring .swiper-container-flip { overflow: visible } .wearable-ring .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .wearable-ring .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .wearable-ring .swiper-container-flip .swiper-slide-active { pointer-events: auto } .wearable-ring .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .wearable-ring .swiper-container-flip .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-flip .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .wearable-ring .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: .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: 0 40px 50px; padding: 0 2.7777777778vw 3.4722222222vw } @media (min-width:1440px) { .cm-layer__fixed-area { padding: 0 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: .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: .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 0 0; padding: 2.5vw 0 0 } .cm-layer.type-mo-full .cm-layer__wrapper { height: 100%; border-radius: 42.6111111111px 42.6111111111px 0 0; border-radius: 5.5555555556vw 5.5555555556vw 0 0; -webkit-box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, .06); box-shadow: 0 -6px 8px 0 rgba(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 { -webkit-mask-image: -webkit-radial-gradient(white, #000); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden } .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 } .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__end-frame, .video__container.loaded.playing .video__start-frame { opacity: 0 } .video__container.loaded.paused video { z-index: 1; opacity: 1 } .video__container.loaded.paused .video__end-frame, .video__container.loaded.paused .video__start-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: 120px; right: 8.3333333333vw; bottom: 24px; bottom: 1.6666666667vw; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw } @media (min-width:1440px) { .video__controller { right: 120px } } @media (min-width:1440px) { .video__controller { bottom: 24px } } @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 } .low_network .video__controller.is-use-controller, .video__controller.is-use-controller:focus { opacity: 1 } .rtl .video__controller { right: auto; left: 120px; left: 8.3333333333vw } @media (min-width:1440px) { .rtl .video__controller { left: 120px } } .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: 51.1333333333px; right: 6.6666666667vw; bottom: 2.1305555556px; bottom: .2777777778vw; 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: 24px; right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .video__controller { bottom: 1px; bottom: .2777777778vw } } @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: 51.1333333333px; left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .video__controller { left: 24px; left: 6.6666666667vw } } .wearable-ring * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; vertical-align: top } .wearable-ring a { color: #000; text-decoration: none } .wearable-ring section { display: block } .wearable-ring sup { font-size: 63%; top: .7em; vertical-align: top } .wearable-ring button { overflow: visible; background-color: transparent; cursor: pointer; font-family: SamsungOne, arial, sans-serif; font-weight: 400 } html.rtl .wearable-ring button { font-family: SamsungOne } html[lang^=ko] .wearable-ring button { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring button { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring button { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring button { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring button { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring button { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring button { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .sc-video video { width: 100%; height: 100% } .wearable-ring figure img { display: block } .wearable-ring img { width: 100% } .wearable-ring .click_sup { outline-offset: 0; color: inherit; font-weight: 400 } html.js-focus-visible .wearable-ring a:focus, html.js-focus-visible .wearable-ring button:focus, html.js-focus-visible .wearable-ring input:focus, html.js-focus-visible .wearable-ring select:focus, html.js-focus-visible .wearable-ring textarea:focus { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; outline: 2px dotted #000 } .wearable-ring-common-br-mo { display: none } .wearable-ring-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: 0 23px; padding: 0 1.5972222222vw; border: 1px solid #000; border-radius: 8px; font-size: 12px; font-size: .8333333333vw; line-height: 1.3; letter-spacing: .12em; text-align: center; font-family: SamsungOne, arial, sans-serif; font-weight: 700 } @media (min-width:1440px) { .wearable-ring-common-cta { min-height: 48px } } @media (min-width:1440px) { .wearable-ring-common-cta { padding: 0 23px } } @media (min-width:1440px) { .wearable-ring-common-cta { font-size: 12px } } html.rtl .wearable-ring-common-cta { font-family: SamsungOne } html[lang^=ko] .wearable-ring-common-cta { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring-common-cta { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring-common-cta { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring-common-cta { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring-common-cta { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring-common-cta { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring-common-cta { font-family: SamsungOneGeorgian, Sylfaen } .isIEorEdge .wearable-ring-common-cta { height: 48px; height: 3.3333333333vw } @media (min-width:1440px) { .isIEorEdge .wearable-ring-common-cta { height: 48px } } .mac .wearable-ring-common-cta { letter-spacing: .033em } .wearable-ring-common-cta span { position: relative; z-index: 5; color: #000; -webkit-transition: color .25s ease-in-out; transition: color .25s ease-in-out } .wearable-ring-common-cta::after { display: block; position: absolute; left: 0; top: 0; z-index: auto; width: 0; height: 104%; background-color: #000; -webkit-transition: width .25s ease-in-out; transition: width .25s ease-in-out; content: "" } .rtl .wearable-ring-common-cta::after { left: auto; right: 0 } .wearable-ring-common-cta:focus span, .wearable-ring-common-cta:hover span { color: #fff } .wearable-ring-common-cta:focus::after, .wearable-ring-common-cta:hover::after { width: 100% } .wearable-ring-common-cta.s-encased { border: 1px solid #000; background-color: #000 } .wearable-ring-common-cta.s-encased span { color: #fff } .wearable-ring-common-cta.s-encased::after { background-color: #fff } .wearable-ring-common-cta.s-encased:focus span, .wearable-ring-common-cta.s-encased:hover span { color: #000 } .wearable-ring-common-cta .s-white { border: 1px solid #fff } .wearable-ring-common-cta .s-white span { color: #fff } .wearable-ring-common-cta .s-white::after { background-color: #fff } .wearable-ring-common-cta .s-white:focus span, .wearable-ring-common-cta .s-white:hover span { color: #000 } .wearable-ring-common-cta .s-white:focus::after, .wearable-ring-common-cta .s-white:hover::after { width: 100% } .wearable-ring-common-cta .s-white.s-encased { border: 1px solid #fff; background-color: #fff } .wearable-ring-common-cta .s-white.s-encased span { color: #000 } .wearable-ring-common-cta .s-white.s-encased::after { background-color: #000 } .wearable-ring-common-cta .s-white.s-encased:focus span, .wearable-ring-common-cta .s-white.s-encased:hover span { color: #fff } .wearable-ring-common-bottom-disclaimer__link { color: inherit; text-decoration: underline !important } @media screen and (max-width:767px) { .wearable-ring-common-br-pc { display: none } .wearable-ring-common-br-mo { display: block } .wearable-ring-common-cta { min-height: 102.2666666667px; min-height: 13.3333333333vw; padding: 0 46.8722222222px; padding: 0 6.1111111111vw; font-size: 27.6972222222px; font-size: 3.6111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring-common-cta { min-height: 48px; min-height: 13.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring-common-cta { font-size: 13px; font-size: 3.6111111111vw } } @media screen and (max-width:767px) { .isIEorEdge .wearable-ring-common-cta { height: 102.2666666667px; height: 13.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .isIEorEdge .wearable-ring-common-cta { height: 48px; height: 13.3333333333vw } } .wearable-ring .video__container.loaded video { opacity: 1 } .wearable-ring .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-ring .video__controller-wrap.video-wide { width: 1440px; width: 100vw } @media (min-width:1440px) { .wearable-ring .video__controller-wrap.video-wide { width: 1440px } } .wearable-ring .common-br-mo { display: none } .wearable-ring .common__headline { font-size: 48px; font-size: 3.3333333333vw; line-height: 1.2; outline: 0; text-align: center; font-family: SamsungSharpSans, arial, sans-serif } @media (min-width:1440px) { .wearable-ring .common__headline { font-size: 48px } } html.rtl .wearable-ring .common__headline { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .common__headline { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .common__headline { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .common__headline { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .common__headline { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .common__headline { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .common__headline { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .common__headline { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .common__headline { font-family: SamsungSharpSans, Sylfaen } .wearable-ring .common__description { margin-top: 24px; margin-top: 1.6666666667vw; font-size: 18px; font-size: 1.25vw; line-height: 1.33; text-align: center } @media (min-width:1440px) { .wearable-ring .common__description { margin-top: 24px } } @media (min-width:1440px) { .wearable-ring .common__description { font-size: 18px } } .wearable-ring .common__description strong { font-family: SamsungOne, arial, sans-serif; font-weight: 700 } html.rtl .wearable-ring .common__description strong { font-family: SamsungOne } html[lang^=ko] .wearable-ring .common__description strong { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .common__description strong { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .common__description strong { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .common__description strong { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .common__description strong { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .common__description strong { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .common__description strong { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .common__disclaimer { font-size: 11px; font-size: .7638888889vw; font-size: 11px; line-height: 1.54; color: #666 } @media (min-width:1440px) { .wearable-ring .common__disclaimer { font-size: 11px } } .wearable-ring .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 .wearable-ring .common-ai-text { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .common-ai-text { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .common-ai-text { font-family: SamsungSharpSans, Sylfaen } .wearable-ring .common-ai-text__icon { display: inline-block; width: 69px; width: 4.7916666667vw; height: 73px; height: 5.0694444444vw; margin: -1px 13px 0 12px; margin: -.0694444444vw .9027777778vw 0 .8333333333vw } @media (min-width:1440px) { .wearable-ring .common-ai-text__icon { width: 69px } } @media (min-width:1440px) { .wearable-ring .common-ai-text__icon { height: 73px } } @media (min-width:1440px) { .wearable-ring .common-ai-text__icon { margin: -1px 13px 0 12px } } .wearable-ring .common-ai-text sup { padding: 0 10px; padding: 0 .6944444444vw; -ms-flex-item-align: start; align-self: flex-start } @media (min-width:1440px) { .wearable-ring .common-ai-text sup { padding: 0 10px } } .wearable-ring .common__text { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 900px; width: 62.5vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .common__text { width: 900px } } .wearable-ring .common__content { 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; margin-top: 80px; margin-top: 5.5555555556vw } @media (min-width:1440px) { .wearable-ring .common__content { margin-top: 80px } } .wearable-ring .common__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1920px; overflow: hidden; margin: 0 auto; padding: 100px 0; padding: 6.9444444444vw 0 } @media (min-width:1440px) { .wearable-ring .common__wrap { padding: 100px 0 } } .wearable-ring .common__wrap--column-r { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .wearable-ring .common__wrap--column-r:not(.between) .common__text, .wearable-ring .common__wrap--column:not(.between) .common__text { text-align: center } .wearable-ring .common__wrap--column-r.between .common__text, .wearable-ring .common__wrap--column.between .common__text { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; width: 83.3333333333vw } @media (min-width:1440px) { .wearable-ring .common__wrap--column-r.between .common__text, .wearable-ring .common__wrap--column.between .common__text { width: 1200px } } .wearable-ring .common__wrap--column-r.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column.between .common__text .common__headline { width: 570px; width: 39.5833333333vw; margin: 0; text-align: left } @media (min-width:1440px) { .wearable-ring .common__wrap--column-r.between .common__text .common__description, .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .wearable-ring .common__wrap--column.between .common__text .common__description, .wearable-ring .common__wrap--column.between .common__text .common__headline { width: 570px } } .rtl .wearable-ring .common__wrap--column-r.between .common__text .common__description, .rtl .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .rtl .wearable-ring .common__wrap--column.between .common__text .common__description, .rtl .wearable-ring .common__wrap--column.between .common__text .common__headline { text-align: right } .wearable-ring .common__wrap--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .wearable-ring .common__wrap--row .common__text { margin-left: 220px; margin-left: 15.2777777778vw } @media (min-width:1440px) { .wearable-ring .common__wrap--row .common__text { margin-left: 220px } } .wearable-ring .common__wrap--row-r { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .wearable-ring .common__wrap--row-r .common__text { margin-right: 220px; margin-right: 15.2777777778vw } @media (min-width:1440px) { .wearable-ring .common__wrap--row-r .common__text { margin-right: 220px } } .rtl .wearable-ring .common__wrap--row .common__text { margin-left: auto; margin-right: 220px; margin-right: 15.2777777778vw } @media (min-width:1440px) { .rtl .wearable-ring .common__wrap--row .common__text { margin-right: 220px } } .rtl .wearable-ring .common__wrap--row-r .common__text { margin-right: auto; margin-left: 220px; margin-left: 15.2777777778vw } @media (min-width:1440px) { .rtl .wearable-ring .common__wrap--row-r .common__text { margin-left: 220px } } .wearable-ring .common__wrap--row, .wearable-ring .common__wrap--row-r { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wearable-ring .common__wrap--row-r.common__wrap, .wearable-ring .common__wrap--row.common__wrap { padding: 0 } .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 420px; width: 29.1666666667vw; padding: 100px 0; padding: 6.9444444444vw 0 } @media (min-width:1440px) { .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { width: 420px } } @media (min-width:1440px) { .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { padding: 100px 0 } } .wearable-ring .common__wrap--row .common__description, .wearable-ring .common__wrap--row .common__headline, .wearable-ring .common__wrap--row-r .common__description, .wearable-ring .common__wrap--row-r .common__headline { text-align: left } .wearable-ring .common__wrap--row .common__content, .wearable-ring .common__wrap--row-r .common__content { margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .rtl .wearable-ring .common__wrap--row .common__description, .rtl .wearable-ring .common__wrap--row .common__headline, .rtl .wearable-ring .common__wrap--row-r .common__description, .rtl .wearable-ring .common__wrap--row-r .common__headline { text-align: right } .wearable-ring .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 } .wearable-ring .common__tab--video .video__container { width: 100%; padding-bottom: 56.16667% } .wearable-ring .common__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wearable-ring .common__tab-panels { display: grid; grid-area: 1/1; grid-template-columns: 1fr } .wearable-ring .common__tab-panel { overflow: hidden; grid-area: 1/1; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .wearable-ring .common__tab-panel.is-active { opacity: 1 } .wearable-ring .common__tab-cta .tab-cta__text { color: inherit } .wearable-ring__cta-round { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; min-height: 2.7777777778vw; min-width: 96px; min-width: 6.6666666667vw; padding: 11px 22px 10px; padding: .7638888889vw 1.5277777778vw .6944444444vw; border-radius: 50px; border-radius: 3.4722222222vw; line-height: 1.3; letter-spacing: 0; background-color: #000; font-family: SamsungOne, arial, sans-serif; font-weight: 700; font-size: 14px; font-size: .9722222222vw; border-radius: 50px; border-radius: 3.4722222222vw; border: 1px solid #fff } @media (min-width:1440px) { .wearable-ring__cta-round { min-height: 40px } } @media (min-width:1440px) { .wearable-ring__cta-round { min-width: 96px } } @media (min-width:1440px) { .wearable-ring__cta-round { padding: 11px 22px 10px } } @media (min-width:1440px) { .wearable-ring__cta-round { border-radius: 50px } } .wearable-ring__cta-round span { color: #fff !important } html.rtl .wearable-ring__cta-round { font-family: SamsungOne } html[lang^=ko] .wearable-ring__cta-round { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring__cta-round { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring__cta-round { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring__cta-round { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring__cta-round { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring__cta-round { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring__cta-round { font-family: SamsungOneGeorgian, Sylfaen } @media (min-width:1440px) { .wearable-ring__cta-round { font-size: 14px } } .isIEorEdge .wearable-ring__cta-round { height: 40px; height: 2.7777777778vw } @media (min-width:1440px) { .isIEorEdge .wearable-ring__cta-round { height: 40px } } @media (min-width:1440px) { .wearable-ring__cta-round { border-radius: 50px } } .wearable-ring__cta-round::after { display: none } .wearable-ring__cta-round:focus span, .wearable-ring__cta-round:hover span { color: #fff !important } .wearable-ring .common__bg-dark { position: relative; background: #000; color: #fff } .wearable-ring .common__bg-dark:after, .wearable-ring .common__bg-dark:before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background-color: #000 } .wearable-ring .common__bg-dark:before { bottom: auto; top: -1px; height: 2px } .wearable-ring .common__bg-dark .common__headline { color: #fff } .wearable-ring .common__bg-dark .common__description { color: #eee } .wearable-ring .common__bg-light { background: #f7f7f7; color: #000 } .wearable-ring .common__bg-light .common__headline { color: #000 } .wearable-ring .common__bg-light .common__description { color: #313131 } .wearable-ring .swiper-arrow-wrap, .wearable-ring .swiper-pagination-wrap { display: none } .wearable-ring .is-hidden { visibility: hidden; opacity: 0 } @media screen and (max-width:767px) { .wearable-ring .common-br-pc { display: none } .wearable-ring .common-br-mo { display: block } .wearable-ring .common .video__controller-wrap.video-wide { width: 100% } .wearable-ring .common__headline { font-size: 63.9166666667px; font-size: 8.3333333333vw; line-height: 1.25; text-align: center } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__headline { font-size: 30px; font-size: 8.3333333333vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .common__headline { line-height: 1.4 } .wearable-ring .common__description { margin-top: 42.6111111111px; margin-top: 5.5555555556vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.42 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__description { margin-top: 20px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__description { font-size: 14px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .common__description { line-height: 1.6 } .wearable-ring .common__disclaimer { font-size: 27.6972222222px; font-size: 3.6111111111vw; line-height: 1.43 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__disclaimer { font-size: 13px; font-size: 3.6111111111vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .common__disclaimer { line-height: 1.6 } .wearable-ring .common-ai-text { line-height: 1.2 } html[lang^=my] .wearable-ring .common-ai-text { line-height: 1.4 } .wearable-ring .common-ai-text__icon { width: 68.1777777778px; width: 8.8888888889vw; height: 76.7px; height: 10vw; margin: -2.1305555556px 17.0444444444px 0 17.0444444444px; margin: -.2777777778vw 2.2222222222vw 0 2.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common-ai-text__icon { width: 32px; width: 8.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common-ai-text__icon { height: 36px; height: 10vw } } @media screen and (max-width:767px) { .wearable-ring .common-ai-text sup { padding: 0 21.3055555556px; padding: 0 2.7777777778vw } .wearable-ring .common__text { width: 100% !important; padding: 0 51.1333333333px; padding: 0 6.6666666667vw } .wearable-ring .common__content { width: 100% !important; margin-top: 63.9166666667px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__content { margin-top: 30px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .common__wrap { width: 100% !important; padding: 106.5277777778px 0; padding: 13.8888888889vw 0 } .wearable-ring .common__wrap--column-r.between .common__text, .wearable-ring .common__wrap--column.between .common__text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wearable-ring .common__wrap--column-r.between .common__text .common__headline, .wearable-ring .common__wrap--column.between .common__text .common__headline { width: 100% } .wearable-ring .common__wrap--column-r.between .common__text .common__description, .wearable-ring .common__wrap--column.between .common__text .common__description { width: 100%; margin-top: 42.6111111111px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__wrap--column-r.between .common__text .common__description, .wearable-ring .common__wrap--column.between .common__text .common__description { margin-top: 20px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .common__wrap--row, .wearable-ring .common__wrap--row-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wearable-ring .common__wrap--row-r.common__wrap, .wearable-ring .common__wrap--row.common__wrap { padding: 106.5277777778px 0; padding: 13.8888888889vw 0 } .wearable-ring .common__wrap--row .common__text, .wearable-ring .common__wrap--row-r .common__text { -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 0 51.1333333333px; padding: 0 6.6666666667vw } .wearable-ring .common__wrap--row-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .rtl .wearable-ring .common__wrap--row .common__text { margin: 0 } .rtl .wearable-ring .common__wrap--row-r .common__text { margin: 0 } .wearable-ring .swiper-pagination-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wearable-ring .swiper-pagination-wrap .swiper-pagination { position: static !important; width: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 63.9166666667px; margin-top: 8.3333333333vw; padding: 0 21.3055555556px; padding: 0 2.7777777778vw; border-radius: 51.1333333333px; border-radius: 6.6666666667vw; line-height: 0; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, .1); background-color: #fff } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination { margin-top: 30px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination { border-radius: 24px; border-radius: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { width: 38.35px; width: 5vw; height: 46.8722222222px; height: 6.1111111111vw; padding: 14.9138888889px 10.6527777778px; padding: 1.9444444444vw 1.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { width: 18px; width: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li { height: 22px; height: 6.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .swiper-pagination-wrap .swiper-pagination li .swiper-pagination-bullet-active { background-color: #000 !important } .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 100% } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination { border-color: rgba(255, 255, 255, .4); background-color: #000 } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination li .swiper-pagination-bullet { background-color: #2e2e2e; opacity: 1 } .wearable-ring .swiper-pagination-wrap.swiper-pagination-dark .swiper-pagination li .swiper-pagination-bullet-active { background-color: #bfbfbf !important } .wearable-ring .swiper-arrow-wrap { display: block } .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { margin-top: -100.1361111111px; margin-top: -13.0555555556vw; width: 85.2222222222px; width: 11.1111111111vw; height: 85.2222222222px; height: 11.1111111111vw; border-radius: 50%; background: rgba(255, 255, 255, .45); border: 1px solid rgba(0, 0, 0, .1) } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { margin-top: -47px; margin-top: -13.0555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { width: 40px; width: 11.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next, .wearable-ring .swiper-arrow-wrap .swiper-button-prev { height: 40px; height: 11.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next::after, .wearable-ring .swiper-arrow-wrap .swiper-button-prev::after { content: "" } .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { width: 24px; width: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next img, .wearable-ring .swiper-arrow-wrap .swiper-button-prev img { height: 24px; height: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .swiper-arrow-wrap .swiper-button-next.swiper-button-disabled, .wearable-ring .swiper-arrow-wrap .swiper-button-prev.swiper-button-disabled { opacity: 0; display: none } .wearable-ring .swiper-arrow-wrap .swiper-button-prev { -webkit-transform: scale(-1); transform: scale(-1) } .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-prev { -webkit-transform: scale(1); transform: scale(1); left: auto; right: 21.3055555556px; right: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-prev { right: 10px; right: 2.7777777778vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-next { -webkit-transform: scale(-1); transform: scale(-1); right: auto; left: 21.3055555556px; left: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .swiper-arrow-wrap .swiper-button-next { left: 10px; left: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring__cta-round { min-height: 85.2222222222px; min-height: 11.1111111111vw; min-width: 276.9722222222px; min-width: 36.1111111111vw; padding: 23.4361111111px 51.1333333333px; padding: 3.0555555556vw 6.6666666667vw; border-radius: 106.5277777778px; border-radius: 13.8888888889vw; line-height: 1.2; 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) { .wearable-ring__cta-round { min-height: 40px; min-height: 11.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring__cta-round { min-width: 130px; min-width: 36.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring__cta-round { border-radius: 50px; border-radius: 13.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring__cta-round { font-size: 14px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring__cta-round { border-radius: 50px; border-radius: 13.8888888889vw } } @media screen and (max-width:767px) { .isIEorEdge .wearable-ring__cta-round { height: 85.2222222222px; height: 11.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .isIEorEdge .wearable-ring__cta-round { height: 40px; height: 11.1111111111vw } } .cp-high-contrast { background: #f7f7f7 } .cp-high-contrast__inner { max-width: 1440px; margin: 0 auto; padding: 15px 0 17px; padding: 1.04167vw 0 1.18056vw; font-size: 0; text-align: right } @media (min-width:1440px) { .cp-high-contrast__inner { padding: 15px 0 17px } } .rtl .cp-high-contrast__inner { text-align: left } .cp-high-contrast .btn-contrast { display: inline-block; margin-left: 3px; margin-left: .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: .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: .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: .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .cp-high-contrast .btn-contrast { margin-left: 3px; margin-left: .83333vw } } @media screen and (max-width:767px) { .rtl .cp-high-contrast .btn-contrast { margin-left: 0; margin-right: 6.4px; margin-right: .83333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .cp-high-contrast .btn-contrast { margin-right: 3px; margin-right: .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 } } .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.91667vw 2.08333vw 2.77778vw } @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 0 81.06667px; padding: 11.11111vw 0 10.55556vw } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc .m_feature-desc { padding: 40px 0 38px; padding: 11.11111vw 0 10.55556vw } } @media screen and (max-width:767px) { .m_content-desc .f_header-type1 { max-width: inherit; margin: 0 38.4px; margin: 0 5vw; padding: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .m_content-desc .f_header-type1 { margin: 0 18px; margin: 0 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 } } #sideMenus { overflow: hidden; visibility: hidden; position: absolute; top: 0; bottom: 0; right: 0; z-index: 99; width: 170px } #sideMenus nav { -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s } #sideMenus nav:after { position: absolute; top: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 200%; background: rgba(0, 0, 0, .95); content: "" } #sideMenus .nav-inner { position: relative; z-index: 1; text-align: center; -webkit-transition: opacity .1s; transition: opacity .1s } #sideMenus a { display: block; -webkit-transform: translateZ(0); transform: translateZ(0); cursor: pointer } #sideMenus .icon { display: block; width: 62px; height: 62px; margin: 0 auto } #sideMenus li>.icon { cursor: auto } #sideMenus .c_title { display: block; margin-top: 12px; color: #fff; font-size: 12px; letter-spacing: .04em } #sideMenus .on .icon * { fill: #fff } #sideMenus .on .c_title { text-decoration: underline } #sideMenus.hide { display: none; pointer-events: none } #sideMenus.hide nav { pointer-events: none } #sideMenus.hide nav:after { opacity: 0 } #sideMenus.hide .nav-inner { opacity: 0 } #sideMenus.bright nav:after { background: rgba(255, 255, 255, .95) } #sideMenus.bright .icon * { fill: #000 } #sideMenus.bright .c_title { color: #000 } #sideMenus.bright .on .icon * { fill: #000 } .desktop #sideMenus a:focus .c_title, .desktop #sideMenus a:hover .c_title { text-decoration: underline } html.load #sideMenus { visibility: visible } html.load.dotcom #sideMenus { top: 0 } html.ie #sideMenus.hide { z-index: -1 } sup { font-size: 63%; top: .7em; vertical-align: top } sup .click_sup { outline-offset: 0; color: inherit; font-weight: 400 } @supports ((-webkit-backdrop-filter: blur(0.8em)) or (backdrop-filter: blur(0.8em))) { #sideMenus nav:after { z-index: -1; background: rgba(0, 0, 0, .35); -webkit-backdrop-filter: blur(.8em); backdrop-filter: blur(.8em); opacity: 1 } #sideMenus.bright nav:after { z-index: -1; background: rgba(255, 255, 255, .35); -webkit-backdrop-filter: blur(.8em); backdrop-filter: blur(.8em); opacity: 1 } } @media screen and (max-width:1023px) and (min-width:768px) { html.dotcom #sideMenus nav { max-height: 918px } } @media screen and (max-width:767px) { #sideMenus { display: block; position: fixed; left: 0; top: auto !important; width: 100% } #sideMenus ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: distribute; justify-content: space-around; height: 86px } #sideMenus ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } #sideMenus .icon { width: 44px; height: 44px } #sideMenus .c_title { margin-top: 3px; font-size: 10px; text-align: center; white-space: nowrap } #sideMenus nav { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s, -webkit-transform .35s } .s1 div#footer .f_colors button { line-height: 21px } .s1 div#footer .f_colors button:first-child { line-height: 19px } } @media screen and (max-width:359px) { #sideMenus li+li { margin-left: 1.2vw } } @media screen and (min-width:1024px) { html.dotcom #sideMenus nav { max-height: 905px } } @media screen and (min-width:768px) { #sideMenus nav { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: 100% } #sideMenus li+li { margin-top: 32px } #sideMenus .c_title br { display: none } .highlights #sideMenus { overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; left: 0; bottom: auto; width: 100%; height: 0; max-width: 1920px; margin: 0 auto } .highlights #sideMenus nav { width: 170px; height: calc(100vh - 100px); max-height: 809px; min-height: 580px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box } .highlights #sideMenus nav:after { height: 100%; min-height: 100vh } html.dotcom .highlights #sideMenus nav { height: calc(100% - 212px); min-height: 918px } } .color_yb .wearable-ring #desc-section li, .color_yb .wearable-ring #desc-section li a:focus, .color_yb .wearable-ring #desc-section-models li, .color_yb .wearable-ring #desc-section-models li a:focus, .color_yb .wearable-ring .common__description, .color_yb .wearable-ring .common__disclaimer, .color_yb .wearable-ring .common__headline, .color_yb .wearable-ring .m_content-desc ol, .color_yb .wearable-ring .m_feature-desc, .color_yb .wearable-ring .m_feature-desc ol, .color_yb .wearable-ring sup a { background-color: #000 !important; color: #fff01f !important } .color_yb .wearable-ring .m_content-desc a:focus { outline-color: #fff } .color_yb .wearable-ring .video__controller .play, .color_yb .wearable-ring .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 .wearable-ring .video__controller .pause, .color_yb .wearable-ring .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") } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination { border-color: #fff01f !important; background-color: #000 !important } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet { opacity: 1 !important; border: 1px solid #fff01f !important } .color_yb .wearable-ring .swiper-pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: #fff01f !important } .color_yb .wearable-ring .charging-case .charging-case__info-item--desc, .color_yb .wearable-ring .charging-case .charging-case__info-item--text, .color_yb .wearable-ring .charging-case .common__tab-cta--desc, .color_yb .wearable-ring .charging-case .common__tab-cta--text, .color_yb .wearable-ring .color-option .common__tab--name .tab-cta__text, .color_yb .wearable-ring .front-slider .wearable-common__carousel-tit, .color_yb .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text, .color_yb .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text span { background-color: #000 !important; color: #fff01f !important } .color_yb .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next, .color_yb .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { background-color: #fff01f !important; border: 1px solid #000 } .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { width: 3px; width: .2083333333vw; background-color: #000 !important; border: 1px solid #fff01f !important } @media (min-width:1440px) { .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { width: 3px } } .color_yb .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { background-color: rgba(0, 0, 0, .7) !important; border: 1px solid #fff01f !important } .color_yb .wearable-ring .sensor .sensor__info-item .info-item__text-desc, .color_yb .wearable-ring .sensor .sensor__info-item .info-item__text-tit { background-color: #000 !important; color: #fff01f !important } .color_yb .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc, .color_yb .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { background-color: #000 !important; color: #fff01f !important } .color_yb .wearable-ring .choose-size .choose-size__step-desc, .color_yb .wearable-ring .choose-size .choose-size__step-num, .color_yb .wearable-ring .choose-size .choose-size__step-tit, .color_yb .wearable-ring .choose-size .common__carousel-item, .color_yb .wearable-ring .choose-size .common__video-wrap { background-color: #000 !important; color: #fff01f !important } .color_yb .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { background-image: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:1;%7D .st1%7Bfill:%23fff01f;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S27.9,0,18,0L18,0z'/%3E%3Cg transform='translate(8.369 5.936)'%3E%3Cpath class='st1' d='M5.27,3.54c0.35-0.17,0.79-0.17,1.14,0.09H6.5l10.92,7.51c0.52,0.35,0.7,1.05,0.35,1.66 c-0.09,0.09-0.17,0.17-0.26,0.26h-0.09L6.5,20.49c-0.26,0.17-0.44,0.26-0.7,0.26c-0.17,0-0.35-0.09-0.52-0.09 c-0.35-0.17-0.61-0.61-0.61-0.96V4.58C4.66,4.15,4.84,3.8,5.27,3.54L5.27,3.54L5.27,3.54z'/%3E%3C/g%3E%3C/svg%3E%0A") } .color_yb .wearable-ring .choose-size__step-num--icon { background: #fff } .color_yb .wearable-ring .banner__card .banner__card--cta, .color_yb .wearable-ring .banner__card .banner__card--title { color: #000 !important; background-color: #fff01f !important } .color_yb .wearable-ring .banner__card .banner__card--cta:hover { color: #fff01f !important } .color_yb .wearable-ring .wearable-ring__cta-round span, .color_yb .wearable-ring .wearable-ring__cta-round:focus span, .color_yb .wearable-ring .wearable-ring__cta-round:hover span { color: #fff01f !important } .wearable-ring .kv { background-color: #000 } .wearable-ring .kv__wrap { overflow: hidden; position: relative; max-width: 1440px; width: 100%; height: 800px; height: 55.5555555556vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .kv__wrap { height: 800px } } .wearable-ring .kv .kv__video { width: 100%; height: 800px; height: 55.5555555556vw } @media (min-width:1440px) { .wearable-ring .kv .kv__video { height: 800px } } @media screen and (max-width:767px) { .wearable-ring .kv__wrap { height: 809.6111111111px; height: 105.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .kv__wrap { height: 380px; height: 105.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .kv .kv__video { width: 767px; width: 100vw; min-height: 809.6111111111px; min-height: 105.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .kv .kv__video { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .kv .kv__video { min-height: 380px; min-height: 105.5555555556vw } } .wearable-ring .overview .common__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wearable-ring .overview .common__wrap .common__headline { width: 1100px; width: 76.3888888889vw; font-size: 80px; font-size: 5.5555555556vw } @media (min-width:1440px) { .wearable-ring .overview .common__wrap .common__headline { width: 1100px } } @media (min-width:1440px) { .wearable-ring .overview .common__wrap .common__headline { font-size: 80px } } .wearable-ring .overview .common__wrap .common__description { width: 484px; width: 33.6111111111vw; margin-top: 40px; margin-top: 2.7777777778vw; font-size: 18px; font-size: 1.25vw; line-height: 1.33 } @media (min-width:1440px) { .wearable-ring .overview .common__wrap .common__description { width: 484px } } @media (min-width:1440px) { .wearable-ring .overview .common__wrap .common__description { margin-top: 40px } } @media (min-width:1440px) { .wearable-ring .overview .common__wrap .common__description { font-size: 18px } } @media screen and (max-width:767px) { .wearable-ring .overview .common__wrap { padding: 106.5277777778px 51.1333333333px 93.7444444444px; padding: 13.8888888889vw 6.6666666667vw 12.2222222222vw } .wearable-ring .overview .common__wrap .common__headline { width: 100%; font-size: 55.3944444444px; font-size: 7.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .overview .common__wrap .common__headline { font-size: 26px; font-size: 7.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .overview .common__wrap .common__description { width: 100%; margin-top: 68.1777777778px; margin-top: 8.8888888889vw; font-size: 29.8277777778px; font-size: 3.8888888889vw; line-height: 1.42 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .overview .common__wrap .common__description { margin-top: 32px; margin-top: 8.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .overview .common__wrap .common__description { font-size: 14px; font-size: 3.8888888889vw } } .wearable-ring .highlight-carousel { position: relative; overflow: hidden; background-color: #000 } .wearable-ring .wearable-common__wrap { position: relative; max-width: 1920px; overflow: hidden; margin: 0 auto; padding: 80px 0 72px; padding: 5.5555555556vw 0 5vw } @media (min-width:1440px) { .wearable-ring .wearable-common__wrap { padding: 80px 0 72px } } .wearable-ring .wearable-common__headline { z-index: 2; position: relative; width: 988px; width: 68.6111111111vw; margin: 0 auto 36px; margin: 0 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-ring .wearable-common__headline { width: 988px } } @media (min-width:1440px) { .wearable-ring .wearable-common__headline { margin: 0 auto 36px } } @media (min-width:1440px) { .wearable-ring .wearable-common__headline { font-size: 48px } } html.rtl .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .wearable-common__headline { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .wearable-common__headline { font-family: SamsungSharpSans, Sylfaen } .rtl .wearable-ring .wearable-common__headline { padding-left: 260px; padding-left: 18.0555555556vw; padding-right: 0 } @media (min-width:1440px) { .rtl .wearable-ring .wearable-common__headline { padding-left: 260px } } .wearable-ring .wearable-common__carousel { height: 100% } .wearable-ring .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: 0 105px 24px 32px; padding: 0 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-ring .wearable-common__carousel-text { padding: 0 105px 24px 32px } } .rtl .wearable-ring .wearable-common__carousel-text { padding: 0 32px 24px 105px; padding: 0 2.2222222222vw 1.6666666667vw 7.2916666667vw } @media (min-width:1440px) { .rtl .wearable-ring .wearable-common__carousel-text { padding: 0 32px 24px 105px } } .wearable-ring .wearable-common__carousel-tit { left: 0; left: 0; bottom: 0; bottom: 0; font-size: 24px; font-size: 1.6666666667vw; font-family: SamsungSharpSans, arial, sans-serif; color: #fff } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-tit { left: 0 } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-tit { bottom: 0 } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-tit { font-size: 24px } } html.rtl .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .wearable-common__carousel-tit { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .wearable-common__carousel-tit { font-family: SamsungSharpSans, Sylfaen } .rtl .wearable-ring .wearable-common__carousel-tit { padding: 0 32px 18px 105px; padding: 0 2.2222222222vw 1.25vw 7.2916666667vw } @media (min-width:1440px) { .rtl .wearable-ring .wearable-common__carousel-tit { padding: 0 32px 18px 105px } } .color_yb .wearable-ring .wearable-common__carousel-tit { color: #fff01f !important; background-color: #000 !important } .wearable-ring .wearable-common__carousel-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .wearable-ring .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-ring .wearable-common__carousel-navigation-wrap { width: 988px } } .wearable-ring .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-ring .wearable-common__carousel-arrow { top: 270px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-arrow { width: 40px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-arrow { height: 40px } } .color_yb .wearable-ring .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-ring .wearable-common__carousel-arrow img { display: none } .wearable-ring .wearable-common__carousel-arrow.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none } .wearable-ring .wearable-common__carousel-next { right: -20px; right: -1.3888888889vw } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-next { right: -20px } } .rtl .wearable-ring .wearable-common__carousel-next { left: -20px; left: -1.3888888889vw; right: auto; -webkit-transform: scale(-1); transform: scale(-1) } @media (min-width:1440px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -20px } } .wearable-ring .wearable-common__carousel-prev { left: -20px; left: -1.3888888889vw; -webkit-transform: scale(-1); transform: scale(-1) } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-prev { left: -20px } } .rtl .wearable-ring .wearable-common__carousel-prev { left: auto; right: -20px; right: -1.3888888889vw; -webkit-transform: scale(1); transform: scale(1) } @media (min-width:1440px) { .rtl .wearable-ring .wearable-common__carousel-prev { right: -20px } } .wearable-ring .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-ring .wearable-common__carousel-pagination-wrap { height: 20px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-pagination-wrap { width: 988px } } .wearable-ring .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: 0 0 } .wearable-ring .wearable-common__carousel-pagination li { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0 } .wearable-ring .wearable-common__carousel-pagination-bullet { width: 100%; height: 100%; background-color: transparent; border-radius: 0 } .wearable-ring .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-ring .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 0; margin: 2.7777777778vw auto 0; overflow: hidden; background-color: transparent } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-scrollbar { width: 988px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-scrollbar { height: 20px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-scrollbar { margin: 40px auto 0 } } .wearable-ring .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-ring .wearable-common__carousel-scrollbar::after { height: 6px; height: .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-ring .wearable-common__carousel-scrollbar::after { height: 6px } } .wearable-ring .wearable-common__carousel-scrollbar .swiper-scrollbar-drag { cursor: pointer; z-index: 1; background-color: transparent } .wearable-ring .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-ring .wearable-common__carousel-scrollbar .swiper-scrollbar-drag::after { background-color: #fff01f !important } .wearable-ring .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-ring .wearable-common__carousel-container { width: 100%; overflow: visible } .wearable-ring .wearable-common__carousel-container.background-slider { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .wearable-ring .wearable-common__carousel-container.dimmed-slider { z-index: 1; opacity: .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-ring .wearable-common__carousel-container.dimmed-slider { width: 1920px } } .wearable-ring .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-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { bottom: 18px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { right: 34px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { width: 40px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.dimmed-slider .wearable-common__carousel-text::after { height: 40px } } .wearable-ring .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-ring .wearable-common__carousel-container.front-slider { width: 1920px } } .rtl .wearable-ring .wearable-common__carousel-container.front-slider { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) } .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { opacity: .6; margin: 0 12px; margin: 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-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { margin: 0 12px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { width: 988px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { height: 580px } } @media (min-width:1440px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px } } .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { opacity: 1 } .wearable-ring .wearable-highlight-carousel__image { position: relative; width: 988px; width: 68.6111111111vw; height: 580px; height: 40.2777777778vw } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__image { width: 988px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__image { height: 580px } } .wearable-ring .wearable-highlight-carousel__video { height: 100% } .wearable-ring .wearable-highlight-carousel__video video { border-bottom: 1px solid #000; -webkit-box-sizing: content-box; box-sizing: content-box } .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { right: 32px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { bottom: 16px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { width: 40px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { height: 40px } } .rtl .wearable-ring .wearable-highlight-carousel__video .video__controller { left: 32px; left: 2.2222222222vw; right: initial } @media (min-width:1440px) { .rtl .wearable-ring .wearable-highlight-carousel__video .video__controller { left: 32px } } .color_yb .wearable-ring .wearable-highlight-carousel__video .video__controller { overflow: hidden; border-radius: 50%; background-color: #000 !important } .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon { width: 40px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon { height: 40px } } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px; stroke-width: .6944444444vw } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 10px } } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:first-child { stroke: rgba(255, 255, 255, .4) } .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff; stroke-dasharray: 266; stroke-dashoffset: 266 } .color_yb .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle:last-child { stroke: #fff01f !important } .wearable-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller--playing { width: 34px } } @media (min-width:1440px) { .wearable-ring .wearable-highlight-carousel__video .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller--playing { height: 34px } } .wearable-ring .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-ring .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-ring .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-ring .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-ring .wearable-highlight-carousel__video.playing .video__controller--paused { display: block } .wearable-ring .wearable-highlight-carousel__video.playing .video__controller--playing { display: none } .wearable-ring .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-ring .highlight-inner { top: 210px } } @media (min-width:1440px) { .wearable-ring .highlight-inner { right: 66px } } @media (min-width:1440px) { .wearable-ring .highlight-inner { width: 248px } } html.rtl .wearable-ring .highlight-inner { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .highlight-inner { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .highlight-inner { font-family: SamsungSharpSans, Sylfaen } .wearable-ring .highlight-inner__txt { font-size: 23px; font-size: 1.5972222222vw } @media (min-width:1440px) { .wearable-ring .highlight-inner__txt { font-size: 23px } } .wearable-ring .highlight-inner__value { font-size: 80px; font-size: 5.5555555556vw; text-shadow: 0 3px 6px rgba(0, 0, 0, .5) } @media (min-width:1440px) { .wearable-ring .highlight-inner__value { font-size: 80px } } @media screen and (max-width:767px) { .wearable-ring .wearable-common__wrap { padding: 93.7444444444px 0 76.7px; padding: 12.2222222222vw 0 10vw } .wearable-ring .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-ring .wearable-common__headline { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__headline { margin-bottom: 20px; margin-bottom: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__headline { font-size: 24px; font-size: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .wearable-common__headline { padding: 0 63.9166666667px; padding: 0 8.3333333333vw } .wearable-ring .wearable-common__carousel-text { min-height: 191.75px; min-height: 25vw; padding: 0 149.1388888889px 42.6111111111px 34.0888888889px; padding: 0 19.4444444444vw 5.5555555556vw 4.4444444444vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-text { min-height: 90px; min-height: 25vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .wearable-common__carousel-text { padding: 0 34.0888888889px 42.6111111111px 149.1388888889px; padding: 0 4.4444444444vw 5.5555555556vw 19.4444444444vw } .wearable-ring .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-ring .wearable-common__carousel-tit { font-size: 16px; font-size: 4.4444444444vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .wearable-common__carousel-tit { line-height: 1.4 } .wearable-ring .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-ring .wearable-common__carousel-navigation-wrap { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-navigation-wrap { left: -15px; left: -4.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-navigation-wrap { right: -15px; right: -4.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-common__carousel-arrow { top: 194px; top: 53.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-arrow { width: 40px; width: 11.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-arrow { height: 40px; height: 11.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .wearable-common__carousel-next { right: -42.6111111111px; right: -5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-next { right: -20px; right: -5.5555555556vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -42.6111111111px; left: -5.5555555556vw; right: auto } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .wearable-common__carousel-next { left: -20px; left: -5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .wearable-common__carousel-prev { left: -42.6111111111px; left: -5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-prev { left: -20px; left: -5.5555555556vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .wearable-common__carousel-prev { left: auto; right: -42.6111111111px; right: -5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .wearable-common__carousel-prev { right: -20px; right: -5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-common__carousel-pagination-wrap { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-pagination-wrap { height: 20px; height: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-common__carousel-scrollbar { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-scrollbar { height: 20px; height: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-common__carousel-scrollbar { margin-top: 12px; margin-top: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .wearable-common__carousel-container.front-slider { width: 100% } .wearable-ring .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(.9); transform: scale(.9); -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .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-ring .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-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item { border-radius: 20px; border-radius: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .wearable-common__carousel-container.front-slider .wearable-common__carousel-item.swiper-slide-active { -webkit-transform: scale(1); transform: scale(1) } .wearable-ring .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-ring .wearable-highlight-carousel__image { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-highlight-carousel__image { height: 431px; height: 119.7222222222vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { right: 14px; right: 3.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { bottom: 14px; bottom: 3.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { width: 32px; width: 8.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller { height: 32px; height: 8.8888888889vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller { left: 14px; left: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon { width: 32px; width: 8.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .progress-icon { height: 32px; height: 8.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .progress-icon circle { stroke-width: 8px; stroke-width: 2.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .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-ring .wearable-highlight-carousel__video .video__controller .video__controller--paused, .wearable-ring .wearable-highlight-carousel__video .video__controller .video__controller--playing { height: 22px; height: 6.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .highlight-inner { top: 95.875px; top: 12.5vw; right: 0; width: 100% } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .highlight-inner { top: 45px; top: 12.5vw } } @media screen and (max-width:767px) { .wearable-ring .highlight-inner__txt { font-size: 29.8277777778px; font-size: 3.8888888889vw; color: #354144 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .highlight-inner__txt { font-size: 14px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .highlight-inner__value { font-size: 87.3527777778px; font-size: 11.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .highlight-inner__value { font-size: 41px; font-size: 11.3888888889vw } } .wearable-ring .concave-design__video { width: 1440px; width: 100vw; height: 1300px; height: 90.2777777778vw } @media (min-width:1440px) { .wearable-ring .concave-design__video { width: 1440px } } @media (min-width:1440px) { .wearable-ring .concave-design__video { height: 1300px } } @media screen and (max-width:767px) { .wearable-ring .concave-design__video { width: 100%; height: 1022.6666666667px; height: 133.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .concave-design__video { height: 480px; height: 133.3333333333vw } } .wearable-ring .sensor { padding: 100px 0; padding: 6.9444444444vw 0 } @media (min-width:1440px) { .wearable-ring .sensor { padding: 100px 0 } } .wearable-ring .sensor__sticky-wrap { position: relative; width: 100%; height: 300vh } .wearable-ring .sensor__sticky-content { overflow: hidden; position: sticky; left: 0; top: 0; height: 100vh } .wearable-ring .sensor .common__wrap { height: 100%; padding: 0 } .wearable-ring .sensor .common__content { margin-top: 0 } .wearable-ring .sensor .sensor__motion-wrap { position: relative; width: 720px; width: 50vw; height: 700px; height: 48.6111111111vw; margin: 0 auto; padding-top: 120px; padding-top: 8.3333333333vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__motion-wrap { width: 720px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__motion-wrap { height: 700px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__motion-wrap { padding-top: 120px } } .wearable-ring .sensor .sensor__visual-wrap { position: static } .wearable-ring .sensor .sensor__visual { position: relative; z-index: 1; width: 720px; width: 50vw; height: 580px; height: 40.2777777778vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .sensor .sensor__visual { width: 720px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__visual { height: 580px } } .wearable-ring .sensor .sensor__visual-inner { position: relative; overflow: hidden; height: 100% } .wearable-ring .sensor .sensor__visual-inner img { position: relative; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1 } .wearable-ring .sensor .sensor__visual-inner canvas { position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 } .wearable-ring .sensor .sensor__info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; width: 100%; height: 100%; color: #fff } .wearable-ring .sensor .sensor__info-item { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .rtl .wearable-ring .sensor .sensor__info-item { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .wearable-ring .sensor .sensor__info-item .info-line-motion { 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; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 20px; width: 1.3888888889vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 20px } } .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { display: inline-block; width: 20px; width: 1.3888888889vw; height: 20px; height: 1.3888888889vw; border-radius: 100%; background: rgba(255, 255, 255, .9) } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 20px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { height: 20px } } .wearable-ring .sensor .sensor__info-item .info-line-motion .info-line { display: inline-block; width: 1px; background-color: #bbb } .wearable-ring .sensor .sensor__info-item .info-item__text { position: relative } .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 24px; font-size: 1.6666666667vw; font-family: SamsungOne, arial, sans-serif; font-weight: 700 } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 24px } } html.rtl .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOne } html[lang^=ko] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12px; margin-top: .8333333333vw; font-size: 18px; font-size: 1.25vw; color: #eee } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { font-size: 18px } } .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 156px; bottom: 10.8333333333vw; left: 217px; left: 15.0694444444vw } .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 415px; width: 28.8194444444vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 415px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 156px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 { left: 217px } } .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 512px; height: 35.5555555556vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 512px } } .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 325px; bottom: 22.5694444444vw; left: 207px; left: 14.375vw } .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 330px; width: 22.9166666667vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 330px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 325px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 { left: 207px } } .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 342px; height: 23.75vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 342px } } .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { position: absolute; bottom: -114px; bottom: -7.9166666667vw; left: -20px; left: -1.3888888889vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -114px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { left: -20px } } .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { position: absolute; bottom: -228px; bottom: -15.8333333333vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -228px } } .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 248px; bottom: 17.2222222222vw; left: 217px; left: 15.0694444444vw } .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 306px; width: 21.25vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 306px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 248px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 { left: 217px } } .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 420px; height: 29.1666666667vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 420px } } .wearable-ring .sensor .sensor__info .sensor__info-item.info-item01, .wearable-ring .sensor .sensor__info .sensor__info-item.info-item02, .wearable-ring .sensor .sensor__info .sensor__info-item.info-item03 { opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear } .wearable-ring .sensor.step01 .sensor__info-item.info-item01 { opacity: 1 } .wearable-ring .sensor.step02 .sensor__info-item.info-item01 { opacity: 0 } .wearable-ring .sensor.step02 .sensor__info-item.info-item02 { opacity: 1 } .wearable-ring .sensor.step03 .sensor__info-item.info-item02 { opacity: 0 } .wearable-ring .sensor.step03 .sensor__info-item.info-item03 { opacity: 1 } .wearable-ring .sensor .sensor-broken-sticky { display: none; margin-top: 80px; margin-top: 5.5555555556vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 80px } } .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { position: relative; max-width: 1440px; margin: 0 auto } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .sensor-info-item { position: absolute } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 22px; font-size: 1.5277777778vw; font-family: SamsungSharpSans, arial, sans-serif } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 22px } } html.rtl .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-family: SamsungSharpSans, Sylfaen } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12px; margin-top: .8333333333vw; font-size: 18px; font-size: 1.25vw } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12px } } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { font-size: 18px } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { width: 270px; width: 18.75vw; left: 9.09%; top: 40%; text-align: right } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { width: 270px } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { width: 290px; width: 20.1388888889vw; left: 7.63%; top: 72.6%; text-align: right } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { width: 290px } } .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { width: 300px; width: 20.8333333333vw; right: 6.73%; top: 72.6% } @media (min-width:1440px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { width: 300px } } .broken-sticky .wearable-ring .sensor__sticky-wrap { display: none !important } .broken-sticky .wearable-ring .sensor-broken-sticky { display: block !important } @media screen and (max-width:767px) { .wearable-ring .sensor__sticky-wrap { height: 2100px } .wearable-ring .sensor .common__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wearable-ring .sensor .sensor__motion-wrap { width: 767px; width: 100vw; height: 788.3055555556px; height: 102.7777777778vw; padding-top: 170.4444444444px; padding-top: 22.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__motion-wrap { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__motion-wrap { height: 370px; height: 102.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__motion-wrap { padding-top: 80px; padding-top: 22.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__visual { width: 767px; width: 100vw; height: 617.8611111111px; height: 80.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__visual { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__visual { height: 290px; height: 80.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 38.35px; width: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion { width: 18px; width: 5vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 38.35px; width: 5vw; height: 38.35px; height: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { width: 18px; width: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-line-motion .info-dot { height: 18px; height: 5vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 31.9583333333px; font-size: 4.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-tit { font-size: 15px; font-size: 4.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; font-size: 21.3055555556px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { margin-top: 6px; margin-top: 1.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item .info-item__text-desc { font-size: 10px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 123.5722222222px; bottom: 16.1111111111vw; left: 219.4472222222px; left: 28.6111111111vw } .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 351.5416666667px; width: 45.8333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-item__text { width: 165px; width: 45.8333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item01 { bottom: 58px; bottom: 16.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item01 { left: 103px; left: 28.6111111111vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 607.2083333333px; height: 79.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item01 .info-line { height: 285px; height: 79.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 338.7583333333px; bottom: 44.1666666667vw; left: 219.4472222222px; left: 28.6111111111vw } .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 394.1527777778px; width: 51.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-item__text { width: 185px; width: 51.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 { bottom: 159px; bottom: 44.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 { left: 103px; left: 28.6111111111vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 392.0222222222px; height: 51.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .info-line { height: 184px; height: 51.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -127.8333333333px; bottom: -16.6666666667vw; left: -21.3055555556px; left: -2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { bottom: -60px; bottom: -16.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot02 { left: -10px; left: -2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -251.4055555556px; bottom: -32.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item02 .dot03 { bottom: -118px; bottom: -32.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 253.5361111111px; bottom: 33.0555555556vw; left: 219.4472222222px; left: 28.6111111111vw } .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 362.1944444444px; width: 47.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-item__text { width: 170px; width: 47.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item03 { bottom: 119px; bottom: 33.0555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item03 { left: 103px; left: 28.6111111111vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 477.2444444444px; height: 62.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor__info-item.info-item03 .info-line { height: 224px; height: 62.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 106.5277777778px; margin-top: 13.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky { margin-top: 50px; margin-top: 13.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { width: 100%; height: 1124.9333333333px; height: 146.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor-nosticky { height: 528px; height: 146.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 31.9583333333px; font-size: 4.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-tit { font-size: 15px; font-size: 4.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 12.7833333333px; margin-top: 1.6666666667vw; font-size: 21.3055555556px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { margin-top: 6px; margin-top: 1.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item__text-desc { font-size: 10px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { width: 404.8055555556px; width: 52.7777777778vw; left: 36.11%; top: 52.46%; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item01 { width: 190px; width: 52.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { width: 347.2805555556px; width: 45.2777777778vw; left: 27.77%; top: 90.53%; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item02 { width: 163px; width: 45.2777777778vw } } @media screen and (max-width:767px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { right: auto; width: 404.8055555556px; width: 52.7777777778vw; left: 31.66%; top: 71.96%; text-align: left } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sensor .sensor-broken-sticky .sensor__info .info-item03 { width: 190px; width: 52.7777777778vw } } .wearable-ring .battery .common__wrap { max-width: 1440px; width: 100% } .wearable-ring .battery__video { width: 1440px; width: 100vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .battery__video { width: 1440px } } @media (min-width:1440px) { .wearable-ring .battery__video { height: 600px } } @media screen and (max-width:767px) { .wearable-ring .battery .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .wearable-ring .battery__video { width: 767px; width: 100vw; height: 767px; height: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .battery__video { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .battery__video { height: 360px; height: 100vw } } .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 41px; font-size: 2.8472222222vw } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 41px } } .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 48px; width: 3.3333333333vw; height: 54px; height: 3.75vw } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 48px } } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { height: 54px } } .wearable-ring .health-fitness-tracker__video-wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100%; min-height: 576px; min-height: 40vw; margin-top: 20px; margin-top: 1.3888888889vw } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 576px } } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker__video-wrap { margin-top: 20px } } .wearable-ring .health-fitness-tracker__video { position: absolute; top: 0; left: 50%; width: 1920px; width: 133.3333333333vw; min-height: 576px; min-height: 40vw; -webkit-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker__video { width: 1920px } } @media (min-width:1440px) { .wearable-ring .health-fitness-tracker__video { min-height: 576px } } @media screen and (max-width:767px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 42.6111111111px; font-size: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker .common-ai-text { font-size: 20px; font-size: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 51.1333333333px; width: 6.6666666667vw; height: 55.3944444444px; height: 7.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { width: 24px; width: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker .common-ai-text__icon { height: 26px; height: 7.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 637.0361111111px; min-height: 83.0555555556vw; margin-top: 42.6111111111px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker__video-wrap { min-height: 299px; min-height: 83.0555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker__video-wrap { margin-top: 20px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .health-fitness-tracker__video { width: 100%; min-height: 637.0361111111px; min-height: 83.0555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .health-fitness-tracker__video { min-height: 299px; min-height: 83.0555555556vw } } .wearable-ring .charging-case .common__wrap { -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; max-width: 1440px; width: 100%; min-height: 600px; min-height: 41.6666666667vw; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap { min-height: 600px } } .wearable-ring .charging-case .common__wrap .common__text { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 570px; width: 39.5833333333vw; margin: 0 90px 0 60px; margin: 0 6.25vw 0 4.1666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap .common__text { width: 570px } } @media (min-width:1440px) { .wearable-ring .charging-case .common__wrap .common__text { margin: 0 90px 0 60px } } .wearable-ring .charging-case .common__wrap .common__text .common__description, .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: left } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 60px 0 90px; margin: 0 4.1666666667vw 0 6.25vw } @media (min-width:1440px) { .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 60px 0 90px } } .rtl .wearable-ring .charging-case .common__wrap .common__text .common__description, .rtl .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: right } .wearable-ring .charging-case .common__content { margin: 56px 60px 0; margin: 3.8888888889vw 4.1666666667vw 0 } @media (min-width:1440px) { .wearable-ring .charging-case .common__content { margin: 56px 60px 0 } } @media screen and (max-width:767px) { .wearable-ring .charging-case .common__wrap { max-width: 100% } .wearable-ring .charging-case .common__wrap .common__text { margin: 0 } .wearable-ring .charging-case .common__wrap .common__text .common__description, .wearable-ring .charging-case .common__wrap .common__text .common__headline { text-align: center } .rtl .wearable-ring .charging-case .common__wrap .common__text { margin: 0 } .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .rtl .wearable-ring .charging-case .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } } .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 15px; gap: 1.0416666667vw; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 15px } } .wearable-ring .charging-case.charging-case__video-type .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; text-align: center; width: 190px; width: 13.1944444444vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 190px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 95px; width: 6.5972222222vw; opacity: .3 } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 95px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8px; gap: .5555555556vw; margin-top: 24px; margin-top: 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; opacity: .5; color: #fff } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { margin-top: 24px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 20px; font-size: 1.3888888889vw; line-height: 26px; line-height: 1.8055555556vw; font-family: SamsungOne, arial, sans-serif; font-weight: 700 } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 20px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { line-height: 26px } } html.rtl .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne } html[lang^=ko] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 16px; font-size: 1.1111111111vw; line-height: 26px; line-height: 1.8055555556vw; color: #eee } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 16px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { line-height: 26px } } .wearable-ring .charging-case.charging-case__video-type .common__tab-cta.is-active .common__tab-cta--image, .wearable-ring .charging-case.charging-case__video-type .common__tab-cta.is-active .common__tab-cta--textblock { opacity: 1 } .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { width: 720px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { height: 600px } } .rtl .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { right: 0 } .wearable-ring .charging-case.charging-case__video-type .video__container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container { width: 720px } } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container { height: 600px } } .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px; right: 1.6666666667vw } @media (min-width:1440px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px } } .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: auto; left: 24px; left: 1.6666666667vw } @media (min-width:1440px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { left: 24px } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .rtl .wearable-ring .charging-case.charging-case__video-type .common__content { margin: 63.9166666667px 0 0; margin: 8.3333333333vw 0 0 } .wearable-ring .charging-case.charging-case__video-type .common__tab { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 63.9166666667px; gap: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab { gap: 30px; gap: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 0; gap: 0; padding: 0 51.1333333333px; padding: 0 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-list { gap: 0; gap: 0 } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 221.5777777778px; width: 28.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta { width: 104px; width: 28.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 76.7px; width: 10vw; opacity: .3 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--image { width: 36px; width: 10vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 8.5222222222px; gap: 1.1111111111vw; margin-top: 21.3055555556px; margin-top: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { gap: 4px; gap: 1.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--textblock { margin-top: 10px; margin-top: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 25.5666666667px; font-size: 3.3333333333vw; line-height: 40.4805555556px; line-height: 5.2777777778vw; font-weight: 700 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { font-size: 12px; font-size: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--text { line-height: 19px; line-height: 5.2777777778vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 21.3055555556px; font-size: 2.7777777778vw; line-height: 29.8277777778px; line-height: 3.8888888889vw; color: #eee } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { font-size: 10px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-cta--desc { line-height: 14px; line-height: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { position: static; -webkit-transform: translateY(0); transform: translateY(0); width: 767px; width: 100vw; height: 639.1666666667px; height: 83.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .common__tab-panels { height: 300px; height: 83.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .video__container { position: static; -webkit-transform: translate(0); transform: translate(0); width: 767px; width: 100vw; height: 639.1666666667px; height: 83.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container { height: 300px; height: 83.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 51.1333333333px; right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: 24px; right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { right: auto; left: 51.1333333333px; left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .charging-case.charging-case__video-type .video__container .video__controller { left: 24px; left: 6.6666666667vw } } .wearable-ring .slim-light .common__content { overflow: hidden; position: relative; max-width: 1920px; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .slim-light .common__content { height: 680px } } .wearable-ring .slim-light .slim-light__image-wrap { position: absolute; top: 0; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .slim-light .slim-light__image-wrap { width: 1920px } } @media (min-width:1440px) { .wearable-ring .slim-light .slim-light__image-wrap { height: 680px } } .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 957px; width: 66.4583333333vw; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 957px } } @media (min-width:1440px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { height: 680px } } @media screen and (max-width:767px) { .wearable-ring .slim-light .common__content { width: 100%; height: auto; padding: 0 } .wearable-ring .slim-light .slim-light__image-wrap { position: static; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 1035.45px; height: 135vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .slim-light .slim-light__image-wrap { height: 486px; height: 135vw } } @media screen and (max-width:767px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { width: 100%; height: 511.3333333333px; height: 66.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .slim-light .slim-light__image-wrap .slim-light__image { height: 240px; height: 66.6666666667vw } } .wearable-ring .color-option .common__tab { position: relative; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wearable-ring .color-option .common__tab-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px; gap: 1.6666666667vw } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-panel { gap: 24px } } .wearable-ring .color-option .common__tab-list { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; margin-top: 2.7777777778vw; padding-bottom: 45px; padding-bottom: 3.125vw; gap: 24px; gap: 1.6666666667vw } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-list { margin-top: 40px } } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-list { padding-bottom: 45px } } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-list { gap: 24px } } .wearable-ring .color-option .common__tab-cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #000 } .wearable-ring .color-option .common__tab-cta .tab-cta__text { display: none; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .wearable-ring .color-option .common__tab-cta.is-active .tab-cta__text { display: inline-block } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { position: relative; width: 28px; width: 1.9444444444vw; height: 28px; height: 1.9444444444vw; border-radius: 50% } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 28px } } @media (min-width:1440px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { height: 28px } } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--gold { background-color: #f0e1b9 } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--black { background-color: #363636 } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip--silver { background-color: #d3d3d3 } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::before { content: ""; position: absolute; inset: 0; border: 1px solid #666; border-radius: 50% } .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { content: ""; display: none; position: absolute; inset: -3px; border: 1px solid #197ae5; border-radius: 50% } .wearable-ring .color-option .common__tab-cta.is-active .tab-cta__color-chip::after { display: block } .wearable-ring .color-option .common__tab--name { position: absolute; left: 0; right: 0; bottom: 0; text-align: center } .wearable-ring .color-option .common__tab--name .tab-cta__text { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; font-size: 18px; font-size: 1.25vw; font-weight: 700; line-height: 1 } @media (min-width:1440px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 18px } } .wearable-ring .color-option .common__tab--name .tab-cta__text.is-active { opacity: 1; visibility: visible } .wearable-ring .color-option__image { width: 588px; width: 40.8333333333vw; height: 588px; height: 40.8333333333vw; background-color: #f0f0f0 } @media (min-width:1440px) { .wearable-ring .color-option__image { width: 588px } } @media (min-width:1440px) { .wearable-ring .color-option__image { height: 588px } } @media screen and (max-width:767px) { .wearable-ring .color-option .common__text { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset } .wearable-ring .color-option .common__tab-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25.5666666667px; gap: 3.3333333333vw; margin: 0 51.1333333333px; margin: 0 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-panel { gap: 12px; gap: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .color-option .common__tab-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 31.9583333333px 51.1333333333px 0; margin: 4.1666666667vw 6.6666666667vw 0; padding-bottom: 63.9166666667px; padding-bottom: 8.3333333333vw; gap: 49.0027777778px; gap: 6.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-list { padding-bottom: 30px; padding-bottom: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-list { gap: 23px; gap: 6.3888888889vw } } @media screen and (max-width:767px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 59.6555555556px; width: 7.7777777778vw; height: 59.6555555556px; height: 7.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { width: 28px; width: 7.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip { height: 28px; height: 7.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { inset: -8.5222222222px; inset: -1.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab-cta .tab-cta__color-chip::after { inset: -4px; inset: -1.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 29.8277777778px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option .common__tab--name .tab-cta__text { font-size: 14px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .color-option__image { width: 100%; height: 664.7333333333px; height: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .color-option__image { height: 312px; height: 86.6666666667vw } } .wearable-ring .waterproof .common__wrap { position: relative; max-width: 1440px; width: 100%; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wearable-ring .waterproof .common__text { z-index: 2; position: absolute; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; left: 120px; left: 8.3333333333vw; width: 570px; width: 39.5833333333vw } @media (min-width:1440px) { .wearable-ring .waterproof .common__text { left: 120px } } @media (min-width:1440px) { .wearable-ring .waterproof .common__text { width: 570px } } .wearable-ring .waterproof .common__text .common__description, .wearable-ring .waterproof .common__text .common__headline { width: 570px; width: 39.5833333333vw; text-align: left } @media (min-width:1440px) { .wearable-ring .waterproof .common__text .common__description, .wearable-ring .waterproof .common__text .common__headline { width: 570px } } .rtl .wearable-ring .waterproof .common__text .common__description, .rtl .wearable-ring .waterproof .common__text .common__headline { text-align: right } .wearable-ring .waterproof .common__content { position: relative; max-width: 1440px; width: 100%; height: 720px; height: 50vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .waterproof .common__content { height: 720px } } .wearable-ring .waterproof__video { width: 100%; height: 720px; height: 50vw } @media (min-width:1440px) { .wearable-ring .waterproof__video { height: 720px } } @media screen and (max-width:767px) { .wearable-ring .waterproof .common__wrap { height: auto; padding: 106.5277777778px 0; padding: 13.8888888889vw 0 } .wearable-ring .waterproof .common__text { position: static; width: auto; left: auto; padding: 0 51.1333333333px; padding: 0 6.6666666667vw } .wearable-ring .waterproof .common__text .common__description, .wearable-ring .waterproof .common__text .common__headline { width: 100% } .wearable-ring .waterproof .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw; height: auto } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .waterproof .common__content { margin-top: 30px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .waterproof__video { width: 767px; width: 100vw; height: 809.6111111111px; height: 105.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .waterproof__video { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .waterproof__video { height: 380px; height: 105.5555555556vw } } .wearable-ring .ai-samsung-health .common__wrap { max-width: 1440px; width: 100% } .wearable-ring .ai-samsung-health .common__content { margin-top: 40px; margin-top: 2.7777777778vw } @media (min-width:1440px) { .wearable-ring .ai-samsung-health .common__content { margin-top: 40px } } .wearable-ring .ai-samsung-health__video { width: 1440px; width: 100vw; height: 836px; height: 58.0555555556vw } @media (min-width:1440px) { .wearable-ring .ai-samsung-health__video { width: 1440px } } @media (min-width:1440px) { .wearable-ring .ai-samsung-health__video { height: 836px } } .wearable-ring .ai-samsung-health__cta { margin-top: 40px; margin-top: 2.7777777778vw } @media (min-width:1440px) { .wearable-ring .ai-samsung-health__cta { margin-top: 40px } } .wearable-ring .ai-samsung-health .wearable-ring__cta-round:focus span, .wearable-ring .ai-samsung-health .wearable-ring__cta-round:hover span { color: #fff !important } @media screen and (max-width:767px) { .wearable-ring .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .common__content { margin-top: 30px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .ai-samsung-health__video { width: 767px; width: 100vw; height: 809.6111111111px; height: 105.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .ai-samsung-health__video { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .ai-samsung-health__video { height: 380px; height: 105.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .ai-samsung-health__cta { margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .ai-samsung-health__cta { margin-top: 24px; margin-top: 6.6666666667vw } } .wearable-ring .energy-score .common__wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100% } .wearable-ring .energy-score .common__content { margin-top: 60px; margin-top: 4.1666666667vw } @media (min-width:1440px) { .wearable-ring .energy-score .common__content { margin-top: 60px } } .wearable-ring .energy-score__video-wrap { overflow: hidden; position: relative; max-width: 1920px; width: 100%; min-height: 408px; min-height: 28.3333333333vw } @media (min-width:1440px) { .wearable-ring .energy-score__video-wrap { min-height: 408px } } .wearable-ring .energy-score__video { position: absolute; top: 0; left: 50%; width: 1920px; width: 133.3333333333vw; min-height: 408px; min-height: 28.3333333333vw; -webkit-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:1440px) { .wearable-ring .energy-score__video { width: 1920px } } @media (min-width:1440px) { .wearable-ring .energy-score__video { min-height: 408px } } .wearable-ring .energy-score .energy-score__image { width: 1200px; width: 83.3333333333vw; margin-top: 40px; margin-top: 2.7777777778vw } @media (min-width:1440px) { .wearable-ring .energy-score .energy-score__image { width: 1200px } } @media (min-width:1440px) { .wearable-ring .energy-score .energy-score__image { margin-top: 40px } } @media screen and (max-width:767px) { .wearable-ring .energy-score .common__wrap { padding-bottom: 0 } .wearable-ring .energy-score .common__description, .wearable-ring .energy-score .common__headline { text-align: left } .rtl .wearable-ring .energy-score .common__description, .rtl .wearable-ring .energy-score .common__headline { text-align: right } .wearable-ring .energy-score__video-wrap { height: 319.5833333333px; height: 41.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .energy-score__video-wrap { height: 150px; height: 41.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .energy-score__video { position: static; width: 100%; height: 319.5833333333px; height: 41.6666666667vw; -webkit-transform: translateX(0); transform: translateX(0) } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .energy-score__video { height: 150px; height: 41.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .energy-score .energy-score__image { width: 100%; margin-top: 0 } } .wearable-ring .wellness-tips { overflow: hidden; position: relative; z-index: 0 } .wearable-ring .wellness-tips .common__wrap { position: relative; max-width: 1440px; padding-bottom: 50px; padding-bottom: 3.4722222222vw } @media (min-width:1440px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 50px } } .wearable-ring .wellness-tips__video { width: 720px; width: 50vw; height: 600px; height: 41.6666666667vw } @media (min-width:1440px) { .wearable-ring .wellness-tips__video { width: 720px } } @media (min-width:1440px) { .wearable-ring .wellness-tips__video { height: 600px } } .wearable-ring .wellness-tips__video .video__controller { right: 24px; right: 1.6666666667vw } @media (min-width:1440px) { .wearable-ring .wellness-tips__video .video__controller { right: 24px } } @media screen and (max-width:767px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 106.5277777778px; padding-bottom: 13.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wellness-tips .common__wrap { padding-bottom: 50px; padding-bottom: 13.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .wellness-tips .common__text .common__description, .wearable-ring .wellness-tips .common__text .common__headline { text-align: center } .wearable-ring .wellness-tips .common__content { margin-top: 63.9166666667px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wellness-tips .common__content { margin-top: 30px; margin-top: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .wellness-tips__video { width: 100%; height: 788.3055555556px; height: 102.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wellness-tips__video { height: 370px; height: 102.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .wellness-tips__video .video__controller { right: 51.1333333333px; right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .wellness-tips__video .video__controller { right: 24px; right: 6.6666666667vw } } .wearable-ring .sleep .common__wrap { position: relative } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { position: absolute; top: 100px; top: 6.9444444444vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 198px; height: 13.75vw } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { top: 100px } } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { height: 198px } } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 1920px; width: 133.3333333333vw; height: 198px; height: 13.75vw } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { height: 198px } } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 452px; height: 31.3888888889vw } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { height: 452px } } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 1920px; width: 133.3333333333vw; height: 452px; height: 31.3888888889vw } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { height: 452px } } .wearable-ring .sleep .common__wrap .common__text { position: relative } .wearable-ring .sleep .common__content { overflow: hidden; max-width: 1920px } .wearable-ring .sleep__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .sleep__image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep__image { height: 680px } } .wearable-ring .sleep__image img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .sleep__image img { width: 1920px } } @media (min-width:1440px) { .wearable-ring .sleep__image img { height: 680px } } .wearable-ring .sleep .common__carousel-wrap { position: relative; z-index: 1; width: 1440px; width: 100vw; margin: 0 auto; margin-top: 40px; margin-top: 2.7777777778vw } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap { width: 1440px } } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap { margin-top: 40px } } .wearable-ring .sleep .common__carousel-wrap .common__carousel { position: relative; width: 100% } .wearable-ring .sleep .common__carousel-wrap .common__carousel-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { overflow: hidden; background: #000; width: 330px; width: 22.9166666667vw; height: 312px; height: 21.6666666667vw; margin-left: 24px; margin-left: 1.6666666667vw; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 26px; border-radius: 1.8055555556vw } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 0 } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { width: 330px } } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { height: 312px } } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { margin-left: 24px } } @media (min-width:1440px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-item { border-radius: 26px } } .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px; margin-left: 1.6666666667vw; margin-right: 0 } @media (min-width:1440px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px } } .wearable-ring .sleep .common__carousel-wrap .common__carousel-item .sleep-carousel__image { width: 100% } @media screen and (max-width:767px) { .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap { left: 0; top: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: auto } .wearable-ring .sleep .common__wrap .sleep-bg__top-wrap .sleep-bg__image { width: 100%; height: auto } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: auto } .wearable-ring .sleep .common__wrap .sleep-bg__bottom-wrap .sleep-bg__image { width: 100%; height: auto } .wearable-ring .sleep .common__content { padding: 0; padding: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__content { padding: 0; padding: 0 } } @media screen and (max-width:767px) { .wearable-ring .sleep__image { width: 100%; height: 852.2222222222px; height: 111.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep__image { height: 400px; height: 111.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .sleep__image img { position: static; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100% } .wearable-ring .sleep .common__carousel-wrap { width: 100%; margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap { margin-top: 24px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 541.1611111111px; width: 70.5555555556vw; height: 468.7222222222px; height: 61.1111111111vw; margin-left: 51.1333333333px; margin-left: 6.6666666667vw; border-radius: 46.8722222222px; border-radius: 6.1111111111vw } .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 24px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 24px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 254px; width: 70.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { height: 220px; height: 61.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 24px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 22px; border-radius: 6.1111111111vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 0; margin-right: 51.1333333333px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-right: 24px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 24px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .sleep .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 24px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .sleep .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw } } .wearable-ring .cycle-tracking .common__wrap { max-width: 1440px; width: 100% } .wearable-ring .cycle-tracking .cycle-tracking__text-image { display: inline-block; width: 150px; width: 10.4166666667vw; height: 28px; height: 1.9444444444vw; vertical-align: middle } @media (min-width:1440px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 150px } } @media (min-width:1440px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { height: 28px } } .wearable-ring .cycle-tracking .cycle-tracking__text-image img { width: 100%; height: 100%; vertical-align: top } .wearable-ring .cycle-tracking__image { width: 1440px; width: 100vw } @media (min-width:1440px) { .wearable-ring .cycle-tracking__image { width: 1440px } } @media screen and (max-width:767px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 213.0555555556px; width: 27.7777777778vw; height: 38.35px; height: 5vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { width: 100px; width: 27.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .cycle-tracking .cycle-tracking__text-image { height: 18px; height: 5vw } } @media screen and (max-width:767px) { .wearable-ring .cycle-tracking__image { width: 100% } } .wearable-ring .tracking-heart-rate .common__wrap { max-width: 1440px; width: 100% } .wearable-ring .tracking-heart-rate__image { width: 1440px; width: 100vw } @media (min-width:1440px) { .wearable-ring .tracking-heart-rate__image { width: 1440px } } @media screen and (max-width:767px) { .wearable-ring .tracking-heart-rate__image { width: 100% } } .wearable-ring .walk-run { overflow: hidden; position: relative } .wearable-ring .walk-run .common__wrap { padding: 100px 0 50px; padding: 6.9444444444vw 0 3.4722222222vw } @media (min-width:1440px) { .wearable-ring .walk-run .common__wrap { padding: 100px 0 50px } } .wearable-ring .walk-run .common__text { position: relative; z-index: 2 } .wearable-ring .walk-run .common__content { overflow: hidden; max-width: 1920px } .wearable-ring .walk-run__inner { position: relative; padding-bottom: 100px; padding-bottom: 6.9444444444vw } @media (min-width:1440px) { .wearable-ring .walk-run__inner { padding-bottom: 100px } } .wearable-ring .walk-run__motion-wrap { position: relative; z-index: 2; 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; gap: 20px; gap: 1.3888888889vw; margin-bottom: 60px; margin-bottom: 4.1666666667vw } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap { gap: 20px } } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap { margin-bottom: 60px } } .wearable-ring .walk-run__motion-wrap .walk-run__image { overflow: hidden; width: 557px; width: 38.6805555556vw; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .6s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .6s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .6s ease-in-out, transform .4s ease-in-out; transition: opacity .6s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out; border-radius: 16px; border-radius: 1.1111111111vw } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__image { width: 557px } } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__image { border-radius: 16px } } .wearable-ring .walk-run__motion-wrap .walk-run__date-text { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .6s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .6s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .6s ease-in-out, transform .4s ease-in-out; transition: opacity .6s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__date-text, .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .wearable-ring .walk-run__motion-wrap.is-active .timeline01 .walk-run__date-text, .wearable-ring .walk-run__motion-wrap.is-active .timeline01 .walk-run__image { -webkit-transition-delay: .2s; transition-delay: .2s } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image.timeline02 { -webkit-transition-delay: .4s; transition-delay: .4s } .wearable-ring .walk-run__motion-wrap.is-active .walk-run__image.timeline03 { -webkit-transition-delay: .6s; transition-delay: .6s } .wearable-ring .walk-run__motion-wrap .walk-run__date-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; margin-bottom: 2.0833333333vw } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 30px } } .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-size: 40px; font-size: 2.7777777778vw; font-family: SamsungOne, arial, sans-serif; font-weight: 700; color: #2f2f30 } @media (min-width:1440px) { .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-size: 40px } } html.rtl .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOne } html[lang^=ko] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .walk-run__motion-wrap .walk-run__date-text .day { font-family: SamsungOneGeorgian, Sylfaen } .wearable-ring .walk-run .common__carousel-wrap { position: relative; z-index: 1; width: 1440px; width: 100vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .walk-run .common__carousel-wrap { width: 1440px } } .wearable-ring .walk-run .common__carousel-wrap .common__carousel { position: relative; width: 100% } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { overflow: hidden; width: 312px; width: 21.6666666667vw; height: 290px; height: 20.1388888889vw; margin: 0 12px; margin: 0 .8333333333vw; border-radius: 26px; border-radius: 1.8055555556vw; -ms-flex-negative: 0; flex-shrink: 0; background: #fff } @media (min-width:1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { width: 312px } } @media (min-width:1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { height: 290px } } @media (min-width:1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { margin: 0 12px } } @media (min-width:1440px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item { border-radius: 26px } } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-item .walk-run__image { width: 100% } .wearable-ring .walk-run .walk-run__bg-image { position: absolute; top: 0; top: 0; left: 50%; width: 1920px; width: 133.3333333333vw; height: 830px; height: 57.6388888889vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0 } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0 } } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bg-image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bg-image { height: 830px } } .wearable-ring .walk-run .walk-run__bottom-image { position: relative; margin-top: 50px; margin-top: 3.4722222222vw } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bottom-image { margin-top: 50px } } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 680px; height: 47.2222222222vw } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { height: 680px } } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image img { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: auto } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 5px; margin-top: .3472222222vw } @media (min-width:1440px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 5px } } @media screen and (max-width:767px) { .wearable-ring .walk-run { background: #f7f7f7 } .wearable-ring .walk-run .common__wrap { padding: 106.5277777778px 0; padding: 13.8888888889vw 0 } .wearable-ring .walk-run .common__content { position: relative } .wearable-ring .walk-run__inner { width: 100%; padding: 581.6416666667px 0 106.5277777778px; padding: 75.8333333333vw 0 13.8888888889vw } .wearable-ring .walk-run .walk-run__motion-wrap { gap: 21.3055555556px; gap: 2.7777777778vw; margin-bottom: 42.6111111111px; margin-bottom: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap { gap: 10px; gap: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap { margin-bottom: 20px; margin-bottom: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { width: 664.7333333333px; width: 86.6666666667vw; border-radius: 25.5666666667px; border-radius: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__image { border-radius: 12px; border-radius: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 25.5666666667px; margin-bottom: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text { margin-bottom: 12px; margin-bottom: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text .day { font-size: 51.1333333333px; font-size: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__motion-wrap .walk-run__date-text .day { font-size: 24px; font-size: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0; top: 0; left: 0; width: 767px; width: 100vw; height: 575.25px; height: 75vw; -webkit-transform: translateX(0); transform: translateX(0) } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bg-image { top: 0; top: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bg-image { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bg-image { height: 270px; height: 75vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .common__carousel-wrap { width: 664.7333333333px; width: 86.6666666667vw; margin-top: 42.6111111111px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap { margin-top: 20px; margin-top: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 664.7333333333px; width: 86.6666666667vw; height: 617.8611111111px; height: 80.5555555556vw; margin: 0 25.5666666667px; margin: 0 3.3333333333vw; border-radius: 25.5666666667px; border-radius: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { height: 290px; height: 80.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 12px; border-radius: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: -36.2194444444px; right: -4.7222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: -17px; right: -4.7222222222vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: -36.2194444444px; left: -4.7222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: -17px; left: -4.7222222222vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { right: auto; left: -36.2194444444px; left: -4.7222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-next { left: -17px; left: -4.7222222222vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { left: auto; right: -36.2194444444px; right: -4.7222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .walk-run .common__carousel-wrap .swiper-button-prev { right: -17px; right: -4.7222222222vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__bottom-image { width: 767px; width: 100vw; margin-top: 106.5277777778px; margin-top: 13.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bottom-image { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bottom-image { margin-top: 50px; margin-top: 13.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { width: 100%; height: 511.3333333333px; height: 66.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image { height: 240px; height: 66.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image img { position: static; left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100% } .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 12.7833333333px; margin-top: 1.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .walk-run .walk-run__bottom-image .walk-run__image+.walk-run__image { margin-top: 6px; margin-top: 1.6666666667vw } } .wearable-ring .gesture-control .common__text { width: 850px; width: 59.0277777778vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .gesture-control .common__text { width: 850px } } .wearable-ring .gesture-control .common__content { overflow: hidden; position: relative; max-width: 1920px } .wearable-ring .gesture-control__image { position: relative; width: 1920px; width: 133.3333333333vw; height: 626px; height: 43.4722222222vw } @media (min-width:1440px) { .wearable-ring .gesture-control__image { width: 1920px } } @media (min-width:1440px) { .wearable-ring .gesture-control__image { height: 626px } } .wearable-ring .gesture-control__image img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px; width: 133.3333333333vw; height: 626px; height: 43.4722222222vw } @media (min-width:1440px) { .wearable-ring .gesture-control__image img { width: 1920px } } @media (min-width:1440px) { .wearable-ring .gesture-control__image img { height: 626px } } @media screen and (max-width:767px) { .wearable-ring .gesture-control__image { width: 100%; height: 914.0083333333px; height: 119.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .gesture-control__image { height: 429px; height: 119.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .gesture-control__image img { position: static; -webkit-transform: translateX(0); transform: translateX(0); width: 100%; height: 100% } } .wearable-ring .find-my-ring .common__wrap { max-width: 1440px } .wearable-ring .find-my-ring__image { width: 720px; width: 50vw; height: 720px; height: 50vw } @media (min-width:1440px) { .wearable-ring .find-my-ring__image { width: 720px } } @media (min-width:1440px) { .wearable-ring .find-my-ring__image { height: 720px } } @media screen and (max-width:767px) { .wearable-ring .find-my-ring .common__text { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .wearable-ring .find-my-ring .common__text .common__description, .wearable-ring .find-my-ring .common__text .common__sub-headline { width: 100% } .wearable-ring .find-my-ring .common__content { margin-top: 72.4388888889px; margin-top: 9.4444444444vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .find-my-ring .common__content { margin-top: 34px; margin-top: 9.4444444444vw } } @media screen and (max-width:767px) { .wearable-ring .find-my-ring .common__content { height: 677.5166666667px; height: 88.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .find-my-ring .common__content { height: 318px; height: 88.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .find-my-ring__image { position: static; top: auto; left: auto; width: 100%; -webkit-transform: translateX(0); transform: translateX(0); height: 677.5166666667px; height: 88.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .find-my-ring__image { height: 318px; height: 88.3333333333vw } } .wearable-ring .account .common__wrap { max-width: 1440px } .wearable-ring .account__image { width: 720px; width: 50vw; height: 720px; height: 50vw } @media (min-width:1440px) { .wearable-ring .account__image { width: 720px } } @media (min-width:1440px) { .wearable-ring .account__image { height: 720px } } @media screen and (max-width:767px) { .wearable-ring .account .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0 } .wearable-ring .account .common__content { margin-top: 72.4388888889px; margin-top: 9.4444444444vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .account .common__content { margin-top: 34px; margin-top: 9.4444444444vw } } @media screen and (max-width:767px) { .wearable-ring .account__image { width: 767px; width: 100vw; height: 579.5111111111px; height: 75.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .account__image { width: 360px; width: 100vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .account__image { height: 272px; height: 75.5555555556vw } } .wearable-ring .choose-size .common__content { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1392px; margin: 40px auto 0; margin: 2.7777777778vw auto 0 } @media (min-width:1440px) { .wearable-ring .choose-size .common__content { margin: 40px auto 0 } } .wearable-ring .choose-size .choose-size__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wearable-ring .choose-size .common__video-wrap { background: #fff; width: 461px; width: 32.0138888889vw; margin-left: 70px; margin-left: 4.8611111111vw; border-radius: 26px; border-radius: 1.8055555556vw } .wearable-ring .choose-size .common__video-wrap.video-hide { display: none } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap { width: 461px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap { margin-left: 70px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap { border-radius: 26px } } .rtl .wearable-ring .choose-size .common__video-wrap { right: auto; left: 96px; left: 6.6666666667vw; margin-left: 0; margin-left: 0; margin-right: 70px; margin-right: 4.8611111111vw } @media (min-width:1440px) { .rtl .wearable-ring .choose-size .common__video-wrap { left: 96px } } @media (min-width:1440px) { .rtl .wearable-ring .choose-size .common__video-wrap { margin-left: 0 } } @media (min-width:1440px) { .rtl .wearable-ring .choose-size .common__video-wrap { margin-right: 70px } } .wearable-ring .choose-size .common__video-wrap .common__video-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; height: 100%; padding: 20px; padding: 1.3888888889vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta { padding: 20px } } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 421px; width: 29.2361111111vw; margin-top: 20px; margin-top: 1.3888888889vw; font-family: SamsungOne, arial, sans-serif; font-weight: 700; font-size: 20px; font-size: 1.3888888889vw; line-height: 1.36; text-align: center } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 421px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { margin-top: 20px } } html.rtl .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOne } html[lang^=ko] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOneKorean, Dotum, "돋움", sans-serif } html[lang^=my] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOne, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOne, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOne, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-family: SamsungOneGeorgian, Sylfaen } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-size: 20px } } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { position: relative; overflow: hidden; width: 421px; width: 29.2361111111vw; height: 236px; height: 16.3888888889vw; border-radius: 12px; border-radius: .8333333333vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 421px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { height: 236px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { border-radius: 12px } } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 86px; width: 5.9722222222vw; height: 86px; height: 5.9722222222vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='86' viewBox='0 0 86 86'%3E%3Cg id='button' transform='translate(24.949 34.369)'%3E%3Cg id='Button_Common_6._Play_Normal' data-name='Button / Common / 6. Play / Normal' transform='translate(-24.949 -34.369)'%3E%3Cg id='_2_Component-_-Button_CTA_-_-18' data-name='2_Component-/-Button(CTA)-/-18' transform='translate(25 28)'%3E%3Ccircle id='Oval' cx='43' cy='43' r='43' transform='translate(-25 -28)' fill='rgba(0,0,0,0.95)' opacity='0.5'/%3E%3Cg id='Icon' transform='translate(3 -6)'%3E%3Cg id='그룹_692' data-name='그룹 692' transform='translate(0 0)'%3E%3Cpath id='Icon-_-Bold-_-Media-_-Play' data-name='Icon-/-Bold-/-Media-/-Play' d='M10.987,4a2.572,2.572,0,0,1,2.546.187l.106.072L38.833,22.146a2.866,2.866,0,0,1,.1,4.6l-.1.075L13.638,44.716a2.687,2.687,0,0,1-1.555.511,2.513,2.513,0,0,1-1.207-.31,2.757,2.757,0,0,1-1.4-2.35l0-.126V6.528a2.783,2.783,0,0,1,1.3-2.416l.1-.06Z' transform='translate(-7.475 -3.742)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 100% 100% } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 86px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { height: 86px } } .wearable-ring .choose-size .common__video-wrap .common-video-popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999999 } .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__dimmed { background-color: rgba(0, 0, 0, .88) } .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { top: auto; right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -68px; bottom: -4.7222222222vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -68px } } .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__body { position: static; width: auto; height: auto } .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { overflow: hidden; min-height: 300px; min-height: 20.8333333333vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 300px } } .wearable-ring .choose-size .common__video-wrap .common-video-popup__content { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { overflow: hidden; position: relative; top: auto; left: auto; width: 1000px; height: 59.5vh; max-height: 565px; margin: 0; z-index: 101 } .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0 } .wearable-ring .choose-size .common__video-wrap .common-video-popup.is-active { display: block } .wearable-ring .choose-size__image { width: 548px; width: 38.0555555556vw; height: 336px; height: 23.3333333333vw } @media (min-width:1440px) { .wearable-ring .choose-size__image { width: 548px } } @media (min-width:1440px) { .wearable-ring .choose-size__image { height: 336px } } .wearable-ring .choose-size .common__carousel-wrap { position: relative; z-index: 1; width: 1200px; width: 83.3333333333vw; margin: 0 auto; margin-top: 40px; margin-top: 2.7777777778vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap { width: 1200px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap { margin-top: 40px } } .wearable-ring .choose-size .common__carousel-wrap .common__carousel { position: relative; width: 100% } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-inner { position: relative; 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% } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { overflow: hidden; color: #000; width: 282px; width: 19.5833333333vw; height: auto; margin-left: 24px; margin-left: 1.6666666667vw; padding: 94px 24px 44px; padding: 6.5277777778vw 1.6666666667vw 3.0555555556vw; -ms-flex-negative: 0; flex-shrink: 0; background: #fff; border-radius: 20px; border-radius: 1.3888888889vw } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { width: 282px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { margin-left: 24px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { padding: 94px 24px 44px } } @media (min-width:1440px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item { border-radius: 20px } } .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-left: 0 } .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-right: 0; margin-left: 24px; margin-left: 1.6666666667vw } @media (min-width:1440px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-item:first-child { margin-left: 24px } } .wearable-ring .choose-size .choose-size__step-num { position: relative; font-size: 16px; font-size: 1.1111111111vw; font-family: SamsungSharpSans, arial, sans-serif; padding-top: 50px; padding-top: 3.4722222222vw } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 16px } } html.rtl .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .choose-size .choose-size__step-num { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .choose-size .choose-size__step-num { font-family: SamsungSharpSans, Sylfaen } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-num { padding-top: 50px } } .wearable-ring .choose-size .choose-size__step-num--icon { position: absolute; left: 0; top: 0; width: 36px; width: 2.5vw; height: 36px; height: 2.5vw } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 36px } } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-num--icon { height: 36px } } .wearable-ring .choose-size .choose-size__step-tit { display: block; margin-top: 10px; margin-top: .6944444444vw; font-size: 22px; font-size: 1.5277777778vw; font-family: SamsungSharpSans, arial, sans-serif; line-height: 1.25 } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 10px } } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-tit { font-size: 22px } } html.rtl .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .choose-size .choose-size__step-tit { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .choose-size .choose-size__step-tit { font-family: SamsungSharpSans, Sylfaen } html[lang^=my] .wearable-ring .choose-size .choose-size__step-tit { line-height: 1.4 } .wearable-ring .choose-size .choose-size__step-desc { margin-top: 24px; margin-top: 1.6666666667vw; font-size: 14px; font-size: .9722222222vw; color: #313131; line-height: 1.42 } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 24px } } @media (min-width:1440px) { .wearable-ring .choose-size .choose-size__step-desc { font-size: 14px } } @media screen and (max-width:1023px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__content { width: 100% } .wearable-ring .choose-size .common__video-wrap .common-video-popup__content .common-video-popup__iframe { width: 100% } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__text .common__description, .wearable-ring .choose-size .common__text .common__headline { text-align: center !important } .wearable-ring .choose-size .common__content { margin-top: 51.1333333333px; margin-top: 6.6666666667vw; padding: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__content { margin-top: 24px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .choose-size__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wearable-ring .choose-size .common__video-wrap { width: 664.7333333333px; width: 86.6666666667vw; border-radius: 29.8277777778px; border-radius: 3.8888888889vw; margin: 63.9166666667px auto 0; margin: 8.3333333333vw auto 0 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap { border-radius: 14px; border-radius: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 29.8277777778px; padding: 3.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta { padding: 14px; padding: 3.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 272.7111111111px; width: 35.5555555556vw; margin: 0; font-size: 29.8277777778px; font-size: 3.8888888889vw; text-align: left; line-height: 1.42 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { width: 128px; width: 35.5555555556vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { font-size: 14px; font-size: 3.8888888889vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-title { text-align: right } .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 302.5388888889px; width: 39.4444444444vw; height: 170.4444444444px; height: 22.2222222222vw; border-radius: 21.3055555556px; border-radius: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { width: 142px; width: 39.4444444444vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { height: 80px; height: 22.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail { border-radius: 10px; border-radius: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 63.9166666667px; width: 8.3333333333vw; height: 63.9166666667px; height: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { width: 30px; width: 8.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common__video-cta .common__video-thumbnail:after { height: 30px; height: 8.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 468.7222222222px; min-height: 61.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__inner { min-height: 220px; min-height: 61.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { width: 100%; height: 468.7222222222px; height: 61.1111111111vw; max-height: 220px } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup__iframe { height: 220px; height: 61.1111111111vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -104.3972222222px; bottom: -13.6111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__video-wrap .common-video-popup .cm-layer__btn-close { bottom: -49px; bottom: -13.6111111111vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size__image { width: 664.7333333333px; width: 86.6666666667vw; height: 404.8055555556px; height: 52.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size__image { width: 312px; width: 86.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size__image { height: 190px; height: 52.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__carousel-wrap { width: 100%; margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap { margin-top: 24px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 468.7222222222px; width: 61.1111111111vw; height: auto; margin-left: 25.5666666667px; margin-left: 3.3333333333vw; padding: 117.1805555556px 42.6111111111px 49.0027777778px; padding: 15.2777777778vw 5.5555555556vw 6.3888888889vw; border-radius: 31.9583333333px; border-radius: 4.1666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { width: 220px; width: 61.1111111111vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 12px; margin-left: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { border-radius: 15px; border-radius: 4.1666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-left: 24px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-right: 24px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-left: 0; margin-right: 25.5666666667px; margin-right: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item { margin-right: 12px; margin-right: 3.3333333333vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 51.1333333333px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:first-child { margin-right: 24px; margin-right: 6.6666666667vw } } @media screen and (max-width:767px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 51.1333333333px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .rtl .wearable-ring .choose-size .common__carousel-wrap .common__carousel-container .common__carousel-item:last-child { margin-left: 24px; margin-left: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 21.3055555556px; font-size: 2.7777777778vw; padding-top: 68.1777777778px; padding-top: 8.8888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-num { font-size: 10px; font-size: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-num { padding-top: 32px; padding-top: 8.8888888889vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 51.1333333333px; width: 6.6666666667vw; height: 51.1333333333px; height: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-num--icon { width: 24px; width: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-num--icon { height: 24px; height: 6.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 10.6527777778px; margin-top: 1.3888888889vw; font-size: 34.0888888889px; font-size: 4.4444444444vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-tit { margin-top: 5px; margin-top: 1.3888888889vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-tit { font-size: 16px; font-size: 4.4444444444vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 25.5666666667px; margin-top: 3.3333333333vw; font-size: 25.5666666667px; font-size: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-desc { margin-top: 12px; margin-top: 3.3333333333vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .choose-size__step-desc { font-size: 12px; font-size: 3.3333333333vw } } @media screen and (max-width:767px) { .wearable-ring .choose-size .common__carousel-pagination-wrap { margin-top: 51.1333333333px; margin-top: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .choose-size .common__carousel-pagination-wrap { margin-top: 24px; margin-top: 6.6666666667vw } } .wearable-ring .android-connectivity .common__wrap { max-width: 1440px } .wearable-ring .android-connectivity .common__wrap .android-connectivity__cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; margin-top: 2.7777777778vw; gap: 10px; gap: .6944444444vw } @media (min-width:1440px) { .wearable-ring .android-connectivity .common__wrap .android-connectivity__cta { margin-top: 40px } } @media (min-width:1440px) { .wearable-ring .android-connectivity .common__wrap .android-connectivity__cta { gap: 10px } } .wearable-ring .android-connectivity .common__text { margin-left: 120px; margin-left: 8.3333333333vw } @media (min-width:1440px) { .wearable-ring .android-connectivity .common__text { margin-left: 120px } } .wearable-ring .android-connectivity .common__text .android-connectivity__cta { display: -webkit-box; display: -ms-flexbox; display: flex } .rtl .wearable-ring .android-connectivity .common__text { margin-left: auto; margin-right: 120px; margin-right: 8.3333333333vw } @media (min-width:1440px) { .rtl .wearable-ring .android-connectivity .common__text { margin-right: 120px } } .wearable-ring .android-connectivity .common__content .android-connectivity__cta { display: none } .wearable-ring .android-connectivity__image { width: 720px; width: 50vw; height: 1060px; height: 73.6111111111vw } @media (min-width:1440px) { .wearable-ring .android-connectivity__image { width: 720px } } @media (min-width:1440px) { .wearable-ring .android-connectivity__image { height: 1060px } } @media screen and (max-width:767px) { .wearable-ring .android-connectivity .common__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 0 } .wearable-ring .android-connectivity .common__text .android-connectivity__cta { display: none } .wearable-ring .android-connectivity .common__content .android-connectivity__cta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; gap: 21.3055555556px; gap: 2.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .android-connectivity .common__content .android-connectivity__cta { gap: 10px; gap: 2.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .android-connectivity__image { width: 100%; height: 703.0833333333px; height: 91.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .android-connectivity__image { height: 330px; height: 91.6666666667vw } } .wearable-ring .banner { padding: 60px 0 120px; padding: 4.1666666667vw 0 8.3333333333vw } @media (min-width:1440px) { .wearable-ring .banner { padding: 60px 0 120px } } .wearable-ring .banner__wrap { max-width: 988px; max-width: 68.6111111111vw; margin: 0 auto } @media (min-width:1440px) { .wearable-ring .banner__wrap { max-width: 988px } } .wearable-ring .banner__cards { gap: 20px; gap: 1.3888888889vw; display: grid } @media (min-width:1440px) { .wearable-ring .banner__cards { gap: 20px } } .wearable-ring .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-ring .banner__card { border-radius: 26px } } @media (min-width:1440px) { .wearable-ring .banner__card { padding: 40px 35px } } @media (min-width:1440px) { .wearable-ring .banner__card { gap: 20px } } .wearable-ring .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: 700 } html.rtl .wearable-ring .banner__card--title { font-family: SamsungSharpSans, SamsungOne } html[lang^=ko] .wearable-ring .banner__card--title { font-family: "Samsung Sharp Sans", SamsungOneKorean, sans-serif } html[lang^=th] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, SamsungOne, arial, sans-serif } html[lang^=my] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, Pyidaungsu, arial, sans-serif } html[lang^=zh-CN] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, "Microsoft Yahei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-TW] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=zh-HK] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, "Microsoft JhengHei", "微软雅黑", Simsun, "宋体", arial, sans-serif } html[lang^=ja] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, Meiryo, sans-serif } html[lang^=ka-GE] .wearable-ring .banner__card--title { font-family: SamsungSharpSans, Sylfaen } @media (min-width:1440px) { .wearable-ring .banner__card--title { font-size: 26px } } html[lang^=my] .wearable-ring .banner__card--title { line-height: 1.4 } .wearable-ring .banner__card--cta { padding: 15px 23px; padding: 1.0416666667vw 1.5972222222vw; border-radius: 8px; border-radius: .5555555556vw; font-size: 12px; font-size: .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-ring .banner__card--cta { padding: 15px 23px } } @media (min-width:1440px) { .wearable-ring .banner__card--cta { border-radius: 8px } } @media (min-width:1440px) { .wearable-ring .banner__card--cta { font-size: 12px } } html[lang^=my] .wearable-ring .banner__card--cta { line-height: 1.4 } .wearable-ring .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 .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out } .wearable-ring .banner__card--cta:hover { color: #fff } .wearable-ring .banner__card--cta:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1) } .wearable-ring .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-ring .banner__card--white .banner__card--title { color: #fff } .wearable-ring .banner__card--white .banner__card--cta { color: #fff; border: 1px solid #fff } .wearable-ring .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-ring .banner.banner--type1 .banner__card { height: 432px; height: 30vw } @media (min-width:1440px) { .wearable-ring .banner.banner--type1 .banner__card { height: 432px } } .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 364px; height: 25.2777777778vw; grid-column: span 3 } @media (min-width:1440px) { .wearable-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 364px } } .wearable-ring .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-ring .banner.banner--type2 .banner__card { height: 398px; height: 27.6388888889vw } @media (min-width:1440px) { .wearable-ring .banner.banner--type2 .banner__card { height: 398px } } .wearable-ring .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-ring .banner.banner--type2 .banner__card:nth-child(3) { height: 816px } } .wearable-ring .banner.banner--type3 .banner__cards { grid-template: 1fr/repeat(2, 1fr) } .wearable-ring .banner.banner--type3 .banner__card { height: 540px; height: 37.5vw } @media (min-width:1440px) { .wearable-ring .banner.banner--type3 .banner__card { height: 540px } } @media screen and (max-width:767px) { .wearable-ring .banner { padding: 127.8333333333px 51.1333333333px; padding: 16.6666666667vw 6.6666666667vw } .wearable-ring .banner__wrap { max-width: initial } .wearable-ring .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-ring .banner__cards { gap: 20px; gap: 5.5555555556vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .banner__card { gap: 24px; gap: 6.6666666667vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .banner__card { border-radius: 26px; border-radius: 7.2222222222vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .banner__card--title { font-size: 24px; font-size: 6.6666666667vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .banner__card--title { line-height: 1.4 } .wearable-ring .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-ring .banner__card--cta { border-radius: 8px; border-radius: 2.2222222222vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .banner__card--cta { font-size: 12px; font-size: 3.3333333333vw } } @media screen and (max-width:767px) { html[lang^=my] .wearable-ring .banner__card--cta { line-height: 1.4 } .wearable-ring .banner.banner--type1 .banner__card { height: 788.3055555556px; height: 102.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .banner.banner--type1 .banner__card { height: 370px; height: 102.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .banner.banner--type1 .banner__card:nth-child(4) { height: 438px; height: 121.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .banner.banner--type2 .banner__card { height: 788.3055555556px; height: 102.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .banner.banner--type2 .banner__card { height: 370px; height: 102.7777777778vw } } @media screen and (max-width:767px) { .wearable-ring .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-ring .banner.banner--type2 .banner__card:nth-child(3) { height: 438px; height: 121.6666666667vw } } @media screen and (max-width:767px) { .wearable-ring .banner.banner--type3 .banner__card { height: 788.3055555556px; height: 102.7777777778vw } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .banner.banner--type3 .banner__card { height: 370px; height: 102.7777777778vw } } .wearable-ring .samsung-health-eco-system .common__content { -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-ring .samsung-health-eco-system__image { width: 1200px; width: 83.3333333333vw } @media (min-width:1440px) { .wearable-ring .samsung-health-eco-system__image { width: 1200px } } .wearable-ring .samsung-health-eco-system__cta { margin-top: 30px; margin-top: 2.0833333333vw } @media (min-width:1440px) { .wearable-ring .samsung-health-eco-system__cta { margin-top: 30px } } @media screen and (max-width:767px) { .wearable-ring .samsung-health-eco-system__image { width: 100% } .wearable-ring .samsung-health-eco-system__cta { margin-top: 0; margin-top: 0 } } @media screen and (max-width:767px) and (max-width:360px) { .wearable-ring .samsung-health-eco-system__cta { margin-top: 0; margin-top: 0 } } </style> <style> .color_yb .common-accordion__description, .color_yb .common-accordion__disclaimer, .color_yb .common-accordion__title, .color_yb .common-accordion__title-arrow, .color_yb .common-cta-howto, .color_yb .common-description, .color_yb .common-disclaimer, .color_yb .common-hashtag-text, .color_yb .common-headline, .color_yb .common-popup__close--bottom .common-popup__close-cta, .color_yb .common-popup__description, .color_yb .common-popup__title, .color_yb .common-sub-headline, .color_yb .common-tutorial .common-tutorial__tooltip-text.common-tutorial__tooltip-text--black, .color_yb .common-tutorial__alert, .color_yb .common-tutorial__eyebrow, .color_yb .common-tutorial__headline, .color_yb .common-tutorial__info-description, .color_yb .common-tutorial__info-title, .color_yb .common-tutorial__tooltip-text, .color_yb .highlights-accessories__headline, .color_yb .highlights-ai.is-active .common-headline .common-text, .color_yb .highlights-battery__info-inner, .color_yb .highlights-camera__spec-desc, .color_yb .highlights-camera__spec-title, .color_yb .highlights-color__carousel-exclusive-text, .color_yb .highlights-color__exclusive-badge, .color_yb .highlights-color__tab-exclusive-text, .color_yb .highlights-color__tab-name, .color_yb .highlights-galaxy-offers__card-desc, .color_yb .highlights-galaxy-offers__card-title, .color_yb .highlights-intro-film .highlights-media-quote__eyebrow, .color_yb .highlights-intro-film .highlights-media-quote__media, .color_yb .highlights-intro-film .highlights-media-quote__text, .color_yb .highlights-intro-film .highlights-media-quote__topic, .color_yb .highlights-intro-film .highlights-tvc__item-title, .color_yb .highlights-kv__description, .color_yb .highlights-kv__disclaimer, .color_yb .highlights-kv__headline, .color_yb .highlights-overview__banner-description, .color_yb .highlights-overview__banner-text, .color_yb .highlights-overview__banner-title, .color_yb .highlights-overview__info-title, .color_yb .highlights-overview__navigation-button-text, .color_yb .highlights-quad-telephoto-popup__info-text, .color_yb .highlights-switching__card-description, .color_yb .highlights-switching__card-title, .color_yb .highlights-viewer__title { background-color: #000 !important; color: #fff01f !important } .common-headline,.common-popup__title,.common-sub-headline,.common-tutorial__headline,.common-tutorial__info-title,.highlights-accessories__headline,.highlights-battery__info-unit,.highlights-battery__info-value,.highlights-camera__spec-title,.highlights-faq__feature-title,.highlights-galaxy-offers__card-title,.highlights-gaming__info-unit,.highlights-gaming__info-value,.highlights-intro-film .highlights-media-quote__eyebrow,.highlights-intro-film .highlights-media-quote__media,.highlights-intro-film .highlights-media-quote__text,.highlights-intro-film .highlights-media-quote__topic,.highlights-intro-film .highlights-tvc__item-title,.highlights-kv__headline,.highlights-one-ui__headline,.highlights-one-ui__title,.highlights-overview__banner-title,.highlights-overview__info-title,.highlights-switching__card-title{ font-family: SamsungSharpSans, SamsungOne, 'sans serif'; font-weight: 700 } .common-accordion__title, .common-cta-howto, .common-popup__close--bottom .common-popup__close-cta, .common-tutorial__eyebrow, .highlights-battery__info-category, .highlights-color__exclusive-badge, .highlights-color__tab-name, .highlights-faq__question-arrow, .highlights-gaming__info-title, .highlights-overview__banner-cta .common-cta-underline, .highlights-overview__navigation-button-text, .highlights-overview__textbox strong, .highlights-quad-telephoto__zoom-tooltip-text, .highlights-viewer__title { font-family: SamsungOne; font-weight: 700 } .highlights { font-family: SamsungOne } .highlights img { width: 100% } .highlights .swiper-button-next, .highlights .swiper-button-prev { display: block; width: 40px; height: 40px; margin-top: -20px } .highlights .swiper-button-next::after, .highlights .swiper-button-prev::after { content: '' !important; display: block; width: 100%; height: 100%; background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-carousel-arrow-white.svg) } .color_yb .highlights .swiper-button-next::after, .color_yb .highlights .swiper-button-prev::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-carousel-arrow-yellow.svg) !important } .highlights .is-theme-white .swiper-button-next::after, .highlights .is-theme-white .swiper-button-prev::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-carousel-arrow-black.svg) } .highlights .swiper-button-prev::after { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1) } .highlights .swiper-button-next::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .highlights .swiper-button-disabled { display: none !important } .highlights .swiper-pagination-wrap { text-align: center } .highlights .swiper-pagination { position: static !important; width: auto !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 24px } .highlights .swiper-pagination-bullet { width: 8px; height: 8px; margin: 7px 5px !important; background-color: #8f8f8f; opacity: 1 } .highlights .swiper-pagination-bullet-active { background-color: #fff; opacity: 1 } .highlights .common-tutorial__eyebrow sup .click_sup { font-weight: inherit; font-family: inherit } .highlights-common-youtube__item-title span { display: block } .theme-black { background-color: #000; color: #fff } .is-layer-open #consent_blackbar, .is-layer-open #kampyleButtonContainer, .is-layer-open #teconsent, .is-layer-open .QSIFeedbackButton, .is-layer-open [id^=spr-live-] { display: none !important; position: relative; z-index: -1 !important; -webkit-transform-style: preserve-3d; -webkit-transform: translateZ(-5px) } .common-inner { margin: 0 auto } .common-headline { display: block } .common-sub-headline { display: block } .common-disclaimer { color: #575757 } .theme-black .common-disclaimer { color: #999 } .common-text { display: block } .common-hashtag { display: block; padding-bottom: 10px } .common-hashtag-text { position: relative; display: block; text-align: left } .common-hashtag-text::before { content: ''; position: absolute; top: 0; left: 0; display: inline-block; vertical-align: top } .is-bg-load-complete .common-hashtag-text::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-insta.svg); background-size: 100% } .common-hashtag-inner { color: #006ff2 } .common-cta-howto { position: relative; text-align: inherit } .common-cta-howto__text { vertical-align: middle } .common-mute-button, .common-play-button { position: absolute; bottom: 0; border-radius: 50% } html:not(.low_network) .common-mute-button, html:not(.low_network) .common-play-button { opacity: 0 } .common-mute-button.focus-visible, .common-play-button.focus-visible, .is-ended .common-mute-button, .is-ended .common-play-button { opacity: 1 !important } .common-play-button { right: 0; z-index: 1 } .common-mute-button { z-index: 10 } .is-ended .common-mute-button { display: none } .common-mute-button::after, .common-mute-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% auto; -webkit-transition: .35s; -o-transition: .35s; transition: .35s } .common-mute-button::before { display: block } .common-mute-button::after { display: none } .common-mute-button.is-unmuted::after { display: block } .common-mute-button.is-unmuted::before { display: none } .common-cta-encased--tutorial { border: 1px solid #fff } .common-cta-encased--tutorial .common-cta-encased__text { color: #fff } @media screen and (max-width:767px) { .highlights sup { font-size: 9px } .highlights .common-tutorial__eyebrow sup { top: .5em } .highlights .common-headline sup { top: 1.4em } .highlights .common-sub-headline sup { top: 0; line-height: 1.8 } .common-inner { width: 100%; max-width: 360px; padding-right: 24px; padding-left: 24px } .common-headline { font-size: 40px; line-height: 1.2; text-align: center } .common-sub-headline { width: auto; font-size: 30px; line-height: 1.33 } .common-description { font-size: 14px; line-height: 1.35 } .common-description+.common-description { margin-top: 20px } .common-headline+.common-description { margin-top: 20px } .common-sub-headline+.common-description { width: auto; margin-top: 17px } .common-disclaimer { font-size: 10px; line-height: 1.3 } .common-disclaimer+.common-disclaimer { margin-top: 10px } .common-headline+.common-disclaimer { margin-top: 10px } .common-description+.common-disclaimer, .common-description+.common-disclaimer-list { margin-top: 16px } .common-sub-headline+.common-cta-area { margin-top: 21px } .common-description+.common-cta-area { margin-top: 40px } .common-description+.common-cta-area .common-cta-howto { margin-top: -4px } .common-disclaimer+.common-cta-area, .common-disclaimer-list+.common-cta-area { margin-top: 36px } .common-disclaimer+.common-cta-area .common-cta-howto, .common-disclaimer-list+.common-cta-area .common-cta-howto { margin-top: -4px } .common-textbox--column .common-headline~.common-textbox__column { margin-top: 35px } .common-textbox--column .common-sub-headline~.common-textbox__column { margin-top: 20px } .common-sub-headline+.common-textbox__column { margin-top: 17px } .common-hashtag { padding-top: 15px } .common-hashtag-text { font-size: 11px; padding-left: 22px } .common-hashtag-text::before { top: -3px; width: 18px; height: 18px } .common-cta-howto { width: 281px; padding: 10px 0 10px; font-size: 16px; line-height: 1.25 } .common-play-button { width: 24px; height: 24px; margin: 12px } .is-bg-load-complete.common-video__white .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-black-mo.svg) } .is-bg-load-complete.common-video__black .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-white-mo.svg) } .is-bg-load-complete.common-video__white .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-black-mo.svg) } .is-bg-load-complete.common-video__black .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-white-mo.svg) } .common-mute-button { bottom: 10px; right: 40px !important; width: 24px; height: 24px } .is-bg-load-complete .common-mute-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-unmute-mo.svg) } .is-bg-load-complete .common-mute-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-mute-mo.svg) } } @media screen and (min-width:768px) { .highlights sup { font-size: 11px } .highlights .common-tutorial__eyebrow sup { top: .3em } .highlights .common-headline sup { top: 1.5em } .highlights .common-sub-headline sup { top: .9em } .common-inner { width: 988px } .common-headline { font-size: 60px; line-height: 1.2 } .common-sub-headline { font-size: 38px; line-height: 1.21 } .common-description { font-size: 18px; line-height: 1.33 } .common-description+.common-description { margin-top: 24px } .common-headline+.common-description { margin-top: 44px } .common-sub-headline+.common-description { margin-top: 23px } .common-disclaimer { font-size: 14px; line-height: 1.42 } .common-disclaimer+.common-disclaimer { margin-top: 10px } .common-headline+.common-disclaimer { margin-top: 18px } .common-description+.common-disclaimer, .common-description+.common-disclaimer-list { margin-top: 16px } .common-sub-headline+.common-cta-area { margin-top: 26px } .common-description+.common-cta-area, .common-disclaimer+.common-cta-area, .common-disclaimer-list+.common-cta-area { margin-top: 40px } .common-textbox .common-sub-headline { width: 456px } .is-english .common-textbox .common-sub-headline { width: 430px } .common-textbox .common-description { width: 460px } .is-english .common-textbox .common-description { width: 460px } .common-textbox .common-disclaimer { width: 460px } .is-english .common-textbox .common-disclaimer { width: 460px } .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .common-textbox--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .common-textbox--horizontal .common-textbox__column { padding-right: 24px } .common-textbox--vertical { width: 456px } .is-english .common-textbox--vertical { width: 400px } .common-textbox--vertical .common-description, .common-textbox--vertical .common-disclaimer, .common-textbox--vertical .common-sub-headline { width: 456px } .is-english .common-textbox--vertical .common-description, .is-english .common-textbox--vertical .common-disclaimer, .is-english .common-textbox--vertical .common-sub-headline { width: 400px } .common-hashtag { padding-top: 13px } .common-hashtag-text { padding-left: 26px; font-size: 14px; line-height: 1.28 } .common-hashtag-text::before { top: -3px; width: 22px; height: 22px } .common-cta-howto { padding: 17px 0 15px 0; font-size: 16px; line-height: 1.25 } .common-play-button { width: 36px; height: 36px; margin: 12px } .is-bg-load-complete.common-video__white .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-black.svg) } .is-bg-load-complete.common-video__black .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-white.svg) } .is-bg-load-complete.common-video__white .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-black.svg) } .is-bg-load-complete.common-video__black .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-white.svg) } .common-mute-button { right: -20px; width: 36px; height: 36px } .is-bg-load-complete .common-mute-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-unmute.svg) } .is-bg-load-complete .common-mute-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-mute.svg) } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights sup { font-size: 9px } .highlights .common-tutorial__eyebrow sup { top: .5em } .highlights .swiper-pagination { padding: 0 7px } .common-inner { width: 688px } .common-headline { font-size: 40px; line-height: 1.2 } .common-sub-headline { font-size: 30px; line-height: 1.33 } .common-description { font-size: 14px; line-height: 1.357 } .common-headline+.common-description { margin-top: 26px } .common-sub-headline+.common-description { margin-top: 18px } .common-description+.common-description { margin-top: 19px } .common-disclaimer { font-size: 10px; line-height: 1.3 } .common-disclaimer+.common-disclaimer { margin-top: 10px } .common-headline+.common-disclaimer { margin-top: 10px } .common-description+.common-disclaimer, .common-description+.common-disclaimer-list { margin-top: 16px } .common-sub-headline+.common-cta-area { margin-top: 23px } .common-description+.common-cta-area { margin-top: 40px } .common-disclaimer+.common-cta-area, .common-disclaimer-list+.common-cta-area { margin-top: 40px } .common-cta-howto { padding: 12px 0 15px; font-size: 16px; line-height: 1.25 } .common-play-button { width: 32px; height: 32px; margin: 12px } .common-mute-button { right: -10px; width: 32px; height: 32px } .common-textbox .common-sub-headline { width: 300px } .is-english .common-textbox .common-sub-headline { width: 266px } .common-textbox .common-description { width: 334px } .is-english .common-textbox .common-description { width: 334px } .common-textbox .common-disclaimer { width: 334px } .is-english .common-textbox .common-disclaimer { width: 334px } .common-textbox--horizontal .common-textbox__column { padding-right: 0 } .common-textbox--vertical { width: 300px } .is-english .common-textbox--vertical { width: 266px } .common-textbox--vertical .common-description { width: 300px } .is-english .common-textbox--vertical .common-description { width: 266px } .common-textbox--vertical .common-disclaimer { width: 300px } .is-english .common-textbox--vertical .common-disclaimer { width: 266px } } .color_yb .swiper-pagination { background-color: #000 !important; border-color: #fff01f !important; color: #fff01f !important } .color_yb .swiper-pagination-bullet { background-color: transparent; border: 1px solid #fff01f !important } .color_yb .swiper-pagination-bullet-active { background: #fff01f !important } .color_yb .theme-black { color: #fff01f !important } .color_yb .common-hashtag-inner { color: #fff01f !important } .color_yb .common-play-button { background-color: #000 !important } .color_yb .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-yellow-mo.svg) !important } @media screen and (min-width:768px) { .color_yb .common-play-button::before { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-yellow.svg) !important } } .color_yb .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-yellow-mo.svg) !important } @media screen and (min-width:768px) { .color_yb .common-play-button::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-yellow.svg) !important } } .color_yb .common-mute-button { background-color: #000 !important } .color_yb .common-mute-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-unmute-yellow-mo.svg) !important } @media screen and (min-width:768px) { .color_yb .common-mute-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-unmute-yellow.svg) !important } } .color_yb .common-mute-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-mute-yellow-mo.svg) !important } @media screen and (min-width:768px) { .color_yb .common-mute-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-mute-yellow.svg) !important } } .color_yb .common-popup__close-cta { border-color: #fff01f !important; background-color: #000 !important } .color_yb .common-popup__close-cta::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-close-x-yellow.svg) } .common-accordion { margin-top: 40px } .common-accordion__item { padding: 0 0 17px; border-radius: 10px; background-color: #f1f1f1 } .common-accordion__item+.common-accordion__item { position: relative; margin-top: -20px } .common-accordion__item:nth-child(2) { background-color: #e2e2e2 } .common-accordion__item:nth-child(3) { background-color: #cfcfcf } .common-accordion__item:last-child { padding-bottom: 0 } .common-accordion__item.is-open .common-accordion { padding-bottom: 0 } .common-accordion__item.is-open .common-accordion__title-arrow::after { -webkit-transform: rotate(180deg) translate(0, 50%); -ms-transform: rotate(180deg) translate(0, 50%); transform: rotate(180deg) translate(0, 50%) } .common-accordion__item.is-open .common-accordion__content { -webkit-box-sizing: content-box; box-sizing: content-box; padding-bottom: 35px } .common-accordion__title { font-size: 16px; line-height: 1.3125; color: inherit; -webkit-transition: padding .3s; -o-transition: padding .3s; transition: padding .3s } .common-accordion__title-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 76px; padding: 17px 72px 17px 20px } .common-accordion__title-arrow { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 36px; text-align: inherit; background-color: transparent; cursor: pointer } .common-accordion__title-arrow::after { content: ''; position: absolute; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .is-bg-load-complete .common-accordion__title-arrow::after { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-accordion-arrow-black.svg) no-repeat center; background-size: auto } .common-accordion__content { padding: 0 16px } .common-accordion__content-wrap { overflow: hidden; height: 0 } .common-accordion__cta { margin-top: 18px } .common-accordion__description { font-size: 14px; line-height: 1.35 } .common-accordion__disclaimer { font-size: 10px; line-height: 1.3; color: #999 } .common-accordion__description+.common-accordion__disclaimer { margin-top: 21px } .is-english .common-accordion .common-disclaimer { width: auto } @media screen and (min-width:768px) { .common-accordion { width: 400px } .common-accordion__wrap { width: auto } .common-accordion__item { padding: 0 0 33px; border-radius: 20px } .common-accordion__item.is-open .common-accordion__content { padding-bottom: 32px } .common-accordion__item+.common-accordion__item { margin-top: -33px } .common-accordion__title { font-size: 18px; line-height: 1.33 } .common-accordion__title-wrap { min-height: 72px; padding: 24px 81px 24px 25px } .common-accordion__title-arrow { right: 25px } .common-accordion__title-arrow::after { width: 36px; height: 36px } .common-accordion__content { padding: 0 25px } .common-accordion__cta { margin-top: 18px } .common-accordion__disclaimer { font-size: 14px } } @media screen and (min-width:768px) and (max-width:1023px) { .common-accordion { width: 312px } .common-accordion__title { font-size: 16px; line-height: 1.3125 } .common-accordion__title-wrap { padding: 16px 70px 16px 20px } .common-accordion__title-arrow { right: 20px } .common-accordion__content { padding: 0 16px } } .color_yb .common-accordion__item.is-bg-load-complete .common-accordion__title-arrow:after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-accordion-arrow-yellow.svg) } .common-accordion__item { background-color: #303035 } .common-accordion__item:nth-child(2) { background-color: #1f1f26 } .common-accordion__item:nth-child(3) { background-color: #181818 } .common-accordion__title-arrow::after { opacity: .48 } .is-bg-load-complete .common-accordion__title-arrow::after { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-accordion-arrow-white.svg) no-repeat center; background-size: 36px auto } @media screen and (min-width:768px) and (max-width:1023px) { .common-accordion { width: 266px } } .color_yb .common-accordion__title-arrow:after { opacity: 1 } .common-video { position: relative; height: 100% } .common-video:hover .common-mute-button, .common-video:hover .common-video__control { opacity: 1 !important } .common-video__control { display: none; overflow: hidden; position: absolute; z-index: 10 } .common-popup .common-video__control { opacity: 1 !important } .common-video__control::after, .common-video__control::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% auto; -webkit-transition: .35s; -o-transition: .35s; transition: .35s } .common-video__control::before { opacity: 1 } .common-video__control::after { opacity: 0 } .common-video__figure { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .common-video__figure img { width: 100%; height: 100% } @media screen and (max-width:767px) { .ios .common-video__figure { -webkit-clip-path: inset(.5px .5px); clip-path: inset(.5px .5px) } } .common-video__video { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden } .common-video__cover-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 } .common-video__cover-image { opacity: 1; visibility: visible } .common-video__frame .common-video__control { left: 100%; margin: 12px 12px 0 18px } .common-video.is-loaded .common-video__video { opacity: 1; visibility: visible } .low_network .common-video.is-loaded .common-video__video { opacity: 0; visibility: hidden } .common-video.is-loaded .common-video__cover-image { opacity: 0; visibility: hidden } .low_network .common-video.is-loaded .common-video__cover-image { opacity: 1; visibility: visible } .common-video.is-loaded .common-video__control { display: block } .common-video.is-playing .common-video__control::before { opacity: 0 } .common-video.is-playing .common-video__control::after { opacity: 1 } .common-video.is-playing .common-video__video { opacity: 1; visibility: visible } .low_network .common-video.is-playing .common-video__video { opacity: 1; visibility: visible } .common-video.is-playing .common-video__cover-image { opacity: 0; visibility: hidden } .low_network .common-video.is-playing .common-video__cover-image { opacity: 0; visibility: hidden } .common-video.is-paused .common-video__control::before { opacity: 1 } .common-video.is-paused .common-video__control::after { opacity: 0 } .common-video.is-paused .common-video__video { opacity: 1; visibility: visible } .low_network .common-video.is-paused .common-video__video { opacity: 1; visibility: visible } .common-video.is-paused .common-video__cover-image { opacity: 0; visibility: hidden } .low_network .common-video.is-paused .common-video__cover-image { opacity: 0; visibility: hidden } .common-video.is-ended .common-video__control::before { opacity: 1 } .common-video.is-ended .common-video__control::after { opacity: 0 } .common-video.is-ended .common-video__cover-image { opacity: 0; visibility: hidden } .common-video.is-completed .common-video__control { opacity: 1 } @media screen and (min-width:1024px) { .common-video__frame .common-video__control { margin: 12px 12px 0 28px } } .common-popup { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; max-width: none; background-color: rgba(0, 0, 0, .5); -webkit-backdrop-filter: saturate(180%) blur(8px); backdrop-filter: saturate(180%) blur(8px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .common-popup.is-open .common-popup__inner-wrapper { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .common-popup.is-init { visibility: visible; opacity: 1 } .common-popup__inner-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out } .common-popup__inner-wrap { position: relative; 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; min-height: 100%; padding: 30px 16px } .common-popup__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; z-index: 1; max-width: 534px; margin: 0 auto; border-radius: 12px; background-color: #1c1c1c } .common-popup__dimmed { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media screen and (max-width:767px) { .common-popup__dimmed { pointer-events: none } } .common-popup__content-wrap { max-width: 328px; margin: 0 auto; padding-top: 12px; padding-bottom: 26px } .common-popup__content+.common-popup__content { margin-top: 38px } @media screen and (max-width:767px) { .common-popup .common-hashtag, .common-popup__text { padding-left: 16px; padding-right: 16px } } .common-popup__close { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex } .common-popup__close--top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 16px; padding-right: 16px } .common-popup__close--top .common-popup__close-cta { position: relative; overflow: hidden; width: 28px; height: 28px; border-radius: 50%; background-color: #fff; -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; cursor: pointer } .common-popup__close--top .common-popup__close-cta:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .common-popup__close--top .common-popup__close-cta::after, .common-popup__close--top .common-popup__close-cta::before { content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #000 } .common-popup__close--top .common-popup__close-cta::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .common-popup__close--top .common-popup__close-cta::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .common-popup__close--bottom { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 45px } .common-popup__close--bottom .common-popup__close-cta { padding: 11px 22px; border: 1px solid #fff; border-radius: 24px; font-size: 14px; line-height: 1; color: #fff } .common-popup__title { display: block; font-size: 24px; line-height: 1.33 } .common-popup__description { font-size: 14px; line-height: 1.36; margin-top: 24px } .common-popup__description+.common-disclaimer { margin-top: 16px } .common-popup__image { position: relative } .common-popup__video { position: relative } @media screen and (min-width:768px) { .common-popup__inner-wrap { padding: 60px 0 } .common-popup__inner { max-width: 1100px; border-radius: 24px } .common-popup__content-wrap { max-width: none; width: 988px; padding-top: 21px; padding-bottom: 40px } .common-popup__content--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .common-popup__content+.common-popup__content { margin-top: 109px } .common-popup__close--top { padding-top: 20px; padding-right: 20px } .common-popup__close--top .common-popup__close-cta { width: 36px; height: 36px } .common-popup__close--top .common-popup__close-cta::after, .common-popup__close--top .common-popup__close-cta::before { width: 21px; height: 2px } .common-popup__close--bottom { margin-top: 74px } .common-popup__text { width: 652px; margin-left: auto; margin-right: auto; text-align: center } .common-popup__content--horizontal .common-popup__text { width: 456px; margin: 0; text-align: left } .is-english .common-popup__content--horizontal .common-popup__text { width: 400px } .common-popup__title { font-size: 38px; line-height: 1.21 } .common-popup__description { margin-top: 66px; font-size: 18px; line-height: 1.33 } .common-popup__description+.common-disclaimer { margin-top: 14px } .common-popup__content--horizontal .common-popup__description { margin-top: 23px } } @media screen and (min-width:768px) and (max-width:1023px) { .common-popup__inner-wrap { padding: 30px 0 } .common-popup__inner { max-width: 688px; border-radius: 20px } .common-popup__content-wrap { width: 688px; padding-top: 12px; padding-bottom: 26px } .common-popup__content+.common-popup__content { margin-top: 37px } .common-popup__content--horizontal { padding: 0 40px } .common-popup__text { width: 460px } .common-popup__content--horizontal .common-popup__text { width: 300px } .is-english .common-popup__content--horizontal .common-popup__text { width: 266px } .common-popup__close--top { padding-top: 16px; padding-right: 16px } .common-popup__close--bottom { margin-top: 43px } .common-popup__title { font-size: 24px; line-height: 1.33 } .common-popup__description { margin-top: 25px; font-size: 14px; line-height: 1.357 } .common-popup__description+.common-disclaimer { margin-top: 16px } .common-popup__content--horizontal .common-popup__description { margin-top: 20px } } .color_yb .common-popup__close--top .common-popup__close-cta { background-color: #000 !important } .color_yb .common-popup__close--top .common-popup__close-cta::after, .color_yb .common-popup__close--top .common-popup__close-cta::before { background-color: #fff01f !important } .color_yb .common-popup__close--bottom .common-popup__close-cta { border-color: #000 !important } .common-tutorial { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: auto; visibility: hidden; opacity: 0; pointer-events: none; max-width: none; background-color: #fff } .common-tutorial.is-open { z-index: 10000; visibility: visible; opacity: 1; pointer-events: auto } .common-tutorial .common-cta-encased { z-index: auto } .common-tutorial .common-video__figure { -webkit-clip-path: inset(.5px .5px); clip-path: inset(.5px .5px) } .common-tutorial__inner-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto } .common-tutorial__inner-wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100% } .common-tutorial__inner { position: relative; 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; max-width: 1440px; width: 100%; height: inherit; margin: 0 auto } .common-tutorial__close { position: absolute; top: 20px; right: 20px } .common-tutorial.is-tutorial-opened-mo .common-tutorial__close--popup { display: none } .common-tutorial__close--video { display: none; position: fixed; z-index: 20001; top: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .common-tutorial.is-tutorial-opened-mo .common-tutorial__close--video { display: block } .common-tutorial__close-cta { position: relative; overflow: hidden; width: 28px; height: 28px; border-radius: 50%; background-color: #000 !important; -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; cursor: pointer } .common-tutorial__close-cta:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .common-tutorial__close-cta::after, .common-tutorial__close-cta::before { content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; width: 16px; height: 1px; background-color: #fff } .common-tutorial__close-cta::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .common-tutorial__close-cta::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } @media screen and (max-width:767px) { .common-tutorial__close-cta--video { width: 50px; height: 50px; background: #fff !important; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .common-tutorial__close-cta--video::after, .common-tutorial__close-cta--video::before { width: 20px; background-color: #000 } } .common-tutorial__content-wrap { max-width: 360px; width: 100%; margin: 0 auto; padding-top: 70px } @media screen and (max-width:767px) { .common-tutorial__content-wrap { min-width: 320px; height: 100% } } .common-tutorial__content { 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) { .common-tutorial__text { padding: 0 24px; text-align: center } } .common-tutorial__eyebrow { font-size: 12px } .common-tutorial__headline { min-height: 95px; margin-top: 14px; font-size: 24px; line-height: 1.31 } .common-tutorial__cta-area { position: relative; min-height: 40px; margin-top: 34px } .common-tutorial__cta { display: none } .common-tutorial__cta.is-active { display: block } .common-tutorial__cta--play .common-cta-encased .common-cta-encased__text::before { display: none } .common-tutorial__cta--play .common-cta-encased .common-cta-encased__text::after { content: ''; position: absolute; top: 50%; right: -20px; width: 16px; height: 16px; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background-repeat: no-repeat; background-size: 100% } .common-tutorial__cta--play .common-cta-encased.is-bg-load-complete .common-cta-encased__text::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-go-feature-cta-white.svg) } .common-tutorial__cta--pause .common-cta-encased--icon { padding-left: 43px; padding-right: 22px } .common-tutorial__cta--pause .common-cta-encased .common-cta-encased__text::before { content: ''; position: absolute; top: 50%; left: -20px; width: 16px; height: 16px; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; background-repeat: no-repeat; background-size: 100% } .common-tutorial__cta--pause .common-cta-encased .common-cta-encased__text::after { display: none } .common-tutorial__cta--pause .common-cta-encased.is-bg-load-complete .common-cta-encased__text::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-go-feature-cta-white.svg) } .common-tutorial__video-content { position: relative } @media screen and (max-width:767px) { .common-tutorial__video-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; margin-top: 35px } } @media screen and (max-width:767px) { .common-tutorial__video-wrap { width: 100% } } .common-tutorial__videos { position: relative } .common-tutorial__info-area { display: none; position: fixed; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } .common-tutorial__video-content.is-info-open .common-tutorial__info-area { display: -webkit-box; display: -ms-flexbox; display: flex } .common-tutorial__video-content.is-info-visible .common-tutorial__info-area { opacity: 1; -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s } .common-tutorial__info { 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-pack: center; -ms-flex-pack: center; justify-content: center; width: 220px; min-height: 150px; padding: 25px; text-align: center; background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3) } @media screen and (max-width:767px) { .common-tutorial__info { margin: 0 24px } } .common-tutorial__info-title { font-size: 12px; color: #565656 } .common-tutorial__info-description { margin-top: 13px; font-size: 14px; line-height: 1.44 } .common-tutorial__video-content.is-tutorial-opened .common-tutorial__intro-video .common-tutorial__video { pointer-events: none } @media screen and (max-width:767px) { .common-tutorial__intro-video .common-video img { position: absolute; top: 0; left: 0 } .common-tutorial__intro-video .common-video::after { content: ""; display: block; width: 100%; padding-top: 140% } } .common-tutorial__intro-video .common-video img { opacity: 1 !important; visibility: visible !important } .common-tutorial__intro-video .common-video video { z-index: 1 } .common-tutorial__intro-video .common-video__control { top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; margin: 0; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3) } @media screen and (max-width:767px) { .common-tutorial__main-video-wrap { display: none } .common-tutorial__video-content.is-info-open .common-tutorial__main-video-wrap, .common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video-wrap { display: block; position: fixed; z-index: 20000; top: 0; left: 0; right: 0; bottom: 0; background-color: #000 } } .common-tutorial__main-video { pointer-events: none } @media screen and (max-width:767px) { .common-tutorial__main-video { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100% } } .common-tutorial__video-content.is-info-open .common-tutorial__main-video, .common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video { pointer-events: auto } .common-tutorial__main-video .common-tutorial__video { position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none } .common-tutorial__main-video .common-tutorial__video.is-visible { visibility: visible; opacity: 1; pointer-events: auto } @media screen and (max-width:767px) { .common-tutorial__main-video .common-tutorial__video .common-video__control { margin: 0; bottom: 10px; left: auto; right: 10px } } .is-info-visible .common-tutorial__main-video .common-tutorial__video .common-video__control-wrap button { display: none !important } .common-tutorial__video-content.is-info-open .common-tutorial__main-video .common-tutorial__video, .common-tutorial__video-content.is-info-visible .common-tutorial__main-video .common-tutorial__video { -webkit-filter: blur(5px); filter: blur(5px) } .common-tutorial__alert { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 10px 20px; opacity: 0; pointer-events: none; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; border-radius: 20px; text-align: center; font-size: 13px; background-color: #fff } .common-tutorial__alert.is-visible { opacity: 1; pointer-events: auto } .common-tutorial__tooltip { position: absolute; z-index: 2; opacity: 0; pointer-events: none } .common-tutorial__tooltip-text { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, calc(-100% - 10px)); -ms-transform: translate(-50%, calc(-100% - 10px)); transform: translate(-50%, calc(-100% - 10px)); padding: 10px 20px; color: #fff; font-size: 14px; white-space: nowrap; border-radius: 20px; background-color: #3581ff } .common-tutorial__tooltip-text--black { background-color: #000 } .common-tutorial__tooltip-text::after { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); width: 10px; height: 10px; background-color: inherit } .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text::after { content: none } .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text::before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 10px; height: 10px; background-color: inherit } .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 100%; margin-top: 10px } .common-tutorial__tooltip.is-visible { opacity: 1; pointer-events: auto; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s } .common-tutorial__replay-cta { display: none; position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .common-tutorial__replay-cta::before { content: ''; display: block; width: 80px; height: 80px; border-radius: 50%; background-color: rgba(0, 0, 0, .6); background-repeat: no-repeat; background-position: center; background-size: 33px auto } .common-tutorial__replay-cta.is-bg-load-complete::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-replay.svg) } .common-tutorial__video-content.is-info-open .common-tutorial__controller, .common-tutorial__video-content.is-tutorial-opened .common-tutorial__controller { display: none } .common-tutorial__navigation { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 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; padding: 0 10px } @media screen and (max-width:767px) { .common-tutorial__navigation { width: 100vw; max-width: 510px } } .common-tutorial__navigation-button { display: block; width: 50px; height: 50px } .common-tutorial__navigation-button::before { content: '' !important; display: block; width: 100%; height: 100% } .common-tutorial__navigation-button.is-bg-load-complete::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-carousel-arrow-white.svg) } .color_yb .common-tutorial__navigation-button.is-bg-load-complete::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-carousel-arrow-yellow.svg) !important } .common-tutorial__navigation-button--prev::before { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1) } .common-tutorial__navigation-button--next::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .common-tutorial__pagination-area { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 10px; 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 } .common-tutorial__pagination-wrap { 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 } .common-tutorial__pagination-wrap+.common-tutorial__pagination-wrap { margin-left: 10px } .common-tutorial__pagination { width: 10px; height: 10px; border-radius: 50%; background-color: #000 !important; opacity: .2 } .common-tutorial__pagination.is-active { opacity: 1 } @media screen and (min-width:768px) { .common-tutorial.is-open { z-index: 20 } } @media screen and (min-width:768px) and (min-width:1024px) { .common-tutorial__close { top: 40px } } @media screen and (min-width:768px) { .common-tutorial__close-cta { width: 36px; height: 36px } .common-tutorial__close-cta::after, .common-tutorial__close-cta::before { width: 21px; height: 2px } .common-tutorial__cta--play .common-cta-encased.focus-visible:focus .common-cta-encased__text::after, .common-tutorial__cta--play .common-cta-encased:hover .common-cta-encased__text::after { right: -25px } .common-tutorial__cta--pause .common-cta-encased.focus-visible:focus .common-cta-encased__text::before, .common-tutorial__cta--pause .common-cta-encased:hover .common-cta-encased__text::before { left: -25px } .common-tutorial__content-wrap { max-width: none; width: 988px; padding: 80px 0 } .common-tutorial__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .common-tutorial__text { width: 400px } .common-tutorial__eyebrow { font-size: 14px } .common-tutorial__headline { min-height: auto } } @media screen and (min-width:768px) and (min-width:1024px) { .common-tutorial__headline { font-size: 36px } .common-tutorial__info { width: 260px } } @media screen and (min-width:768px) { .common-tutorial__cta--pause .common-cta-encased--icon { padding-left: 42px; padding-right: 29px } .common-tutorial__video-content { -webkit-box-flex: 0; -ms-flex: none; flex: none } .common-tutorial__intro-video { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .common-tutorial__intro-video .common-tutorial__video { width: 480px; height: 672px } .common-tutorial__video-content.is-info-open .common-tutorial__intro-video, .common-tutorial__video-content.is-tutorial-opened .common-tutorial__intro-video { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0 } .common-tutorial__info-area { position: absolute } .common-tutorial__main-video { opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .common-tutorial__main-video::before { content: ''; position: absolute; top: 50%; left: 50%; width: 321px; height: 662px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000 } .common-tutorial__main-video::after { content: ''; position: absolute; top: 0; left: 50%; width: 327px; height: 672px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; background-repeat: no-repeat } .common-tutorial__main-video.is-bg-load-complete::after { background-image: url(//images.samsung.com/is/image/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-tutorial-frame.png) } .common-tutorial__main-video .common-tutorial__video { position: absolute; top: 11px; left: 90px; width: 300px; height: 650px } .common-tutorial__main-video .common-tutorial__video .common-video__figure { z-index: 1; overflow: hidden } .common-tutorial__video-content.is-info-open .common-tutorial__main-video, .common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video { opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s } .common-tutorial__alert { font-size: 16px } .common-tutorial__navigation { left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0 -65px } } @media screen and (min-width:768px) and (min-width:1024px) and (max-width:1440px) and (max-width:1115px) { .common-tutorial__navigation { padding: 0 10px; margin: 0 } } @media screen and (min-width:768px) { .common-tutorial__pagination-area { top: 100%; margin-top: 30px } } @media screen and (min-width:768px) and (max-width:1023px) { .common-tutorial__content-wrap { width: 688px; padding: 50px 0 } .common-tutorial__text { width: 210px } .common-tutorial__intro-video .common-tutorial__video { width: 404px; height: 564px } .common-tutorial__main-video::before { width: 268px; height: 554px } .common-tutorial__main-video::after { width: 274px; height: 564px } .common-tutorial__main-video.is-bg-load-complete::after { background-image: url(//images.samsung.com/is/image/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-tutorial-frame-tb.png) } .common-tutorial__main-video .common-tutorial__video { top: 9px; left: 77px; width: 252px; height: 546px } .common-tutorial__alert { font-size: 14px } } @media screen and (min-width:768px) and (max-width:1023px) and (max-width:815px) { .common-tutorial__navigation { padding: 0 10px; margin: 0 } } .color_yb .common-tutorial__close-cta { background-color: #000 !important } .color_yb .common-tutorial__close-cta::after, .color_yb .common-tutorial__close-cta::before { background-color: #fff01f !important } .color_yb .common-tutorial__cta--play .common-cta-encased.is-bg-load-complete .common-cta-encased__text::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-go-feature-cta-yellow.svg) } .color_yb .common-tutorial__cta--pause .common-cta-encased.is-bg-load-complete .common-cta-encased__text::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-go-feature-cta-yellow.svg) } .color_yb .common-tutorial__replay-cta::before { background-color: #000 !important } .color_yb .common-tutorial__navigation-button.is-bg-load-complete .common-tutorial__navigation-button-text::before { background-color: #000 !important; background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-go-feature-cta-yellow.svg) } .color_yb .common-tutorial__pagination-area { background-color: #000 !important } .color_yb .common-tutorial__pagination.common-tutorial__pagination { opacity: 1; border: 2px solid #fff01f; background-color: #000 !important } .color_yb .common-tutorial__pagination.common-tutorial__pagination.is-active { background-color: #fff01f !important } .highlights-kv { z-index: 2; position: relative; overflow: hidden; min-height: 0; height: auto; max-height: none; background-color: #f4f4f4 } .highlights-kv__ai-wrap { margin-top: 14px } @media screen and (max-width:767px) { .highlights-kv__ai-wrap { margin-left: -24px; margin-right: -24px } } .highlights-kv__ai-wrap img { width: auto; margin: 0 auto; height: 30px } .highlights-kv--k .highlights-kv__ai-wrap img { height: 57px } .highlights-kv__inner { position: relative; height: 100% } .highlights-kv__content { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -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; padding-bottom: 60px } .highlights-kv__text { z-index: 1; position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 60px 0 40px; color: #000; text-align: center } .highlights-kv__text .common-cta { margin-top: 36px } .highlights-kv__headline { font-size: 36px } @media screen and (max-width:767px) { .highlights-kv__headline { line-height: 1.16 } } .highlights-kv__description { width: auto; margin-top: 30px; font-size: 15px; line-height: 1.33 } .highlights-kv__disclaimer { margin-top: 17px; font-size: 13px; line-height: 1.23 } .highlights-kv__cta-area { display: none } .highlights-kv__cta-area[class*=is-] { display: block; min-height: 70px } .highlights-kv__image { -webkit-box-flex: 0; -ms-flex: none; flex: none; min-height: 0; height: auto; max-height: none; padding: 36px 13px 48px } .highlights-kv__image picture { position: relative; display: block } @media screen and (max-width:767px) { .highlights-kv__image picture img { position: absolute; top: 0; left: 0 } .highlights-kv__image picture::after { content: ""; display: block; width: 100%; padding-top: 90.20979% } } .highlights-kv .shop-status .common-cta-encased { display: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 366px; margin-top: 30px } .highlights-kv .shop-status.is-buy .shop-status__buy-now { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .highlights-kv .shop-status.is-reserve .shop-status__pre-reserve { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .highlights-kv .shop-status.is-order .shop-status__pre-order { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .highlights-kv .shop-status.is-wheretobuy .shop-status__wheretobuy { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-kv__ai-wrap { margin-top: 11px } .highlights-kv__ai-wrap img { height: 36px } .highlights-kv--k .highlights-kv__ai img { height: 69px } .highlights-kv__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 108px } .highlights-kv__text { padding: 100px 0 } .highlights-kv__headline { font-size: 42px; line-height: 1.28 } .highlights-kv__description { max-width: 510px; width: 100%; margin-top: 23px; font-size: 15px; line-height: 1.33 } .highlights-kv__disclaimer { max-width: 510px; width: 100%; margin: 10px auto 0; font-size: 13px; line-height: 1.38 } .highlights-kv__cta-area[class*=is-] { min-height: 72px } .highlights-kv__image { margin: 0; padding: 0 } .highlights-kv__image picture { max-width: 450px; margin: 0 auto } .highlights-kv .shop-status .common-cta-encased { max-width: 234px; margin-top: 36px } } @media screen and (min-width:1024px) { .highlights-kv { min-height: 600px; height: calc(100vh - 166px); max-height: 1194px } .highlights-kv__ai-wrap { margin-top: 22px } .highlights-kv__ai-wrap img { height: 46px; margin-left: 0 } .highlights-kv--k .highlights-kv__ai-wrap img { height: 82px } .highlights-kv__content { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0 } .highlights-kv__text { padding: 0; max-width: 440px; text-align: left } .highlights-kv__headline { font-size: 54px } .highlights-kv__description { width: 380px; margin-top: 25px; font-size: 14px; line-height: 1.429 } .highlights-kv__disclaimer { margin-top: 30px; font-size: 14px; line-height: 1.428 } .highlights-kv__cta-area[class*=is-] { min-height: 80px } .highlights-kv__image { max-height: none; padding: 0; margin-left: 88px } .highlights-kv__image picture { width: 590px; width: 40.97222vw; height: auto } } @media screen and (min-width:1024px) and (min-width:1440px) { .highlights-kv__image picture { width: 590px } } @media screen and (min-width:1024px) { .highlights-kv .shop-status .common-cta-encased { margin-top: 36px } } @-webkit-keyframes progress { from { width: 0 } to { width: 100% } } @keyframes progress { from { width: 0 } to { width: 100% } } .highlights-overview { overflow: hidden; padding: 100px 0 60px } .highlights-overview__textbox { text-align: center } @media screen and (max-width:767px) { .is-english .highlights-overview__textbox .common-headline { padding: 0 50px } } .highlights-overview__contents { max-width: 312px; margin: 55px auto 0 } .highlights-overview__carousel { position: relative } .highlights-overview__carousel-wrapper { overflow: hidden; position: relative; border-radius: 10px; background-color: #141414; padding-bottom: 152px } @media screen and (max-width:767px) { .highlights-overview__carousel-wrap img { position: absolute; top: 0; left: 0 } .highlights-overview__carousel-wrap::after { content: ""; display: block; width: 100%; padding-top: 133.33333% } } .highlights-overview__carousel-slides.swiper-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .highlights-overview__carousel-slide { padding-bottom: 152px; background-color: #141414 } .highlights-overview__carousel-arrows { position: absolute; top: 50%; left: 0; right: 0; margin: 0 -22px } .highlights-overview__carousel-video { width: 100%; height: 100%; opacity: .99 } .highlights-overview__carousel .common-video::after { position: absolute; left: 0; bottom: 0; right: 0; height: 100px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #141414), to(transparent)); background: -o-linear-gradient(bottom, #141414 0, transparent 100%); background: linear-gradient(360deg, #141414 0, transparent 100%); content: ''; -webkit-transform: translate3d(0, 0, 0) } .highlights-overview__carousel .common-video__figure { border-radius: .1px } .highlights-overview__carousel .common-video .common-video__control { -webkit-transform: translate3d(0, 0, 0) } .highlights-overview__info-and-navi { position: relative; pointer-events: none; margin-top: 29px } .highlights-overview__info { z-index: 1; position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: 29px; pointer-events: auto } .highlights-overview__info-item { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: hidden; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; padding: 0 16px; margin-bottom: 54px } .highlights-overview__info-item.is-visible { visibility: visible } .highlights-overview__info-item.is-active { opacity: 1; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity } .highlights-overview__info-text { overflow: hidden; 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-pack: end; -ms-flex-pack: end; justify-content: flex-end } .highlights-overview__info-text-inner { overflow-y: auto; padding-right: 16px } .highlights-overview__info-text-inner::-webkit-scrollbar { width: 10px } .highlights-overview__info-text-inner::-webkit-scrollbar-thumb { background: rgba(85, 85, 85, .5); border-color: transparent transparent transparent transparent; border-width: 0 4px 0 4px; border-style: solid } .highlights-overview__info-text-inner::-webkit-scrollbar-track { background: rgba(85, 85, 85, .1); border-color: transparent transparent transparent transparent; border-width: 0 4px 0 4px; border-style: solid } .highlights-overview__info-text-inner::-webkit-scrollbar-button { background-color: transparent; height: 10px } .highlights-overview__info-title { font-size: 16px; line-height: 1.3125 } .highlights-overview__info-cta-area { margin-top: 10px } .highlights-overview__navigation { overflow: hidden; position: relative; pointer-events: auto; padding: 0 10px; margin: 0 -2px } @media screen and (max-width:767px) { .highlights-overview__navigation { text-align: center } } .highlights-overview__navigation.swiper-container-initialized::after { content: ''; z-index: 1; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; width: 80px; background: -o-linear-gradient(181deg, #000, transparent); background: linear-gradient(269deg, #000, transparent) } .highlights-overview__navigation.is-scroll-end::after { right: auto; left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .highlights-overview__navigation-inner.swiper-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 100%; width: auto } .highlights-overview__navigation-listitem { padding: 2px 0; margin-right: 16px; text-align: center } .highlights-overview__navigation-listitem:last-child { margin: 0 } .highlights-overview__navigation-listitem.swiper-slide { width: 62px } .highlights-overview__navigation-button-wrap { 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%; cursor: pointer } .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button img { opacity: 0 } .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button img:last-child { opacity: 1 } .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-text { opacity: 1 } .highlights-overview__navigation-button { position: relative; overflow: hidden; 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; width: 100%; height: 62px; border-radius: 10px; margin-bottom: 10px } .highlights-overview__navigation-button-image { overflow: hidden; width: 100%; height: 100%; border-radius: 8px } .highlights-overview__navigation-button img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 62px; height: 62px; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .highlights-overview__navigation-button img:first-child { z-index: 1; opacity: 1 } .highlights-overview__navigation-button-text { opacity: .35; font-size: 11px; line-height: 1.36; color: #fff } .highlights-overview__navigation-button-text.is-english { padding: 0 5px } .highlights-overview__navigation-button-text sup { font-size: 63%; top: .7em; vertical-align: top } .highlights-overview .common-play-button { top: 0; bottom: auto } .highlights-overview__progress-wrap { z-index: 1000; overflow: hidden; position: absolute; bottom: 17px; right: 16px; left: 16px; height: 4px; border-radius: 10px; background: #4c4c4c } .highlights-overview__progress-wrap.js-progress-active .js-progress-bar { -webkit-animation-name: progress; animation-name: progress; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .highlights-overview__progress-wrap.js-progress-pause .js-progress-bar { -webkit-animation-play-state: paused !important; animation-play-state: paused !important } .highlights-overview__progress-bar { display: block; width: 0; height: 100%; background: #fff; border-radius: 10px } .highlights-overview__banner { position: relative; width: 100%; padding: 12px; margin-top: 26px; background-color: #1f1f26; border-radius: 10px } .highlights-overview__banner-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .highlights-overview__banner-text { padding-left: 15px } .highlights-overview__banner-title { display: block; font-size: 14px; line-height: 1.35 } .highlights-overview__banner-cta { margin-top: 10px } .highlights-overview__banner-cta .common-cta-underline { padding: 5px 0; font-size: 11px; line-height: 1.36 } .highlights-overview__banner-description { display: none } .highlights-overview__banner-image { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 135px; height: 135px } .highlights-overview__tutorial-cta { margin-top: 25px } @media screen and (min-width:768px) { .highlights-overview { padding: 120px 0 80px } .highlights-overview .common-inner { width: 836px } .highlights-overview__textbox { max-width: 824px; margin: 0 auto } .highlights-overview__contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; margin-top: 55px; margin-bottom: 0; padding: 0 58px } .highlights-overview__carousel { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 360px; height: 480px; margin-right: 83px; border-radius: 20px } .highlights-overview__carousel-wrapper { width: 100%; height: 100%; border-radius: 20px; padding-bottom: 0 } .highlights-overview__carousel-wrap { width: 100%; height: 100% } .highlights-overview__carousel-slide { padding: 0 } .highlights-overview__carousel-arrows { margin: 0 -66px } .highlights-overview__info-and-navi { width: 472px; margin-bottom: -11px; margin-top: 0 } .highlights-overview__info { position: relative; margin-bottom: 34px } .highlights-overview__info-item { padding: 0; margin: 0 } .highlights-overview__info-title { font-size: 24px; line-height: 1.33 } .highlights-overview__info-cta-area { margin-top: 10px } .highlights-overview__navigation { padding: 4px 2px } .highlights-overview__navigation-listitem { margin-right: 24px } .highlights-overview__navigation-listitem.swiper-slide { width: 80px } .highlights-overview__navigation-button-wrap { width: 80px } .highlights-overview__navigation-button { height: 80px; margin-bottom: 10px } .highlights-overview__navigation-button img { width: 80px; height: 80px } .highlights-overview__navigation-button-text { font-size: 14px; line-height: 1.35 } .highlights-overview__progress-wrap { bottom: 20px; right: 20px; left: 20px; height: 4px; -webkit-transform: translate3d(0, 0, 0) } .highlights-overview__banner { width: 392px; padding: 20px; margin-top: 80px; margin-left: 500px; border-radius: 20px } .highlights-overview__banner-text { padding-left: 24px } .highlights-overview__banner-title { margin-top: 2px; font-size: 18px; line-height: 1.333 } .highlights-overview__banner-image { width: 156px; height: 156px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-overview__banner-description { display: block; margin-top: 16px; font-size: 14px; line-height: 1.357; color: #fff } .highlights-overview__banner-cta { display: none } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-overview { padding: 100px 0 60px } .highlights-overview .common-inner { width: 768px } .highlights-overview__textbox { max-width: 510px; margin: 0 auto } .highlights-overview__contents { margin-top: 55px; padding: 0 64px } .highlights-overview__carousel { width: 256px; height: 340px; margin-right: 75px } .highlights-overview__carousel-arrows { margin: 0 -58px } .highlights-overview__info-and-navi { margin-top: 40px; width: 297px; margin-bottom: -7px } .highlights-overview__progress-wrap { bottom: 14px; right: 15px; left: 15px } .highlights-overview__info { margin-bottom: 37px } .highlights-overview__info-title { font-size: 16px; line-height: 1.31 } .highlights-overview__info-cta-area { margin-top: 10px } .highlights-overview__navigation { padding: 0 2px } .highlights-overview__navigation-listitem { margin-right: 16px } .highlights-overview__navigation-listitem.swiper-slide { width: 62px } .highlights-overview__navigation-button-wrap { width: 62px } .highlights-overview__navigation-button { height: 62px; margin-bottom: 7px } .highlights-overview__navigation-button img { width: 62px; height: 62px } .highlights-overview__navigation-button-text { font-size: 11px; line-height: 1.36 } .highlights-overview .common-video:after { bottom: -1px } .highlights-overview__banner { width: 296px; padding: 12px; margin-top: 40px; margin-left: 395px } .highlights-overview__banner-text { padding-left: 17px } .highlights-overview__banner-title { margin-top: 5px; font-size: 14px; line-height: 1.357 } .highlights-overview__banner-cta { margin-top: 10px } .highlights-overview__banner-cta .common-cta-underline { padding: 5px 0; font-size: 11px; line-height: 1.36 } .highlights-overview__banner-image { width: 134px; height: 134px } } .color_yb .highlights-overview__navigation-button-text { opacity: 1 } .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-text { background-color: #fff01f !important; color: #000 !important } .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button { background: #000 !important; border: 2px solid #fff01f !important } .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-image::after { content: ''; position: absolute; inset: 0; border-radius: 8px; border: 2px solid #fff01f !important } .color_yb .highlights-overview__carousel-slide, .color_yb .highlights-overview__carousel-wrapper, .color_yb .highlights-overview__info-item { background: #000 !important } .color_yb .highlights-overview__progress-wrap { background-color: #fff !important } .color_yb .highlights-overview__progress-bar { background: red !important } .color_yb .highlights-overview__carousel .common-video::after { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), to(transparent)); background: -o-linear-gradient(bottom, #000 0, transparent 100%); background: linear-gradient(360deg, #000 0, transparent 100%) } .highlights-intro-film { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-intro-film .highlights-tvc__wrap { width: 100%; padding: 0 22px 0 24px } .highlights-intro-film .highlights-tvc__list { border-left: 2px solid rgba(255, 255, 255, .3) } .highlights-intro-film .highlights-tvc__item+.highlights-tvc__item { margin-top: 12px } .highlights-intro-film .highlights-tvc__item-cta { padding: 0 30px 0 10px } } .highlights-intro-film .highlights-tvc__item-title { margin-bottom: -1px; font-size: 14px; line-height: 1; vertical-align: middle } .highlights-intro-film .highlights-tvc__item-cta { position: relative; min-height: 32px; width: 100% } .highlights-intro-film .highlights-tvc__item-cta::after { content: ''; position: absolute; top: 50%; right: 0; width: 19px; height: 19px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat } .highlights-intro-film .highlights-tvc__item-cta.is-bg-load-complete::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-yt-play-white.svg) } .highlights-intro-film .highlights-media-quote { margin-top: 40px } .highlights-intro-film .highlights-media-quote__inner { position: relative } .highlights-intro-film .highlights-media-quote__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width:767px) { .highlights-intro-film .highlights-media-quote__list-wrap { width: 264px } } @media screen and (max-width:767px) { .highlights-intro-film .highlights-media-quote__item { max-width: 264px; margin: 0 6px } } .highlights-intro-film .highlights-media-quote .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto } .highlights-intro-film .highlights-media-quote .swiper-container-initialized .highlights-media-quote__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .highlights-intro-film .highlights-media-quote__content { 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-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; width: 100%; height: 100%; min-height: 170px; padding: 24px 31px; border-radius: 10px; text-align: center; background-color: #1f1f26; color: #fff } .highlights-intro-film .highlights-media-quote__eyebrow { font-size: 12px; line-height: 1.27; direction: ltr } .highlights-intro-film .highlights-media-quote__topic { font-size: 12px; line-height: 1.31 } .highlights-intro-film .highlights-media-quote__text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 23px; font-size: 14px; line-height: 1.33 } .highlights-intro-film .highlights-media-quote__media { margin-top: 23px; font-size: 16px; line-height: 1.31 } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button { width: auto; height: auto; padding: 10px; margin-top: 0; top: 76px } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::after { margin: 0; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-arrow-next-white.svg) } @media screen and (max-width:767px) { .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::after { width: 10px; height: 16px } } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button:focus-visible { outline-width: 2px } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none } .highlights-intro-film .highlights-media-quote__arrow .swiper-button-prev { left: -12px } .highlights-intro-film .highlights-media-quote__arrow .swiper-button-next { right: -12px } .highlights-intro-film .highlights-media-quote__pagination { position: static !important; width: 100%; margin-top: 13px; font-size: 0 } .highlights-intro-film .highlights-media-quote__pagination.swiper-pagination { border: 0 } .highlights-intro-film .highlights-media-quote__pagination li { display: inline-block; vertical-align: middle } .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; margin: 0 5px; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; background-color: transparent; opacity: 1 } .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet::after { content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; border-width: 1px; border-style: solid; border-color: #fff } .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet-active::after { background-color: #fff } .highlights-intro-film .highlights-media-quote .js-swiper-initialized .highlights-media-quote__arrow, .highlights-intro-film .highlights-media-quote .js-swiper-initialized .highlights-media-quote__pagination { display: block } .highlights-intro-film .highlights-media-quote .is-layer-popup-opened .highlights-media-quote__arrow, .highlights-intro-film .highlights-media-quote .is-layer-popup-opened .highlights-media-quote__pagination { display: none !important } @media screen and (min-width:768px) { .highlights-intro-film { padding: 80px 0 } .highlights-intro-film .highlights-tvc__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .highlights-intro-film .highlights-tvc__item { width: 50%; max-width: 494px } .highlights-intro-film .highlights-tvc__item-title { font-size: 20px } .highlights-intro-film .highlights-tvc__item-cta { min-height: 50px } .highlights-intro-film .highlights-tvc__item-cta::after { width: 30px; height: 30px } .highlights-intro-film .highlights-tvc__item:nth-child(odd) { border-right: 2px solid rgba(255, 255, 255, .3) } .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta { padding-right: 75px } .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta::after { right: 31px } .highlights-intro-film .highlights-tvc__item:nth-child(even) .highlights-tvc__item-cta { padding: 0 32px } .highlights-intro-film .highlights-media-quote { margin-top: 61px } .highlights-intro-film .highlights-media-quote__item { width: 316px } .highlights-intro-film .highlights-media-quote__item+.highlights-media-quote__item { margin-left: 20px } .highlights-intro-film .highlights-media-quote__content { min-height: 224px; padding: 34px 47px; border-radius: 20px } .highlights-intro-film .highlights-media-quote__eyebrow { font-size: 14px; line-height: 1.429 } .highlights-intro-film .highlights-media-quote__text { margin-top: 30px; font-size: 16px; line-height: 1.375 } .highlights-intro-film .highlights-media-quote__topic { font-size: 20px } .highlights-intro-film .highlights-media-quote__media { margin-top: 29px; font-size: 20px } .highlights-intro-film .highlights-media-quote__arrow { display: none } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::before { display: none !important } .highlights-intro-film .highlights-media-quote__arrow .swiper-button-prev { right: auto } .highlights-intro-film .highlights-media-quote__arrow .swiper-button-next { left: auto } .highlights-intro-film .highlights-media-quote__pagination { display: none !important } .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-intro-film { padding: 60px 0 } .highlights-intro-film .highlights-tvc__item { margin: 9px 0 } .highlights-intro-film .highlights-tvc__item-title { font-size: 16px } .highlights-intro-film .highlights-tvc__item-cta { min-height: 28px } .highlights-intro-film .highlights-tvc__item-cta::after { width: 28px; height: 28px } .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta::after { right: 40px } .highlights-intro-film .highlights-tvc__item:nth-child(even) .highlights-tvc__item-cta { padding-left: 40px } .highlights-intro-film .highlights-media-quote { margin-top: 49px } .highlights-intro-film .highlights-media-quote__item { width: 220px } .highlights-intro-film .highlights-media-quote__item+.highlights-media-quote__item { margin-left: 14px } .highlights-intro-film .highlights-media-quote__content { min-height: 192px; padding: 22px 27px } .highlights-intro-film .highlights-media-quote__eyebrow { font-size: 12px; line-height: 1.27 } .highlights-intro-film .highlights-media-quote__topic { font-size: 16px } .highlights-intro-film .highlights-media-quote__text { margin-top: 20px; font-size: 14px; line-height: 1.33 } .highlights-intro-film .highlights-media-quote__media { margin-top: 18px; font-size: 16px; line-height: 1.25 } } .color_yb .highlights-intro-film .highlights-tvc__list { border-color: #000 !important } .color_yb .highlights-intro-film .highlights-tvc__item { border-color: #fff01f !important } .color_yb .highlights-intro-film .highlights-tvc__item-cta.is-bg-load-complete::after { background-color: #000 !important; background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-yt-play-yellow.svg) } .color_yb .highlights-intro-film .highlights-media-quote__content { color: #fff01f } .color_yb .highlights-intro-film .highlights-media-quote__arrow-button { opacity: 1; background-color: #000 } .color_yb .highlights-intro-film .highlights-media-quote__arrow-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-arrow-next-yellow.svg) !important } .color_yb .highlights-intro-film .highlights-media-quote__pagination { background-color: #000 } .color_yb .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet::after { border-color: #fff01f } .color_yb .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet-active::after { background-color: #fff01f } .highlights-tvc .highlights-intro-film__item-cta.is-bg-load-complete::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-white.svg) } .highlights-tvc .highlights-intro-film__item+.highlights-tvc .highlights-intro-film__item { border-top: 1px solid rgba(255, 255, 255, .3) } .highlights-color { padding: 60px 0; overflow: hidden } .highlights-color .common-cta-area { margin-top: 40px } .highlights-color .js-colorchip-static .highlights-color__tab { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .highlights-color .js-colorchip-static .highlights-color__tab-item { width: auto; margin: 0 7px } .highlights-color__content { 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 } .highlights-color__content-wrap .common-inner:first-child { margin-bottom: 30px } .highlights-color__content .swiper-container { max-width: 260px } .highlights-color__content .swiper-slide { -ms-flex-negative: 1; flex-shrink: 1 } .highlights-color__content .swiper-button-next, .highlights-color__content .swiper-button-prev { width: 27px; height: 44px; margin-top: -22px; background-color: transparent !important } .highlights-color__content .swiper-button-next::after, .highlights-color__content .swiper-button-prev::after { background-repeat: no-repeat; background-position: center center; background-size: 10px auto; background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-arrow-next-black.svg) } .highlights-color__content .swiper-button-prev { left: 0 } .highlights-color__content .swiper-button-next { right: 0 } .highlights-color__carousel { max-width: 768px; padding-bottom: 60px; margin: 0 auto; text-align: center } .highlights-color__carousel-content { position: relative } .highlights-color__carousel-slide { min-height: 360px; border-radius: 0; overflow: hidden } .highlights-color__carousel-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 384px } .highlights-color__carousel-image img { width: 768px } .highlights-color__carousel-exclusive { text-align: center; max-width: 312px; width: 100%; margin: -59px auto 0 } .highlights-color__carousel-exclusive-text { font-size: 11px; line-height: 1.36; padding: 0 24px; color: #fff } @media screen and (max-width:767px) { .highlights-color__arrows { max-width: 360px; width: 100vw; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; z-index: 1 } } .highlights-color__arrows .swiper-button-next, .highlights-color__arrows .swiper-button-prev { margin-top: -32px } .highlights-color__tab-panel { position: absolute; left: 0; top: 0; width: 100% } .highlights-color__tab-panel .highlights-color__image--back, .highlights-color__tab-panel .highlights-color__image--side { opacity: 1; visibility: hidden } .highlights-color__tab-panel.is-active .highlights-color__image--back, .highlights-color__tab-panel.is-active .highlights-color__image--side { opacity: 1; z-index: 1; visibility: visible } .highlights-color__tab-panel.is-active .highlights-color__tab-exclusive-text { opacity: 1; visibility: visible } .highlights-color__tab-panel-group { position: relative; max-width: 360px; width: 100%; margin: 0 auto; padding: 0; padding-bottom: 15px } .highlights-color__tab-panel-mask { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; height: 100%; max-width: 534px } .highlights-color__tab-area { z-index: 2; margin: 24px auto 0; max-width: 360px; width: 100%; padding: 0 24px } .highlights-color__tab-inner { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 89px; border-radius: 10px; -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .12); box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .12); background-color: #fcfcfc } .highlights-color__tab-colors { position: relative; margin-top: 22px; padding: 0 22px } .highlights-color__tab-item+.highlights-color__tab-item { margin: 0 7px } @media screen and (max-width:359px) { .highlights-color__tab-item+.highlights-color__tab-item { margin: 0 4px } } .highlights-color__tab-button { color: inherit; 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: 1px 0 } .highlights-color__tab-colorchip { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; margin: 4px; border-radius: 50% } .highlights-color__tab-colorchip::after, .highlights-color__tab-colorchip::before { content: ''; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50% } .highlights-color__tab-colorchip::before { display: block; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #000; opacity: .1 } .highlights-color__tab-colorchip::after { display: none; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 2px solid #197ae5 } .is-active .highlights-color__tab-colorchip::after { display: block } .highlights-color__tab-names { text-align: center; margin-bottom: 10px; padding-top: 5px } .highlights-color__tab-name { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 1.67; min-height: 14px } .highlights-color__tab-name.is-active { position: relative; opacity: 1; visibility: visible } .highlights-color__tab-exclusive { max-width: 360px; margin: 0 auto; text-align: center; margin-top: 95px } .highlights-color__tab-exclusive-text { font-size: 11px; line-height: 1.36; color: #fff; padding: 0 24px; opacity: 0; visibility: hidden } .highlights-color__exclusive { text-align: center } .highlights-color__exclusive-badge { position: absolute; right: 12px; top: 12px; z-index: 1; max-width: 94px; min-height: 20px; padding: 4px 9px 2px; border-radius: 10px; background-color: #d9e8fa; border: 1px solid #8fc4ff; font-size: 10px; line-height: 1.2; color: #000 } .highlights-color__exclusive-badge--black { background-color: rgba(33, 137, 255, .24); border-color: rgba(33, 137, 255, .5); color: #fff } @media screen and (min-width:768px) { .highlights-color { padding: 80px 0 } .highlights-color__content { max-width: 988px; margin: 0 auto; position: relative } .highlights-color__content-wrap .common-inner:first-child { margin-bottom: 55px } .highlights-color__content .swiper-container { max-width: 340px } .highlights-color__content .swiper-button-next, .highlights-color__content .swiper-button-prev { margin-top: -21px } .highlights-color__content .swiper-button-prev { left: 4px } .highlights-color__content .swiper-button-next { right: 4px } .highlights-color__carousel { max-width: 100%; margin-top: -53px; padding-bottom: 80px } .highlights-color__carousel-image { margin-top: -20px; height: 750px; overflow: hidden } .highlights-color__carousel-image img { width: 1920px } .highlights-color__carousel-exclusive { max-width: unset } .highlights-color__carousel-exclusive-text { font-size: 14px; line-height: 1.285 } .highlights-color__arrows { max-width: 956px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 1 } .highlights-color__tab-panel { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .highlights-color__tab-panel-group { min-height: 500px; height: auto; max-width: 100% !important; padding-bottom: 0 } .highlights-color__tab-panel-inner { margin: 0 !important } .highlights-color__tab-panel-mask { max-width: 484px !important } .highlights-color__tab-area { margin-top: 0; max-width: 100% } .highlights-color__tab-inner { max-width: 450px; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-radius: 0 } .highlights-color__tab-colors { padding: 0; margin-top: 40px } .highlights-color__tab-colorchip { width: 28px; height: 28px } .highlights-color__tab-names { margin-bottom: 0; padding-top: 10px } .highlights-color__tab-name { font-size: 16px; line-height: 1.1875; min-height: auto } .highlights-color__tab-exclusive { position: absolute; bottom: -148px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: 0; max-width: unset; width: 100% } .highlights-color__tab-exclusive-text { font-size: 14px; line-height: 1.285 } .highlights-color__exclusive-badge { top: 20px; min-width: 130px; padding: 4px 12px; font-size: 14px; line-height: 1.285; border-radius: 14px; min-height: 28px; right: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-color__content { max-width: 688px; margin: 0 auto } .highlights-color__content .swiper-button-next, .highlights-color__content .swiper-button-prev { margin-top: -23px } .highlights-color__content .swiper-button-prev { left: 2px } .highlights-color__content .swiper-button-next { right: 2px } .highlights-color__carousel { padding-bottom: 60px } .highlights-color__carousel-image { margin-top: -23px; height: 522px } .highlights-color__carousel-image img { width: 1024px } .highlights-color__carousel-exclusive { margin-top: -43px } .highlights-color__carousel-exclusive-text { font-size: 11px; line-height: 1.36 } .highlights-color__arrows { max-width: 688px } .highlights-color__tab-panel-group { min-height: auto; height: 344px } .highlights-color__tab-panel-mask { max-width: 334px !important } .highlights-color__tab-panel .highlights-color__image--back, .highlights-color__tab-panel .highlights-color__image--side { width: 334px } .highlights-color__tab-exclusive { bottom: -117px } .highlights-color__tab-exclusive-text { font-size: 11px; line-height: 1.36 } .highlights-color__tab-names { margin-bottom: 23px; padding-top: 9px } .highlights-color__tab-name { font-size: 12px } .highlights-color__tab-colors { margin-top: 25px } .highlights-color__exclusive-badge { top: 12px; min-width: 114px; padding: 4px 8px 2px; font-size: 13px; line-height: 1.15; border-radius: 10px; min-height: 22px; right: 12px } } .color_yb .highlights-color__tab-colorchip::before { opacity: 1 } .color_yb .highlights-color__content .swiper-button-next::after, .color_yb .highlights-color__content .swiper-button-prev::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-arrow-next-yellow.svg) !important; background-color: #000; -webkit-filter: none; filter: none } .highlights-color .swiper-pagination-wrap { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1 } .is-english .highlights-color .common-sub-headline { width: 250px } .highlights-color .highlights-carousel__inner { position: relative } .highlights-color .highlights-carousel__inner::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -2px; z-index: 0; width: 100%; height: 4px; background-color: #000 } .highlights-color__image { background-color: #000 } .highlights-color__image--back { position: relative } @media screen and (max-width:767px) { .highlights-color__image--back img { position: absolute; top: 0; left: 0 } .highlights-color__image--back::after { content: ""; display: block; width: 100%; padding-top: 65.16854% } } .highlights-color__image--side { position: relative } @media screen and (max-width:767px) { .highlights-color__image--side img { position: absolute; top: 0; left: 0 } .highlights-color__image--side::after { content: ""; display: block; width: 100%; padding-top: 43.44569% } } .highlights-color__image+.highlights-color__image { margin-top: 15px } .highlights-color__content-wrap .common-accordion { margin-top: 72px } .highlights-color__content-wrap .common-accordion__content-image { position: relative; margin-bottom: 24px } @media screen and (max-width:767px) { .highlights-color__content-wrap .common-accordion__content-image img { position: absolute; top: 0; left: 0 } .highlights-color__content-wrap .common-accordion__content-image::after { content: ""; display: block; width: 100%; padding-top: 79.64286% } } .highlights-color__content .swiper-button-next::after, .highlights-color__content .swiper-button-prev::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-arrow-next-white.svg); -webkit-filter: drop-shadow(0 0 6px #fff); filter: drop-shadow(0 0 6px #fff) } .highlights-color__tab-panel-inner { position: relative; margin: 0 -87px } @media screen and (max-width:767px) { .highlights-color__tab-panel-inner img { position: absolute; top: 0; left: 0 } .highlights-color__tab-panel-inner::after { content: ""; display: block; width: 100%; padding-top: 108.61423% } } .highlights-color__tab-area { margin-top: -21px } .highlights-color__tab-inner { background-color: #1a1a1a } @media screen and (max-width:767px) { .highlights-color__tab-inner { position: relative } .highlights-color__tab-inner::after { content: ''; display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(50%, #1c1c1c), to(#323232)); background-image: -o-linear-gradient(top, #777 0, #1c1c1c 50%, #323232 100%); background-image: linear-gradient(to bottom, #777 0, #1c1c1c 50%, #323232 100%); border-radius: 12px; z-index: -1 } } .highlights-color__tab-titanium-blue .highlights-color__tab-colorchip { background-color: #a7b5c8 } .highlights-color__tab-titanium-green .highlights-color__tab-colorchip { background-color: #c1d0be } .highlights-color__tab-titanium-orange .highlights-color__tab-colorchip { background-color: #c48b6c } .highlights-color__tab-titanium-gray .highlights-color__tab-colorchip { background-color: #aca49b } .highlights-color__tab-titanium-black .highlights-color__tab-colorchip { background-color: #62605f } .highlights-color__tab-titanium-violet .highlights-color__tab-colorchip { background-color: #4d4e5f } .highlights-color__tab-titanium-yellow .highlights-color__tab-colorchip { background-color: #f1ead4 } @media screen and (min-width:768px) { .is-english .highlights-color .common-sub-headline { width: 280px } .highlights-color__image { background-color: transparent } .highlights-color__image--back, .highlights-color__image--side { -webkit-transform: none; -ms-transform: none; transform: none; height: auto; width: auto } .highlights-color__image--side { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .highlights-color__image--side img { height: auto } .highlights-color__image+.highlights-color__image { margin-top: 0 } .highlights-color__content-wrap .common-accordion { margin-top: 80px; margin-left: auto } .highlights-color__content-wrap .common-accordion__content-image { margin-bottom: 30px; width: 350px; height: 280px } .highlights-color__content .swiper-button-next::after, .highlights-color__content .swiper-button-prev::after { -webkit-filter: none; filter: none } .highlights-color__tab-area { margin-top: 0 } .highlights-color__tab-inner { background-color: transparent } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-color .swiper-pagination-wrap { bottom: -6px } .highlights-color__content-wrap .common-accordion { margin-top: 40px } .highlights-color__content-wrap .common-accordion__content-image { width: 234px; height: 186px } } .highlights-camera { overflow: hidden; padding: 60px 0 } .highlights-camera__detail { position: relative; padding-top: 159px } @media screen and (max-width:767px) { .highlights-camera__detail { padding-bottom: 30px } } .highlights-camera__spec { position: relative; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:767px) { .highlights-camera__spec { width: 360px } } .highlights-camera__spec-item { position: absolute; z-index: 1; 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 } .highlights-camera__spec-title { width: 79px; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0381fe), to(#02aeff)); background: -o-linear-gradient(bottom, #0381fe 0, #02aeff 100%); background: linear-gradient(to top, #0381fe 0, #02aeff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 22px; line-height: 1 } .highlights-camera__spec-item--under .highlights-camera__spec-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .highlights-camera__spec-desc { width: 79px; font-size: 11px; line-height: 1.36 } @media screen and (max-width:767px) { .highlights-camera__spec-desc { margin-top: 10px } } .highlights-camera__spec-item--under .highlights-camera__spec-desc { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .highlights-camera__spec-line { display: block; width: 1px; margin-top: 8px; background-color: #666 } .highlights-camera__spec-item--under .highlights-camera__spec-line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 8px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) { bottom: -66px; left: 91px; height: 178px } @media screen and (max-width:767px) { .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) .highlights-camera__spec-desc { width: 73px } } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) .highlights-camera__spec-line { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 92px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) { bottom: -18px; left: 194px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line { height: 44px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line::before { content: ''; display: block; position: relative; bottom: -29px; left: -23px; width: inherit; height: 50px; -webkit-transform: rotate(65deg); -ms-transform: rotate(65deg); transform: rotate(65deg); background-color: inherit } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) { top: 96px; left: 24px } @media screen and (max-width:767px) { .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) .highlights-camera__spec-desc { width: 105px } } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) .highlights-camera__spec-line { height: 155px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) { top: 97px; left: 141px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) .highlights-camera__spec-line { height: 186px } .highlights-camera__spec--front .highlights-camera__spec-item { top: 208px; left: 243px } .highlights-camera__spec--front .highlights-camera__spec-item .highlights-camera__spec-line { height: 98px } .highlights-camera__visual { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 768px; height: 321px } @media screen and (min-width:768px) { .highlights-camera { padding: 80px 0 } .highlights-camera .common-sub-headline { text-align: center } .is-english .highlights-camera .common-sub-headline .common-text { width: 800px; margin: 0 auto } .highlights-camera__detail { padding-top: 70px } .highlights-camera__spec-title { width: 200px; font-size: 32px; line-height: 1.31 } .highlights-camera__spec-desc { width: 200px; font-size: 18px; line-height: 1.33 } .highlights-camera__spec-line { width: 2px; margin-top: 2px } .highlights-camera__spec-item--under .highlights-camera__spec-line { margin: 0 0 2px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) { bottom: -273px; left: 284px; height: 278px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) .highlights-camera__spec-line { height: 186px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) { bottom: -174px; left: 509px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line { height: 58px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line::before { content: ''; bottom: -27px; left: -47px; height: 104px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) { top: 346px; left: 160px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) .highlights-camera__spec-line { height: 236px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) { top: 350px; left: 395px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) .highlights-camera__spec-line { height: 309px } .highlights-camera__spec--front .highlights-camera__spec-item { top: 544px; left: 700px } .highlights-camera__spec--front .highlights-camera__spec-item .highlights-camera__spec-line { height: 167px } .highlights-camera__visual { width: 1920px; height: 776px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-camera { padding: 60px 0 } .is-english .highlights-camera .common-sub-headline .common-text { width: 510px } .highlights-camera__detail { padding-top: 50px; padding-bottom: 108px } .highlights-camera__spec-title { width: 142px; font-size: 22px } .highlights-camera__spec-desc { width: 142px; font-size: 11px } .highlights-camera__spec-item--under .highlights-camera__spec-line { margin: 0 0 5px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) { bottom: -211px; left: 194px; height: 210px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(1) .highlights-camera__spec-line { height: 150px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) { bottom: -142px; left: 355px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line { height: 42px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(2) .highlights-camera__spec-line::before { bottom: -20px; left: -33px; height: 74px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) { top: 264px; left: 106px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(3) .highlights-camera__spec-line { height: 168px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) { top: 267px; left: 274px } .highlights-camera__spec--rear .highlights-camera__spec-item:nth-child(4) .highlights-camera__spec-line { height: 219px } .highlights-camera__spec--front .highlights-camera__spec-item:nth-child(1) { top: 402px; left: 491px } .highlights-camera__spec--front .highlights-camera__spec-item:nth-child(1) .highlights-camera__spec-line { height: 120px } .highlights-camera__visual { width: 1024px; height: 460px; padding-top: 126px } } .color_yb .highlights-camera__spec-line, .color_yb .highlights-camera__spec-line::before { -webkit-box-sizing: content-box; box-sizing: content-box; border: 1px solid #000; background-color: #fff01f !important } .highlights-low-light { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-low-light .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-low-light .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-low-light .common-textbox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 30px } .highlights-low-light .common-description { margin-top: 0 } .highlights-low-light__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 27px } } .highlights-low-light__carousel-area { position: relative } .highlights-low-light__carousel-image { position: relative } @media screen and (max-width:767px) { .highlights-low-light__carousel-image img { position: absolute; top: 0; left: 0 } .highlights-low-light__carousel-image::after { content: ""; display: block; width: 100%; padding-top: 133.33333% } } .highlights-low-light__carousel-navigation { position: absolute; z-index: 1; top: 50%; left: 0; right: 0; margin: 0 -24px } .highlights-low-light .swiper-pagination-wrap { margin-top: 18px } @media screen and (min-width:768px) { .highlights-low-light { padding: 80px 0 } .highlights-low-light .common-textbox-wrap--column { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .highlights-low-light__content { position: relative; left: 57px; width: 400px } .highlights-low-light__carousel-area { width: 400px } .highlights-low-light__carousel-image { height: 534px } .highlights-low-light__carousel-navigation { margin: 0 -66px } .highlights-low-light .swiper-pagination-wrap { width: 400px; margin-top: 34px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-low-light { padding: 60px 0 } .highlights-low-light__content { width: 300px } .is-english .highlights-low-light__content { width: 355px } .highlights-low-light__carousel-area { width: 242px } .highlights-low-light__carousel-image { height: 322px } .highlights-low-light .swiper-pagination-wrap { width: 242px; margin-top: 26px } } .highlights-low-light-popup .common-popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-low-light-popup__title-wrap { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-low-light-popup__description-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .highlights-low-light-popup .common-popup__image-wrap, .highlights-low-light-popup .common-popup__video-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 16px } @media screen and (max-width:767px) { .highlights-low-light-popup .common-popup__image img { position: absolute; top: 0; left: 0 } .highlights-low-light-popup .common-popup__image::after { content: ""; display: block; width: 100%; padding-top: 75% } } @media screen and (max-width:767px) { .highlights-low-light-popup .common-video img { position: absolute; top: 0; left: 0 } .highlights-low-light-popup .common-video::after { content: ""; display: block; width: 100%; padding-top: 56.09756% } } @media screen and (min-width:768px) { .highlights-low-light-popup .common-popup__image-wrap, .highlights-low-light-popup .common-popup__video-wrap { margin: 53px auto 0 } .highlights-low-light-popup .common-popup__image-wrap { width: 652px } .highlights-low-light-popup .common-popup__image { height: 488px } .highlights-low-light-popup .common-popup__video-wrap { width: 820px } .highlights-low-light-popup .common-popup__video { height: 460px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-low-light-popup .common-popup__image-wrap, .highlights-low-light-popup .common-popup__video-wrap { margin-top: 16px } .highlights-low-light-popup .common-popup__image-wrap { width: 420px } .highlights-low-light-popup .common-popup__image { height: 314px } .highlights-low-light-popup .common-popup__video-wrap { width: 510px } .highlights-low-light-popup .common-popup__video { height: 286px } } .highlights-quad-telephoto { padding: 60px 0; overflow: hidden } .highlights-quad-telephoto__zoom { position: relative; width: 534px; height: 400px } @media screen and (max-width:767px) { .highlights-quad-telephoto__zoom { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } .highlights-quad-telephoto__zoom-wrap { margin-top: 28px } .highlights-quad-telephoto__zoom-image-inner, .highlights-quad-telephoto__zoom-image-wrap { -webkit-transform: translate3d(0, 0, 0) } .highlights-quad-telephoto__zoom-button { 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; overflow: hidden; width: 100%; height: 100%; -webkit-transition: .1s ease background-color, .1s ease color; -o-transition: .1s ease background-color, .1s ease color; transition: .1s ease background-color, .1s ease color; border-radius: 50% } .highlights-quad-telephoto__zoom-button-item { position: relative; width: 30px; height: 30px; margin: 0 1px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-0.6-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-0.6-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-1-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-1-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-2-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-2-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-3-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-3-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-5-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-5-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-10-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-10-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-active .highlights-quad-telephoto__zoom-button { background-color: rgba(0, 0, 0, .42); -webkit-transition: .1s ease background-color, .1s ease color; -o-transition: .1s ease background-color, .1s ease color; transition: .1s ease background-color, .1s ease color } .highlights-quad-telephoto__zoom-button-list { position: absolute; z-index: 2; bottom: 24px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 1px; border-radius: 50px; background-color: rgba(79, 79, 79, .4) } .highlights-quad-telephoto__zoom-button-text { display: block; overflow: hidden; width: 100%; height: 100%; border-radius: 50px; background-size: 100%; background-repeat: no-repeat; background-position: center; font-size: 0 } .highlights-quad-telephoto__zoom-tooltip { position: absolute; z-index: 3; bottom: 21px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 48px; max-width: 200px; opacity: 0; pointer-events: none } .highlights-quad-telephoto__zoom-tooltip-text { position: relative; max-width: 200px; min-width: 105px; padding: 1px 13px; margin: 0 auto 10px; border-radius: 15px; background-color: #2a85ed; font-size: 12px; line-height: 22px; text-align: center; -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .17) !important; box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .17) !important } .highlights-quad-telephoto__zoom-tooltip-text::before { content: ''; position: absolute; display: block; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); clear: both; border-top: 10px solid #2a85ed; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid transparent } .highlights-quad-telephoto__zoom-tooltip::after { content: ''; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; clear: both; margin: 0 auto; border-radius: 50%; border: 1px solid #2a85ed; background: rgba(42, 133, 237, .3) } @media screen and (max-width:767px) { .highlights-quad-telephoto .common-textbox--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-quad-telephoto .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-quad-telephoto .common-textbox__column { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 29px } .highlights-quad-telephoto .highlights-quad-telephoto__zoom-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (min-width:768px) { .highlights-quad-telephoto { padding: 80px 0 } .highlights-quad-telephoto .common-textbox--horizontal { -ms-flex-wrap: wrap; flex-wrap: wrap } .highlights-quad-telephoto__zoom { width: 820px; height: 614px } .highlights-quad-telephoto__zoom-wrap { width: 820px; margin: 60px auto 0 } .highlights-quad-telephoto__zoom-tooltip { margin-left: 63px } .highlights-quad-telephoto__zoom-tooltip-text { padding: 3px 18px; margin: 0 auto 15px; font-size: 16px; line-height: 1.5 } .highlights-quad-telephoto__zoom-tooltip-text::before { bottom: -15px } .highlights-quad-telephoto__zoom-tooltip:after { width: 50px; height: 50px } .highlights-quad-telephoto__zoom-button-item { width: 40px; height: 40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-0.6-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-0.6-mo.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-1.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-1.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-2.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-2.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-3.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-3.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-5.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-5.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-10.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-10.png) } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-quad-telephoto { padding: 60px 0 } .highlights-quad-telephoto__zoom { width: 582px; height: 436px } .highlights-quad-telephoto__zoom-wrap { width: 582px; margin-top: 40px } .highlights-quad-telephoto__zoom-tooltip-text::before { bottom: -15px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-0.6-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-0.6-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-1-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-1-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-2-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-2-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-3-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-3-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-5-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-5-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-10-tb.png) } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x.is-active .highlights-quad-telephoto__zoom-button-text { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-active-10-tb.png) } } .color_yb .highlights-quad-telephoto__zoom-button-list { background-color: #000 !important } .color_yb .highlights-quad-telephoto__zoom-button-item.is-active .highlights-quad-telephoto__zoom-button { background-color: #fff01f !important } .color_yb .highlights-quad-telephoto__zoom-button-item.is-active .highlights-quad-telephoto__zoom-button-text { -webkit-filter: invert(100); filter: invert(100) } .color_yb .highlights-quad-telephoto__zoom-tooltip-text { background-color: #000 !important } .color_yb .highlights-quad-telephoto__zoom-tooltip-text::before { border-top-color: #000 !important } .highlights-quad-telephoto-popup .common-popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-quad-telephoto-popup__title-wrap { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-quad-telephoto-popup__description-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .highlights-quad-telephoto-popup .common-popup__image-wrap, .highlights-quad-telephoto-popup .common-popup__video-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 16px } @media screen and (max-width:767px) { .highlights-quad-telephoto-popup .common-popup__image img { position: absolute; top: 0; left: 0 } .highlights-quad-telephoto-popup .common-popup__image::after { content: ""; display: block; width: 100%; padding-top: 75% } } .highlights-quad-telephoto-popup .common-popup__image+.common-popup__image { margin-top: 8px } .highlights-quad-telephoto-popup__info { 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 screen and (max-width:767px) { .highlights-quad-telephoto-popup__info { padding: 0 16px } } @media screen and (max-width:767px) { .highlights-quad-telephoto-popup__info .common-hashtag { padding-left: 0; padding-right: 0 } } .highlights-quad-telephoto-popup__info-text { margin-bottom: 10px; font-size: 11px; line-height: 1.18; color: #8f8f8f } @media screen and (max-width:767px) { .highlights-quad-telephoto-popup__info-text { margin-top: 15px } } @media screen and (max-width:767px) { .highlights-quad-telephoto-popup .common-video img { position: absolute; top: 0; left: 0 } .highlights-quad-telephoto-popup .common-video::after { content: ""; display: block; width: 100%; padding-top: 46.03659% } } @media screen and (min-width:768px) { .highlights-quad-telephoto-popup .common-popup__image-wrap, .highlights-quad-telephoto-popup .common-popup__video-wrap { margin: 53px auto 0 } .highlights-quad-telephoto-popup .common-popup__image-wrap { width: 652px } .highlights-quad-telephoto-popup .common-popup__image { height: 488px } .highlights-quad-telephoto-popup .common-popup__image+.common-popup__image { margin-top: 20px } .highlights-quad-telephoto-popup__info-text { margin-top: 13px; font-size: 14px; line-height: 1.285 } .highlights-quad-telephoto-popup .common-popup__video-wrap { width: 820px } .highlights-quad-telephoto-popup .common-popup__video { height: 378px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-quad-telephoto-popup .common-popup__image-wrap, .highlights-quad-telephoto-popup .common-popup__video-wrap { margin-top: 16px } .highlights-quad-telephoto-popup .common-popup__image-wrap { width: 420px } .highlights-quad-telephoto-popup .common-popup__image { height: 314px } .highlights-quad-telephoto-popup .common-popup__image+.common-popup__image { margin-top: 11px } .highlights-quad-telephoto-popup .common-popup__video-wrap { width: 510px } .highlights-quad-telephoto-popup .common-popup__video { height: 236px } } .highlights-digital-zoom { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-digital-zoom .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-digital-zoom .common-textbox-wrap--column { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-digital-zoom .common-textbox { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 40px } .highlights-digital-zoom .common-description { margin-top: 0 } } @media screen and (max-width:767px) { .highlights-digital-zoom__image-wrap { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 26px } } .highlights-digital-zoom__image { position: relative } @media screen and (max-width:767px) { .highlights-digital-zoom__image img { position: absolute; top: 0; left: 0 } .highlights-digital-zoom__image::after { content: ""; display: block; width: 100%; padding-top: 133.33333% } } @media screen and (min-width:768px) { .highlights-digital-zoom { padding: 80px 0 } .highlights-digital-zoom__image-wrap { width: 400px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-digital-zoom__image-wrap { position: relative; left: -56px } } @media screen and (min-width:768px) { .highlights-digital-zoom__image { height: 534px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-digital-zoom { padding: 60px 0 } .highlights-digital-zoom__image-wrap { width: 298px } .highlights-digital-zoom__image { width: 242px; height: 322px; margin-top: 5px } } .highlights-slow-mo { padding: 60px 0 } .highlights-slow-mo__inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-slow-mo__inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media screen and (max-width:767px) { .highlights-slow-mo .common-inner.common-display-mo { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-slow-mo .common-textbox__column { margin-top: 30px } } .highlights-slow-mo__video-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 30px 34px 0; padding-bottom: 0 } @media screen and (max-width:767px) { .highlights-slow-mo__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-slow-mo__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 139.09465% } } @media screen and (max-width:767px) { .highlights-slow-mo__video .common-video__control { margin: 12px 12px 0 22px } } @media screen and (max-width:767px) { .is-english .highlights-slow-mo .common-sub-headline { padding-right: 10px } } @media screen and (min-width:768px) { .highlights-slow-mo { padding: 80px 0 } .highlights-slow-mo__inner { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-slow-mo__video { width: 820px; height: 400px } .highlights-slow-mo__video-wrap { margin: 57px auto 0; padding-bottom: 50px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-slow-mo__video .common-video__control { bottom: -50px; margin: 0 0 0 -50px } } @media screen and (min-width:768px) and (min-width:1024px) { .is-english .highlights-slow-mo .common-sub-headline { padding-right: 50px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-slow-mo { padding: 60px 0 } .highlights-slow-mo__video { width: 582px; height: 284px } .highlights-slow-mo__video-wrap { margin: 40px auto 0; padding-bottom: 44px } .highlights-slow-mo__video .common-video__control { bottom: -44px; margin: 0 0 0 -44px } } .highlights-super-hdr { overflow: hidden; padding: 60px 0 } @media screen and (max-width:767px) { .highlights-super-hdr .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-super-hdr .common-textbox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 32px } .highlights-super-hdr .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-super-hdr .common-description { margin-top: 0 } .highlights-super-hdr__video-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 27px } } @media screen and (max-width:767px) { .highlights-super-hdr__video { margin: 0 -24px } } @media screen and (max-width:767px) { .highlights-super-hdr__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-super-hdr__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 107.77778% } } .highlights-super-hdr__video .common-video__control { opacity: 1 !important } .highlights-super-hdr__video .common-play-button { margin-bottom: 0 } @media screen and (min-width:768px) { .highlights-super-hdr { padding: 80px 0 } .highlights-super-hdr .common-textbox-wrap--column { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-super-hdr__video-wrap { width: 485px } } @media screen and (min-width:768px) { .highlights-super-hdr__video { width: 472px; height: 522px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-super-hdr .common-hashtag { padding-left: 71px; padding-right: 71px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-super-hdr { padding: 60px 0 } .highlights-super-hdr__video { width: 334px; height: 312px } } .highlights-one-ui{padding:60px 0} .highlights-one-ui__headline{font-size:36px;line-height:1.2;text-align:center} .is-english .highlights-one-ui__headline{max-width:265px;margin:0 auto} .highlights-one-ui__content{margin-top:42px} @media screen and (max-width:767px){ .highlights-one-ui__content-box+.highlights-one-ui__content-box{margin-top:34px} } .highlights-one-ui__title{font-size:30px;line-height:1.33} .highlights-one-ui__description{margin-top:17px;font-size:14px;line-height:1.35} .highlights-one-ui__visual{position:relative} @media screen and (max-width:767px){ .highlights-one-ui__visual img{position:absolute;top:0;left:0} .highlights-one-ui__visual::after{content:"";display:block;width:100%;padding-top:88.05556%} } @media screen and (max-width:767px){ .highlights-one-ui__visual{margin:34px -24px 0} } @media screen and (min-width:768px){ .highlights-one-ui{padding:80px 0} .highlights-one-ui__headline{font-size:38px} .is-english .highlights-one-ui__headline{max-width:570px} .highlights-one-ui__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:48px} .highlights-one-ui__content-box{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;width:484px} .highlights-one-ui__text{margin-top:31px} .highlights-one-ui__title{font-size:22px;line-height:1.318} .highlights-one-ui__description{margin-top:13px} .highlights-one-ui__visual{height:330px;overflow:hidden;position:relative;z-index:1;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-one-ui{padding:60px 0} .highlights-one-ui__headline{line-height:1.3;font-size:30px} .is-english .highlights-one-ui__headline{max-width:450px} .highlights-one-ui__content{margin-top:32px} .highlights-one-ui__content-box{width:332px} .highlights-one-ui__text{margin-top:24px} .highlights-one-ui__title{font-size:18px;line-height:1.318} .highlights-one-ui__description{margin-top:10px;font-size:12px} .highlights-one-ui__visual{height:240px} } .highlights-ai { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 400px } .highlights-ai__inner { position: relative } .highlights-ai .common-headline { text-align: center } .highlights-ai .common-headline .common-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .highlights-ai__intelligence { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .highlights-ai .common-video__control-wrap { display: none } .highlights-ai__gradient { position: absolute; width: 100%; height: 110%; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); background: -webkit-gradient(linear, right top, left top, color-stop(80%, #000), to(transparent)) no-repeat; background: -o-linear-gradient(right, #000 80%, transparent) no-repeat; background: linear-gradient(270deg, #000 80%, transparent) no-repeat } .highlights-ai.is-active .highlights-ai__gradient { -webkit-transition: -webkit-transform 1.6s ease-in; transition: -webkit-transform 1.6s ease-in; -o-transition: transform 1.6s ease-in; transition: transform 1.6s ease-in; transition: transform 1.6s ease-in, -webkit-transform 1.6s ease-in; -webkit-transform: translate3d(120%, 0, 0); transform: translate3d(120%, 0, 0) } .highlights-ai.is-active .highlights-ai__intelligence { opacity: 0; -webkit-transform: translate3d(160%, -50%, 0); transform: translate3d(160%, -50%, 0); -webkit-transition: opacity .4s ease-in .8s, -webkit-transform 1s ease-in .2s; transition: opacity .4s ease-in .8s, -webkit-transform 1s ease-in .2s; -o-transition: opacity .4s ease-in .8s, transform 1s ease-in .2s; transition: opacity .4s ease-in .8s, transform 1s ease-in .2s; transition: opacity .4s ease-in .8s, transform 1s ease-in .2s, -webkit-transform 1s ease-in .2s } @media screen and (min-width:768px) { .highlights-ai { height: 600px } .highlights-ai__intelligence { width: 128px; height: 128px } .highlights-ai__gradient { position: absolute; left: 50%; width: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .highlights-ai.is-active .highlights-ai__gradient { -webkit-transition: -webkit-transform 1.7s ease-in; transition: -webkit-transform 1.7s ease-in; -o-transition: transform 1.7s ease-in; transition: transform 1.7s ease-in; transition: transform 1.7s ease-in, -webkit-transform 1.7s ease-in; -webkit-transform: translate3d(150%, 0, 0); transform: translate3d(150%, 0, 0) } .highlights-ai.is-active .highlights-ai__intelligence { opacity: 0; -webkit-transform: translate3d(140%, -50%, 0); transform: translate3d(140%, -50%, 0); -webkit-transition: opacity .4s ease-in .5s, -webkit-transform .8s ease-in .1s; transition: opacity .4s ease-in .5s, -webkit-transform .8s ease-in .1s; -o-transition: opacity .4s ease-in .5s, transform .8s ease-in .1s; transition: opacity .4s ease-in .5s, transform .8s ease-in .1s; transition: opacity .4s ease-in .5s, transform .8s ease-in .1s, -webkit-transform .8s ease-in .1s } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-ai { height: 400px } } .color_yb .highlights-ai.is-active .common-headline .common-text { -webkit-text-fill-color: initial } .highlights-suggestion-ai { overflow: hidden; padding: 60px 0 } .highlights-suggestion-ai .highlights-common-youtube__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width:767px) { .highlights-suggestion-ai .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-suggestion-ai .common-sub-headline { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .highlights-suggestion-ai .common-textbox { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .highlights-suggestion-ai__video { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } } .highlights-suggestion-ai__video { position: relative } @media screen and (max-width:767px) { .highlights-suggestion-ai__video { margin: 19px -24px 0 } } @media screen and (max-width:767px) { .highlights-suggestion-ai__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-suggestion-ai__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 120.55556% } } .highlights-suggestion-ai__video .common-video__control { opacity: 1 !important } .highlights-suggestion-ai__video .common-video__cover-image { width: auto !important; margin: 0 auto; right: 0 } .highlights-suggestion-ai__video .common-play-button { margin-bottom: 0 } @media screen and (max-width:767px) { .highlights-suggestion-ai .common-description { margin-top: 26px } } @media screen and (min-width:768px) { .highlights-suggestion-ai { padding: 80px 0 } .highlights-suggestion-ai__video { width: 450px; height: 600px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-suggestion-ai__video { margin-right: 17px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-suggestion-ai { padding: 60px 0 } .highlights-suggestion-ai__video { width: 334px; height: 406px } } @media screen and (max-width:767px) { .highlights-generative-edit-tutorial .common-tutorial__pagination { background-color: #fff !important } } .highlights-generative-edit-tutorial__main-video-cta-area { position: absolute; z-index: 3; bottom: 7.92507%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s } .highlights-generative-edit-tutorial__main-video-cta-area.is-visible { opacity: 1; pointer-events: auto } .highlights-generative-edit-tutorial__main-video-cta { min-height: 36px; padding-left: 43px; padding-right: 22px; border: none; background-image: -o-linear-gradient(315deg, #387aff 0, #2cb288 100%); background-image: linear-gradient(135deg, #387aff 0, #2cb288 100%) } .highlights-generative-edit-tutorial__main-video-cta:disabled { pointer-events: none } .highlights-generative-edit-tutorial__main-video-cta:disabled .highlights-generative-edit-tutorial__main-video-cta-text { opacity: .6 } .highlights-generative-edit-tutorial__main-video-cta-text { color: #fff } .highlights-generative-edit-tutorial__main-video-cta-text::before { content: ''; position: absolute; top: 50%; left: -23px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 18px; background-repeat: no-repeat; background-size: 100% } .highlights-generative-edit-tutorial__main-video-cta-text--generative::before { height: 18px } .highlights-generative-edit-tutorial__main-video-cta-text--done { display: none } .highlights-generative-edit-tutorial__main-video-cta-text--done::before { height: 11px } .highlights-generative-edit-tutorial__main-video-cta.is-bg-load-complete .highlights-generative-edit-tutorial__main-video-cta-text--generative::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-star.svg) } .highlights-generative-edit-tutorial__main-video-cta.is-bg-load-complete .highlights-generative-edit-tutorial__main-video-cta-text--done::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-done.svg) } .highlights-generative-edit-tutorial__main-video-cta.is-tutorial-end .highlights-generative-edit-tutorial__main-video-cta-text--generative { display: none } .highlights-generative-edit-tutorial__main-video-cta.is-tutorial-end .highlights-generative-edit-tutorial__main-video-cta-text--done { display: block; opacity: 1 } .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip { width: 13.125% } .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip button::after { content: ""; display: block; width: 100%; padding-top: 100% } .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip-cta { display: block; width: 100% } .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip-text { -webkit-transform: translate(-50%, calc(-100% - 15px)); -ms-transform: translate(-50%, calc(-100% - 15px)); transform: translate(-50%, calc(-100% - 15px)) } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip { bottom: 5.90778%; left: 24.375% } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip { bottom: 18.15562%; left: 4.375% } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text { -webkit-transform: translate(-28%, calc(-100% - 15px)); -ms-transform: translate(-28%, calc(-100% - 15px)); transform: translate(-28%, calc(-100% - 15px)) } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text::after { left: 29px } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(5) .common-tutorial__alert, .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(6) .common-tutorial__alert { bottom: 24.20749%; width: 230px } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(7) .common-tutorial__tooltip { width: 0; height: 36px; bottom: 7.92507%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(7) .common-tutorial__tooltip-cta { pointer-events: none } @media screen and (min-width:768px) { .highlights-generative-edit-tutorial__main-video-cta { padding-left: 42px; padding-right: 29px } .highlights-generative-edit-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-black.svg) } .highlights-generative-edit-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-black.svg) } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-generative-edit-tutorial__main-video-cta { min-height: 32px; font-size: 12px } } .color_yb .highlights-generative-edit-tutorial__main-video-cta { background-image: none !important; border: 2px solid #fff01f !important } .color_yb .highlights-generative-edit-tutorial .common-tutorial__alert, .color_yb .highlights-generative-edit-tutorial .common-tutorial__tooltip-text { background-color: #fff !important; color: #000 !important } .color_yb .highlights-generative-edit-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta { border: 2px solid #fff01f !important; -webkit-box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f; box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f } .color_yb .highlights-generative-edit-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(7) .common-tutorial__tooltip-cta { background-color: transparent !important; border: none !important; -webkit-box-shadow: none; box-shadow: none } .highlights-circle-to-search { overflow: hidden; padding: 60px 0 } .highlights-circle-to-search .common-sub-headline { text-align: center } .is-english .highlights-circle-to-search .common-sub-headline { width: 225px; margin: 0 auto } .highlights-circle-to-search .common-textbox { margin-top: 40px } @media screen and (max-width:767px) { .highlights-circle-to-search__video { position: relative; margin: 27px -24px 0 } } @media screen and (max-width:767px) { .highlights-circle-to-search__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-circle-to-search__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 120.83333% } } .highlights-circle-to-search__video .common-play-button { margin-bottom: 0 } .highlights-circle-to-search__logo { position: relative; width: 141px; height: 32px; margin-top: 37px } @media screen and (min-width:768px) { .highlights-circle-to-search { padding: 80px 0 } .highlights-circle-to-search__video-wrap { width: 498px; height: 600px; margin: 44px auto 0 } .highlights-circle-to-search__video { width: 498px; height: 600px } .is-english .highlights-circle-to-search .common-sub-headline { width: 300px } .highlights-circle-to-search .common-textbox { max-width: 824px; margin: 57px auto 0; text-align: center } .highlights-circle-to-search .common-description, .highlights-circle-to-search .common-disclaimer { width: 100% } .is-english .highlights-circle-to-search .common-description, .is-english .highlights-circle-to-search .common-disclaimer { width: 100% } .highlights-circle-to-search__logo { width: 228px; height: 52px; margin: 53px auto 0 } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-circle-to-search { padding: 60px 0 } .highlights-circle-to-search__video-wrap { width: 340px; height: 418px; margin: 19px auto 0 } .highlights-circle-to-search__video { width: 340px; height: 418px } .is-english .highlights-circle-to-search .common-sub-headline { width: 230px } .highlights-circle-to-search .common-textbox { max-width: 510px; margin: 38px auto 0 } .highlights-circle-to-search__logo { width: 160px; height: 36px; margin-top: 34px } } .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip { width: 13.125% } .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip button::after { content: ""; display: block; width: 100%; padding-top: 100% } .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip-cta { display: block; width: 100% } .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip { top: 12.9683%; left: 23.75%; width: 48.4375% } .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip button::after { content: ""; display: block; width: 100%; padding-top: 100% } .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text { display: none } .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__alert { top: 37.89625%; width: 200px } @media screen and (min-width:768px) { .highlights-circle-to-search-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::after { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-pause-black.svg) } .highlights-circle-to-search-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-video-play-black.svg) } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__alert { width: 180px } } .color_yb .highlights-circle-to-search-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(2) .common-tutorial__tooltip-cta { border: 2px solid #fff01f !important; -webkit-box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f; box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f } .highlights-live-translate { overflow: hidden; padding: 60px 0 } @media screen and (max-width:767px) { .highlights-live-translate .common-textbox-wrap--column { 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 } .highlights-live-translate .common-textbox { margin-top: 33px } .is-english .highlights-live-translate .common-sub-headline { width: 265px } } .highlights-live-translate__video { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 66.11%; height: 100% } .highlights-live-translate__video-wrap { overflow: hidden; position: relative; background-size: 100% } @media screen and (max-width:767px) { .highlights-live-translate__video-wrap img { position: absolute; top: 0; left: 0 } .highlights-live-translate__video-wrap::after { content: ""; display: block; width: 100%; padding-top: 93.05556% } } .highlights-live-translate__video-wrap.is-bg-load-complete { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-ai-translation-bg-mo.jpg) } @media screen and (max-width:767px) { .highlights-live-translate__video-wrap { margin: 0 -24px } } @media screen and (min-width:768px) { .highlights-live-translate { padding: 80px 0 } .highlights-live-translate .common-textbox-wrap--column { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } @media screen and (min-width:768px) and (min-width:1024px) { .is-english .highlights-live-translate .common-sub-headline { width: 342px } } @media screen and (min-width:768px) { .highlights-live-translate__video { top: 0; width: 316px; height: 460px } .highlights-live-translate__video-wrap { width: 484px; height: 460px } .highlights-live-translate__video-wrap.is-bg-load-complete { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-ai-translation-bg.jpg) } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-live-translate { padding: 60px 0 } .highlights-live-translate__video { width: 218px; height: 316px } .highlights-live-translate__video-wrap { width: 334px; height: 316px; margin-top: 3px } } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip { top: 51%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 140px; padding: 0; border: 2px solid transparent; background-image: -o-linear-gradient(#314f78, #314f78), -o-linear-gradient(315deg, #7dfafd 0, #cebaf3 100%); background-image: linear-gradient(#314f78, #314f78), linear-gradient(135deg, #7dfafd 0, #cebaf3 100%); background-origin: border-box; background-clip: content-box, border-box } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta::before { content: ''; display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 24px; height: 15px; margin-right: -10px; background-repeat: no-repeat; background-position: center; background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-star.svg) } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta.is-bg-load-complete::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-star.svg) } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text { padding: 10px; color: #fff } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-video__control { display: none } .highlights-live-translate-tutorial .common-tutorial__intro-info-cta { left: 38px } @media screen and (max-width:767px) { .highlights-live-translate-tutorial .common-tutorial__main-video-wrap { background-color: #fff !important } } .highlights-live-translate-tutorial .common-tutorial__main-video::after, .highlights-live-translate-tutorial .common-tutorial__main-video::before { display: none !important } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video { top: 0 } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(1) .common-tutorial__tooltip { top: 89.33718%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 140px } .highlights-live-translate-tutorial .common-tutorial__main-video .common-video__figure { overflow: visible; border-radius: 0 } .highlights-live-translate-tutorial .common-tutorial__main-video .common-mute-button, .highlights-live-translate-tutorial .common-tutorial__main-video .common-play-button { margin-bottom: 10px } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0; border: 3px solid transparent; background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(315deg, #387aff 0, #2cb288 100%); background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #387aff 0, #2cb288 100%); background-origin: border-box; background-clip: content-box, border-box } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta::before { content: ''; display: block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta.is-bg-load-complete::before { background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-tutorial-live-translate.svg) } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip { top: 346px } } @media screen and (min-width:768px) { .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta { min-width: 170px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text { font-size: 16px } } @media screen and (min-width:768px) { .highlights-live-translate-tutorial .common-tutorial__intro-info-cta { left: 51px } .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video { top: 0; width: 310px; height: 672px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video { width: 260px; height: 564px } } .color_yb .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta { background-image: none !important } .color_yb .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text { color: #fff01f !important } .color_yb .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta { background-image: none !important; background-color: #fff !important; border-color: #000 !important } .highlights-interpreter { padding: 60px 0; overflow: hidden } .highlights-interpreter .highlights-common-youtube__list { margin-top: 34px } .highlights-interpreter .highlights-common-youtube__item-title span { display: block } .highlights-interpreter__content { position: relative; margin-top: 34px } .highlights-interpreter__content-video { width: 100%; height: 100% } @media screen and (max-width:767px) { .highlights-interpreter__content-video .common-video img { position: absolute; top: 0; left: 0 } .highlights-interpreter__content-video .common-video::after { content: ""; display: block; width: 100%; padding-top: 133.33333% } } @media screen and (min-width:768px) { .highlights-interpreter { padding: 80px 0; min-height: 480px; -webkit-box-sizing: content-box; box-sizing: content-box } .highlights-interpreter .highlights-common-youtube__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 42px } .highlights-interpreter__wrap { position: relative } .highlights-interpreter__content { position: absolute; top: 0; right: 15px; width: 360px; height: 480px; margin: 0 } .highlights-interpreter__content-video { border-radius: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-interpreter { padding: 60px 0; min-height: 340px } .highlights-interpreter .highlights-common-youtube__list { margin-top: 26px } .highlights-interpreter__content { width: 256px; height: 340px } } .highlights-interpreter__content-video { position: relative; width: 76.6025%; margin: 0 auto } .highlights-interpreter__content-video-wrap { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; pointer-events: none } .highlights-interpreter__content-video-wrap.is-bg-load-complete { background-image: url(//images.samsung.com/is/image/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-interpreter-bg-mo.png) } .highlights-interpreter__content-video .common-video__control { margin-left: 12px } @media screen and (max-width:767px) { .highlights-interpreter__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-interpreter__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 34px } .highlights-interpreter__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0 } .highlights-interpreter__content-video-wrap { width: 115.38461%; max-width: 360px } .highlights-interpreter .highlights-common-youtube__list { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } @media screen and (min-width:768px) { .highlights-interpreter { min-height: 422px } .highlights-interpreter__content { right: 0; width: 484px; height: 422px } .highlights-interpreter__content-video { width: 316px } .highlights-interpreter__content-video-wrap.is-bg-load-complete { background-image: url(//images.samsung.com/is/image/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-interpreter-bg.png) } .highlights-interpreter__content .common-video__control { margin-left: 33px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-interpreter { min-height: 290px } .highlights-interpreter__content { width: 334px; height: 290px } .highlights-interpreter__content-video { width: 220px } .highlights-interpreter__content-video-wrap.is-bg-load-complete { background-image: url(//images.samsung.com/is/image/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-interpreter-bg-tb.png) } .highlights-interpreter__content .common-video__control { margin-left: 14px } } .highlights-chat-assist { overflow: hidden; padding: 60px 0 } .highlights-chat-assist .highlights-common-youtube__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 32px } @media screen and (max-width:767px) { .highlights-chat-assist .common-textbox-wrap--column { 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 } } .highlights-chat-assist__image { position: relative } @media screen and (max-width:767px) { .highlights-chat-assist__image { margin: 0 -24px } } @media screen and (max-width:767px) { .highlights-chat-assist__image img { position: absolute; top: 0; left: 0 } .highlights-chat-assist__image::after { content: ""; display: block; width: 100%; padding-top: 99.44444% } } @media screen and (max-width:767px) { .highlights-chat-assist .common-textbox { margin-top: 33px } } @media screen and (min-width:768px) { .highlights-chat-assist { padding: 80px 0 } .highlights-chat-assist .common-textbox-wrap--column { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-chat-assist .highlights-common-youtube__list { margin-top: 50px } } @media screen and (min-width:768px) { .highlights-chat-assist__image { width: 484px; height: 480px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-chat-assist { padding: 60px 0 } .highlights-chat-assist__image { width: 334px; height: 332px } } .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip { width: 13.125% } .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip button::after { content: ""; display: block; width: 100%; padding-top: 100% } .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip-cta { display: block; width: 100% } .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(1) .common-tutorial__tooltip { top: 46.54179%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip { top: 11.67147%; right: 24.0625% } .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip { top: 11.67147%; right: 25.3125% } .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(4) .common-tutorial__tooltip { top: 23.34294%; right: 20.9375% } @media screen and (max-width:767px) { .highlights-chat-assist-tutorial .common-tutorial__intro-info-cta { left: -7px } } .color_yb .highlights-chat-assist-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta { border: 2px solid #000 !important; -webkit-box-shadow: 0 0 0 2px #fff01f, 0 0 0 4px #000; box-shadow: 0 0 0 2px #fff01f, 0 0 0 4px #000 } .highlights-samsung-note { overflow: hidden; padding: 60px 0 } .highlights-samsung-note .highlights-common-youtube__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width:767px) { .highlights-samsung-note .common-textbox-wrap--column { 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 } .highlights-samsung-note .common-textbox { margin-top: 33px } } .highlights-samsung-note__video { position: relative } @media screen and (max-width:767px) { .highlights-samsung-note__video { margin: 0 -24px } } @media screen and (max-width:767px) { .highlights-samsung-note__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-samsung-note__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 107.77778% } } .highlights-samsung-note__video .common-video__control { opacity: 1 !important } .highlights-samsung-note__video .common-play-button { margin-bottom: 0 } @media screen and (min-width:768px) { .highlights-samsung-note { padding: 80px 0 } .highlights-samsung-note__video { width: 484px; height: 514px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-samsung-note { padding: 60px 0 } .highlights-samsung-note__video { width: 334px; height: 360px } } .highlights-samsung-note-tutorial .common-tutorial__video .common-tutorial__tooltip { width: 13.125% } .highlights-samsung-note-tutorial .common-tutorial__video .common-tutorial__tooltip button::after { content: ""; display: block; width: 100%; padding-top: 100% } .highlights-samsung-note-tutorial .common-tutorial__video .common-tutorial__tooltip-cta { display: block; width: 100% } .highlights-samsung-note-tutorial .common-tutorial__video:nth-child(1) .common-tutorial__tooltip { bottom: 5.33141%; left: 38.125% } .highlights-samsung-note-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip { bottom: 32.70893%; right: 22.5% } .highlights-samsung-note-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip { bottom: 32.56484%; right: 21.25% } .highlights-samsung-note-tutorial .common-tutorial__video:nth-child(4) .common-tutorial__tooltip { bottom: 6.91643%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .color_yb .highlights-samsung-note-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta { border: 2px solid #000 !important; -webkit-box-shadow: 0 0 0 2px #fff01f, 0 0 0 4px #000; box-shadow: 0 0 0 2px #fff01f, 0 0 0 4px #000 } .color_yb .highlights-samsung-note-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(1) .common-tutorial__tooltip-cta { border-color: #fff01f !important; -webkit-box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f; box-shadow: 0 0 0 2px #000, 0 0 0 4px #fff01f } .highlights-gaming { padding: 60px 0 } .highlights-gaming__container { margin-top: 27px } .highlights-gaming__bar { position: absolute; z-index: 10; top: 5%; width: 100%; height: 90% } .highlights-gaming__bar .bar { position: relative; width: 1px; height: 100%; background: rgba(255, 255, 255, .7); cursor: pointer } .highlights-gaming__bar-controller { content: ''; position: absolute; display: block; top: 50%; left: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 46px; height: 46px; border-radius: 50%; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5); pointer-events: auto } .highlights-gaming__bar-controller.is-bg-load-complete { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-btn-drag.svg) #fff no-repeat center center/cover } .highlights-gaming__image { width: 100%; height: 100% } .highlights-gaming__image img { position: absolute; top: 0; left: 50% !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; width: 100%; height: 100% } .highlights-gaming__image-wrap { position: relative; direction: ltr } @media screen and (max-width:767px) { .highlights-gaming__image-wrap img { position: absolute; top: 0; left: 0 } .highlights-gaming__image-wrap::after { content: ""; display: block; width: 100%; padding-top: 48.71795% } } .highlights-gaming__image-inner { position: absolute; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%; pointer-events: none } .highlights-gaming__cover { overflow: hidden; position: absolute; top: 0; height: 100% } .highlights-gaming__cover img { top: 0; left: 0; width: auto !important; height: 100% !important } .highlights-gaming__cover-wrap { position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .highlights-gaming__tap-wrap { position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .highlights-gaming__tap { height: 100% } .highlights-gaming__tap-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .highlights-gaming__tap-button { display: block; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent } .highlights-gaming__visual { position: relative; margin: 30px auto 0 } @media screen and (max-width:767px) { .highlights-gaming__visual { max-width: 440px } } .highlights-gaming__visual sup { position: absolute; top: 0; left: 100%; pointer-events: auto } @media screen and (max-width:767px) { .highlights-gaming__info-list { margin-top: 32px } } .highlights-gaming__info+.highlights-gaming__info { margin-top: 30px } .highlights-gaming__info-title { font-size: 16px; color: #dadada } .highlights-gaming__info-wrap { margin-top: 21px } .highlights-gaming__info-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .highlights-gaming__info-value { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #02a6fe), to(#0281fe)); background: -o-linear-gradient(#02a6fe 0, #0281fe 100%); background: linear-gradient(#02a6fe 0, #0281fe 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 40px; line-height: 1 } .highlights-gaming__info-unit { padding-left: 0; font-size: 28px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #02a6fe), to(#0281fe)); background: -o-linear-gradient(#02a6fe 0, #0281fe 100%); background: linear-gradient(#02a6fe 0, #0281fe 100%); -webkit-background-clip: text; background-clip: text; color: transparent } @media screen and (max-width:767px) { .highlights-gaming__info-unit { line-height: 1 } } @media screen and (max-width:767px) { .highlights-gaming__info-description { display: block; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin-top: 6px } } @media screen and (min-width:768px) { .highlights-gaming { padding: 120px 0 80px } .highlights-gaming .common-headline { text-align: center } .is-english .highlights-gaming .common-headline .common-text { width: 800px; margin: 0 auto } .highlights-gaming__container { margin-top: 58px } .highlights-gaming__bar { top: 23px; height: 437px } .highlights-gaming__bar-controller { width: 60px; height: 60px } .highlights-gaming__image img { width: 988px } .highlights-gaming__image-wrap { width: 988px; height: 482px; margin: 0 auto } .highlights-gaming__image-inner { width: 988px } .highlights-gaming__cover img { width: 988px } .highlights-gaming__visual { width: 989px; height: 482px; margin: 52px auto 0 } .highlights-gaming__info-list { width: 456px } .is-english .highlights-gaming__info-list { width: 400px } .highlights-gaming__info+.highlights-gaming__info { margin-top: 45px } .highlights-gaming__info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px } .highlights-gaming__info-inner { min-width: 106px } .highlights-gaming__info-title { font-size: 22px } .highlights-gaming__info-value { font-size: 60px } .highlights-gaming__info-unit { padding-left: 1px; font-size: 38px } .highlights-gaming__info-description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 15px; max-width: 180px; margin-top: 4px; padding-left: 8px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-gaming { padding: 100px 0 60px } .is-english .highlights-gaming .common-headline .common-text { width: 510px } .highlights-gaming__container { margin-top: 38px } .highlights-gaming__bar { top: 18px; height: 304px } .highlights-gaming__bar-controller { width: 43px; height: 43px } .highlights-gaming__image img { width: 688px } .highlights-gaming__image-wrap { width: 688px; height: 336px } .highlights-gaming__image-inner { width: 688px } .highlights-gaming__cover img { width: 688px } .highlights-gaming__visual { width: 688px; height: 336px; margin-top: 27px } .highlights-gaming__info-list { width: 300px } .is-english .highlights-gaming__info-list { width: 266px } .highlights-gaming__info+.highlights-gaming__info { margin-top: 31px } .highlights-gaming__info-wrap { margin-top: 22px } .highlights-gaming__info-inner { min-width: 75px } .highlights-gaming__info-title { font-size: 16px } .highlights-gaming__info-value { font-size: 40px } .highlights-gaming__info-unit { padding-left: 6px; font-size: 28px } .highlights-gaming__info-description { max-width: 190px; margin-top: 3px; padding-left: 14px; font-size: 14px } } .color_yb .highlights-gaming__info-title { color: #fff01f !important } .color_yb .highlights-gaming__info-unit, .color_yb .highlights-gaming__info-value { background: #fff01f !important; -webkit-background-clip: text !important; background-clip: text !important } .color_yb .highlights-gaming__bar .bar { -webkit-box-sizing: content-box; box-sizing: content-box; border: 2px solid #000; background-color: #fff01f } .color_yb .highlights-gaming__bar-controller.is-bg-load-complete { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-btn-drag-yellow.svg) no-repeat center center #000 !important } .highlights-battery { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-battery__info-container { margin-top: 34px } } .highlights-battery__info+.highlights-battery__info { margin-top: 29px } .highlights-battery__info-category { font-size: 14px; color: #dadada } .highlights-battery__info-wrap { margin-top: 19px } .highlights-battery__info-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .highlights-battery__info-value { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #02a6fe), to(#0281fe)); background: -o-linear-gradient(#02a6fe 0, #0281fe 100%); background: linear-gradient(#02a6fe 0, #0281fe 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 44px; line-height: 1 } .highlights-battery__info-unit { font-size: 44px; color: #0381fe } @media screen and (max-width:767px) { .highlights-battery__info-unit { padding-left: 6px; font-size: 27px } } @media screen and (min-width:768px) { .highlights-battery { padding: 80px 0 } .highlights-battery__info-container { width: 456px } .is-english .highlights-battery__info-container { width: 400px } .highlights-battery__info { width: 100% } .highlights-battery__info+.highlights-battery__info { margin-top: 46px } .highlights-battery__info-category { font-size: 22px } .highlights-battery__info-wrap { margin-top: 13px } .highlights-battery__info-value { font-size: 60px } .highlights-battery__info-unit { font-size: 38px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-battery { padding: 60px 0 } .highlights-battery__info-container { width: 300px } .is-english .highlights-battery__info-container { width: 266px } .highlights-battery__info+.highlights-battery__info { margin-top: 31px } .highlights-battery__info-category { font-size: 14px } .highlights-battery__info-wrap { margin-top: 20px } .highlights-battery__info-value { font-size: 40px } .highlights-battery__info-unit { padding-left: 10px; font-size: 28px } } .color_yb .highlights-battery__info-category, .color_yb .highlights-battery__info-unit { color: #fff01f !important } .color_yb .highlights-battery__info-value { background: #fff01f !important; -webkit-background-clip: text !important; background-clip: text !important } .color_yb .highlights-battery__info-inner { -webkit-text-fill-color: initial } .highlights-display { overflow: hidden; padding: 60px 0 } @media screen and (max-width:767px) { .highlights-display__inner { 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 } } .highlights-display__bar { position: absolute; z-index: 10; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100% } .highlights-display__bar .bar { position: relative; width: 1px; height: 100%; background: rgba(255, 255, 255, .7); cursor: pointer } .highlights-display__bar-controller { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; width: 46px; height: 46px; border-radius: 50%; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5); pointer-events: auto } .highlights-display__bar-controller.is-bg-load-complete { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-btn-drag.svg) #fff no-repeat center center/cover } .highlights-display__image { width: 100%; height: 100% } .highlights-display__image img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 767px; height: 100% } .highlights-display__image-wrap { position: relative; direction: ltr; width: 100%; height: 340px } .highlights-display__image-inner { position: absolute; z-index: 2; width: 767px; height: 100%; pointer-events: none; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-display__cover { overflow: hidden; position: absolute; top: 0; height: 100% } .highlights-display__cover img { top: 0; left: 0; width: 767px; height: 100% } .highlights-display__tap-wrap { position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .highlights-display__tap { height: 100% } .highlights-display__tap-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .highlights-display__tap-button { display: block; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent } .highlights-display__textbox { margin-top: 35px } .highlights-display__vde { overflow: hidden; width: 100px; height: 118px; margin-top: 34px; border: 10px solid #fff; border-radius: 7px; background-color: #fff } @media screen and (min-width:768px) { .highlights-display { padding: 80px 0 } .highlights-display__inner { 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 } .highlights-display__bar-controller { width: 60px; height: 60px } .highlights-display__image img { width: 988px } .highlights-display__image-wrap { width: 988px; height: 520px; margin: 0 auto } .highlights-display__image-inner { width: 988px } .highlights-display__cover img { width: 988px } .highlights-display__textbox { margin-top: 56px } .highlights-display__vde { width: 143px; height: 169px; margin-top: 54px; border-radius: 7px; border: 14px solid #fff } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-display { padding: 60px 0 } .highlights-display__bar-controller { width: 43px; height: 43px } .highlights-display__image img { width: 688px } .highlights-display__image-wrap { width: 688px; height: 362px; margin: 0 auto } .highlights-display__image-inner { width: 688px } .highlights-display__cover img { width: 688px } .highlights-display__textbox { margin-top: 38px } .highlights-display__vde { width: 98px; height: 118px; margin-top: 27px; border: 9px solid #fff; border-bottom-width: 10px } } .color_yb .highlights-display__bar .bar { -webkit-box-sizing: content-box; box-sizing: content-box; border: 2px solid #000; background-color: #fff01f } .color_yb .highlights-display__bar-controller.is-bg-load-complete { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-btn-drag-yellow.svg) no-repeat center center #000 !important } .highlights-switching { padding: 60px 0 } .highlights-switching__contents { margin-top: 26px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .highlights-switching__card { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 312px; border-radius: 10px; background-color: #1f1f26; overflow: hidden } .highlights-switching__card-text { padding: 28px 24px 0 } .highlights-switching__card-title { font-size: 16px; line-height: 1.3125 } .highlights-switching__card-description { margin-top: 9px; font-size: 12px; line-height: 1.33 } .highlights-switching__card-description sup { font-size: 63%; top: .7em; vertical-align: top } .highlights-switching__card-description--pc { display: none } .highlights-switching__card-cta { margin-top: 8px } .highlights-switching__card-cta .common-cta-underline { padding-left: 0 } .highlights-switching__card-img { position: relative; width: 100% } @media screen and (max-width:767px) { .highlights-switching__card-img img { position: absolute; top: 0; left: 0 } .highlights-switching__card-img::after { content: ""; display: block; width: 100%; padding-top: 41.66667% } } .highlights-switching__card-img-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width:767px) { .highlights-switching__card { max-width: 312px } .highlights-switching__card+.highlights-switching__card { margin-top: 8px } } @media screen and (max-width:767px) and (max-width:767px) { .highlights-switching__card-img img { position: absolute; top: 0; left: 0 } .highlights-switching__card-img::after { content: ""; display: block; width: 100%; padding-top: 49.35897% } } @media screen and (min-width:768px) { .highlights-switching { padding: 80px 0 } .highlights-switching__contents { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 46px } .highlights-switching__card { min-height: 458px; border-radius: 20px } .highlights-switching__card-img { width: 100% !important } .highlights-switching__card-text { padding: 29px 26px 29px 24px; padding-bottom: 0 } .highlights-switching__contents--3column .highlights-switching__card-text { padding: 29px 33px } .highlights-switching__card-title { font-size: 22px; line-height: 1.318 } .highlights-switching__card-description { margin-top: 12px; font-size: 14px; line-height: 1.357 } .highlights-switching__card-cta { margin-top: 12px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-switching__card { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 180px } .highlights-switching__contents--3column .highlights-switching__card { max-width: none } .highlights-switching__card+.highlights-switching__card { margin: 0 0 0 20px } .highlights-switching__card-description--mo { display: none } .highlights-switching__card-description--pc { display: block } .highlights-switching__card-img-area { margin-top: -8px; min-height: 172px } .is-english .highlights-switching__card--smart-switch .highlights-switching__card-cta { padding-right: 12px } .is-english .highlights-switching__card--try-galaxy .highlights-switching__card-cta { padding-right: 10px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-switching { padding: 60px 0 } .highlights-switching__contents { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 29px } .highlights-switching__card { width: 334px; min-height: 263px } .highlights-switching__card-text { padding: 27px 23px 0 } .highlights-switching__card-title { font-size: 16px } .highlights-switching__card-description { margin-top: 6px; font-size: 12px } .highlights-switching__card-cta { margin-top: 7px } .highlights-switching__card-img { width: 216px !important; height: 132px } .highlights-switching__card-img-area { margin-top: -2px } .highlights-switching__card+.highlights-switching__card { margin-top: 20px } .highlights-switching__card--ai-frontier { margin-top: 0 !important } .highlights-switching__card--try-galaxy { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% !important; min-height: 182px !important; margin: auto } .highlights-switching__contents--3column .highlights-switching__card--try-galaxy { margin-top: 20px !important } .highlights-switching__card--try-galaxy .highlights-switching__card-text { padding: 20px 24px } .highlights-switching__card--try-galaxy .highlights-switching__card-img { height: 182px } .highlights-switching__card--try-galaxy .highlights-switching__card-img-area { width: 182px } .highlights-switching__contents--3column .highlights-switching__card { width: 216px; min-height: 341px; margin-top: 0 } } .highlights-quick-share { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-quick-share__content { margin-top: 35px } } .highlights-quick-share__image { overflow: hidden; position: relative; border-radius: 10px } @media screen and (max-width:767px) { .highlights-quick-share__image img { position: absolute; top: 0; left: 0 } .highlights-quick-share__image::after { content: ""; display: block; width: 100%; padding-top: 64.10256% } } @media screen and (min-width:768px) { .highlights-quick-share { padding: 80px 0 } .highlights-quick-share__image { width: 484px; height: 310px; border-radius: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-quick-share { padding: 60px 0 } .highlights-quick-share__image { width: 334px; height: 214px } } .highlights-privacy { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-privacy__content { margin-top: 35px } } .highlights-privacy__image { overflow: hidden; position: relative; border-radius: 10px } @media screen and (max-width:767px) { .highlights-privacy__image img { position: absolute; top: 0; left: 0 } .highlights-privacy__image::after { content: ""; display: block; width: 100%; padding-top: 64.10256% } } @media screen and (min-width:768px) { .highlights-privacy { padding: 80px 0 } .highlights-privacy__image { width: 484px; height: 310px; border-radius: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-privacy { padding: 60px 0 } .highlights-privacy__image { width: 334px; height: 214px } } .highlights-privacy__video { width: 100%; height: 100%; border-radius: 10px; overflow: hidden } @media screen and (max-width:767px) { .highlights-privacy__video .common-video img { position: absolute; top: 0; left: 0 } .highlights-privacy__video .common-video::after { content: ""; display: block; width: 100%; padding-top: 64.10256% } } @media screen and (min-width:768px) { .highlights-privacy .common-textbox--vertical { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .highlights-privacy__video { width: 484px; height: 310px; border-radius: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-privacy__video { width: 334px; height: 214px } } .highlights-sustainability { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-sustainability__content { margin-top: 35px } } .highlights-sustainability__image { overflow: hidden; position: relative; border-radius: 10px } @media screen and (max-width:767px) { .highlights-sustainability__image img { position: absolute; top: 0; left: 0 } .highlights-sustainability__image::after { content: ""; display: block; width: 100%; padding-top: 64.10256% } } @media screen and (min-width:768px) { .highlights-sustainability { padding: 80px 0 } .highlights-sustainability__image { width: 484px; height: 310px; border-radius: 20px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-sustainability { padding: 60px 0 } .highlights-sustainability__image { width: 334px; height: 214px } } .highlights-galaxy-offers { overflow: hidden; padding: 60px 0 } .highlights-galaxy-offers__card { position: relative } .highlights-galaxy-offers__card-container.swiper-container { overflow: visible } @media screen and (max-width:767px) { .highlights-galaxy-offers__card-container.swiper-container { margin: 0 -5px } .highlights-galaxy-offers__card-container.swiper-container .swiper-button-next, .highlights-galaxy-offers__card-container.swiper-container .swiper-button-prev { margin-top: 5px } .highlights-galaxy-offers__card-container.swiper-container .swiper-button-next { right: 14px } .highlights-galaxy-offers__card-container.swiper-container .swiper-button-prev { left: 14px } } .highlights-galaxy-offers__card-item { height: auto !important } @media screen and (max-width:767px) { .highlights-galaxy-offers__card-item { padding: 0 5px } } .highlights-galaxy-offers__card-item-inner { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; min-height: 466px; -ms-flex-line-pack: justify; align-content: space-between; background-color: #f4f4f4; border-radius: 10px } .highlights-galaxy-offers__card-text { padding: 26px } .highlights-galaxy-offers__card-img { position: relative; width: 100% } @media screen and (max-width:767px) { .highlights-galaxy-offers__card-img img { position: absolute; top: 0; left: 0 } .highlights-galaxy-offers__card-img::after { content: ""; display: block; width: 100%; padding-top: 105.12821% } } .highlights-galaxy-offers__card-title { color: inherit; font-size: 18px; line-height: 1.22 } .highlights-galaxy-offers__card-desc { margin-top: 10px; font-size: 12px; line-height: 1.33; color: inherit } .highlights-galaxy-offers__card-desc sup { font-size: 63%; top: .7em; vertical-align: top } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__arrows { display: none } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item { padding: 0 } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item--trade-in { display: none } .highlights-galaxy-offers__arrows { position: absolute; top: 50%; left: 0; right: 0; margin: -24px } @media screen and (min-width:768px) { .highlights-galaxy-offers { padding: 80px 0 } .highlights-galaxy-offers__card-list.swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .highlights-galaxy-offers__card-item { display: inline-block } .highlights-galaxy-offers__card-item.swiper-slide { width: 483px } .highlights-galaxy-offers__card-item-inner { min-height: 370px; border-radius: 20px; min-height: 280px } .highlights-galaxy-offers__card-text { width: 440px; padding: 33px 0 13px 38px } .highlights-galaxy-offers__card-title { font-size: 22px; line-height: 1.22 } .highlights-galaxy-offers__card-desc { margin-top: 14px; font-size: 14px; line-height: 1.33 } .highlights-galaxy-offers__card-img { width: 483px; height: 244px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-list { -ms-flex-wrap: wrap; flex-wrap: wrap } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item { width: 100% } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item-inner { 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 } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text { padding: 0 } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text-wrap { padding: 0 40px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img { width: 483px; height: 370px } .highlights-galaxy-offers__arrows { display: none } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-galaxy-offers { padding: 60px 0 } .highlights-galaxy-offers__card-item.swiper-slide { width: 332px } .highlights-galaxy-offers__card-text { max-width: 332px; padding: 26px 28px 13px } .highlights-galaxy-offers__card-title { font-size: 18px } .highlights-galaxy-offers__card-desc { margin-top: 9px; font-size: 12px } .highlights-galaxy-offers__card-img { width: 332px; height: 180px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text-wrap { padding: 0 25px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img { width: 332px; height: 280px } } .highlights-galaxy-offers__card-title { color: #000 } .highlights-galaxy-offers__card-desc { color: #000 } @media screen and (max-width:767px) and (max-width:767px) { .highlights-galaxy-offers__card-item--storage .highlights-galaxy-offers__card-img img { position: absolute; top: 0; left: 0 } .highlights-galaxy-offers__card-item--storage .highlights-galaxy-offers__card-img::after { content: ""; display: block; width: 100%; padding-top: 102.5641% } } @media screen and (min-width:768px) { .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text { width: 420px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img { width: 550px; height: 370px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-galaxy-offers__card-text { max-width: 332px } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text { width: calc(100% - 370px) } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img { width: 370px; height: 280px } } .highlights-carousel__content { position: relative; text-align: center } .highlights-carousel__content-container { z-index: 0 !important } .highlights-carousel__content-slide { max-width: 312px; overflow: hidden } @media screen and (max-width:767px) { .highlights-carousel__infinite .highlights-carousel__content-slide { height: auto !important } .highlights-carousel__infinite .highlights-carousel__content-slide::after { content: ''; display: block; width: 100%; padding-top: 216.7% } } .highlights-carousel__content-image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: 360px } @media screen and (max-width:767px) { .highlights-carousel__content-image { left: 0; top: 0; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none } } .highlights-carousel__content-video .common-video { position: static } .highlights-carousel__content-video .common-video__control-wrap { position: absolute; width: 100%; max-width: 360px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 } .highlights-carousel__content-video .common-video__figure { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-carousel__content-navigation { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 312px; margin: auto; z-index: 1 } .highlights-carousel__content-arrow--next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .highlights-carousel__content-arrow--prev { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (min-width:768px) { .highlights-carousel__content { position: relative } .highlights-carousel__content-image { width: 688px } .highlights-carousel__content-video .common-video__control-wrap { max-width: 688px } .highlights-carousel__content-video .common-video__figure { width: 688px } .highlights-carousel__content-navigation { max-width: 688px } } @media screen and (min-width:1024px) { .highlights-carousel__content-slide { max-width: 988px } .highlights-carousel__content-image { width: 988px } .highlights-carousel__content-video .common-video__control-wrap { max-width: 988px } .highlights-carousel__content-video .common-video__figure { width: 988px } .highlights-carousel__content-navigation { width: 00px; max-width: 988px } } .highlights-resolution { padding: 60px 0 } .highlights-resolution__inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-resolution__inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media screen and (max-width:767px) { .highlights-resolution .common-inner.common-display-mo { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-resolution .common-textbox__column { margin-top: 32px } } .highlights-resolution__image-group { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 26px } @media screen and (max-width:767px) { .highlights-resolution__image { margin: 0 auto } } .highlights-resolution__image+.highlights-resolution__image { margin-top: 10px } .highlights-resolution__image-inner { position: relative } @media screen and (max-width:767px) { .highlights-resolution__image--normal { max-width: 440px } } @media screen and (max-width:767px) { .highlights-resolution__image--normal .highlights-resolution__image-inner img { position: absolute; top: 0; left: 0 } .highlights-resolution__image--normal .highlights-resolution__image-inner::after { content: ""; display: block; width: 100%; padding-top: 74.72222% } } @media screen and (max-width:767px) { .highlights-resolution__image--zoom { max-width: 360px; padding: 0 24px } } @media screen and (max-width:767px) { .highlights-resolution__image--zoom .highlights-resolution__image-inner img { position: absolute; top: 0; left: 0 } .highlights-resolution__image--zoom .highlights-resolution__image-inner::after { content: ""; display: block; width: 100%; padding-top: 74.67949% } } @media screen and (min-width:768px) { .highlights-resolution { padding: 80px 0 } .highlights-resolution__inner { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-resolution__image-group { width: 988px; margin: 47px auto 0 } .highlights-resolution__image+.highlights-resolution__image { margin-top: 20px } .highlights-resolution__image--normal .highlights-resolution__image-inner { height: 708px } .highlights-resolution__image--zoom { width: 484px; margin-left: auto } .highlights-resolution__image--zoom .highlights-resolution__image-inner { height: 360px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-resolution { padding: 60px 0 } .highlights-resolution__image-group { width: 688px; margin-top: 33px } .highlights-resolution__image+.highlights-resolution__image { margin-top: 10px } .highlights-resolution__image--normal .highlights-resolution__image-inner { height: 492px } .highlights-resolution__image--zoom { width: 334px } .highlights-resolution__image--zoom .highlights-resolution__image-inner { height: 250px } } .highlights-faq { padding: 60px 0; background-color: #fff; color: #000 } .highlights-faq__feature-title { font-size: 30px; line-height: 1.33 } .highlights-faq__list { margin-top: 30px } .highlights-faq__item { border-bottom: 1px solid #e5e5e5 } .highlights-faq__item:first-child { border-top: 1px solid #e5e5e5 } .highlights-faq__item.is-open .highlights-faq__question { padding-bottom: 16px } .highlights-faq__item.is-open .highlights-faq__question-arrow::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .highlights-faq__item:last-child { margin-bottom: 0 } .highlights-faq__question { padding: 25px 0 26px; -webkit-transition: padding-bottom .3s ease-in-out; -o-transition: padding-bottom .3s ease-in-out; transition: padding-bottom .3s ease-in-out } .highlights-faq__question-arrow { position: relative; display: block; width: 100%; text-align: inherit; font-size: 15px; line-height: 1.33; color: inherit; background-color: transparent; cursor: pointer; padding-right: 55px } .highlights-faq__question-arrow::after { content: ''; position: absolute; top: 4px; width: 25px; height: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; right: 0 } .is-bg-load-complete .highlights-faq__question-arrow::after { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-faq-arrow-black-mo.svg) no-repeat center; background-size: 25px auto } .highlights-faq__answer { overflow: hidden; height: 0 } .highlights-faq__answer-inner { padding-bottom: 30px } .highlights-faq__answer p { width: auto; font-size: 13px; line-height: 1.45 } .highlights-faq__cta { margin-top: 18px } @media screen and (min-width:768px) { .highlights-faq { padding: 80px 0 } .highlights-faq__feature-title { font-size: 38px; line-height: 1.21 } .highlights-faq__list { margin-top: 47px } .highlights-faq__item.is-open .highlights-faq__question { padding-bottom: 17px } .highlights-faq__question { padding: 30px 0 29px } .highlights-faq__question-arrow { font-size: 22px; line-height: 1.68; padding-right: 90px } .highlights-faq__question-arrow::after { top: -1px; width: 36px; height: 36px; right: 12px } .is-bg-load-complete .highlights-faq__question-arrow::after { background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-faq-arrow-black.svg) no-repeat center; background-size: 36px auto } .highlights-faq__answer-inner { padding-bottom: 30px } .highlights-faq__answer p { width: 888px; font-size: 14px; line-height: 1.43 } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-faq { padding: 60px 0 } .highlights-faq__feature-title { font-size: 24px; line-height: 1.25 } .highlights-faq__list { margin-top: 31px } .highlights-faq__question { padding: 25px 0 } .highlights-faq__question-arrow { font-size: 15px; line-height: 1.33 } .highlights-faq__question-arrow::after { top: -4px; width: 26px; height: 26px } .is-bg-load-complete .highlights-faq__question-arrow::after { background-size: 26px auto } .highlights-faq__answer p { width: 624px; font-size: 13px; line-height: 1.38 } .highlights-faq__cta { margin-top: 18px } } .color_yb .highlights-faq__answer a.click_sup.focus-visible { outline-color: #000 !important } .highlights-viewer { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; background-color: rgba(0, 0, 0, .5); -webkit-backdrop-filter: saturate(180%) blur(8px); backdrop-filter: saturate(180%) blur(8px) } .highlights-viewer.is-init { visibility: visible; opacity: 1 } .highlights-viewer.is-open .highlights-viewer__inner { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: auto } .highlights-viewer__wrap { height: 100% } .highlights-viewer__inner { position: absolute; left: 0; right: 0; bottom: 0; height: calc(100vh - 10%); max-height: 1200px; z-index: 11; color: #000; opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out; transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out } .highlights-viewer__contents { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow-y: auto; overflow-x: hidden; height: 100%; background-color: #fff; margin: auto; border-top-left-radius: 24px; border-top-right-radius: 24px } .highlights-viewer__contents::-webkit-scrollbar { width: 15px } .highlights-viewer__contents::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0, 0, 0, .5); background-clip: padding-box; border: 5px solid transparent } .highlights-viewer__contents::-webkit-scrollbar-button { height: 36px } .highlights-viewer__contents-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 520px; max-width: 1440px; margin: 84px auto; z-index: 12 } .highlights-viewer__close { position: relative; z-index: 13; width: 100%; max-width: 1440px; margin: auto } .highlights-viewer__close-cta { display: block; position: absolute; top: 20px; height: 36px; width: 36px; z-index: 3; border-radius: 50%; background-color: transparent; -webkit-transform: rotate(0) translateZ(0); transform: rotate(0) translateZ(0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; cursor: pointer; right: 20px } .highlights-viewer__close-cta::after { content: ''; display: none; width: 100%; height: 100%; background: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-close-x-white.svg) center center no-repeat; border-radius: 50%; background-color: #000; background-size: 20px; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s } .is-init .highlights-viewer__close-cta::after { display: block } .highlights-viewer__close-cta:hover::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .highlights-viewer__close-cta--black { border-color: #bbb } .highlights-viewer__close-cta--black::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-close-x-black.svg) } .highlights-viewer__header { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: block; height: 100% } .highlights-viewer__header .common-disclaimer { margin-top: 21px; font-family: SamsungOne } .is-english .highlights-viewer__header .common-disclaimer { width: 330px } .highlights-viewer__header-inner { 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-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(100% - 140px); padding-top: 140px; overflow: auto } .highlights-viewer__header-close { display: none } .highlights-viewer__title { width: 100%; padding-bottom: 10px; font-size: 18px; line-height: 18px; color: #262626; border-bottom: 1px solid #ccc } .highlights-viewer__title::after { content: ''; width: 100%; height: 1px; background-color: #ccc; position: absolute; bottom: -1px; right: -100% } .highlights-viewer__title-cta { display: none } .highlights-viewer__title-pc { position: absolute; top: 80px } .highlights-viewer__container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 56.25%; height: 100%; position: relative; overflow: hidden; border-radius: 30px; background-color: #fafafa; margin-right: 60px; margin-left: 40px } .highlights-viewer__container-viewer { position: relative; width: 100%; height: 100%; border: 0 } .highlights-viewer__container-viewer-wrap { height: 100% } .highlights-viewer__scroll { position: fixed; top: 20px; z-index: 12; opacity: 0; visibility: hidden; 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; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 15px; height: 36px; border-radius: 18px; background-color: #fff; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); width: 90px; right: 70px } @media screen and (min-width:1441px) { .highlights-viewer__scroll { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: 600px } } .highlights-viewer__scroll.is-scroll-btn { opacity: 1; visibility: visible } .highlights-viewer__scroll-btn { position: relative; display: block; width: 20px; height: 20px; background-color: transparent; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; background-size: 18px 10px } .highlights-viewer__scroll-btn svg { width: 18px; height: 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none } .highlights-viewer__scroll-btn--up { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .highlights-viewer__scroll-bar { display: block; margin: 0 12px; height: 20px; width: 2px; background-color: #ccc } .highlights-viewer__scroll :disabled { opacity: .3; cursor: default } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-viewer__contents-wrap { margin: 68px auto } .highlights-viewer__header .common-sub-headline { font-size: 24px } .highlights-viewer__header .common-disclaimer { margin-top: 15px } .is-english .highlights-viewer__header .common-disclaimer { width: 240px } .highlights-viewer__header-inner { padding-top: 90px } .highlights-viewer__container { max-width: 568px } .highlights-viewer__title-pc { top: 45px } } @media screen and (max-width:767px) { .highlights-viewer__wrap.is-popup-opened .highlights-viewer__close-cta { opacity: .3; pointer-events: none } .highlights-viewer__wrap.is-popup-opened .highlights-viewer__title-cta { pointer-events: none } .highlights-viewer__wrap.is-popup-opened .highlights-viewer__title-cta::after { opacity: 1; visibility: visible } .highlights-viewer__inner { border-radius: 13px 13px 0 0; overflow: hidden } } @media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape) { .highlights-viewer__inner { height: 70vh } } @media screen and (max-width:767px) { .highlights-viewer__contents { padding: 0; border-top-left-radius: 13px; border-top-right-radius: 13px } .highlights-viewer__contents::-webkit-scrollbar-button { height: 18px } .highlights-viewer__contents-wrap { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; min-height: 500px; padding: 0; margin: 0 } .highlights-viewer__close-cta { max-width: none; top: 16px; right: 16px; height: 28px; width: 28px } .highlights-viewer__close-cta:hover { -webkit-transform: none; -ms-transform: none; transform: none } .highlights-viewer__close-cta::after { background-size: 16px } .is-info-open .highlights-viewer__close-cta { opacity: .5; pointer-events: none } .highlights-viewer__container { width: 100%; margin: 0; border-radius: 13px; z-index: 11 } .highlights-viewer__container-viewer { height: calc(100% + 1px) } .highlights-viewer__container-viewer-wrap { overflow: hidden } .highlights-viewer__header { position: static; margin: 13px 0 } .highlights-viewer__header .common-sub-headline { font-size: 24px } .highlights-viewer__header .common-disclaimer { margin-top: 15px; max-width: 192px } .highlights-viewer__header .common-text { width: auto } .highlights-viewer__header-inner { display: block; position: absolute; left: 50%; bottom: 86px; height: auto; width: calc(100% - 30px); min-width: auto; max-width: 330px; padding: 38px 24px 48px 24px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); opacity: 0; background-color: #fff; border-radius: 12px; -webkit-transform: translateX(-50%) translateY(5%); -ms-transform: translateX(-50%) translateY(5%); transform: translateX(-50%) translateY(5%); -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out; -o-transition: opacity .3s ease-in-out, transform .3s ease-in-out; transition: opacity .3s ease-in-out, transform .3s ease-in-out; transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } .is-info-open .highlights-viewer__header-inner { opacity: 1; visibility: visible; z-index: 12 } .highlights-viewer__header-close { position: absolute; top: 8px; right: 10px; display: block } .highlights-viewer__header-close-cta { width: 25px; height: 25px; background-color: transparent } .highlights-viewer__header-close-cta::after, .highlights-viewer__header-close-cta::before { content: ''; display: block; position: absolute; z-index: 2; left: 50%; top: 50%; width: 15px; height: 1px; background-color: #000 } .highlights-viewer__header-close-cta::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .highlights-viewer__header-close-cta::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .rtl .highlights-viewer__header-close-cta { direction: ltr } .highlights-viewer__title { width: auto; font-size: 14px; border: 0; background: 0 0; z-index: 1; color: #fff; cursor: pointer } .highlights-viewer__title::after { display: none } .highlights-viewer__title-pc { display: none } .highlights-viewer__title-text { padding-right: 4px } .highlights-viewer__title-cta { 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; margin: auto; padding: 10px 24px !important } .highlights-viewer__title-cta::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .2); -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s; z-index: 10 } .highlights-viewer__title-info { display: none; width: 15px; height: 14px; content: ''; background: transparent url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-info-white.svg) center center/contain no-repeat } .is-init .highlights-viewer__title-info { display: block } .highlights-viewer__dimmed { content: ''; display: block; position: absolute; right: 0; left: 0; top: -50%; bottom: 0; background-color: rgba(0, 0, 0, .1); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s } .is-info-open .highlights-viewer__dimmed { opacity: 1; visibility: visible; z-index: 12 } .highlights-viewer__scroll { top: 15px; z-index: 12; padding: 0 7px; height: 28px; border-radius: 14px; max-width: 60px; right: 59px } .highlights-viewer__scroll-btn { width: 15px; height: 28px } .highlights-viewer__scroll-btn svg { width: 10px } .highlights-viewer__scroll-bar { height: 10px; margin: 0 6px } } @media screen and (orientation:landscape) and (max-height:400px) { .highlights-viewer__header-inner { top: 30%; bottom: auto } } .color_yb .highlights-viewer__close-cta { border-color: #fff01f !important; background-color: #000 !important } .color_yb .highlights-viewer__close-cta::after { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/icon-close-x-yellow.svg) } .color_yb .highlights-viewer__title-cta { border-color: #000 !important } .highlights-accessories { padding: 60px 0; color: #000 } .highlights-accessories__inner { z-index: 1; position: relative; overflow: hidden; border-radius: 10px; background-color: #f4f4f4 } .highlights-accessories__content { 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 } .highlights-accessories__textbox { z-index: 1; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 37px 30px 4px } .highlights-accessories__headline { max-width: 250px; font-size: 24px; line-height: 1.25 } .highlights-accessories .common-cta-area { margin-top: 22px } .highlights-accessories__visual { position: relative } @media screen and (max-width:767px) { .highlights-accessories__visual img { position: absolute; top: 0; left: 0 } .highlights-accessories__visual::after { content: ""; display: block; width: 100%; padding-top: 95.19231% } } .highlights-accessories__visual img { top: auto; bottom: 0 } .highlights-accessories--text-only .highlights-accessories__visual { display: none } .highlights-accessories--text-only .highlights-accessories__textbox { padding-bottom: 40px } .highlights-accessories--text-only .highlights-accessories__headline { max-width: none !important; width: 100% !important } @media screen and (min-width:768px) { .highlights-accessories { padding: 80px 0; color: #000 } .highlights-accessories__inner { border-radius: 20px; background-color: #f4f4f4 } .highlights-accessories__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .highlights-accessories__textbox { 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-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0 0 69px } } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-accessories__headline { max-width: 330px; font-size: 38px; line-height: 1.21 } .is-english .highlights-accessories__headline { width: 320px } } @media screen and (min-width:768px) { .highlights-accessories__visual { width: 580px; height: 416px } .highlights-accessories__visual img { position: absolute; width: auto; height: 100%; right: 0 } .highlights-accessories--text-only .highlights-accessories__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .highlights-accessories--text-only .highlights-accessories__textbox { padding: 57px 0 64px; text-align: center } .highlights-accessories .common-cta-area { margin-top: 28px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-accessories { padding: 60px 0 } .highlights-accessories__textbox { padding: 0 0 0 30px } .highlights-accessories__headline { font-size: 24px; max-width: 300px } .is-english .highlights-accessories__headline { width: 280px } .highlights-accessories__visual { width: 380px; height: 290px } .highlights-accessories--text-only .highlights-accessories__textbox { padding: 43px 0 46px } .highlights-accessories .common-cta-area { margin-top: 25px } } .highlights-s-pen { overflow: hidden; padding: 60px 0 } @media screen and (max-width:767px) { .highlights-s-pen .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-s-pen .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; position: relative; z-index: 1 } .highlights-s-pen .common-textbox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: -16px } .highlights-s-pen .common-description { margin-top: 40px } } .highlights-s-pen__image { position: relative } @media screen and (max-width:767px) { .highlights-s-pen__image img { position: absolute; top: 0; left: 0 } .highlights-s-pen__image::after { content: ""; display: block; width: 100%; padding-top: 52.00946% } } @media screen and (max-width:767px) { .highlights-s-pen__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 534px; margin-top: -31px; margin-right: -156px } } @media screen and (min-width:768px) { .highlights-s-pen { padding: 80px 0 } .highlights-s-pen__image { -ms-flex-negative: 0; flex-shrink: 0; width: 720px; height: 360px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-s-pen { padding: 60px 0 } .highlights-s-pen .common-textbox--vertical { width: 334px } .highlights-s-pen .common-sub-headline { width: 334px } .highlights-s-pen__image { width: 512px; height: 256px } } .highlights-form-factor { overflow: hidden; padding: 100px 0 60px } .highlights-form-factor .common-headline { text-align: center } .highlights-form-factor__video { max-width: 440px; margin: 27px auto 0 } @media screen and (max-width:767px) { .highlights-form-factor .common-video img { position: absolute; top: 0; left: 0 } .highlights-form-factor .common-video::after { content: ""; display: block; width: 100%; padding-top: 75% } } .highlights-form-factor .common-video__figure { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .highlights-form-factor .common-description { margin-top: 30px } @media screen and (min-width:768px) { .highlights-form-factor { padding: 80px 0 } .highlights-form-factor__video { max-width: 1440px; height: 720px; margin-top: 50px } .highlights-form-factor .common-video__figure { width: 1440px } .highlights-form-factor .common-description { width: 824px; margin: 58px auto 0; text-align: center } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-form-factor { padding: 100px 0 60px } .highlights-form-factor__video { height: 512px; margin-top: 30px } .highlights-form-factor .common-video__figure { width: 1024px } .highlights-form-factor .common-description { width: 510px; margin-top: 29px } } .highlights-titanium { padding: 60px 0 } @media screen and (max-width:767px) { .highlights-titanium .common-textbox-wrap--column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .highlights-titanium .common-sub-headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .highlights-titanium .common-description { margin-top: 0 } } .highlights-titanium .common-textbox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media screen and (max-width:767px) { .highlights-titanium .common-textbox { margin-top: 30px } } .highlights-titanium .common-accordion { margin-top: 35px } .highlights-titanium .common-accordion__wrap { padding: 0 } .highlights-titanium .common-accordion__content-image { position: relative; margin-bottom: 20px } @media screen and (max-width:767px) { .highlights-titanium .common-accordion__content-image img { position: absolute; top: 0; left: 0 } .highlights-titanium .common-accordion__content-image::after { content: ""; display: block; width: 100%; padding-top: 100% } } .highlights-titanium__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative } @media screen and (max-width:767px) { .highlights-titanium__image img { position: absolute; top: 0; left: 0 } .highlights-titanium__image::after { content: ""; display: block; width: 100%; padding-top: 101.60256% } } @media screen and (max-width:767px) { .highlights-titanium__image { margin: 27px 0 0 } } .highlights-titanium .common-disclaimer { margin-top: 17px } @media screen and (min-width:768px) { .highlights-titanium { padding: 80px 0 } .highlights-titanium .common-accordion { margin-top: 72px } .highlights-titanium .common-accordion__wrap { width: auto } .highlights-titanium .common-accordion__list { padding: 0 } .highlights-titanium .common-accordion__content-image { width: 352px; height: 352px; margin-bottom: 28px } .highlights-titanium__image { width: 484px; height: 560px } .highlights-titanium .common-disclaimer { width: auto; margin-top: 15px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-titanium { padding: 60px 0 } .highlights-titanium .common-accordion { margin-top: 75px } .highlights-titanium__image { width: 326px; height: 332px } .highlights-titanium .common-accordion__content-image { width: 234px; height: 234px; margin-bottom: 23px } } .highlights-common-youtube__wrap { max-width: 312px; margin: 0 auto; padding-top: 60px } .highlights-common-youtube__list { 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-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 24px; border-radius: 10px; background-color: #f4f4f4 } .common-description~.highlights-common-youtube__list { margin-top: 40px } .common-cta-area~.highlights-common-youtube__list { margin-top: 32px } .highlights-common-youtube__item { min-height: 80px; border-radius: 20px } .highlights-common-youtube__item+.highlights-common-youtube__item { margin-top: 16px } .highlights-common-youtube__item-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } .highlights-common-youtube__item-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 120px); font-size: 14px; line-height: 1.5; font-family: SamsungOne; font-weight: 700; padding-left: 18px } .highlights-common-youtube__item-thumbnail { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block; position: relative; width: 120px; height: 80px; border-radius: 9px; overflow: hidden } .highlights-common-youtube__item-thumbnail::before { content: ''; z-index: 1; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .is-bg-load-complete .highlights-common-youtube__item-thumbnail::before { background: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-youtube-play.svg) center center no-repeat } @media screen and (min-width:768px) { .highlights-common-youtube__wrap { max-width: 988px; padding-top: 80px } .highlights-common-youtube__list { background-color: #fff; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 } } @media screen and (min-width:768px) and (min-width:1024px) { .common-cta-area~.highlights-common-youtube__list { margin-top: 50px } } @media screen and (min-width:768px) { .highlights-common-youtube__list--4items { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 652px; margin: 0 auto } .highlights-common-youtube__list--4items .highlights-common-youtube__item { -ms-flex-preferred-size: auto; flex-basis: auto } .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(3), .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(4) { margin-top: 20px; margin-left: 0 } .highlights-common-youtube__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 316px; min-height: 110px; background-color: #f4f4f4; border-radius: 20px } .highlights-common-youtube__item+.highlights-common-youtube__item { margin-top: 0; margin-left: 20px } .highlights-common-youtube__item-cta { padding: 14px } .highlights-common-youtube__item-title { width: calc(100% - 134px); font-size: 15px; line-height: 1.46; padding-left: 20px } .highlights-common-youtube__item-thumbnail { border-radius: 12px; width: 134px; height: 82px } .highlights-common-youtube__item-thumbnail::before { width: 38px; height: 38px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-common-youtube__wrap { max-width: 688px; padding-top: 60px } .highlights-common-youtube__list--4items { max-width: 454px } .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(3), .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(4) { margin-top: 14px } .highlights-common-youtube__item { max-width: 220px; min-height: 90px } .highlights-common-youtube__item+.highlights-common-youtube__item { margin-left: 14px } .highlights-common-youtube__item-cta { padding: 10px } .highlights-common-youtube__item-title { width: calc(100% - 100px); font-size: 12px; line-height: 1.5; padding-left: 13px } .highlights-common-youtube__item-thumbnail { width: 100px; height: 70px } .highlights-common-youtube__item-thumbnail::before { width: 34px; height: 34px } } .color_yb .highlights-common-youtube__item-title { background-color: #000 !important; color: #fff01f !important } .color_yb .highlights-common-youtube__item-thumbnail:before { background-color: #000 !important; background-image: url(//images.samsung.com/is/content/samsung/assets/mx/smartphones/galaxy-s24-ultra/images/icon-youtube-play-yellow.svg) !important } .highlights-common-youtube__list { background-color: #1f1f26 } @media screen and (min-width:768px) { .highlights-common-youtube__list { background-color: transparent } .highlights-common-youtube__item { background-color: #1f1f26 } } .highlights-circle-to-search .highlights-common-youtube__list { text-align: left; margin-right: auto; margin-left: auto; margin-top: 32px } .highlights-circle-to-search .highlights-common-youtube__item-title span { display: block } .highlights-circle-to-search__logo { margin-top: 32px } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-circle-to-search .highlights-common-youtube__list { margin-top: 50px } } @media screen and (min-width:768px) { .highlights-circle-to-search__logo { margin-top: 59px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-circle-to-search__logo { margin-top: 40px } } .highlights-live-translate .highlights-common-youtube__item-title span { display: block } @media screen and (min-width:768px) { .highlights-live-translate .highlights-common-youtube__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x .highlights-quad-telephoto__zoom-button-title { background-position: -150px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -150px -30px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x .highlights-quad-telephoto__zoom-button-title { background-position: -120px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -120px -30px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x .highlights-quad-telephoto__zoom-button-title { background-position: -90px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -90px -30px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x .highlights-quad-telephoto__zoom-button-title { background-position: -60px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -60px -30px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x .highlights-quad-telephoto__zoom-button-title { background-position: -30px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -30px -30px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x .highlights-quad-telephoto__zoom-button-title { background-position: 0 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: 0 -30px } .highlights-quad-telephoto__zoom-button-title { display: block; overflow: hidden; width: 100%; height: 100%; border-radius: 50px; background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-mo.png); background-size: 180px 60px; background-repeat: no-repeat; font-size: 0 } @media screen and (min-width:768px) { .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x .highlights-quad-telephoto__zoom-button-title { background-position: -200px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--06x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -200px -40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x .highlights-quad-telephoto__zoom-button-title { background-position: -160px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--1x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -160px -40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x .highlights-quad-telephoto__zoom-button-title { background-position: -120px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--2x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -120px -40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x .highlights-quad-telephoto__zoom-button-title { background-position: -80px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--3x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -80px -40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x .highlights-quad-telephoto__zoom-button-title { background-position: -40px 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--5x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: -40px -40px } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x .highlights-quad-telephoto__zoom-button-title { background-position: 0 0 } .highlights-quad-telephoto__zoom-button-item.is-bg-load-complete.highlights-quad-telephoto__zoom-button-item--10x.is-active .highlights-quad-telephoto__zoom-button-title { background-position: 0 -40px } .highlights-quad-telephoto__zoom-button-title { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button.png); background-size: 240px 80px } } @media screen and (min-width:768px) and (max-width:1023px) { .highlights-quad-telephoto__zoom-title { background-image: url(//images.samsung.com/mx/smartphones/galaxy-s24-ultra/images/galaxy-s24-ultra-highlights-quad-telephoto-button-tb.png) } } .color_yb .highlights-quad-telephoto__zoom-button-item.is-active .highlights-quad-telephoto__zoom-button-title { -webkit-filter: invert(100); filter: invert(100) } @media screen and (max-width:767px) { .highlights-galaxy-offers__card-img img { position: absolute; top: 0; left: 0 } .highlights-galaxy-offers__card-img::after { content: ""; display: block; width: 100%; padding-top: 102.5641% } } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item--trade-in { display: block } @media screen and (min-width:768px) and (min-width:1024px) { .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text { width: calc(100% - 550px) } .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text-wrap { padding-right: 0 } } .highlight-carousel-mex.carousel-mex { background-color: #000000; display: block; height: 380px; margin: 30px auto 0; width: 100%; max-width: 1030px; overflow: hidden; position: relative; } .carousel-mex #highlights-mex { display: block; width: auto; position: relative; left: 0px; transition-duration: 2s; } .carousel-mex .highlights-content-mex { background-color: #222; padding: 20px; border-radius: 10px; width: calc(100vw - 40px); margin: 5px 20px; max-width: 470px; height: 260px; display: inline-flex; vertical-align: middle; flex-direction: column; align-items: center; justify-content: space-around; overflow: hidden; } @media (max-width: 515px) { .carousel-mex #highlights-mex { transition-duration: 1s; } .carousel-mex .highlights-content-mex { height: 325px; } } .carousel-mex .highlights-content-mex p{ color: #ffffff; width: 100%; text-align: center; font-family: SamsungOne; } .carousel-mex #highlights-points .point { width: 6px; height: 6px; display: inline-block; border: 1px solid #ffffff; border-radius: 50%; margin: 5px; } .carousel-mex #highlights-points .point.selected { background-color: #ffffff; } .carousel-mex #highlights-points { width: 150px; margin: 15px auto; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly } </style> <div id="contents" class="wearable-ring wearable-dotcom"> <script> const __RING_USE_KV_CTA = 'buy-now'; // 'buy-now', 'pre-registration', 'pre-order', 'off' const LOCAL_VARI = { play: 'Play', pause: 'Pause', previous: 'Previous', next: 'Next', slide: 'Slide', selected: 'selected' };</script>  <div class="kv js-nav-top" id="KV"> <div class="kv__wrap"> <div class="kv__text"> <p class="common__headline blind"> <strong> Galaxy Ring </strong> </p> </div> <div class="kv__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-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"> <picture class="kv__image"> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-startframe-pc.jpg"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-startframe-pc.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-startframe-mo.jpg"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-startframe-mo.jpg?imwidth=360"> <img src="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-startframe-pc.jpg" alt=""> </picture> </div> <div class="video__end-frame"> <picture class="kv__image"> <source media="(min-width: 1081px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-endframe-pc.jpg"> <source media="(min-width: 768px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-endframe-pc.jpg?imwidth=1080"> <source media="(min-width: 361px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-endframe-mo.jpg"> <source media="(max-width: 360px)" srcset="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-endframe-mo.jpg?imwidth=360"> <img src="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-kv-endframe-pc.jpg" alt=""> </picture> </div> <p class="blind" data-copy-set="C01-001">Primer plano de la parte interior del Galaxy Ring. El anillo se mueve para mostrar los tres sensores brillando. Continúa moviéndose y girando para mostrar todo el anillo. La imagen cambia y los tres Galaxy Ring aparecen uno a uno formando una línea. Se puede ver el texto Galaxy Ring y Galaxy AI ha llegado. </p> <div class="video__controller-wrap video-wide"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="Galaxy Ring"> <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 class="overview common__bg-dark"> <div class="common__wrap"> <h2 class="common__headline" data-copy-set="C02-001" id="overview">Bienvenido a la Nueva Era de la Salud <br class="common-br-pc">impulsada por la Inteligencia Artificial</h2> <p class="common__description" data-copy-set="C02-002"> El monitoreo de tu salud alrededor de tu dedo. <br><br>Un ligero marco de titanio y un elegante diseño cóncavo tan cómodo que te olvidarás de que lo llevas puesto. Titanio fuerte y resistente al agua para llevarlo todo el día, con una batería que dura hasta 7 días. 3 sensores integrados controlan tu salud las 24 horas del día. Galaxy AI analiza esos datos para ofrecerte consejos personalizados sobre salud y sueño para que tengas mejores días y mejores noches. <br><br> Conoce los Nuevos Samsung Galaxy <sup><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-4"></a></sup> </p> </div> </div>  <div class="highlight-carousel" id="highlights"> <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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-bg-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-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/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-bg-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-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/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-bg-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-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/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-bg-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-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/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" tabindex="0" title="Durable titanium frame" data-copy-set="C03-001"> <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">Armazón de titanio resistente<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-3"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></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/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-titanium-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-005">Un círculo aparece. El círculo se está creando en el Galaxy Ring. Aparecen tres sensores en el interior y se muestra el Galaxy Ring completo.</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/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" tabindex="0" title="AI-powered Health experience" data-copy-set="C03-002"> <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">Experiencia de salud impulsada por AI<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-5"></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/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-galaxy-ai-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-006">Los íconos punteados de la función de seguimiento del sueño, la aplicación Samsung Health y la función de control de la frecuencia cardíaca se muestran uno al lado del otro. Los íconos se juntan en el centro. El ícono de la función de seguimiento del sueño en la parte frontal desaparece. El ícono de la aplicación Samsung Health queda a la izquierda. Aparece la GUI de la función Puntuación de energía y la puntuación sube a 92. El texto Excelente aparece debajo de la puntuación energética.</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/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" tabindex="0" title="Health monitoring with three-sensor technology" data-copy-set="C03-003"> <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">Monitoreo de la salud con triple tecnología de sensores<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-5"></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/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sensor-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-007">Primer plano de la parte interior del Galaxy Ring. El anillo se mueve para mostrar los tres sensores que brillan.</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/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-mo"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" tabindex="0" title="Thin, Light and Sleek" data-copy-set="C03-004"> <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">Delgado, ligero y elegante<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-5"></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/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-highlights-sllim-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C03-008">TSe ven tres anillos. Los tres están inclinados en diferentes ángulos.</p> </div> </div> </div> </div> <div class="wearable-common__carousel-navigation-wrap"> <button class="wearable-common__carousel-arrow wearable-common__carousel-prev" type="button"> <span class="blind">Previous</span> </button> <button class="wearable-common__carousel-arrow wearable-common__carousel-next" type="button"> <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"></div> </div> </div> </div>  <div id="highlight-carousel-mex" class="highlight-carousel-mex carousel-mex"> <div id="highlights-mex"> <div class="highlights-content-mex"> <p> "Una de las ventajas con respecto a un reloj inteligente es que no interfiere en ninguna de tus actividades. Si estás cansado de las notificaciones pero quieres seguir controlando tus medidas físicas, el anillo puede hacerlo sin duda". </p> <br> <p>-Carlos Vassan, Tech specialist</p> </div> <div class="highlights-content-mex"> <p> “Cuenta con detección automática de carrera o caminata. Si caminas durante 10 minutos, creará automáticamente un registro en la aplicación Samsung Health. Si tienes activados los permisos necesarios, también podrá seguir tu ruta, mostrando la duración del ejercicio, la velocidad media, la frecuencia cardiaca y las calorías quemadas”. </p> <br> <p>–Isa Marcial, Tech specialist</p> </div> <div class="highlights-content-mex"> <p> “El Samsung Galaxy Ring es un anillo inteligente cuya función principal es monitorear la salud del usuario. Ofrece una forma discreta de realizar un seguimiento de tus métricas más saludables, como: patrones de sueño, frecuencia cardíaca, niveles de actividad... Diseñado para ser funcional y estar a la moda, el Samsung Galaxy Ring te permite mantenerte conectado a tus objetivos saludables sin comprometer tu estilo”. </p> <br> <p>-Carlos Omar Carbajal, LifeStyle influencer </p> </div> <div class="highlights-content-mex"> <p> "El Galaxy Ring tiene sensores para registrar frecuencia cardiaca, temperatura corporal, calidad del sueño y niveles de estrés. Ofrece consejos de bienestar personalizados y presenta el Energy Score, que mide tu estado energético diario, así como seguimiento de la salud femenina”. </p> <br> <p>– Xataka, Tech media outlet</p> </div> <div class="highlights-content-mex"> <p> “¡Es simplemente genial!, lo vinculas a la aplicación del celular, hecho de titanio y resistente al agua, mide tu ritmo cardiaco, monitorea el sueño, entre otras funciones. Ya no es necesario tener otro wearable como un reloj inteligente, el anillo lo hace todo. Va a ser interesante conocer las funciones, ya quiero probarlo". </p> <br> <p>- Aura López, Tech specialist</p> </div> <div class="highlights-content-mex"> <p> “A primera vista, puedo decir que definitivamente se siente en la mano, aunque menos que un reloj. Sí que se nota al doblar el dedo porque es más grueso. Creo que si haces ejercicios con mancuernas, es mejor quitártelo y usar el Watch en su lugar. Puedes llevarlo mientras nadas, y no es incómodo mientras duermes; no corta la circulación, así que mi dedo se siente normal”. </p> <br> <p>- Brujería Tech, Tech specialist</p> </div> </div> <div id="highlights-points"></div> </div> <script> var cvVar = 0; window.addEventListener ("resize", resizeSlide, true); resizeSlide(true); function resizeSlide (start = false) { var hcontenedor = document.getElementById("highlights-mex"); var children = hcontenedor.children; var h = hcontenedor.children.length; hcontenedor.style.width = (h*515) + "px"; // calcular puntos if (h > 1) { var hc = document.getElementById("highlight-carousel-mex"); var w = window.innerWidth > 1030 ? 1030 : window.innerWidth; var cv = w < 512 ? 1 : w/512; console.log(cvVar, Math.floor(cv)) if (cvVar !== Math.floor(cv)) { var p = h / Math.floor(cv); var neww = w < 512 ? w : ((h/p) * 514); hc.style.width = neww + "px"; var hp = document.getElementById("highlights-points"); hp.innerHTML = ""; for (var i = 0; i < p; i++) { var pc = document.createElement('div'); pc.classList.add('point'); pc.tabIndex = i; if (i == 0) { var slide = pc.tabIndex * (children[0].clientWidth + 44) * Math.floor(cv); pc.classList.add("selected"); hcontenedor.style.left = "-" + slide + "px"; } pc.addEventListener("click", function() { var chp = this.parentNode.children; for (var m = 0; m < chp.length; m++) { chp[m].classList.remove("selected"); } var slide = this.tabIndex * (children[0].clientWidth + 44) * Math.floor(cv); this.classList.add("selected"); hcontenedor.style.left = "-" + slide + "px"; }) hp.append(pc); if (cvVar !== Math.floor(cv)) cvVar = Math.floor(cv); } } } } </script> </div>  <div class="concave-design common__bg-dark"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C04-001" id="design">Diseño <br class="common-br-mo">elegante y cóncavo</h2> <p class="common__description" data-copy-set="C04-002">Anticípate a las tendencias con un Nuevo Galaxy que demuestra que los dispositivos de alta tecnología no tienen por qué ser voluminosos. El diseño cóncavo añade un toque elegante a la estética atemporal de Galaxy Ring. Además, su duradero armazón de titanio hace que Galaxy Ring luzca bonito durante todas tus actividades diarias. <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-3"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-5"></a></sup> </p> </div> <div class="common__content"> <div class="concave-design__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-concave-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-concave-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/mx/galaxy-ring/feature/galaxy-ring-concave-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-concave-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-concave-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-concave-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C04-003">Aparece un Galaxy Ring en el fondo. En la parte frontal aparecen tres anillos. El de arriba a la derecha muestra el lateral del anillo. El del medio está inclinado para mostrar la parte interior del anillo. El último de la izquierda está ligeramente más inclinado que el del centro.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="Sleek, concave design" data-copy-set="C04-001"> <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="sensor common__bg-dark"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C05-001" id="sensor">Tecnología de tres <br>sensores en el dedo </h2> <p class="common__description" data-copy-set="C05-002">Un anillo, con tecnología de tres sensores. Galaxy Ring mide 7mm de ancho, 2.6mm de grosor y pesa 2.3g. Es ligero y cómodo, pero está totalmente equipado para registrar tus días y tus noches.<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-6"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a></sup></p> </div> <div class="sensor__sticky-wrap"> <div class="sensor__sticky-content"> <div class="common__wrap common__wrap--column"> <div class="common__content"> <div class="sensor__motion-wrap"> <div class="sensor__visual-wrap"> <div class="sensor__visual"> <div class="sensor__visual-inner"> <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/mx/galaxy-ring/feature/galaxy-ring-sensor_0808-0.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sensor_0808-0.jpg" data-seq-format="jpg" data-seq-img="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sensor_0808" alt=""> </div> <p class="blind" data-copy-set="C05-009">Aparece un Galaxy Ring de frente. Se enrolla y gira para mostrar los tres sensores.</p> </div>  <div class="sensor__info"> <ul class="sensor__info-list" role="list"> <li class="sensor__info-item info-item01" role="listitem"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-007">Acelerómetro</strong> <p class="info-item__text-desc" data-copy-set="C05-008">Registra los movimientos y la actividad de tu cuerpo sin pulsar ningún botón.</p> </div> </li> <li class="sensor__info-item info-item02" role="listitem"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot dot01"></span> <span class="info-dot dot02"></span> <span class="info-dot dot03"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-003">Sensor óptico de bioseñales</strong> <p class="info-item__text-desc" data-copy-set="C05-004">Controla tu frecuencia Cardíaca y mantente informado del estado de tu corazón. </p> </div> </li> <li class="sensor__info-item info-item03" role="listitem"> <span class="info-line-motion"> <span class="info-line"></span> <span class="info-dot"></span> </span> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-005">Sensor de la temperatura de la piel</strong> <p class="info-item__text-desc" data-copy-set="C05-006">Realiza lecturas periódicas sobre cómo cambia la temperatura de tu piel mientras duermes.</p> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="common__content sensor-broken-sticky"> <div class="sensor-nosticky"> <div class="sensor__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/mx/galaxy-ring/feature/galaxy-ring-sensor-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sensor-mo_0808.jpg" alt=""> </div> <div class="sensor-nosticky-info-wrap"> <ul class="sensor__info" role="list"> <li class="sensor-info-item info-item01" role="listitem"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-003">Sensor óptico de bioseñales</strong> <p class="info-item__text-desc" data-copy-set="C05-004">Controla tu frecuencia Cardíaca y mantente informado del estado de tu corazón.</p> </div> </li> <li class="sensor-info-item info-item02" role="listitem"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-007">Acelerómetro</strong> <p class="info-item__text-desc" data-copy-set="C05-008">Registra los movimientos y la actividad de tu cuerpo sin pulsar ningún botón.</p> </div> </li> <li class="sensor-info-item info-item03" role="listitem"> <div class="info-item__text"> <strong class="info-item__text-tit" data-copy-set="C05-005">Sensor de la temperatura de la piel</strong> <p class="info-item__text-desc" data-copy-set="C05-006">Realiza lecturas periódicas sobre cómo cambia la temperatura de tu piel mientras duermes.</p> </div> </li> </ul> </div> </div> </div> </div>  <div class="battery common__bg-dark"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C06-001" id="battery">Batería con una duración de hasta 7 días</h2> <p class="common__description" data-copy-set="C06-002"> Ponte tu Galaxy Ring para ir al trabajo, al gimnasio, a la cama y repite todo de nuevo sin tener que cargar la batería. Galaxy Ring funciona día y noche con una batería que dura hasta 7 días con una sola carga. <sup><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-9"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-10"></a></sup> </p> </div> <div class="common__content"> <div class="battery__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-battery-pc_0710" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-battery-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/mx/galaxy-ring/feature/galaxy-ring-battery-startframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-battery-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/mx/galaxy-ring/feature/galaxy-ring-battery-endframe-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-battery-endframe-mo_0710.jpg" alt=""> </div> <p class="blind" data-copy-set="C06-003">Pueden verse tres círculos. El del centro está colocado dentro de un Galaxy Ring. Cada círculo muestra diferentes manos que llevan el anillo en diferentes situaciones. Las escenas cambian a medida que el texto debajo del Galaxy Ring cambia de Hasta 1 día a Hasta 7 días. Junto al texto aparece un icono de batería completamente cargada para indicar que la batería puede durar hasta 7 días.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="Battery that lasts up to 7 days" data-copy-set="C06-001"> <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="health-fitness-tracker common__bg-dark js-nav-top" id="configuration"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C07-001">Un monitor <br class="common-br-mo">de salud con <br>AI en tu dedo </h2> <p class="common__description" data-copy-set="C07-002">Cuanto más uses tu Galaxy Ring, más inteligente será. Coloca tu Galaxy Ring en el dedo y deja que controle tu salud durante todo el día. Después, consulta la aplicación Samsung Health para ver el completo informe de salud que ha elaborado Galaxy AI. <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-7"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-11"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a></sup></p> </div> <div class="common__content"> <h3 class="common-ai-text">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/mx/galaxy-ring/feature/galaxy-ring-icon-ai.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-ai.svg" aria-hidden="true" alt=""></span>ha llegado</h3> <div class="health-fitness-tracker__video-wrap"> <div class="health-fitness-tracker__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-health-tacker-pc_1016" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-health-tacker-mo_1016" 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/mx/galaxy-ring/feature/galaxy-ring-health-tacker-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-health-tacker-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-health-tacker-endframe-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-health-tacker-endframe-mo_1016.jpg" alt=""> </div> <p class="blind" data-copy-set="C07-003">Un Galaxy Ring gira y se coloca en una posición de vista lateral ligeramente inclinada. También aparecen Smartphones con la interfaz gráfica de diferentes funciones de Samsung Health en pantalla.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="AI-powered health tracker on your finger" data-copy-set="C07-001"> <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>  <div class="charging-case charging-case__video-type common__bg-dark"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C08-001" id="chargingcase">Funda de carga <br class="common-br-mo">transparente y funcional</h2> <p class="common__description" data-copy-set="C08-002">Incluso mientras se carga en su estuche transparente, el Galaxy Ring es un espectáculo para la vista. El delicado brillo de la luz alrededor del botón multifunción indica el nivel de carga de la batería. El estuche de carga también se puede cargar de forma inalámbrica, así que solo tienes que guardar el Galaxy Ring en su estuche cuando estés fuera de casa y colocarlo en una base de carga inalámbrica para cargarlo fácilmente.<sup><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></p> </div> <div class="common__content">  <div class="common__tab common__tab--control charging-case__video"> <div class="common__tab-panels"> <div id="caseopen" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false" style="z-index: 5;"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-open-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-open-mo_0808"> <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/mx/galaxy-ring/feature/galaxy-ring-case-open-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-open-startframe-mo_0808.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/mx/galaxy-ring/feature/galaxy-ring-case-open-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-open-endframe-mo_0808.jpg" alt=""> </div> <p class="blind" data-copy-set="C08-014">La tapa del estuche de carga Galaxy Ring se abre. Un Galaxy Ring se encuentra en su lugar, alrededor del botón multifunción. La luz indicadora circular se enciende en sentido contrario a las agujas del reloj hasta iluminarse completamente en círculo.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" data-tagging="open" title="Case Open Welcome light on" data-copy-set="C08-004"> <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="shortpress" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <div class="video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-short-press-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-short-press-mo_0808"> <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/mx/galaxy-ring/feature/galaxy-ring-case-short-press-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-short-press-startframe-mo_0808.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/mx/galaxy-ring/feature/galaxy-ring-case-short-press-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-short-press-endframe-mo_0808.jpg" alt=""> </div> <p class="blind" data-copy-set="C08-015">Un Galaxy Ring se encuentra en su lugar, alrededor del botón multifunción. La luz del indicador circular se enciende en sentido contrario a las agujas del reloj alrededor de un círculo hasta el 70% para indicar el nivel de batería correspondiente.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" data-tagging="short" title="Short Press Check battery level" data-copy-set="C08-005" 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 id="longpress" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <div class="video__container js-video-src js-res-video intuitive-control__background" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-long-press-pc_0808" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-long-press-mo_0808"> <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/mx/galaxy-ring/feature/galaxy-ring-case-long-press-startframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-long-press-startframe-mo_0808.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/mx/galaxy-ring/feature/galaxy-ring-case-long-press-endframe-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-long-press-endframe-mo_0808.jpg" alt=""> </div> <p class="blind" data-copy-set="C08-016">Un Galaxy Ring se encuentra en su lugar, alrededor del botón multifunción. La luz del indicador circular parpadea y se mueve en el sentido contrario a las agujas del reloj.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" data-tagging="long" title="Long Press (3 sec.) Start pairing mode" data-copy-set="C08-006" 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 class="common__tab-list" role="tablist"> <button class="common__tab-cta is-active" role="tab" aria-controls="caseopen" aria-selected="true" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:case-open" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:charging-case:slct-item:case-open"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image" data-src-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-caseopen-icon.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-caseopen-icon.svg" alt="Se puede ver el texto Estuche abierto junto con la luz de bienvenida encendida. El ícono de luz indica que está completamente encendido." aria-hidden="true" data-copy-set="C08-010"> <span class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-004">Caja abierta</span> <span class="common__tab-cta--desc" data-copy-set="C08-004">Luz de bienvenida encendida</span> </span> </button> <button class="common__tab-cta" role="tab" aria-controls="shortpress" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:short-press" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:charging-case:slct-item:short-press"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image" data-src-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-shortpress-icon.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-shortpress-icon.svg" alt="Se puede ver el texto Pulsación corta junto con Comprobar el nivel de carga de la batería. El ícono del indicador luminoso muestra que la luz se enciende en el sentido de las agujas del reloj desde la posición de las 6 hasta el nivel de carga de la batería." aria-hidden="true" data-copy-set="C08-011"> <span class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-005">Pulsación corta</span> <span class="common__tab-cta--desc" data-copy-set="C08-005">Comprobar nivel de batería</span> </span> </button> <button class="common__tab-cta" role="tab" aria-controls="longpress" aria-selected="false" data-omni-type="microsite_contentinter" data-omni="gring:highlights:charging-case:slct-item:long-press" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:charging-case:slct-item:long-press"> <img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=" class="js-img-src js-res-img common__tab-cta--image" data-src-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-longpress-icon.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-case-longpress-icon.svg" alt="Se puede ver el texto Pulsación larga (3 segundos) junto con Iniciar modo de vinculación. El ícono de la luz indica que la luz se enciende completamente y continúa encendiéndose en el sentido de las agujas del reloj." aria-hidden="true" data-copy-set="C08-012"> <span class="common__tab-cta--textblock"> <span class="common__tab-cta--text" data-copy-set="C08-006">Pulsación larga (3 seg.)</span> <span class="common__tab-cta--desc" data-copy-set="C08-006">Iniciar el modo de vinculación</span> </span> </button> </div> </div>  </div> </div> </div>  <div class="slim-light common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C09-001" id="slim">Delgado y ligero. <br class="common-br-pc">Se adapta bien de día y de noche</h2> <p class="common__description" data-copy-set="C09-002">Tanto si estás escribiendo en un teclado, cocinando o incluso durmiendo, el diseño delgado y la ligera estructura de titanio de Galaxy Ring son tan cómodos que te olvidarás de que lo llevas puesto. <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-3"></a></sup></p> </div> <div class="common__content"> <div class="slim-light__image-wrap"> <div class="slim-light__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/mx/galaxy-ring/feature/galaxy-ring-silm1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-silm1-mo.jpg" alt="Una persona descansa de hacer ejercicio con Galaxy Ring en su dedo. " data-copy-set="C09-003"> </div> <div class="slim-light__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/mx/galaxy-ring/feature/galaxy-ring-silm2-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-silm2-mo.jpg" alt="Una persona está dando un paseo por la playa con Galaxy Ring en su dedo." data-copy-set="C09-004"> </div> </div> </div> </div> </div>  <div class="color-option common__bg-light"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C10-001" id="color">Colores que combinan con cualquier estilo</h2> <p class="common__description" data-copy-set="C10-002" id="color">Desde el gimnasio hasta el salón de baile, luce el Galaxy Ring en cualquier ocasión. Ya sea con la sutil sofisticación del Negro Titanio y el Plata Titanio, o con el brillante resplandor del Oro titanio, Galaxy Ring combina a la perfección con tu look. Explora en detalle los tres colores únicos del Galaxy Ring.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-1"></a></sup></p> </div> <div class="common__content"> <div class="common__tab common__tab--color"> <div class="common__tab-panels"> <div id="titanium-black" class="common__tab-panel is-active" role="tabpanel" aria-hidden="false"> <span class="blind">Negro Titanio</span> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-black-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-black-mo.png" alt="Se puede ver un Galaxy Ring ligeramente inclinado en negro titanio. Se puede ver un estuche de carga cerrado con el Galaxy Ring en negro titanio colocado." data-copy-set="C10-003"> </div> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-black-case-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-black-case-mo.png" alt=""> </div> </div> <div id="titanium-silver" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind">Plata Titanio</span> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-silver-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-silver-mo.png" alt="Se puede ver un Galaxy Ring ligeramente inclinado en Titanium Silver. Se puede ver un estuche de carga cerrado con el Galaxy Ring en plata titanio colocado." data-copy-set="C10-004"> </div> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-silver-case-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-silver-case-mo.png" alt=""> </div> </div> <div id="titanium-gold" class="common__tab-panel" role="tabpanel" aria-hidden="true"> <span class="blind">Oro titanio</span> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-gold-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-gold-mo.png" alt="Se puede ver un Galaxy Ring en Titanium Gold ligeramente inclinado. Se puede ver un estuche de carga cerrado con el Galaxy Ring de titanio dorado colocado." data-copy-set="C10-005"> </div> <div class="color-option__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/mx/galaxy-ring/feature/galaxy-ring-color-gold-case-pc.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-color-gold-case-mo.png" alt=""> </div> </div> </div> <div class="common__tab-list" role="tablist"> <button class="common__tab-cta is-active" role="tab" aria-controls="titanium-black" aria-selected="true" aria-labelledby="wearable-ring__color-black" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-black" ga-ca="gallery" ga-ac="feature gallery" ga-la="gring:highlights:color:slct-color:titanium-black"> <span class="tab-cta__color-chip tab-cta__color-chip--black"></span> </button> <button class="common__tab-cta" role="tab" aria-controls="titanium-silver" aria-selected="false" aria-labelledby="wearable-ring__color-silver" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-silver" ga-ca="gallery" ga-ac="feature gallery" ga-la="gring:highlights:color:slct-color:titanium-silver"> <span class="tab-cta__color-chip tab-cta__color-chip--silver"></span> </button> <button class="common__tab-cta" role="tab" aria-controls="titanium-gold" aria-selected="false" aria-labelledby="wearable-ring__color-gold" data-omni-type="microsite_gallery" data-omni="gring:highlights:color:slct-color:titanium-gold" ga-ca="gallery" ga-ac="feature gallery" ga-la="gring:highlights:color:slct-color:titanium-gold"> <span class="tab-cta__color-chip tab-cta__color-chip--gold"></span> </button> </div> <div class="common__tab--name"> <span class="tab-cta__text is-active" aria-hidden="true" id="wearable-ring__color-black">Negro Titanio</span> <span class="tab-cta__text" aria-hidden="true" id="wearable-ring__color-silver">Plata Titanio</span> <span class="tab-cta__text" aria-hidden="true" id="wearable-ring__color-gold">Oro titanio</span> </div> </div> </div> </div> </div>  <div class="waterproof common__bg-light" id="waterproof"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C11-001">10 ATM de resistencia al agua</h2> <p class="common__description" data-copy-set="C11-002">No te quites el Galaxy Ring mientras te lavas las manos, te metes en la ducha o te das un chapuzón en el mar. Galaxy Ring tiene una resistencia al agua de 10 ATM, lo que significa que seguirá registrando tu estado de salud aunque estés empapado. <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-17"></a></sup> </p> </div> <div class="common__content"> <div class="waterproof__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-waterproof-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-waterproof-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/mx/galaxy-ring/feature/galaxy-ring-waterproof-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-waterproof-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-waterproof-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-waterproof-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C11-003">Se ve una mano que lleva un Galaxy Ring. Un chorro de agua cae sobre la mano para ilustrar la resistencia al agua del anillo.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="10 ATM water-resistant rating" data-copy-set="C11-001"> <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="ai-samsung-health common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline js-nav-top" id="ai-health" data-copy-set="C12-001">Información sobre <br class="common-br-mo">salud basada en AI en Samsung Health</h2> <p class="common__description" data-copy-set="C12-002">Empieza tu viaje hacia el bienestar con el pie derecho con los consejos de Galaxy AI en la aplicación Samsung Health. Galaxy AI analiza tus datos de salud para ofrecerte consejos personalizados que puedes incorporar a tu rutina diaria. También te envía alertas cuando llevas un rato sin moverte o si tu ritmo cardíaco parece inestable. <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-11"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-18"></a></sup></p> </div> <div class="common__content"> <div class="ai-samsung-health__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-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/mx/galaxy-ring/feature/galaxy-ring-samsung-health-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C12-003">La parte superior muestra el ícono de la aplicación Samsung Health y el texto Samsung Health. punteado en el centro, como si atravesara el anillo. El anillo gira y el ícono cambia a un corazón punteado para indicar la función de monitoreo cardíaco de Samsung Health. Encima del anillo, el símbolo de la aplicación Samsung Health y el texto Samsung Health cambian al texto Galaxy AI ha llegado.</p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="AI-powered health insights on Samsung Health" data-copy-set="C12-001"> <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="energy-score common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h3 class="common__headline common__blind" data-copy-set="C13-001" id="energyscore">Controla tu condición <br class="common-br-pc">diaria con Energy Score</h3> <p class="common__description" data-copy-set="C13-002">Conocer tu condición es la clave para desbloquear un día más brillante. Energy Score es un resultado exhaustivo del análisis de tus patrones de sueño, actividades y frecuencia cardíaca para informarte de tu estado con una sencilla puntuación. Planifica con antelación y muévete de forma más inteligente con Galaxy AI.<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-11"></a></sup></p> </div> <div class="common__content"> <div class="energy-score__video-wrap"> <div class="energy-score__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-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/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-video-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C13-003">En la parte superior, los sensores de Galaxy Ring se iluminan y el anillo se mueve para ilustrar la valoración energética que aumenta cada día. Energy Score 92 se puede ver con el texto Excelente abajo.</p> <div class="video__controller-wrap video-wide"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="Monitor your daily condition with Energy Score" data-copy-set="C13-001"> <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 class="energy-score__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/mx/galaxy-ring/feature/galaxy-ring-energy-score-image-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-energy-score-image-mo.jpg" alt="Smartphone Samsung Galaxy con la puntuación energética en pantalla. También puede verse la interfaz gráfica de usuario de las secciones Sueño, Activo y Frecuencia cardiaca de la función Puntuación energética." data-copy-set="C13-004"> </div> </div> </div> </div>  <div class="wellness-tips common__bg-light"> <div class="common__wrap common__wrap--row-r"> <div class="common__text"> <h3 class="common__headline" data-copy-set="C14-001" id="wellnesstips">Mantente motivado con Wellness Tips</h3> <p class="common__description" data-copy-set="C14-002">Obtén información personalizada a través de Wellness Tips. Identifica patrones de salud y recibe consejos útiles para tu camino hacia el bienestar. <sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-18"></a></sup></p> </div> <div class="common__content"> <div class="wellness-tips__video video__container js-video-src js-res-video" data-media-pc="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-pc" data-media-mo="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-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/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-startframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-endframe-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-wellness-tips-endframe-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C14-003">Se puede ver el texto ¿En qué quieres centrarte, Sam? Debajo hay cuatro iconos: Salud general, Sueño, Ejercicio y Peso saludable. El ícono de Sueño aparece resaltado para indicar que fue seleccionado. Aparece la función Consejos de bienestar y el texto Practicaste mejores hábitos de sueño la semana pasada que la anterior, con una tasa media de logro de hábitos de sueño del 85%. Continúa con tu entrenamiento del sueño para que los hábitos de sueño saludables formen parte de tu rutina. A continuación se muestra el gráfico de barras correspondiente. A la izquierda está la Semana 2 con el texto 52%. A la derecha está la última semana con el texto 85%. </p> <div class="video__controller-wrap"> <button class="video__controller is-use-controller" data-omni-type="microsite_contentinter" data-omni="" ga-ca="content click" ga-ac="feature" ga-la="" title="Stay motivated with Wellness Tips" data-copy-set="C14-001"> <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="sleep common__bg-dark"> <div class="common__wrap common__wrap--column between"> <div class="sleep-bg__top-wrap"> <div class="sleep-bg__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/mx/galaxy-ring/feature/galaxy-ring-sleep-bg-top-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-bg-top-mo.jpg" alt=""> </div> </div> <div class="common__text"> <h3 class="common__headline common__blind common__blind-carousel" data-copy-set="C15-001" id="sleep"> Levántate y brilla con un mejor conocimiento del sueño</h3> <p class="common__description" data-copy-set="C15-002">Duerme toda la noche con tu Galaxy Ring encendido. Juntos, Galaxy Ring y Samsung Health monitorean tu sueño en general, incluyendo la etapa del sueño, el patrón de sueño, el movimiento nocturno, la temperatura nocturna de la piel, la FC y la VFC durante el sueño. Obtén Sleep Coaching basado en los datos para mejorar tus hábitos de sueño<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-12"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-13"></a></sup></p> </div> <div class="common__content"> <div class="sleep__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/mx/galaxy-ring/feature/galaxy-ring-sleep-main-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-main-mo.jpg" alt="Se puede ver una mano que lleva un Galaxy Ring en la cama." data-copy-set="C15-003"> </div> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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/mx/galaxy-ring/feature/galaxy-ring-sleep-score-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-score-mo.jpg" alt="GUI de la puntuación de sueño. La puntuación es 80 y el texto Good puede verse encima de la puntuación." data-copy-set="C15-004"> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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/mx/galaxy-ring/feature/galaxy-ring-sleep-stages-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-stages-mo.jpg" alt="Interfaz gráfica de usuario de las etapas del sueño. Se pueden ver las diferentes etapas del sueño durante la noche." data-copy-set="C15-005"> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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/mx/galaxy-ring/feature/galaxy-ring-sleep-heart-rate-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-heart-rate-mo.jpg" alt="GUI de Ritmo Cardíaco. Abajo se muestra la frecuencia cardíaca media (67 lpm)." data-copy-set="C15-006"> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="sleep-carousel__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/mx/galaxy-ring/feature/galaxy-ring-sleep-snoring-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-snoring-mo.jpg" alt="Se puede ver la GUI de Ronquidos. Abajo se muestra el tiempo total de ronquidos (1 hora y 30 minutos)." data-copy-set="C15-007"> </div> </div> </div> </div> <div class="swiper-pagination-wrap swiper-pagination-dark"> <ul class="swiper-pagination" role="list"> </ul> </div> </div> </div> <div class="sleep-bg__bottom-wrap"> <div class="sleep-bg__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/mx/galaxy-ring/feature/galaxy-ring-sleep-bg-bottom-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sleep-bg-bottom-mo.jpg" alt=""> </div> </div> </div> </div> </div>  <div class="cycle-tracking common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C16-001" id="cycletracking">Controla fácilmente tus ciclos <br class="common-br-pc">con la temperatura de la piel </h2> <p class="common__description" data-copy-set="C16-002">Gestiona tus ciclos más fácilmente y planifica con antelación con Galaxy Ring. El sensor de temperatura de la piel detecta cambios en la temperatura de tu piel mientras duermes. Los datos de tu temperatura son utilizados por <span class="cycle-tracking__text-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/mx/galaxy-ring/feature/galaxy-ring-cycle-tracking-natural-cycles.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-cycle-tracking-natural-cycles-mo.jpg" alt="Natural Cycles"></span> el algoritmo de fertilidad adaptado de Natural Cycles° para predecir tu próximo período y el inicio de tu siguiente ciclo <sup><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></sup></p> </div> <div class="common__content"> <div class="cycle-tracking__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/mx/galaxy-ring/feature/galaxy-ring-cycle-tracking-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-cycle-tracking-mo.jpg" alt="Puede verse la interfaz gráfica de usuario de la función Seguimiento del ciclo. En la parte superior aparece un calendario semanal con el periodo marcado. La sección inferior muestra que la usuaria se encuentra en el día 5 de su periodo. En la parte inferior está la sección Tu ciclo que muestra las fechas de tu periodo, la ventana fértil prevista, la ovulación prevista y el próximo periodo previsto. Powered by Natural Cycles se encuentra en la parte inferior." data-copy-set="C16-003"> </div> </div> </div> </div>  <div class="tracking-heart-rate common__bg-light"> <div class="common__wrap"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C17-001" id="hr">Monitoreo del ritmo cardíaco <br class="common-br-pc">en el que puedes confiar</h2> <p class="common__description" data-copy-set="C17-002">Controla de cerca tu ritmo cardiaco para estar tranquilo. Galaxy Ring monitorea continuamente tu ritmo cardíaco y envía alertas a través de la aplicación Samsung Health cuando tu ritmo cardíaco es demasiado alto o demasiado bajo, asegurándose de que te mantengas informado. <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-21"></a></sup></p> </div> <div class="common__content"> <div class="tracking-heart-rate__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/mx/galaxy-ring/feature/galaxy-ring-tracking-hr-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-tracking-hr-mo.jpg" alt="Un ícono de corazón en el centro late para indicar los latidos del corazón. En el fondo está la línea del pulsómetro que se mueve en función de los latidos. Debajo, se puede ver el estado de BPM junto con un pequeño ícono de corazón, que todo cambió en línea con el latido del corazón. Aparece un mensaje de alerta de frecuencia cardíaca alta a medida que aumentan las pulsaciones por minuto." data-copy-set="C17-003"> </div> </div> </div> </div>  <div class="walk-run common__bg-light"> <div class="common__wrap common__wrap--column"> <div class="common__text"> <h2 class="common__headline common__blind common__blind-carousel" data-copy-set="C18-001" id="auto-tracks">Galaxy Ring <br class="common-br-mo">realiza un seguimiento automático <br>de tus paseos y carreras</h2> <p class="common__description" data-copy-set="C18-002">Simplemente colócalo en tu dedo y Galaxy Ring se encargará del resto. Galaxy Ring realiza un seguimiento automático de tus caminatas y carreras sin tener que pulsar ningún botón de inicio. Consulta las calorías quemadas y otras estadísticas en la aplicación Samsung Health para seguir tu progreso. <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-22"></a></sup></p> </div> <div class="common__content"> <div class="walk-run__inner"> <div class="walk-run__motion-wrap"> <div class="timeline01"> <span class="walk-run__date-text"><span class="day">Hoy</span></span> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline1-mo.jpg" alt=""> </div> </div> <div class="walk-run__image timeline02"> <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/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline2-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline2-mo.jpg" alt=""> </div> <div class="walk-run__image timeline03"> <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/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline3-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-timeline3-mo.jpg" alt=""> </div> <p class="blind" data-copy-set="C18-004">Se puede ver la interfaz gráfica de usuario de la alerta de inactividad y el seguimiento automático de la carrera y el paseo.</p> </div> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-graph-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-graph-mo.jpg" alt="Se puede ver la interfaz gráfica de usuario del seguimiento automático. El gráfico Tendencias muestra el tiempo que el usuario ha dedicado a los entrenamientos." data-copy-set="C18-005"> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-details-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-details-mo.jpg" alt="La interfaz gráfica de usuario muestra los detalles del entrenamiento. Distancia (5,34 km), Velocidad media (9,5 kilómetros por hora), Calorías (512 kilocalorías), Ritmo medio (06:15 por kilómetro), Frecuencia cardiaca media (119 lpm), Cadencia media (168 spm)." data-copy-set="C18-006"> </div> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-badge-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-badge-mo.jpg" alt="Se puede ver la insignia de logro de 10.000 pasos." data-copy-set="C18-007"> </div> </div> </div> </div> <div class="swiper-arrow-wrap"> <button type="button" class="swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:right" ga-ca="indication" ga-ac="carousel" ga-la="gring:highlights:exercise-tracking: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/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> </button> <button type="button" class="swiper-button-prev" data-omni-type="microsite_pcontentinter" data-omni="gring:highlights:exercise-tracking:sldr-arrow:left" ga-ca="indication" ga-ac="carousel" ga-la="gring:highlights:exercise-tracking:sldr-arrow:left"> <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/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-carousel-arrow-black.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-carousel-arrow-black.svg" alt="" aria-hidden="true"> </button> </div> <div class="swiper-pagination-wrap"> <ul class="swiper-pagination" role="list"> </ul> </div> </div> </div> <div class="walk-run__bg-image"> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-main-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-main-mo.jpg" alt="Dos círculos muestran el Galaxy Ring en diferentes situaciones. El círculo de la izquierda muestra unas manos con el Galaxy Ring en un dedo que se están atando el cordón de un zapato. El círculo de la derecha muestra a una mujer en ropa deportiva corriendo." data-copy-set="C18-003"> </div> </div> </div> <div class="walk-run__bottom-image"> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-lsi1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-lsi1-mo.jpg" alt="Puede verse un primer plano de una mano con un anillo Galaxy en un dedo, con un patineta detrás para dar a entender que la persona es un skater." data-copy-set="C18-008"> </div> <div class="walk-run__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/mx/galaxy-ring/feature/galaxy-ring-exercise-lsi2-pc_0710.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-exercise-lsi2-mo_0710.jpg" alt="Pueden verse personas corriendo en una maratón para ilustrar la función de detección automática de Galaxy Ring." data-copy-set="C18-009"> </div> </div> </div> </div> </div>  <div class="samsung-health-eco-system common__bg-light" id="samsung-health-eco-system"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C24-001">Armonizando tu camino hacia la salud</h2> <p class="common__description" data-copy-set="C24-002">Accede y gestiona información completa sobre tu salud y bienestar general a través de la aplicación Samsung Health en tus dispositivos Samsung Galaxy. Integra información detallada para alcanzar tus objetivos de bienestar.<sup><a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-7"></a></sup></p> </div> <div class="common__content"> <div class="samsung-health-eco-system__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/mx/galaxy-ring/feature/galaxy-ring-samsung-health-eco-system-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-health-eco-system-mo_1016.jpg" alt="Galaxy Ring, Galaxy Z Flip6, Galaxy Buds3 Pro, Galaxy Z Fold6 y Galaxy Watch Ultra están agrupados con el texto "Samsung Health" encima. Grandes iconos de aplicaciones para el seguimiento del sueño y la frecuencia cardíaca se ciernen sobre los dispositivos." data-copy-set="C24-004"> </div> <div class="samsung-health-eco-system__cta"> <a href="https://shealth.samsung.com/deepLink?sc_id=app.main&action=view&destination=me&src=eStoreWatch" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Learn more. samsung health" data-omni-type="microsite_contentinter" data-omni="gring:highlights:samsung-health:link-page:samsung-health" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:samsung-health:link-page:samsung-health"> <span data-copy-set="C24-003">Más información</span> </a> </div> </div> </div> </div>  <div class="android-connectivity common__bg-light" id="android-connectivity"> <div class="common__wrap common__wrap--row"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C25-001">Disfruta de la experiencia perfecta en todos los teléfonos inteligentes Android</h2> <p class="common__description" data-copy-set="C25-002">Comienza tu experiencia con Galaxy Wearable en tu teléfono inteligente Android. Empareja tu Galaxy Watch, Buds o Ring fácilmente con el teléfono Android que ya tienes. Solo tienes que descargar las aplicaciones Galaxy Wearable y Samsung Health en Google Play y listo. Incluso puedes probar diferentes esferas de reloj en la aplicación Galaxy Wearable: mezcla y combina distintas funciones a tu gusto. <sup> <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-23"></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-28"></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-38"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-39"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-40"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-41"></a> </sup> </p> <div class="android-connectivity__cta"> <a href="//play.google.com/store/apps/details?id=com.samsung.android.app.watchmanager" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Galaxy Wearable App download" data-omni-type="microsite_contentinter" data-omni="gring:highlights:ad^connect:btm^bnn:glaxy^wearable^app" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:ad^connect:btm^bnn:glaxy^wearable^app"> <span>Aplicación Galaxy Wearable</span> </a> <a href="//play.google.com/store/apps/details?id=com.sec.android.app.shealth" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Samsung HealthApp download" data-omni-type="microsite_contentinter" data-omni="gring:highlights:ad^connect:btm^bnn:samsung^health^app" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:ad^connect:btm^bnn:samsung^health^app"> <span>Aplicación Samsung Health</span> </a> </div> </div> <div class="common__content"> <div class="android-connectivity__image"> <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/mx/galaxy-ring/feature/galaxy-ring-android-connectivity-pc_0829.jpg" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-android-connectivity-mo_0829.jpg" alt="En la parte posterior hay un teléfono inteligente Android con el logotipo de Android, el logotipo de Google Play y los iconos de las aplicaciones Galaxy Wearable y Samsung Health. En el frente se encuentran los Galaxy Ring." data-copy-set="C25-003"> </div> <div class="android-connectivity__cta"> <a href="//play.google.com/store/apps/details?id=com.samsung.android.app.watchmanager" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Galaxy Wearable App download" data-omni-type="microsite_contentinter" data-omni="gring:highlights:ad^connect:btm^bnn:glaxy^wearable^app" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:ad^connect:btm^bnn:glaxy^wearable^app"> <span>Aplicación Galaxy Wearable</span> </a> <a href="//play.google.com/store/apps/details?id=com.sec.android.app.shealth" class="wearable-ring-common-cta wearable-ring__cta-round" aria-label="Samsung HealthApp download" data-omni-type="microsite_contentinter" data-omni="gring:highlights:ad^connect:btm^bnn:samsung^health^app" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:ad^connect:btm^bnn:samsung^health^app"> <span>Aplicación Samsung Health</span> </a> </div> </div> </div> </div>  <div class="gesture-control common__bg-light js-nav-top" id="control"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C19-001">Sólo tienes que pulsar dos veces para controlar tu smartphone</h2> <p class="common__description" data-copy-set="C19-002">Con Galaxy Ring en tu dedo, puedes controlar tu smartphone Samsung Galaxy emparejado con un simple gesto. Solo tienes que pulsar dos veces con el pulgar y el dedo que lleva el Galaxy Ring para hacer fotos o desactivar las alarmas.<sup><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-24"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-25"></a></sup></p> </div> <div class="common__content"> <div class="gesture-control__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/mx/galaxy-ring/feature/galaxy-ring-gesture-control-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-gesture-control-mo.jpg" alt="Se puede ver una mano con el Galaxy Ring haciendo un movimiento de pellizco. Se puede ver un Galaxy Z Flip6 cerrado con la cámara abierta en la tapa de la pantalla. Encima del Smartphone hay dos íconos: Cámara y Desactivar alarmas." data-copy-set="C19-003"> </div> </div> </div> </div>  <div class="find-my-ring common__bg-light"> <div class="common__wrap common__wrap--row-r"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C20-001" id="findmyring">Rastrear hasta la última ubicación con Find My Ring</h2> <p class="common__description" data-copy-set="C20-002">¿Has perdido tu Galaxy Ring? Respira hondo y abre Find My Ring en tu dispositivo Samsung Galaxy para ver la ubicación en la que se vinculó por última vez tu Galaxy Ring.<sup><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>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-29"></a></sup></p> </div> <div class="common__content"> <div class="find-my-ring__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/mx/galaxy-ring/feature/galaxy-ring-find-my-ring-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-find-my-ring-mo.jpg" alt="Se puede ver un mapa. Un ícono de puntero de ubicación con un Galaxy Ring señala una ubicación para indicar que la función Find My Ring está rastreando la ubicación." data-copy-set="C20-003"> </div> </div> </div> </div>  <div class="account common__bg-light"> <div class="common__wrap common__wrap--row"> <div class="common__text"> <h2 class="common__headline" data-copy-set="C21-001" id="samsung-account">Empieza con tu Samsung Account </h2> <p class="common__description" data-copy-set="C21-002">Para empezar a utilizar Galaxy Ring, debes registrar una Samsung Account en tu Galaxy. Los datos de salud de tu Galaxy Ring se transferirán y almacenarán de forma segura en la nube de Samsung conectada a tu cuenta, para que puedas acceder a ellos y gestionarlos completamente<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-7"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-20"></a></sup></p> </div> <div class="common__content"> <div class="account__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/mx/galaxy-ring/feature/galaxy-ring-samsung-account-pc_1016.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-samsung-account-mo_1016.jpg" alt="Se puede ver el Smartphone Samsung Galaxy con la página de inicio de sesión de la cuenta Samsung en pantalla. En el lado izquierdo del Smartphone hay un Galaxy Ring, ligeramente inclinado." data-copy-set="C21-003"> </div> </div> </div> </div>  <section id="how-to-measure"> <section class="three-column-carousel bg-white s-padding-top s-padding-bottom"> <div class="three-column-carousel__title"> <h2 class="three-column-carousel__headline">Cómo medir tu dedo</h2> <p class="three-column-carousel__sub-headline">Encuentra la circunferencia, la medida de la base de tu dedo y descubre el borde ideal.</p> </div> <div class="three-column-carousel__inner"> <div class="swiper-container basic-swiper" aria-live="polite" data-swiper-option="{"freeMode": true,"viewMode":"pc","breakpoints": {"1":{"slidesPerView": 1},"768":{"slidesPerView": 3 }},"pagination":true,"componentEl":".three-column-carousel"}"> <button type="button" data-role="none" class="three-column-carousel__arrow swiper-button-prev" aria-label="Previous" role="button" aria-disabled="true" an-tr="ftd06_multi column carousel feature-product detail-image-arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Anterior</span> <svg class="icon" focusable="false"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <div class="swiper-wrapper" role="listbox"> <div class="three-column-carousel__item swiper-slide bg-white" an-tr="feature benefit three column carousel-tr0" an-ca="feature benefit three column carousel-ca0" an-ac="feature benefit three column carousel-ac0" an-la="feature benefit three column carousel-la0" data-type-headline="PASO 1"> <div class="three-column-carousel__content" tabindex="0"> <figure class="three-column-carousel__figure" style=""> <picture class="three-column-carousel__picture"> <source srcset="" media="(max-width: 768px)"> <div class="image image--main-loaded"> <img class="image__main responsive-img image--loaded" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900209?$448_n_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900214?$624_n_JPG$" alt="Como medir seu dedo" src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900214?$624_n_JPG$" style=""> </div> </picture> </figure> <div class="three-column-carousel__text" style=""> <h3 class="three-column-carousel__text__headline">PASO 1</h3> <p class="three-column-carousel__text__description">Marca con la línea la circunferencia del dedo en el que llevarás el anillo.</p> </div> </div> </div> <div class="three-column-carousel__item swiper-slide bg-white" an-tr="feature benefit three column carousel-tr0" an-ca="feature benefit three column carousel-ca0" an-ac="feature benefit three column carousel-ac0" an-la="feature benefit three column carousel-la0" data-type-headline="PASO 2"> <div class="three-column-carousel__content" tabindex="0"> <figure class="three-column-carousel__figure" style=""> <picture class="three-column-carousel__picture"> <source srcset="" media="(max-width: 768px)"> <div class="image image--main-loaded"> <img class="image__main responsive-img image--loaded" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900260?$448_n_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900262?$624_n_JPG$" alt="PASO 2" src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900262?$624_n_JPG$" style=""> </div> </picture> </figure> <div class="common__description" style=""> <h3 class="three-column-carousel__text__headline">PASO 2</h3> <p class="three-column-carousel__text__description">Asegúrese de que la línea sea cómoda para usted y marque dónde la línea se encuentra con la punta.</p> </div> </div> </div> <div class="three-column-carousel__item swiper-slide bg-white" an-tr="feature benefit three column carousel-tr0" an-ca="feature benefit three column carousel-ca0" an-ac="feature benefit three column carousel-ac0" an-la="feature benefit three column carousel-la0" data-type-headline="PASO 3"> <div class="three-column-carousel__content" tabindex="0"> <figure class="three-column-carousel__figure" style=""> <picture class="three-column-carousel__picture"> <source srcset="" media="(max-width: 768px)"> <div class="image image--main-loaded"> <img class="image__main responsive-img image--loaded" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900266?$448_n_JPG$" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900267?$624_n_JPG$" alt="PASO 3" src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543900267?$624_n_JPG$" style=""> </div> </picture> </figure> <div class="three-column-carousel__text" style=""> <h3 class="three-column-carousel__text__headline">PASO 3</h3> <p class="three-column-carousel__text__description">Desenrolle la línea con la marca y mida la longitud con la regla.</p> </div> </div> </div> </div> <button type="button" data-role="none" class="three-column-carousel__arrow swiper-button-next" aria-label="Next" role="button" aria-disabled="false" an-tr="ftd06_multi column carousel feature-product detail-image-arrow" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> Siguiente <svg class="icon" focusable="false"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button>  <div class="indicator dot-indicator" data-indicator-data="{ "type": "dot-indicator", "autoRolling": false, "infiniteRolling": false }"> <div class="indicator-wrap"> <div class="indicator__list-wrap"> <div class="indicator__list" role="tablist"> <button class="indicator__item swiper-pagination-bullet indicator__item--active" role="tab" data-type-clickid="0" id="swiper1" an-tr="feature benefit three column carousel-tr0" an-ca="feature benefit three column carousel-ca0" an-ac="feature benefit three column carousel-ac0" an-la="feature benefit three column carousel-la0" data-type-slide-index="0" data-type-group-index="0" aria-selected="true"><span class="indicator__dot-wrap"><span class="indicator__dot"> <span class="indicator__dot-inner"></span></span><span class="hidden">PASO 1</span></span></button> </div> </div> </div> </div>  </div> </div> </section> <section class="feature-benefit-banner flexible-layout feature-benefit-banner--bg-white feature-benefit-banner--full feature-benefit-banner--black feature-benefit-banner--left feature-benefit-banner--mobile-left feature-benefit-banner--mo-text-top" id="measure" style="max-width:100vw;"> <div class="feature-benefit-banner__wrap"> <div class="feature-benefit-banner__content"> <div class="feature-benefit-banner__content-wrap" style="vertical-align: middle !important;"> <h2 class="feature-benefit-banner__title" data-font-size-pc="64" data-font-size-mo="70" style="display:none;">measure</h2> <p class="feature-benefit-banner__desc" data-font-size-pc="18" data-font-size-mo="12">Los centímetros indicados en la regla indican<br> tu llanta según la tabla.</p> </div> </div> <figure class="feature-benefit-banner__figure"> <div class="feature-benefit-banner__figure-wrap"> <div class="image image--dyn-height image--main-loaded"> <img class="image__preview responsive-img image--loaded image--hide" data-desktop-alt="measure" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901808?$LazyLoad_Home_PNG$" data-mobile-alt="measure" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901808?$LazyLoad_Home_PNG$" alt="measure" src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901808?$LazyLoad_Home_PNG$" aria-hidden="true"> <img class="image__main responsive-img image--loaded" data-desktop-alt="measure" data-comp-name="image" data-desktop-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901808?$FB_TYPE_H_JPG$" data-mobile-alt="measure" data-mobile-src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901809?$FB_TYPE_I_JPG$" alt="measure" src="//images.samsung.com/is/image/samsung/p6pim/mx/feature/others/mx-feature-galaxy-ring-q500-543901808?$FB_TYPE_H_JPG$" style=""> </div> </div> </figure> </div> </section> </section> <style> #measure { background-color: #EEEEEE !important; } .feature-benefit-banner__wrap{ margin:0 auto; } @media (max-width:535px) { .feature-benefit-banner__desc { text-align: center !important; } } :root { --swiper-theme-color: #007aff } #how-to-measure .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } #how-to-measure .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 } #how-to-measure .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } #how-to-measure .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 } #how-to-measure .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } #how-to-measure .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } :root { --swiper-navigation-size: 44px } #how-to-measure .swiper-button-next, .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)) } #how-to-measure .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } #how-to-measure .swiper-button-next:after, .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 } #how-to-measure .swiper-button-prev { left: 10px; right: auto } #how-to-measure .swiper-button-prev:after { content: 'prev' } #how-to-measure .swiper-button-next { right: 10px; left: auto } #how-to-measure .swiper-button-next:after { content: 'next' } #how-to-measure .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff } #how-to-measure .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } #how-to-measure .swiper-pagination.swiper-pagination-hidden { opacity: 0 } #how-to-measure .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } #how-to-measure 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 } #how-to-measure .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } #how-to-measure .swiper-pagination-white { --swiper-pagination-color: #fff } @-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) } } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -32px, 0); transform: translate3d(0, -32px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -32px, 0); transform: translate3d(0, -32px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } #how-to-measure .feature-benefit { overflow: hidden; position: relative; width: 100%; max-width: 1440px; margin: 0 auto; font-size: 0; line-height: 1.33; color: #000 } #how-to-measure .s-img-bottom.feature-benefit { text-align: center } #how-to-measure .feature-benefit__wrapper { width: 100%; max-width: 1440px; margin: 0 auto } #how-to-measure .feature-benefit__inner { overflow: hidden; position: relative; padding-bottom: 48px } #how-to-measure .feature-benefit__swiper { position: static; min-height: 10px } #how-to-measure .feature-benefit__swiper .indicator { position: absolute; left: 0; right: 0; bottom: 0 } #how-to-measure .feature-benefit__swiper.basic-swiper [class*=swiper-button] { background-color: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .15); -webkit-transition: background-color .1s cubic-bezier(.4, 0, .2, 1), top .3s ease-in-out; transition: background-color .1s cubic-bezier(.4, 0, .2, 1), top .3s ease-in-out } #how-to-measure .feature-benefit__swiper.basic-swiper [class*=swiper-button] svg.icon { fill: #fff } #how-to-measure .feature-benefit__swiper.basic-swiper [class*=swiper-button]:active, .feature-benefit__swiper.basic-swiper [class*=swiper-button]:focus, .feature-benefit__swiper.basic-swiper [class*=swiper-button]:hover { background-color: #1c1c1c } #how-to-measure .feature-benefit__swiper.basic-swiper [class*=swiper-button]:active svg.icon, .feature-benefit__swiper.basic-swiper [class*=swiper-button]:focus svg.icon, .feature-benefit__swiper.basic-swiper [class*=swiper-button]:hover svg.icon { fill: #fff } #how-to-measure .feature-benefit__text-wrap { padding: 80px 88px; text-align: center } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='48'] { font-size: 48px; line-height: 1.2 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='38'] { font-size: 38px; line-height: 1.2 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='32'] { font-size: 32px; line-height: 1.33 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='28'] { font-size: 28px; line-height: 1.33 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='22'] { font-size: 22px; line-height: 1.33 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='18'] { font-size: 18px; line-height: 1.33 } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='14'] { font-size: 14px; line-height: 1.33 } #how-to-measure .feature-benefit__title { margin: 0 auto; font-family: SamsungSharpSans, arial, sans-serif; font-weight: 700; line-height: 1.2; word-wrap: break-word } #how-to-measure .feature-benefit__sub-title { margin-top: 48px; font-weight: 700; word-wrap: break-word } #how-to-measure .feature-benefit__img-wrap { overflow: hidden; position: relative } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__img-wrap { margin-top: 80px } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__text-wrap+.feature-benefit__img-wrap { margin-top: 0 } @media only screen and (min-width:768px) and (max-width:1440px) { #how-to-measure .feature-benefit { max-width: 100% } .feature-benefit__inner { padding-bottom: 3.33333333vw } #how-to-measure .feature-benefit__text-wrap { padding: 5.55555556vw 6.11111111vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='48'] { font-size: 3.33333333vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='38'] { font-size: 2.63888889vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='32'] { font-size: 2.22222222vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='28'] { font-size: 1.94444444vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='22'] { font-size: 1.52777778vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='18'] { font-size: 1.25vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-pc='14'] { font-size: .97222222vw } #how-to-measure .feature-benefit__sub-title { margin-top: 3.33333333vw } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__img-wrap { margin-top: 5.55555556vw } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__text-wrap+.feature-benefit__img-wrap { margin-top: 0 } } @media only screen and (max-width:767px) { #how-to-measure .feature-benefit { min-height: 0 } #how-to-measure .feature-benefit__inner { padding-bottom: 10vw } #how-to-measure .feature-benefit__swiper [class*=swiper-button] { display: none } #how-to-measure .feature-benefit__text-wrap { width: 100%; padding: 8.88888889vw 4.44444444vw 11.11111111vw 4.44444444vw !important } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='30'] { font-size: 8.33333333vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='26'] { font-size: 7.22222222vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='22'] { font-size: 6.11111111vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='16'] { font-size: 4.44444444vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='14'] { font-size: 3.88888889vw } #how-to-measure .feature-benefit__text-wrap [data-font-size-mo='12'] { font-size: 3.33333333vw } #how-to-measure .feature-benefit__title { width: 100%; padding: 0; line-height: 1.18 } #how-to-measure .feature-benefit__sub-title { margin-top: 6.66666667vw; line-height: 1.71 } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__img-wrap { margin-top: 10vw } #how-to-measure .feature-benefit.s-img-bottom .feature-benefit__text-wrap+.feature-benefit__img-wrap { margin-top: 0 } } #how-to-measure .feature-benefit-tab-list { font-size: 0 } #how-to-measure .feature-benefit-tab-list__inner { display: block } #how-to-measure .feature-benefit-tab-list__text { display: block; position: relative; margin-top: 1.11111111vw; font-size: .97222222vw; color: #000; font-weight: 700; line-height: 1.14 } #how-to-measure .feature-benefit-tab-list__icon { position: relative; width: 5vw; margin: 0 auto } #how-to-measure .feature-benefit-tab-list__image { display: block; max-width: 100%; margin: 0 auto } #how-to-measure .feature-benefit-tab { width: 100%; max-width: 1440px; margin: 0 auto; padding: 5.55555556vw 0; text-align: center } #how-to-measure .feature-benefit-tab__wrap { width: 100%; max-width: 1440px; margin: 0 auto } #how-to-measure .feature-benefit-tab__headline { padding: 0 18.05555556vw } #how-to-measure .feature-benefit-tab__title { font-family: SamsungSharpSans, arial, sans-serif; line-height: 1.2 } #how-to-measure .feature-benefit-tab__sub-title { display: inline-block; line-height: 1.33 } #how-to-measure .feature-benefit-tab__title~.feature-benefit-tab__sub-title { padding: 3.33333333vw 0 0 0 } #how-to-measure .feature-benefit-tab__description { line-height: 1.33 } #how-to-measure .feature-benefit-tab__sub-title~.feature-benefit-tab__description, .feature-benefit-tab__title~.feature-benefit-tab__description { padding: 2.22222222vw 0 0 0 } #how-to-measure .feature-benefit-tab__content { margin: 5.55555556vw 8.19444444vw 0 8.19444444vw } @media only screen and (min-width:1440px) { #how-to-measure .feature-benefit-tab-list__text { margin-top: 16px; font-size: 14px } #how-to-measure .feature-benefit-tab-list__icon { width: 72px } #how-to-measure .feature-benefit-tab { padding: 80px 0 } #how-to-measure .feature-benefit-tab__headline { padding: 0 260px } #how-to-measure .feature-benefit-tab__title~.feature-benefit-tab__sub-title { padding: 48px 0 0 0 } #how-to-measure .feature-benefit-tab__sub-title~.feature-benefit-tab__description, #how-to-measure .feature-benefit-tab__title~.feature-benefit-tab__description { padding: 32px 0 0 0 } #how-to-measure .feature-benefit-tab__content { margin: 80px 118px 0 118px } } @media screen and (max-width:1024px) { #how-to-measure .feature-benefit-tab-list__icon { width: 7.03125vw } #how-to-measure .feature-benefit-tab-list__text { font-size: 1.3671875vw } #how-to-measure .feature-benefit-tab__description { font-size: 1.5625vw } } @media only screen and (max-width:767px) { #how-to-measure .feature-benefit-tab-list__icon { width: 20vw } #how-to-measure .feature-benefit-tab-list__text { margin-top: 2.22222222vw; font-size: 2.77777778vw; line-height: 1.2 } #how-to-measure .feature-benefit-tab { padding: 8.88888889vw 0 } #how-to-measure .feature-benefit-tab__headline { padding: 0 6.66666667vw } #how-to-measure .feature-benefit-tab__title { padding: 0 } #how-to-measure .feature-benefit-tab__title~.feature-benefit-tab__sub-title { padding: 6.66666667vw 0 0 0 } #how-to-measure .feature-benefit-tab__sub-title~.feature-benefit-tab__description, #how-to-measure .feature-benefit-tab__title~.feature-benefit-tab__description { padding: 4.44444444vw 0 0 0 } #how-to-measure .feature-benefit-tab__description[data-font-size-mo='28'] { font-size: 3.33333333vw } #how-to-measure .feature-benefit-tab__description[data-font-size-mo='24'] { font-size: 3.33333333vw } #how-to-measure .feature-benefit-tab__content { margin: 11.11111111vw 0 0 0 } } #how-to-measure .three-column-carousel { overflow: hidden; max-width: 1440px; margin: 0 auto; text-align: center } #how-to-measure .three-column-carousel__wrap { width: 100%; max-width: 1440px; margin: 0 auto } #how-to-measure .three-column-carousel__title { margin-bottom: 5.55555556vw } #how-to-measure .three-column-carousel__headline { margin: 0 auto; padding: 0 24px; font-weight: 700; line-height: 1.2; text-align: center; font-family: SamsungSharpSans, arial, sans-serif; font-size: 2.63888889vw } #how-to-measure .three-column-carousel__sub-headline { line-height: 1.33; font-size: 1.66666667vw; margin-top: 2.22222222vw } #how-to-measure .three-column-carousel__inner { position: relative; font-size: 0; text-align: center; margin: 0 .83333333vw 1.11111111vw .83333333vw } #how-to-measure .three-column-carousel__inner .swiper-container { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } #how-to-measure .three-column-carousel__inner .swiper-container .swiper-wrapper { position: relative; margin: 0 auto } #how-to-measure .three-column-carousel__arrow.swiper-button-disabled { display: none } #how-to-measure .three-column-carousel__item { display: inline-block; width: 33.3335%; padding: 0 .83333333vw } #how-to-measure .three-column-carousel__content { border-radius: 1.38888889vw; overflow: hidden } #how-to-measure .three-column-carousel__figure { margin: 0; text-align: center; font-size: 0 } #how-to-measure .three-column-carousel__figure:after { content: ""; display: inline-block; vertical-align: middle; height: 100% } #how-to-measure .three-column-carousel__picture { display: inline-block; vertical-align: middle; width: 100% } #how-to-measure .three-column-carousel__picture img { border-radius: 1.38888889vw; width: 100% } #how-to-measure .three-column-carousel__text { padding: 2.63888889vw 2.08333333vw } #how-to-measure .three-column-carousel__text__headline { font-size: 1.66666667vw; line-height: 1.33 } #how-to-measure .three-column-carousel__text__description { font-size: .97222222vw; margin-top: 1.66666667vw; line-height: 1.33 } #how-to-measure .three-column-carousel.s-padding-top { padding-top: 5.55555556vw } #how-to-measure .three-column-carousel.s-padding-bottom { padding-bottom: 5.55555556vw } #how-to-measure .three-column-carousel.s-text-left .three-column-carousel__text { text-align: left } #how-to-measure .three-column-carousel.s-text-right .three-column-carousel__text { text-align: right } #how-to-measure .three-column-carousel__item.bg-white { background: 0 0 !important } #how-to-measure .three-column-carousel.bg-white, .three-column-carousel__item.bg-white { color: #000 } #how-to-measure .three-column-carousel__item.bg-white .three-column-carousel__content { background: #fff } #how-to-measure .three-column-carousel [class*=swiper-button] { background-color: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .15) } #how-to-measure .three-column-carousel [class*=swiper-button] svg.icon { fill: #fff } #how-to-measure .three-column-carousel [class*=swiper-button]:active, .three-column-carousel [class*=swiper-button]:focus, .three-column-carousel [class*=swiper-button]:hover { background-color: #1c1c1c } #how-to-measure .three-column-carousel [class*=swiper-button]:active .icon, .three-column-carousel [class*=swiper-button]:focus .icon, .three-column-carousel [class*=swiper-button]:hover .icon { fill: #fff } #how-to-measure .three-column-carousel .indicator { display: none; margin-top: 1.11111111vw } @media only screen and (min-width:1440px) { #how-to-measure .three-column-carousel__title { margin-bottom: 80px } #how-to-measure .three-column-carousel__headline { font-size: 38px } #how-to-measure .three-column-carousel__sub-headline { font-size: 24px; margin-top: 32px } #how-to-measure .three-column-carousel__inner { margin: 0 12px 16px 12px } #how-to-measure .three-column-carousel__arrow { width: 44px; height: 120px } #how-to-measure .three-column-carousel__arrow:after { width: 24px; height: 44px } #how-to-measure .three-column-carousel__item { padding: 0 12px } #how-to-measure .three-column-carousel__content { border-radius: 20px } #how-to-measure .three-column-carousel__picture img { border-radius: 20px } #how-to-measure .three-column-carousel__text { padding: 38px 30px } #how-to-measure .three-column-carousel__text__headline { font-size: 24px } .three-column-carousel__text__description { font-size: 14px; margin-top: 24px } #how-to-measure .three-column-carousel.s-padding-top { padding-top: 80px } #how-to-measure .three-column-carousel.s-padding-bottom { padding-bottom: 80px } #how-to-measure .three-column-carousel .indicator { margin-top: 16px } } @media only screen and (max-width:767px) { #how-to-measure .three-column-carousel__title { margin-bottom: 4.44444444vw } #how-to-measure .three-column-carousel__headline { font-size: 7.22222222vw } #how-to-measure .three-column-carousel__sub-headline { font-size: 3.88888889vw; margin-top: 4.44444444vw } #how-to-measure .three-column-carousel__inner { margin: 0 } #how-to-measure .three-column-carousel__arrow { display: none } #how-to-measure .three-column-carousel .swiper-wrapper { display: block } #how-to-measure .three-column-carousel .swiper-button-prev { display: none } #how-to-measure .three-column-carousel .swiper-button-next { display: none } #how-to-measure .three-column-carousel__item { display: block; width: 100%; margin-top: 6.66666667vw; padding: 0 6.66666667vw } #how-to-measure .three-column-carousel__item:first-child { margin-top: 0 } #how-to-measure .three-column-carousel__content { border-radius: 5.55555556vw } #how-to-measure .three-column-carousel__picture img { border-radius: 5.55555556vw } #how-to-measure .three-column-carousel__text { padding: 6.66666667vw 8.33333333vw } #how-to-measure .three-column-carousel__text__headline { font-size: 4.44444444vw } #how-to-measure .three-column-carousel__text__description { font-size: 3.33333333vw; margin-top: 4.44444444vw } #how-to-measure .three-column-carousel.s-padding-top { padding-top: 8.88888889vw } #how-to-measure .three-column-carousel.s-padding-bottom { padding-bottom: 8.88888889vw } #how-to-measure .three-column-carousel .indicator { display: none } #how-to-measure .three-column-carousel .carousel-type .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } #how-to-measure .three-column-carousel .carousel-type .swiper-wrapper .three-column-carousel__item { margin-top: 0 } #how-to-measure .three-column-carousel .carousel-type .indicator { margin-top: 3.33333333vw; display: block } } @-webkit-keyframes ftd15TapIconAnimationEffectDesktopOver { 0% { opacity: 1; width: 24px; height: 24px } 100%, 40% { opacity: 0; width: 88px; height: 88px } } @keyframes ftd15TapIconAnimationEffectDesktopOver { 0% { opacity: 1; width: 24px; height: 24px } 100%, 40% { opacity: 0; width: 88px; height: 88px } } @-webkit-keyframes ftd15TapIconAnimationEffectDesktop { 0% { opacity: 1; width: 1.66666667vw; height: 1.66666667vw } 100%, 40% { opacity: 0; width: 6.11111111vw; height: 6.11111111vw } } @keyframes ftd15TapIconAnimationEffectDesktop { 0% { opacity: 1; width: 1.66666667vw; height: 1.66666667vw } 100%, 40% { opacity: 0; width: 6.11111111vw; height: 6.11111111vw } } @-webkit-keyframes ftd15TapIconAnimationEffectMobile { 0% { opacity: 1; width: 6.66666667vw; height: 6.66666667vw } 100%, 40% { opacity: 0; width: 24.44444444vw; height: 24.44444444vw } } @keyframes ftd15TapIconAnimationEffectMobile { 0% { opacity: 1; width: 6.66666667vw; height: 6.66666667vw } 100%, 40% { opacity: 0; width: 24.44444444vw; height: 24.44444444vw } } @-webkit-keyframes ftd16TapIconAnimationEffectDesktopOver { 0% { opacity: 1; width: 24px; height: 24px } 100%, 40% { opacity: 0; width: 88px; height: 88px } } @keyframes ftd16TapIconAnimationEffectDesktopOver { 0% { opacity: 1; width: 24px; height: 24px } 100%, 40% { opacity: 0; width: 88px; height: 88px } } @-webkit-keyframes ftd16TapIconAnimationEffectDesktop { 0% { opacity: 1; width: 1.66666667vw; height: 1.66666667vw } 100%, 40% { opacity: 0; width: 6.11111111vw; height: 6.11111111vw } } @keyframes ftd16TapIconAnimationEffectDesktop { 0% { opacity: 1; width: 1.66666667vw; height: 1.66666667vw } 100%, 40% { opacity: 0; width: 6.11111111vw; height: 6.11111111vw } } @-webkit-keyframes ftd16TapIconAnimationEffectMobile { 0% { opacity: 1; width: 6.66666667vw; height: 6.66666667vw } 100%, 40% { opacity: 0; width: 24.44444444vw; height: 24.44444444vw } } @keyframes ftd16TapIconAnimationEffectMobile { 0% { opacity: 1; width: 6.66666667vw; height: 6.66666667vw } 100%, 40% { opacity: 0; width: 24.44444444vw; height: 24.44444444vw } } @-webkit-keyframes fadeInOut { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeInOut { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeOutIn { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOutIn { 0% { opacity: 1 } 100% { opacity: 0 } } @supports (-webkit-line-clamp:1) { .better-together__product-name-inner:before { content: '' } } </style>   <div class="choose-size common__bg-light"> <div class="common__wrap common__wrap--column between"> <div class="common__text"> <h2 class="common__headline common__blind common__blind-carousel" data-copy-set="C22-001" id="sizing-kit">Encuentra el adecuado</h2> <p class="common__description" data-copy-set="C22-002">Encuentra el anillo adecuado con el kit de tallas de Galaxy Ring. Las tallas del Galaxy Ring pueden ser diferentes de las de los anillos normales, así que adquiere el Kit de tallas en el momento de la compra para encontrar el ajuste ideal para tu dedo. Elige entre una selección de 9 anillos de muestra y póntelos durante más de un día completo para asegurarte de que tu dedo se siente cómodo. Una vez que hayas tomado tu decisión, completa tu pedido en la página Mi pedido.<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-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-32"></a>, <a href="#desc-section" class="click_sup" title="See disclaimer" data-sup-tag="sup-33"></a></sup></p> </div> <div class="common__content"> <div class="choose-size__inner"> <div class="choose-size__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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-mo.jpg" alt="El kit de tallas Galaxy Ring está abierto y se pueden ver 9 anillos de muestra." data-copy-set="C22-018"> </div>  <div class="common__video-wrap"> <button type="button" class="common__video-cta js-layer-opener" title="play video" data-youtube-id="5Mja4EXJWOo" data-youtube-title="Galaxy Ring: How to find your size with Sizing Kit" data-layer-target="#choose-size-popup" data-content-target="youtube-popup" data-omni-type="microsite_contentinter" data-omni="gring:highlights:sizing-kit:lypu-open:sizing-kit" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:sizing-kit:lypu-open:sizing-kit"> <span class="common__video-title" data-copy-set="C22-005">Cómo encontrar <br class="common-br-mo">su talla con el <br class="common-br-mo">kit de tallas</span> <span class="common__video-thumbnail"> <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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-cta-pc_0808.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-cta-mo_0808.jpg" alt=""> </span> </button>  <div id="choose-size-popup" class="common-video-popup cm-layer" aria-hidden="true"> <span class="cm-layer__dimmed" aria-hidden="true" role="none presentation" aria-disabled="true" tabindex="-1"></span> <div class="common-video-popup__inner cm-layer__body"> <div class="common-video-popup__content cm-layer__wrapper"> <button type="button" class="cm-layer__btn-close js-layer-closer" data-omni-type="microsite_contentinter" data-omni="gring:highlights:sizing-kit:lypu-close:sizing-kit" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:sizing-kit:lypu-close:sizing-kit"> <span class="blind">CLOSE</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-close-white.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-close-white.png" alt=""> </button> <div id="youtube-popup" class="common-video-popup__iframe cm-layer__content"> <iframe allowfullscreen allow="autoplay" title="" tabindex="-1" aria-hidden="true"></iframe> <p class="blind video-player__desc" data-copy-set="C22-019"> How to find your Galaxy Ring size with the Sizing Kit. Want to find your galaxy ring size? It may be different from regular rings because of the sensors. The Galaxy Ring Sizing Kit will help you find your ring size. Open the box and check out the sample rings. The sample rings come in 9 sizes, from 5 to 13. You can wear them on any finger. Pick a size and try it on. Check the position of the three sensors on the bottom. And the indicator on the outer surface. Wear the sample ring so that the sensors are facing up. Make sure the indicator is also on the palm side. And ensure that your finger feels comfortable. Check that it’s not too small or too big. Try them out to find your size from 9 available options. When you find the one that feels right, move your fingers around. Finger sizes can change from day to night. So it’s recommended to keep the ring on for over 24 hours. Go about your day and sleep through the night. Does your finger feel comfortable even after 24 hours? Great! You’ve found your Galaxy Ring size. samsung.com. Samsung logo. Video simulated for illustrative purposes. One Sizing Kit is available free of charge upon purchasing the Galaxy Ring. Only one Sizing Kit is provided per order number. Sample rings included in the Galaxy Ring Sizing Kit are only for measuring the size for Galaxy Ring. Do not wear the sample ring for longer than intended. Doing so may result in skin irritation. Wearing the sample ring for at least 24 hours is recommended to allow sufficient time for your finger to adapt to the fit of the Galaxy Ring. Availability of Galaxy Ring sizes and colors may vary by country/region. Galaxy Ring sizes are based on US standard sizes (US 5 - US 13). </p> </div> </div> </div> </div> </div>  </div> <div class="common__carousel-wrap"> <div class="common__carousel-container"> <div class="common__carousel swiper"> <div class="common__carousel-inner swiper-wrapper" role="list"> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-006"> <span class="choose-size__step-num--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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step1.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step1.svg" alt="" aria-hidden="true"></span> Paso 1. </span> <strong class="choose-size__step-tit" data-copy-set="C22-007">Recibir el kit de tallas</strong> <p class="choose-size__step-desc" data-copy-set="C22-008">Pide el Galaxy Ring y elige la opción "No sé mi talla". El Kit de Tallaje se enviará primero, antes de que confirmes la talla del Galaxy Ring real.</p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-009"> <span class="choose-size__step-num--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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step2.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step2.svg" alt="" aria-hidden="true"></span> Paso 2. </span> <strong class="choose-size__step-tit" data-copy-set="C22-010">Prueba tu talla</strong> <p class="choose-size__step-desc" data-copy-set="C22-011">Utiliza anillos de muestra para encontrar la talla que se adapta al dedo en el que quieres llevar tu Galaxy Ring. Lleva puesto el anillo de muestra durante al menos 24 horas para asegurarte de que el anillo se ajusta cómodamente a tu dedo.</p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-012"> <span class="choose-size__step-num--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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step3.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step3.svg" alt="" aria-hidden="true"></span> Paso 3. </span> <strong class="choose-size__step-tit" data-copy-set="C22-013">Confirma tu talla</strong> <p class="choose-size__step-desc" data-copy-set="C22-014">Confirma la talla de tu anillo en la página "Mi pedido". Consulta tu bandeja de entrada para recibir el correo electrónico de confirmación de la talla.</p> </div> <div class="common__carousel-item swiper-slide" role="listitem"> <span class="choose-size__step-num" data-copy-set="C22-015"> <span class="choose-size__step-num--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/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step4.svg" data-src-mobile="https://images.samsung.com/is/content/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-sizing-kit-icon-step4.svg" alt="" aria-hidden="true"></span> Paso 4. </span> <strong class="choose-size__step-tit" data-copy-set="C22-016">Recibe tu Galaxy Ring</strong> <p class="choose-size__step-desc" data-copy-set="C22-017">Recibe tu Galaxy Ring y póntelo.</p> </div> </div> </div> <div class="swiper-pagination-wrap"> <ul class="swiper-pagination" role="list"> </ul> </div> </div> </div> </div> </div> </div>  <div class="banner banner--type1 is-feature-hide common__bg-light" id="banner-section"> <div class="banner__wrap"> <div class="banner__cards"> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-001"> Galaxy Z Flip6 </strong> <a href="//www.samsung.com/mx/smartphones/galaxy-z-flip6/" class="banner__card--cta" data-copy-set="C23-002" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-z-flip6" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:btm^bnn:link-page:galaxy-z-flip6"> IR A GALAXY Z FLIP6 </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/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-z-flip6-type1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-z-flip6-type1-mo.jpg" alt="" aria-hidden="true"> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-003"> Galaxy Watch7 </strong> <a href="//www.samsung.com/mx/watches/galaxy-watch/galaxy-watch7-40mm-green-bluetooth-sm-l300nzgamxo/" class="banner__card--cta" data-copy-set="C23-004" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-watch7" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:btm^bnn:link-page:galaxy-watch7"> IR A GALAXY WATCH7 </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/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-watch7-type1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-watch7-type1-mo.jpg" alt="" aria-hidden="true"> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-005"> Galaxy Buds3 Pro </strong> <a href="//www.samsung.com/mx/audio-sound/galaxy-buds/galaxy-buds3-silver-sm-r530nzaamxo/" class="banner__card--cta" data-copy-set="C23-006" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-buds3-pro" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:btm^bnn:link-page:galaxy-buds3-pro"> IR A GALAXY BUDS3 PRO </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/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-buds3-pro-type1-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-buds3-pro-type1-mo.jpg" alt="" aria-hidden="true"> </div> <div class="banner__card"> <strong class="banner__card--title" data-copy-set="C23-007"> Galaxy Z Fold6 </strong> <a href="//www.samsung.com/mx/smartphones/galaxy-z-fold6/" class="banner__card--cta" data-copy-set="C23-008" data-omni-type="microsite_contentinter" data-omni="gring:highlights:btm^bnn:link-page:galaxy-z-fold6" ga-ca="content click" ga-ac="feature" ga-la="gring:highlights:btm^bnn:link-page:galaxy-z-fold6"> IR A 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/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-z-fold6-type1-wide-pc.jpg" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/banner/galaxy-ring-banner-z-fold6-type1-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"> <li role="listitem" data-sup="sup-1" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La disponibilidad de las tallas y colores del Anillo Galaxy puede variar según el proveedor.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-2" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Para las funciones de Samsung Health AI, los datos de salud registrados desde Samsung Galaxy Ring deben sincronizarse con la aplicación Samsung Health. Necesitas al menos los datos de actividad y sueño del día anterior, así como los datos de frecuencia cardiaca durante el sueño. No está diseñado para su uso en la detección, diagnóstico, tratamiento de cualquier condición médica.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-3" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">El titanio solo se aplica en el marco del anillo.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-4" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Las funciones de seguimiento de Samsung Health están pensadas únicamente para fines generales de bienestar y forma física. No están destinadas a la detección, diagnóstico, tratamiento, seguimiento o control de ninguna afección médica o enfermedad. Cualquier información relacionada con la salud a la que se acceda a través del dispositivo y la aplicación no debe tratarse como consejo médico. Los usuarios deben consultar a un médico.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-5" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Imagen utilizada con fines ilustrativos.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-6" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">El peso de Galaxy Ring varía según el tamaño. 2.3 g es el peso de la talla 5 de Galaxy Ring. Talla 6 Galaxy Ring 2.4g, talla 7 Galaxy Ring 2.4g, talla 8 Galaxy Ring 2.6g, talla 9 Galaxy Ring 2.7g, talla 10 Galaxy Ring 2.8g, talla 11 Galaxy Ring 2.8, talla 12 Galaxy Ring 3.0g, talla 13 Galaxy Ring 3.0g.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-7" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Galaxy Ring debe vincularse a un Smartphone Samsung Galaxy con Android 11.0 o superior y una memoria mínima de 1.5 GB. Se requiere la aplicación Samsung Health (v6.27 o superior) y el inicio de sesión en una Samsung Account. La disponibilidad del servicio puede variar según la región.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-8" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Duración de la batería basada en pruebas realizadas con el Galaxy Ring de tamaño 12,13. La duración de la batería del Galaxy Ring de tamaño 12,13 es de hasta 7 días con una sola carga. La duración de la batería varía según el tamaño del anillo.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-9" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La duración de la batería se basa en los resultados de las pruebas de laboratorio internas realizadas por Samsung con patrones de uso típicos. Probado con resultados de una versión de pre-lanzamiento del dispositivo usando bajo el escenario de Seguimiento de Sueño durante 6 horas, Detección Automática de Trabajo durante 1 hora y 30 minutos y con varios eventos específicos (20 veces de reconexión después de desconexión, 3 veces de cambio de configuración de la app Samsung Health, 0,5 veces de ejecución de Find My Ring, 3 minutos de ejecución de gestos) asumiendo 24 horas de uso al día. La duración real de la batería puede variar en función de los distintos patrones de uso, el modelo de dispositivo o el fabricante de la batería.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-10" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La duración real de la batería varía en función de los patrones de uso y otros factores. La capacidad nominal es de 17 mAh para los tamaños 5,6,7 (duración de la batería de hasta 6 días con una sola carga), 18,5 mAh para los tamaños 8,9,10,11 (duración de la batería de hasta 6 días con una sola carga) y 22,5 mAh para los tamaños 12,13 (duración de la batería de hasta 7 días con una sola carga). Pruebas realizadas por Samsung con el cable USB C de carga rápida y el adaptador de corriente USB C de 25 W de Samsung. El tiempo de carga varía en función de la configuración, el patrón de uso y los factores ambientales; los resultados reales pueden variar.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-11" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Energy Score está pensado únicamente para fines de bienestar general y fitness. Energy Score solo es compatible con las series Galaxy Ring o Galaxy Watch4 y los modelos posteriores de Samsung Galaxy Watch, incluidos los nuevos Galaxy Watch Ultra y Galaxy Watch7. Para comprobar la puntuación de energía de Galaxy AI, los datos de salud registrados en Samsung Galaxy Watch o Galaxy Ring deben estar sincronizados con la aplicación Samsung Health. Necesita al menos los datos de actividad y sueño del día anterior, así como los datos de frecuencia cardíaca durante el sueño.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-12" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Las funciones de seguimiento del sueño están pensadas únicamente para fines de bienestar general y fitness. No están pensadas para su uso en la detección, diagnóstico o tratamiento de ninguna afección médica o trastorno del sueño. Las mediciones son sólo para su referencia personal. Consulta a un profesional médico para que te asesore.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-13" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Sleep Coaching requiere datos de sueño de al menos 7 días, incluyendo 2 días de descanso.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-14" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Galaxy Ring incluye 1 estuche de carga y 1 cable USB.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-15" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">El tamaño del estuche de carga varía en función del tamaño del Galaxy Ring.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-16" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">El cargador inalámbrico se vende por separado.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-17" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Galaxy Ring tiene una resistencia al agua de 100 metros según la norma ISO22810. La prueba se realizó en agua con un 5% de sal y 4 ppm de cloro. Galaxy Ring también es resistente al agua con una clasificación IP68 basada en las condiciones de las pruebas de laboratorio para sumergirlo en hasta 1,5 metros de agua dulce durante un máximo de 30 minutos. No es apto para actividades acuáticas de alta presión ni para bucear. Puede utilizarse para actividades en aguas poco profundas, como nadar en una piscina o en el océano. La resistencia al agua no es una condición permanente y puede disminuir con el tiempo. Si ha estado expuesto al agua de mar, aclárelo con agua dulce y séquelo después de usarlo. Consulte el manual del usuario para obtener más información, incluidas las instrucciones de cuidado/uso.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-18" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Wellness Tips está disponible en smartphones Android (Android 11 o superior) y requiere la aplicación Samsung Health (v6.27 o superior). Es necesario iniciar sesión en tu Samsung Account. La disponibilidad del servicio puede variar según el proveedor.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-19" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Cycle Tracking está disponible para la predicción de ciclos y períodos con la tecnología de Natural Cycles. El seguimiento del ciclo basado en la temperatura de la piel funciona en smartphones y relojes adquiridos en los países en los que el servicio está disponible actualmente. NO ES UN MÉTODO ANTICONCEPTIVO. Si actualmente está tomando anticonceptivos hormonales o se está sometiendo a un tratamiento hormonal que inhibe la ovulación, este servicio no será útil para el seguimiento de la ovulación. Las predicciones mostradas son sólo para referencia personal. Para mejorar la precisión de las predicciones, se recomienda llevar puesto el anillo durante al menos 4 horas mientras duerme, 5 veces por semana. Las predicciones pueden variar en función del uso adecuado del anillo, los datos introducidos, las condiciones ambientales, etc. Destinado a usuarios mayores de 18 años. Los usuarios no deben interpretar ni tomar medidas clínicas basadas en las predicciones realizadas sin consultar a un profesional sanitario cualificado. Requiere la última versión de la aplicación 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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-20" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La disponibilidad de las funciones de Samsung Health puede variar en función del país o la región. </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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-21" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La alerta de frecuencia cardíaca está pensada únicamente para el bienestar general y la forma física. No está pensada para su uso en la detección, diagnóstico, tratamiento, seguimiento o control de ninguna afección médica o enfermedad. Cualquier información relacionada con la salud a la que se acceda a través del dispositivo y la aplicación Samsung Health no debe tratarse como consejo médico. Los usuarios deben consultar a un médico.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-22" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">El seguimiento del ejercicio está destinado únicamente a fines de bienestar general y de mantenimiento físico. No está diseñado para su uso en la detección, diagnóstico, tratamiento, seguimiento o control de ninguna afección médica o enfermedad. Cualquier información relacionada con la salud a la que se acceda a través del dispositivo y de la aplicación Samsung Health no debe tratarse como consejo médico. Los usuarios deben consultar a un médico.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-23" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer"> La función de doble pellizco solo se puede utilizar para controlar la cámara y desactivar la alarma. La función de doble pellizco solo se puede utilizar en el Galaxy Ring emparejado con teléfonos inteligentes Samsung Galaxy con One UI 6.1.1 o superior. Para desactivar la alarma, la versión de la aplicación del reloj debe ser 12.3.30.35 o superior.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-24" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Galaxy Z Flip6 se vende por separado.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-25" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Durante ciertas actividades, Galaxy Ring puede detectar un gesto de doble pellizco que no tenía intención de realizar. En este caso, sugerimos desactivar la función de reconocimiento de gestos durante esas actividades.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-26" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Encontrar mi anillo solo es compatible con Samsung Find. El historial de ubicación (rastrear mi anillo) no es compatible.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-27" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Find My Ring en Samsung Find rastrea el Galaxy Ring basándose en la última ubicación conectada.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-28" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Samsung Find solo está disponible en dispositivos Samsung Galaxy con Android 11.0 o posterior.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-29" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Find My Ring muestra la última ubicación en la que se vinculo el Galaxy Ring con un dispositivo Samsung Galaxy. No realiza un seguimiento de la ubicación del anillo.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-30" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Las tallas de Galaxy Ring se basan en las tallas estándar de EE.UU. (US 5 - US 13).</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-31" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Con la compra del Galaxy Ring se proporciona gratuitamente un Kit de Tallas. Sólo se proporciona un Kit de Tallas por número de pedido.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-32" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Los anillos de muestra incluidos en el Kit de Tallas para Galaxy Ring no son operativos y sólo sirven para medir la talla del anillo.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-33" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Se recomienda llevar el anillo de muestra durante al menos 24 horas para que su dedo tenga tiempo suficiente para adaptarse al ajuste del Galaxy Ring.</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/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="https://images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-34" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer"> El Galaxy Watch7, el Galaxy Watch Ultra y el Galaxy Ring deben estar emparejados con un teléfono inteligente con Android 11.0 o superior y una memoria mínima de 1.5GB. </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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-35" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer"> La conexión de los Galaxy Buds como audio Bluetooth está disponible independientemente del sistema operativo, pero para configurar los ajustes avanzados en la aplicación Galaxy Wearable, los Galaxy Buds deben estar emparejados con un teléfono inteligente con Android 10.0 o superior y una memoria mínima de 1.5GB. </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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-36" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La función Suggested Replies en el Galaxy Watch7 y el Galaxy Watch Ultra solo está disponible en teléfonos inteligentes Samsung Galaxy.</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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-37" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Los ajustes avanzados de la aplicación Galaxy Wearable incluyen control de ruido, Adaptive EQ, control por pellizco y actualización de software.</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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-38" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Algunas funciones solo están disponibles en determinados teléfonos inteligentes Samsung Galaxy.</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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-39" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La aplicación Samsung Health Monitor solo está disponible en teléfonos inteligentes Samsung Galaxy.</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/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-40" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">La aplicación Galaxy Wearable no es compatible con 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="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" alt="Back to Location"></button> </li> <li role="listitem" data-sup="sup-41" class="common-bottom-disclaimer__list-item"> <span class="text_disclaimer">Android es una marca comercial de 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="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-icon-disclaimer-top.png" data-src-mobile="//images.samsung.com/is/image/samsung/assets/mx/galaxy-ring/feature/galaxy-ring-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, $) { ((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 () { function l(e) { for (var t = 0; t < e.length; t += 1)this[t] = e[t]; return this.length = e.length, this } var c = "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, X = "undefined" == typeof window ? { document: c, 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; function S(e, t) { var i = [], s = 0; if (e && !t && e instanceof l) return e; if (e) if ("string" == typeof e) { var a, n, r = e.trim(); if (0 <= r.indexOf("<") && 0 <= r.indexOf(">")) { var o = "div"; for (0 === r.indexOf("<li") && (o = "ul"), 0 === r.indexOf("<tr") && (o = "tbody"), 0 !== r.indexOf("<td") && 0 !== r.indexOf("<th") || (o = "tr"), 0 === r.indexOf("<tbody") && (o = "table"), 0 === r.indexOf("<option") && (o = "select"), (n = c.createElement(o)).innerHTML = r, s = 0; s < n.childNodes.length; s += 1)i.push(n.childNodes[s]) } else for (a = t || "#" !== e[0] || e.match(/[ .<>:~]/) ? (t || c).querySelectorAll(e.trim()) : [c.getElementById(e.trim().split("#")[1])], s = 0; s < a.length; s += 1)a[s] && i.push(a[s]) } else if (e.nodeType || e === X || e === c) i.push(e); else if (0 < e.length && e[0].nodeType) for (s = 0; s < e.length; s += 1)i.push(e[s]); return new l(i) } function n(e) { for (var t = [], i = 0; i < e.length; i += 1)-1 === t.indexOf(e[i]) && t.push(e[i]); return t } S.fn = l.prototype, S.Class = l, S.Dom7 = l; function e(e) { var t = this; t.params = e = void 0 === e ? {} : e, t.eventsListeners = {}, t.params && t.params.on && Object.keys(t.params.on).forEach(function (e) { t.on(e, t.params.on[e]) }) } var t, i, s, a, D = { addClass: function (e) { if (void 0 !== 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.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]) return i.dom7ElementDataStorage && e in i.dom7ElementDataStorage ? i.dom7ElementDataStorage[e] : i.getAttribute("data-" + e) || 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 = arguments.length; t--;)e[t] = arguments[t]; var i = e[0], n = e[1], r = e[2], s = e[3]; function a(e) { var t = e.target; if (t) { var i = e.target.dom7EventData || []; if (i.indexOf(e) < 0 && i.unshift(e), S(t).is(n)) r.apply(t, i); else for (var s = S(t).parents(), a = 0; a < s.length; a += 1)S(s[a]).is(n) && r.apply(s[a], i) } } function o(e) { var t = e && e.target && e.target.dom7EventData || []; t.indexOf(e) < 0 && t.unshift(e), r.apply(this, t) } "function" == typeof e[1] && (i = e[0], r = e[1], s = e[2], n = void 0); for (var l, s = s || !1, d = i.split(" "), h = 0; h < this.length; h += 1) { var c = this[h]; if (n) for (l = 0; l < d.length; l += 1) { var p = d[l]; c.dom7LiveListeners || (c.dom7LiveListeners = {}), c.dom7LiveListeners[p] || (c.dom7LiveListeners[p] = []), c.dom7LiveListeners[p].push({ listener: r, proxyListener: a }), c.addEventListener(p, a, s) } else for (l = 0; l < d.length; l += 1) { var u = d[l]; c.dom7Listeners || (c.dom7Listeners = {}), c.dom7Listeners[u] || (c.dom7Listeners[u] = []), c.dom7Listeners[u].push({ listener: r, proxyListener: o }), c.addEventListener(u, o, s) } } return this }, off: function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; var i = e[0], s = e[1], a = e[2], n = e[3]; "function" == typeof e[1] && (i = e[0], a = e[1], n = e[2], s = void 0); for (var n = n || !1, r = i.split(" "), o = 0; o < r.length; o += 1)for (var l = r[o], d = 0; d < this.length; d += 1) { var h = this[d], c = void 0; if (!s && h.dom7Listeners ? c = h.dom7Listeners[l] : s && h.dom7LiveListeners && (c = h.dom7LiveListeners[l]), c && c.length) for (var p = c.length - 1; 0 <= p; --p) { var u = c[p]; (a && u.listener === a || a && u.listener && u.listener.dom7proxy && u.listener.dom7proxy === a || !a) && (h.removeEventListener(l, u.proxyListener, n), c.splice(p, 1)) } } return this }, trigger: function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; for (var i = e[0].split(" "), s = e[1], a = 0; a < i.length; a += 1)for (var n = i[a], r = 0; r < this.length; r += 1) { var o = this[r], l = void 0; try { l = new X.CustomEvent(n, { detail: s, bubbles: !0, cancelable: !0 }) } catch (e) { (l = c.createEvent("Event")).initEvent(n, !0, !0), l.detail = s } o.dom7EventData = e.filter(function (e, t) { return 0 < t }), o.dispatchEvent(l), o.dom7EventData = [], delete o.dom7EventData } return this }, transitionEnd: function (t) { var i, s = ["webkitTransitionEnd", "transitionend"], a = this; function n(e) { if (e.target === this) for (t.call(this, e), i = 0; i < s.length; i += 1)a.off(s[i], n) } if (t) for (i = 0; i < s.length; i += 1)a.on(s[i], n); return this }, outerWidth: function (e) { return 0 < this.length ? e ? (e = this.styles(), this[0].offsetWidth + parseFloat(e.getPropertyValue("margin-right")) + parseFloat(e.getPropertyValue("margin-left"))) : this[0].offsetWidth : null }, outerHeight: function (e) { return 0 < this.length ? e ? (e = this.styles(), this[0].offsetHeight + parseFloat(e.getPropertyValue("margin-top")) + parseFloat(e.getPropertyValue("margin-bottom"))) : this[0].offsetHeight : null }, offset: function () { var e, t, i, s, a; return 0 < this.length ? (e = (a = this[0]).getBoundingClientRect(), i = c.body, t = a.clientTop || i.clientTop || 0, i = a.clientLeft || i.clientLeft || 0, s = a === X ? X.scrollY : a.scrollTop, a = a === X ? X.scrollX : a.scrollLeft, { top: e.top + s - t, left: e.left + a - i }) : null }, css: function (e, t) { var i; if (1 === arguments.length) { if ("string" != typeof e) { for (i = 0; i < this.length; i += 1)for (var s in e) this[i].style[s] = e[s]; return this } if (this[0]) return X.getComputedStyle(this[0], null).getPropertyValue(e) } if (2 === arguments.length && "string" == typeof e) for (i = 0; i < this.length; i += 1)this[i].style[e] = t; return this }, each: function (e) { if (e) 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 (e) { var t, i, s = this[0]; if (s && void 0 !== e) if ("string" == typeof e) { if (s.matches) return s.matches(e); if (s.webkitMatchesSelector) return s.webkitMatchesSelector(e); if (s.msMatchesSelector) return s.msMatchesSelector(e); for (t = S(e), i = 0; i < t.length; i += 1)if (t[i] === s) return !0 } else { if (e === c) return s === c; if (e === X) return s === X; if (e.nodeType || e instanceof l) for (t = e.nodeType ? [e] : e, i = 0; i < t.length; i += 1)if (t[i] === s) return !0 } 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) { var t; return void 0 === e ? this : (t = this.length, new l(t - 1 < e ? [] : e < 0 ? (t = t + e) < 0 ? [] : [this[t]] : [this[e]])) }, append: function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; for (var i = 0; i < e.length; i += 1)for (var s = e[i], a = 0; a < this.length; a += 1)if ("string" == typeof s) { var n = c.createElement("div"); for (n.innerHTML = s; n.firstChild;)this[a].appendChild(n.firstChild) } else if (s instanceof l) for (var r = 0; r < s.length; r += 1)this[a].appendChild(s[r]); else this[a].appendChild(s); return this }, prepend: function (e) { for (var t, i = 0; i < this.length; i += 1)if ("string" == typeof e) { var s = c.createElement("div"); for (s.innerHTML = e, t = s.childNodes.length - 1; 0 <= t; --t)this[i].insertBefore(s.childNodes[t], this[i].childNodes[0]) } else if (e instanceof l) for (t = 0; t < e.length; t += 1)this[i].insertBefore(e[t], this[i].childNodes[0]); else this[i].insertBefore(e, this[i].childNodes[0]); return this }, next: function (e) { return 0 < this.length ? e ? this[0].nextElementSibling && S(this[0].nextElementSibling).is(e) ? new l([this[0].nextElementSibling]) : new l([]) : this[0].nextElementSibling ? new l([this[0].nextElementSibling]) : new l([]) : new l([]) }, nextAll: function (e) { var t = [], i = this[0]; if (!i) return new l([]); for (; i.nextElementSibling;) { var s = i.nextElementSibling; e && !S(s).is(e) || t.push(s), i = s } return new l(t) }, prev: function (e) { var t; return 0 < this.length ? (t = this[0], e ? t.previousElementSibling && S(t.previousElementSibling).is(e) ? new l([t.previousElementSibling]) : new l([]) : t.previousElementSibling ? new l([t.previousElementSibling]) : new l([])) : new l([]) }, prevAll: function (e) { var t = [], i = this[0]; if (!i) return new l([]); for (; i.previousElementSibling;) { var s = i.previousElementSibling; e && !S(s).is(e) || t.push(s), i = s } return new l(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); return S(n(t)) }, parents: function (e) { for (var t = [], i = 0; i < this.length; i += 1)for (var s = this[i].parentNode; s;)e && !S(s).is(e) || t.push(s), s = s.parentNode; return S(n(t)) }, closest: function (e) { var t = this; return void 0 === e ? new l([]) : t = t.is(e) ? t : t.parents(e).eq(0) }, find: function (e) { for (var t = [], i = 0; i < this.length; i += 1)for (var s = this[i].querySelectorAll(e), a = 0; a < s.length; a += 1)t.push(s[a]); return new l(t) }, children: function (e) { for (var t = [], i = 0; i < this.length; i += 1)for (var s = this[i].childNodes, a = 0; a < s.length; a += 1)e ? 1 === s[a].nodeType && S(s[a]).is(e) && t.push(s[a]) : 1 === s[a].nodeType && t.push(s[a]); return new l(n(t)) }, filter: function (e) { for (var t = [], i = 0; i < this.length; i += 1)e.call(this[i], i, this[i]) && t.push(this[i]); return new l(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 = [], i = arguments.length; i--;)t[i] = arguments[i]; for (e = 0; e < t.length; e += 1)for (var s = S(t[e]), a = 0; a < s.length; a += 1)this[this.length] = s[a], this.length += 1; return this }, styles: function () { return this[0] ? X.getComputedStyle(this[0], null) : {} } }, U = (Object.keys(D).forEach(function (e) { S.fn[e] = S.fn[e] || D[e] }), { 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, t) { void 0 === t && (t = "x"); var i, s, a, e = X.getComputedStyle(e, null); return X.WebKitCSSMatrix ? (6 < (s = e.transform || e.webkitTransform).split(",").length && (s = s.split(", ").map(function (e) { return e.replace(",", ".") }).join(", ")), a = new X.WebKitCSSMatrix("none" === s ? "" : s)) : i = (a = e.MozTransform || e.OTransform || e.MsTransform || e.msTransform || e.transform || e.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,")).toString().split(","), "x" === t && (s = X.WebKitCSSMatrix ? a.m41 : 16 === i.length ? parseFloat(i[12]) : parseFloat(i[4])), (s = "y" === t ? X.WebKitCSSMatrix ? a.m42 : 16 === i.length ? parseFloat(i[13]) : parseFloat(i[5]) : s) || 0 }, parseUrlQuery: function (e) { var t, i, s, a, n = {}, e = e || X.location.href; if ("string" == typeof e && e.length) for (a = (i = (e = -1 < e.indexOf("?") ? e.replace(/\S*\?/, "") : "").split("&").filter(function (e) { return "" !== e })).length, t = 0; t < a; t += 1)s = i[t].replace(/#\S+/g, "").split("="), n[decodeURIComponent(s[0])] = void 0 === s[1] ? void 0 : decodeURIComponent(s[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 n = Object.keys(Object(a)), r = 0, o = n.length; r < o; r += 1) { var l = n[r], d = Object.getOwnPropertyDescriptor(a, l); void 0 !== d && d.enumerable && (U.isObject(i[l]) && U.isObject(a[l]) ? U.extend(i[l], a[l]) : !U.isObject(i[l]) && U.isObject(a[l]) ? (i[l] = {}, U.extend(i[l], a[l])) : i[l] = a[l]) } } return i } }), b = { touch: X.Modernizr && !0 === X.Modernizr.touch || !!(0 < X.navigator.maxTouchPoints || "ontouchstart" in X || X.DocumentTouch && c instanceof X.DocumentTouch), pointerEvents: !!X.PointerEvent && "maxTouchPoints" in X.navigator && 0 < X.navigator.maxTouchPoints, observer: "MutationObserver" in X || "WebkitMutationObserver" in X, passiveListener: (() => { var e = !1; try { var t = Object.defineProperty({}, "passive", { get: function () { e = !0 } }); X.addEventListener("testPassiveListener", null, t) } catch (e) { } return e })(), gestures: "ongesturestart" in X }, r = { components: { configurable: !0 } }, r = (e.prototype.on = function (e, t, i) { var s, a = this; return "function" == typeof t && (s = i ? "unshift" : "push", e.split(" ").forEach(function (e) { a.eventsListeners[e] || (a.eventsListeners[e] = []), a.eventsListeners[e][s](t) })), a }, e.prototype.once = function (i, s, e) { var a = this; return "function" != typeof s ? a : (n.f7proxy = s, a.on(i, n, e)); function n() { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; a.off(i, n), n.f7proxy && delete n.f7proxy, s.apply(a, e) } }, e.prototype.off = function (e, s) { var a = this; return a.eventsListeners && e.split(" ").forEach(function (i) { void 0 === s ? a.eventsListeners[i] = [] : a.eventsListeners[i] && a.eventsListeners[i].length && a.eventsListeners[i].forEach(function (e, t) { (e === s || e.f7proxy && e.f7proxy === s) && a.eventsListeners[i].splice(t, 1) }) }), a }, e.prototype.emit = function () { for (var e = [], t = arguments.length; t--;)e[t] = arguments[t]; var i, s, a, n = this; return n.eventsListeners && (a = "string" == typeof e[0] || Array.isArray(e[0]) ? (i = e[0], s = e.slice(1, e.length), n) : (i = e[0].events, s = e[0].data, e[0].context || n), (Array.isArray(i) ? i : i.split(" ")).forEach(function (e) { var t; n.eventsListeners && n.eventsListeners[e] && (t = [], n.eventsListeners[e].forEach(function (e) { t.push(e) }), t.forEach(function (e) { e.apply(a, s) })) })), n }, e.prototype.useModulesParams = function (t) { var i = this; i.modules && Object.keys(i.modules).forEach(function (e) { e = i.modules[e]; e.params && U.extend(t, e.params) }) }, e.prototype.useModules = function (t) { void 0 === t && (t = {}); var s = this; s.modules && Object.keys(s.modules).forEach(function (e) { var i = s.modules[e], e = t[e] || {}; i.instance && Object.keys(i.instance).forEach(function (e) { var t = i.instance[e]; s[e] = "function" == typeof t ? t.bind(s) : t }), i.on && s.on && Object.keys(i.on).forEach(function (e) { s.on(e, i.on[e]) }), i.create && i.create.bind(s)(e) }) }, r.components.set = function (e) { this.use && this.use(e) }, e.installModule = function (t) { for (var e = [], i = arguments.length - 1; 0 < i--;)e[i] = arguments[i + 1]; var s = this, a = (s.prototype.modules || (s.prototype.modules = {}), t.name || Object.keys(s.prototype.modules).length + "_" + U.now()); return (s.prototype.modules[a] = t).proto && Object.keys(t.proto).forEach(function (e) { s.prototype[e] = t.proto[e] }), t.static && Object.keys(t.static).forEach(function (e) { s[e] = t.static[e] }), t.install && t.install.apply(s, e), s }, e.use = function (e) { for (var t = [], i = arguments.length - 1; 0 < i--;)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(e, r), { updateSize: function () { var e = this.$el, t = void 0 !== this.params.width ? this.params.width : e[0].clientWidth, i = void 0 !== this.params.height ? this.params.height : e[0].clientHeight; 0 === t && this.isHorizontal() || 0 === i && this.isVertical() || (t = t - parseInt(e.css("padding-left"), 10) - parseInt(e.css("padding-right"), 10), i = i - parseInt(e.css("padding-top"), 10) - parseInt(e.css("padding-bottom"), 10), U.extend(this, { width: t, height: i, size: this.isHorizontal() ? t : i })) }, updateSlides: function () { var t = this.params, e = this.$wrapperEl, i = this.size, s = this.rtlTranslate, H = this.wrongRTL, a = this.virtual && t.virtual.enabled, R = (a ? this.virtual : this).slides.length, n = e.children("." + this.params.slideClass), r = (a ? this.virtual.slides : n).length, o = [], l = [], d = []; function h(e) { return !t.cssMode || e !== n.length - 1 } var c, p = t.slidesOffsetBefore, u = ("function" == typeof p && (p = t.slidesOffsetBefore.call(this)), t.slidesOffsetAfter), a = ("function" == typeof u && (u = t.slidesOffsetAfter.call(this)), this.snapGrid.length), $ = this.snapGrid.length, v = t.spaceBetween, m = -p, g = 0, f = 0; if (void 0 !== i) { "string" == typeof v && 0 <= v.indexOf("%") && (v = parseFloat(v.replace("%", "")) / 100 * i), this.virtualSize = -v, s ? n.css({ marginLeft: "", marginTop: "" }) : n.css({ marginRight: "", marginBottom: "" }), 1 < t.slidesPerColumn && (c = Math.floor(r / t.slidesPerColumn) === r / this.params.slidesPerColumn ? r : Math.ceil(r / t.slidesPerColumn) * t.slidesPerColumn, "auto" !== t.slidesPerView) && "row" === t.slidesPerColumnFill && (c = Math.max(c, t.slidesPerView * t.slidesPerColumn)); for (var w, B, y, q, b = t.slidesPerColumn, G = c / b, V = Math.floor(r / t.slidesPerColumn), E = 0; E < r; E += 1) { P = 0; var S, C, T, x, A, L, P, I, k, z, F, _, W, M = n.eq(E); 1 < t.slidesPerColumn && (L = A = x = void 0, "row" === t.slidesPerColumnFill && 1 < t.slidesPerGroup ? (T = Math.floor(E / (t.slidesPerGroup * t.slidesPerColumn)), S = E - t.slidesPerColumn * t.slidesPerGroup * T, C = 0 === T ? t.slidesPerGroup : Math.min(Math.ceil((r - T * b * t.slidesPerGroup) / b), t.slidesPerGroup), x = (A = S - (L = Math.floor(S / C)) * C + T * t.slidesPerGroup) + L * c / b, M.css({ "-webkit-box-ordinal-group": x, "-moz-box-ordinal-group": x, "-ms-flex-order": x, "-webkit-order": x, order: x })) : "column" === t.slidesPerColumnFill ? (L = E - (A = Math.floor(E / b)) * b, (V < A || A === V && L === b - 1) && (L += 1) >= b && (L = 0, A += 1)) : A = E - (L = Math.floor(E / G)) * G, M.css("margin-" + (this.isHorizontal() ? "top" : "left"), 0 !== L && t.spaceBetween && t.spaceBetween + "px")), "none" !== M.css("display") && ("auto" === t.slidesPerView ? (S = X.getComputedStyle(M[0], null), C = M[0].style.transform, T = M[0].style.webkitTransform, C && (M[0].style.transform = "none"), T && (M[0].style.webkitTransform = "none"), P = t.roundLengths ? this.isHorizontal() ? M.outerWidth(!0) : M.outerHeight(!0) : this.isHorizontal() ? (x = parseFloat(S.getPropertyValue("width")), A = parseFloat(S.getPropertyValue("padding-left")), L = parseFloat(S.getPropertyValue("padding-right")), k = parseFloat(S.getPropertyValue("margin-left")), z = parseFloat(S.getPropertyValue("margin-right")), (I = S.getPropertyValue("box-sizing")) && "border-box" === I ? x + k + z : x + A + L + k + z) : (I = parseFloat(S.getPropertyValue("height")), k = parseFloat(S.getPropertyValue("padding-top")), z = parseFloat(S.getPropertyValue("padding-bottom")), F = parseFloat(S.getPropertyValue("margin-top")), _ = parseFloat(S.getPropertyValue("margin-bottom")), (W = S.getPropertyValue("box-sizing")) && "border-box" === W ? I + F + _ : I + k + z + F + _), C && (M[0].style.transform = C), T && (M[0].style.webkitTransform = T), t.roundLengths && (P = Math.floor(P))) : (P = (i - (t.slidesPerView - 1) * v) / t.slidesPerView, t.roundLengths && (P = Math.floor(P)), n[E] && (this.isHorizontal() ? n[E].style.width = P + "px" : n[E].style.height = P + "px")), n[E] && (n[E].swiperSlideSize = P), d.push(P), t.centeredSlides ? (m = m + P / 2 + g / 2 + v, 0 === g && 0 !== E && (m = m - i / 2 - v), 0 === E && (m = m - i / 2 - v), Math.abs(m) < .001 && (m = 0), t.roundLengths && (m = Math.floor(m)), f % t.slidesPerGroup == 0 && o.push(m), l.push(m)) : (t.roundLengths && (m = Math.floor(m)), f % t.slidesPerGroup == 0 && o.push(m), l.push(m), m = m + P + v), this.virtualSize += P + v, g = P, f += 1) } if (this.virtualSize = Math.max(this.virtualSize, i) + u, s && H && ("slide" === t.effect || "coverflow" === t.effect) && e.css({ width: this.virtualSize + t.spaceBetween + "px" }), t.setWrapperSize && (this.isHorizontal() ? e.css({ width: this.virtualSize + t.spaceBetween + "px" }) : e.css({ height: this.virtualSize + t.spaceBetween + "px" })), 1 < t.slidesPerColumn && (this.virtualSize = (P + t.spaceBetween) * c, this.virtualSize = Math.ceil(this.virtualSize / t.slidesPerColumn) - t.spaceBetween, this.isHorizontal() ? e.css({ width: this.virtualSize + t.spaceBetween + "px" }) : e.css({ height: this.virtualSize + t.spaceBetween + "px" }), t.centeredSlides)) { for (var O = [], D = 0; D < o.length; D += 1) { var j = o[D]; t.roundLengths && (j = Math.floor(j)), o[D] < this.virtualSize + o[0] && O.push(j) } o = O } if (!t.centeredSlides) { O = []; for (var N = 0; N < o.length; N += 1) { var Y = o[N]; t.roundLengths && (Y = Math.floor(Y)), o[N] <= this.virtualSize - i && O.push(Y) } o = O, 1 < Math.floor(this.virtualSize - i) - Math.floor(o[o.length - 1]) && o.push(this.virtualSize - i) } 0 === o.length && (o = [0]), 0 !== t.spaceBetween && (this.isHorizontal() ? s ? n.filter(h).css({ marginLeft: v + "px" }) : n.filter(h).css({ marginRight: v + "px" }) : n.filter(h).css({ marginBottom: v + "px" })), t.centeredSlides && t.centeredSlidesBounds && (w = 0, d.forEach(function (e) { w += e + (t.spaceBetween || 0) }), B = (w -= t.spaceBetween) - i, o = o.map(function (e) { return e < 0 ? -p : B < e ? B + u : e })), t.centerInsufficientSlides && (y = 0, d.forEach(function (e) { y += e + (t.spaceBetween || 0) }), (y -= t.spaceBetween) < i) && (q = (i - y) / 2, o.forEach(function (e, t) { o[t] = e - q }), l.forEach(function (e, t) { l[t] = e + q })), U.extend(this, { slides: n, snapGrid: o, slidesGrid: l, slidesSizesGrid: d }), r !== R && this.emit("slidesLengthChange"), o.length !== a && (this.params.watchOverflow && this.checkOverflow(), this.emit("snapGridLengthChange")), l.length !== $ && this.emit("slidesGridLengthChange"), (t.watchSlidesProgress || t.watchSlidesVisibility) && this.updateSlidesOffset() } }, updateAutoHeight: function (e) { var t, i, s = [], a = 0; if ("number" == typeof e ? this.setTransition(e) : !0 === e && this.setTransition(this.params.speed), "auto" !== this.params.slidesPerView && 1 < this.params.slidesPerView) for (t = 0; t < Math.ceil(this.params.slidesPerView); t += 1) { var n = this.activeIndex + t; if (n > this.slides.length) break; s.push(this.slides.eq(n)[0]) } else s.push(this.slides.eq(this.activeIndex)[0]); for (t = 0; t < s.length; t += 1)void 0 !== s[t] && (a = a < (i = s[t].offsetHeight) ? i : a); a && this.$wrapperEl.css("height", a + "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, s = this.rtlTranslate; if (0 !== i.length) { void 0 === i[0].swiperSlideOffset && this.updateSlidesOffset(); var a = s ? e : -e; i.removeClass(t.slideVisibleClass), this.visibleSlidesIndexes = [], this.visibleSlides = []; for (var n = 0; n < i.length; n += 1) { var r, o, l = i[n], d = (a + (t.centeredSlides ? this.minTranslate() : 0) - l.swiperSlideOffset) / (l.swiperSlideSize + t.spaceBetween); t.watchSlidesVisibility && (o = (r = -(a - l.swiperSlideOffset)) + this.slidesSizesGrid[n], 0 <= r && r < this.size - 1 || 1 < o && o <= this.size || r <= 0 && o >= this.size) && (this.visibleSlides.push(l), this.visibleSlidesIndexes.push(n), i.eq(n).addClass(t.slideVisibleClass)), l.progress = s ? -d : d } this.visibleSlides = S(this.visibleSlides) } }, updateProgress: function (e) { void 0 === e && (t = this.rtlTranslate ? -1 : 1, e = this && this.translate && this.translate * t || 0); var t = this.params, i = this.maxTranslate() - this.minTranslate(), s = this.progress, a = this.isBeginning, n = a, r = o = this.isEnd, o = 0 == i ? a = !(s = 0) : (a = (s = (e - this.minTranslate()) / i) <= 0, 1 <= s); U.extend(this, { progress: s, isBeginning: a, isEnd: o }), (t.watchSlidesProgress || t.watchSlidesVisibility) && this.updateSlidesProgress(e), a && !n && this.emit("reachBeginning toEdge"), o && !r && this.emit("reachEnd toEdge"), (n && !a || r && !o) && this.emit("fromEdge"), this.emit("progress", s) }, updateSlidesClasses: function () { var e = this.slides, t = this.params, i = this.$wrapperEl, s = this.activeIndex, a = this.realIndex, n = this.virtual && t.virtual.enabled, s = (e.removeClass(t.slideActiveClass + " " + t.slideNextClass + " " + t.slidePrevClass + " " + t.slideDuplicateActiveClass + " " + t.slideDuplicateNextClass + " " + t.slideDuplicatePrevClass), (n = n ? this.$wrapperEl.find("." + t.slideClass + '[data-swiper-slide-index="' + s + '"]') : e.eq(s)).addClass(t.slideActiveClass), t.loop && (n.hasClass(t.slideDuplicateClass) ? i.children("." + t.slideClass + ":not(." + t.slideDuplicateClass + ')[data-swiper-slide-index="' + a + '"]') : i.children("." + t.slideClass + "." + t.slideDuplicateClass + '[data-swiper-slide-index="' + a + '"]')).addClass(t.slideDuplicateActiveClass), n.nextAll("." + t.slideClass).eq(0).addClass(t.slideNextClass)), a = (t.loop && 0 === s.length && (s = e.eq(0)).addClass(t.slideNextClass), n.prevAll("." + t.slideClass).eq(0).addClass(t.slidePrevClass)); t.loop && 0 === a.length && (a = e.eq(-1)).addClass(t.slidePrevClass), t.loop && ((s.hasClass(t.slideDuplicateClass) ? i.children("." + t.slideClass + ":not(." + t.slideDuplicateClass + ')[data-swiper-slide-index="' + s.attr("data-swiper-slide-index") + '"]') : i.children("." + t.slideClass + "." + t.slideDuplicateClass + '[data-swiper-slide-index="' + s.attr("data-swiper-slide-index") + '"]')).addClass(t.slideDuplicateNextClass), (a.hasClass(t.slideDuplicateClass) ? i.children("." + t.slideClass + ":not(." + t.slideDuplicateClass + ')[data-swiper-slide-index="' + a.attr("data-swiper-slide-index") + '"]') : i.children("." + t.slideClass + "." + t.slideDuplicateClass + '[data-swiper-slide-index="' + a.attr("data-swiper-slide-index") + '"]')).addClass(t.slideDuplicatePrevClass)) }, updateActiveIndex: function (e) { var t = this.rtlTranslate ? this.translate : -this.translate, i = this.slidesGrid, s = this.snapGrid, a = this.params, n = this.activeIndex, r = this.realIndex, o = this.snapIndex, l = e; if (void 0 === l) { for (var d = 0; d < i.length; d += 1)void 0 !== i[d + 1] ? t >= i[d] && t < i[d + 1] - (i[d + 1] - i[d]) / 2 ? l = d : t >= i[d] && t < i[d + 1] && (l = d + 1) : t >= i[d] && (l = d); a.normalizeSlideIndex && (l < 0 || void 0 === l) && (l = 0) } (e = 0 <= s.indexOf(t) ? s.indexOf(t) : Math.floor(l / a.slidesPerGroup)) >= s.length && (e = s.length - 1), l !== n ? (a = parseInt(this.slides.eq(l).attr("data-swiper-slide-index") || l, 10), U.extend(this, { snapIndex: e, realIndex: a, previousIndex: n, activeIndex: l }), this.emit("activeIndexChange"), this.emit("snapIndexChange"), r !== a && this.emit("realIndexChange"), (this.initialized || this.runCallbacksOnInit) && this.emit("slideChange")) : e !== o && (this.snapIndex = e, this.emit("snapIndexChange")) }, updateClickedSlide: function (e) { var t = this.params, i = S(e.target).closest("." + t.slideClass)[0], s = !1; if (i) for (var a = 0; a < this.slides.length; a += 1)this.slides[a] === i && (s = !0); i && s ? (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()) : (this.clickedSlide = void 0, this.clickedIndex = void 0) } }), N = { getTranslate: function (e) { void 0 === e && (e = this.isHorizontal() ? "x" : "y"); var t = this.params, i = this.rtlTranslate, s = this.translate, a = this.$wrapperEl; return t.virtualTranslate ? i ? -s : s : t.cssMode ? s : (t = U.getTranslate(a[0], e), (t = i ? -t : t) || 0) }, setTranslate: function (e, t) { var i = this.rtlTranslate, s = this.params, a = this.$wrapperEl, n = this.wrapperEl, r = this.progress, o = 0, l = 0, i = (this.isHorizontal() ? o = i ? -e : e : l = e, s.roundLengths && (o = Math.floor(o), l = Math.floor(l)), s.cssMode ? n[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, this.maxTranslate() - this.minTranslate()); (0 == i ? 0 : (e - this.minTranslate()) / i) !== r && 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) { void 0 === e && (e = 0), void 0 === t && (t = this.params.speed), void 0 === i && (i = !0), void 0 === s && (s = !0); var n, r, o = this, l = o.params, d = o.wrapperEl; return !(o.animating && l.preventInteractionOnTransition || (r = o.minTranslate(), n = o.maxTranslate(), o.updateProgress(r = s && r < e ? r : s && e < n ? n : e), l.cssMode ? (s = o.isHorizontal(), 0 !== t && d.scrollTo ? d.scrollTo(((n = {})[s ? "left" : "top"] = -r, n.behavior = "smooth", n)) : d[s ? "scrollLeft" : "scrollTop"] = -r) : 0 === t ? (o.setTransition(0), o.setTranslate(r), i && (o.emit("beforeTransitionStart", t, a), o.emit("transitionEnd"))) : (o.setTransition(t), o.setTranslate(r), i && (o.emit("beforeTransitionStart", t, a), o.emit("transitionStart")), o.animating || (o.animating = !0, o.onTranslateToWrapperTransitionEnd || (o.onTranslateToWrapperTransitionEnd = function (e) { o && !o.destroyed && e.target === this && (o.$wrapperEl[0].removeEventListener("transitionend", o.onTranslateToWrapperTransitionEnd), o.$wrapperEl[0].removeEventListener("webkitTransitionEnd", o.onTranslateToWrapperTransitionEnd), o.onTranslateToWrapperTransitionEnd = null, delete o.onTranslateToWrapperTransitionEnd, i) && o.emit("transitionEnd") }), o.$wrapperEl[0].addEventListener("transitionend", o.onTranslateToWrapperTransitionEnd), o.$wrapperEl[0].addEventListener("webkitTransitionEnd", o.onTranslateToWrapperTransitionEnd))), 0)) } }, H = { slideTo: function (e, t, i, s) { void 0 === t && (t = this.params.speed), void 0 === i && (i = !0); var a = this, n = e = void 0 === e ? 0 : e, e = (n < 0 && (n = 0), a.params), r = a.snapGrid, o = a.slidesGrid, l = a.previousIndex, d = a.activeIndex, h = a.rtlTranslate, c = a.wrapperEl; if (a.animating && e.preventInteractionOnTransition) return !1; var p = Math.floor(n / e.slidesPerGroup); p >= r.length && (p = r.length - 1), (d || e.initialSlide || 0) === (l || 0) && i && a.emit("beforeSlideChangeStart"); var u, v = -r[p]; if (a.updateProgress(v), e.normalizeSlideIndex) for (var m = 0; m < o.length; m += 1)-Math.floor(100 * v) >= Math.floor(100 * o[m]) && (n = m); if (a.initialized && n !== d) { if (!a.allowSlideNext && v < a.translate && v < a.minTranslate()) return !1; if (!a.allowSlidePrev && v > a.translate && v > a.maxTranslate() && (d || 0) !== n) return !1 } return u = d < n ? "next" : n < d ? "prev" : "reset", h && -v === a.translate || !h && v === a.translate ? (a.updateActiveIndex(n), e.autoHeight && a.updateAutoHeight(), a.updateSlidesClasses(), "slide" !== e.effect && a.setTranslate(v), "reset" != u && (a.transitionStart(i, u), a.transitionEnd(i, u)), !1) : (e.cssMode ? (l = a.isHorizontal(), 0 !== t && c.scrollTo ? c.scrollTo(((r = {})[l ? "left" : "top"] = -v, r.behavior = "smooth", r)) : c[l ? "scrollLeft" : "scrollTop"] = -v) : 0 === t ? (a.setTransition(0), a.setTranslate(v), a.updateActiveIndex(n), a.updateSlidesClasses(), a.emit("beforeTransitionStart", t, s), a.transitionStart(i, u), a.transitionEnd(i, u)) : (a.setTransition(t), a.setTranslate(v), a.updateActiveIndex(n), a.updateSlidesClasses(), a.emit("beforeTransitionStart", t, s), a.transitionStart(i, u), a.animating || (a.animating = !0, a.onSlideToWrapperTransitionEnd || (a.onSlideToWrapperTransitionEnd = function (e) { a && !a.destroyed && e.target === this && (a.$wrapperEl[0].removeEventListener("transitionend", a.onSlideToWrapperTransitionEnd), a.$wrapperEl[0].removeEventListener("webkitTransitionEnd", a.onSlideToWrapperTransitionEnd), a.onSlideToWrapperTransitionEnd = null, delete a.onSlideToWrapperTransitionEnd, a.transitionEnd(i, u)) }), a.$wrapperEl[0].addEventListener("transitionend", a.onSlideToWrapperTransitionEnd), a.$wrapperEl[0].addEventListener("webkitTransitionEnd", a.onSlideToWrapperTransitionEnd))), !0) }, slideToLoop: function (e, t, i, s) { void 0 === t && (t = this.params.speed); e = void 0 === e ? 0 : e; return this.params.loop && (e += this.loopedSlides), this.slideTo(e, t, i = void 0 === i ? !0 : 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, n = this.snapGrid, r = 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), a = n.map(l), c = (r.map(l), n[a.indexOf(h)], n[a.indexOf(h) - 1]); return void 0 === c && s.cssMode && n.forEach(function (e) { !c && e <= h && (c = e) }), void 0 !== c && (d = r.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), this.slideTo(this.activeIndex, e, t = void 0 === t ? !0 : 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, n = this.activeIndex, r = Math.floor(n / this.params.slidesPerGroup), o = this.rtlTranslate ? this.translate : -this.translate; return o >= this.snapGrid[r] ? o - (a = this.snapGrid[r]) > (this.snapGrid[r + 1] - a) * s && (n += this.params.slidesPerGroup) : o - (a = this.snapGrid[r - 1]) <= (this.snapGrid[r] - a) * s && (n -= this.params.slidesPerGroup), n = Math.max(n, 0), n = Math.min(n, this.snapGrid.length - 1), this.slideTo(n, e, t, i) }, slideToClickedSlide: function () { var e, t = this, i = t.params, s = t.$wrapperEl, a = "auto" === i.slidesPerView ? t.slidesPerViewDynamic() : i.slidesPerView, n = t.clickedIndex; i.loop ? t.animating || (e = parseInt(S(t.clickedSlide).attr("data-swiper-slide-index"), 10), i.centeredSlides ? n < t.loopedSlides - a / 2 || n > t.slides.length - t.loopedSlides + a / 2 ? (t.loopFix(), n = s.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), U.nextTick(function () { t.slideTo(n) })) : t.slideTo(n) : n > t.slides.length - a ? (t.loopFix(), n = s.children("." + i.slideClass + '[data-swiper-slide-index="' + e + '"]:not(.' + i.slideDuplicateClass + ")").eq(0).index(), U.nextTick(function () { t.slideTo(n) })) : t.slideTo(n)) : t.slideTo(n) } }, R = { loopCreate: function () { var s = this, e = s.params, t = s.$wrapperEl, a = (t.children("." + e.slideClass + "." + e.slideDuplicateClass).remove(), t.children("." + e.slideClass)); if (e.loopFillGroupWithBlank) { var i = e.slidesPerGroup - a.length % e.slidesPerGroup; if (i !== e.slidesPerGroup) { for (var n = 0; n < i; n += 1) { var r = S(c.createElement("div")).addClass(e.slideClass + " " + e.slideBlankClass); t.append(r) } a = t.children("." + e.slideClass) } } "auto" !== e.slidesPerView || e.loopedSlides || (e.loopedSlides = a.length), s.loopedSlides = Math.ceil(parseFloat(e.loopedSlides || e.slidesPerView, 10)), s.loopedSlides += e.loopAdditionalSlides, s.loopedSlides > a.length && (s.loopedSlides = a.length); var o = [], l = []; a.each(function (e, t) { var i = S(t); e < s.loopedSlides && l.push(t), e < a.length && e >= a.length - s.loopedSlides && o.push(t), i.attr("data-swiper-slide-index", e) }); for (var d = 0; d < l.length; d += 1)t.append(S(l[d].cloneNode(!0)).addClass(e.slideDuplicateClass)); for (var h = o.length - 1; 0 <= h; --h)t.prepend(S(o[h].cloneNode(!0)).addClass(e.slideDuplicateClass)) }, loopFix: function () { this.emit("beforeLoopFix"); var e, t = this.activeIndex, i = this.slides, s = this.loopedSlides, a = this.allowSlidePrev, n = this.allowSlideNext, r = this.snapGrid, o = this.rtlTranslate, r = (this.allowSlidePrev = !0, this.allowSlideNext = !0, -r[t] - this.getTranslate()); t < s ? (e = i.length - 3 * s + t, this.slideTo(e += s, 0, !1, !0) && 0 != r && this.setTranslate((o ? -this.translate : this.translate) - r)) : t >= i.length - s && (e = -i.length + t + s, this.slideTo(e += s, 0, !1, !0)) && 0 != r && this.setTranslate((o ? -this.translate : this.translate) - r), this.allowSlidePrev = a, this.allowSlideNext = n, 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") } }, $ = { setGrabCursor: function (e) { var t; b.touch || !this.params.simulateTouch || this.params.watchOverflow && this.isLocked || this.params.cssMode || ((t = this.el).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 () { b.touch || this.params.watchOverflow && this.isLocked || this.params.cssMode || (this.el.style.cursor = "") } }, B = { 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 && b.observer || this.update() }, prependSlide: function (e) { var t = this.params, i = this.$wrapperEl, s = this.activeIndex, a = (t.loop && this.loopDestroy(), s + 1); if ("object" == typeof e && "length" in e) { for (var n = 0; n < e.length; n += 1)e[n] && i.prepend(e[n]); a = s + e.length } else i.prepend(e); t.loop && this.loopCreate(), t.observer && b.observer || this.update(), this.slideTo(a, 0, !1) }, addSlide: function (e, t) { var i = this.$wrapperEl, s = this.params, a = this.activeIndex, n = (s.loop && (a -= this.loopedSlides, this.loopDestroy(), this.slides = i.children("." + s.slideClass)), this.slides.length); if (e <= 0) this.prependSlide(t); else if (n <= e) this.appendSlide(t); else { for (var r = e < a ? a + 1 : a, o = [], l = n - 1; e <= l; --l) { var d = this.slides.eq(l); d.remove(), o.unshift(d) } if ("object" == typeof t && "length" in t) { for (var h = 0; h < t.length; h += 1)t[h] && i.append(t[h]); r = e < a ? a + t.length : a } else i.append(t); for (var c = 0; c < o.length; c += 1)i.append(o[c]); s.loop && this.loopCreate(), s.observer && b.observer || this.update(), s.loop ? this.slideTo(r + this.loopedSlides, 0, !1) : this.slideTo(r, 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, n = s; if ("object" == typeof e && "length" in e) for (var r = 0; r < e.length; r += 1)this.slides[a = e[r]] && this.slides.eq(a).remove(), a < n && --n; else this.slides[a = e] && this.slides.eq(a).remove(), a < n && --n; n = Math.max(n, 0), t.loop && this.loopCreate(), t.observer && b.observer || this.update(), t.loop ? this.slideTo(n + this.loopedSlides, 0, !1) : this.slideTo(n, 0, !1) }, removeAllSlides: function () { for (var e = [], t = 0; t < this.slides.length; t += 1)e.push(t); this.removeSlide(e) } }, o = (a = X.navigator.platform, O = X.navigator.userAgent, t = { 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: !(!X.cordova && !X.phonegap), phonegap: !(!X.cordova && !X.phonegap), electron: !1 }, p = X.screen.width, v = X.screen.height, m = O.match(/(Android);?[\s\/]+([\d.]+)?/), y = O.match(/(iPad).*OS\s([\d_]+)/), E = O.match(/(iPod)(.*OS\s([\d_]+))?/), f = !y && O.match(/(iPhone\sOS|iOS)\s([\d_]+)/), j = 0 <= O.indexOf("MSIE ") || 0 <= O.indexOf("Trident/"), d = 0 <= O.indexOf("Edge/"), Y = 0 <= O.indexOf("Gecko/") && 0 <= O.indexOf("Firefox/"), i = "Win32" === a, s = 0 <= O.toLowerCase().indexOf("electron"), a = "MacIntel" === a, !y && a && b.touch && (1024 === p && 1366 === v || 834 === p && 1194 === v || 834 === p && 1112 === v || 768 === p && 1024 === v) && (y = O.match(/(Version)\/([\d.]+)/), a = !1), t.ie = j, t.edge = d, t.firefox = Y, m && !i && (t.os = "android", t.osVersion = m[2], t.android = !0, t.androidChrome = 0 <= O.toLowerCase().indexOf("chrome")), (y || f || E) && (t.os = "ios", t.ios = !0), f && !E && (t.osVersion = f[2].replace(/_/g, "."), t.iphone = !0), y && (t.osVersion = y[2].replace(/_/g, "."), t.ipad = !0), E && (t.osVersion = E[3] ? E[3].replace(/_/g, ".") : null, t.ipod = !0), t.ios && t.osVersion && 0 <= O.indexOf("Version/") && "10" === t.osVersion.split(".")[0] && (t.osVersion = O.toLowerCase().split("version/")[1].split(" ")[0]), t.webView = !(!(f || y || E) || !O.match(/.*AppleWebKit(?!.*Safari)/i) && !X.navigator.standalone) || X.matchMedia && X.matchMedia("(display-mode: standalone)").matches, t.webview = t.webView, t.standalone = t.webView, t.desktop = !(t.ios || t.android) || s, t.desktop && (t.electron = s, t.macos = a, t.windows = i, t.macos && (t.os = "macos"), t.windows) && (t.os = "windows"), t.pixelRatio = X.devicePixelRatio || 1, t); function q() { var e, t, i = this.params, s = this.el; s && 0 === s.offsetWidth || (i.breakpoints && this.setBreakpoint(), s = this.allowSlideNext, e = this.allowSlidePrev, t = this.snapGrid, this.allowSlideNext = !0, this.allowSlidePrev = !0, this.updateSize(), this.updateSlides(), this.updateSlidesClasses(), ("auto" === i.slidesPerView || 1 < i.slidesPerView) && 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 = e, this.allowSlideNext = s, this.params.watchOverflow && t !== this.snapGrid && this.checkOverflow()) } var G = !1; function V() { } var d, h, p, F = { 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 }, _ = { update: r, translate: N, transition: { 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; s.cssMode || (s.autoHeight && this.updateAutoHeight(), s = (s = t) || (a < i ? "next" : i < a ? "prev" : "reset"), this.emit("transitionStart"), e && i !== a && ("reset" === s ? this.emit("slideResetTransitionStart") : (this.emit("slideChangeTransitionStart"), "next" === s ? 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; this.animating = !1, a.cssMode || (this.setTransition(0), a = (a = t) || (s < i ? "next" : i < s ? "prev" : "reset"), this.emit("transitionEnd"), e && i !== s && ("reset" === a ? this.emit("slideResetTransitionEnd") : (this.emit("slideChangeTransitionEnd"), "next" === a ? this.emit("slideNextTransitionEnd") : this.emit("slidePrevTransitionEnd")))) } }, slide: H, loop: R, grabCursor: $, manipulation: B, events: { attachEvents: function () { var e, t = this.params, i = this.touchEvents, s = this.el, a = this.wrapperEl, n = (this.onTouchStart = function (e) { var t, i, s, a, n, r = this.touchEventsData, o = this.params, l = this.touches; this.animating && o.preventInteractionOnTransition || (t = S((e = (e = e).originalEvent ? e.originalEvent : e).target), "wrapper" === o.touchEventsTarget && !t.closest(this.wrapperEl).length) || (r.isTouchEvent = "touchstart" === e.type, !r.isTouchEvent && "which" in e && 3 === e.which) || (!r.isTouchEvent && "button" in e && 0 < e.button || r.isTouched && r.isMoved) || (o.noSwiping && t.closest(o.noSwipingSelector || "." + o.noSwipingClass)[0] ? this.allowClick = !0 : o.swipeHandler && !t.closest(o.swipeHandler)[0] || (l.currentX = ("touchstart" === e.type ? e.targetTouches[0] : e).pageX, l.currentY = ("touchstart" === e.type ? e.targetTouches[0] : e).pageY, i = l.currentX, s = l.currentY, a = o.edgeSwipeDetection || o.iOSEdgeSwipeDetection, n = o.edgeSwipeThreshold || o.iOSEdgeSwipeThreshold, a && (i <= n || i >= X.screen.width - n)) || (U.extend(r, { isTouched: !0, isMoved: !1, allowTouchCallbacks: !0, isScrolling: void 0, startMoving: void 0 }), l.startX = i, l.startY = s, r.touchStartTime = U.now(), this.allowClick = !0, this.updateSize(), this.swipeDirection = void 0, 0 < o.threshold && (r.allowThresholdMove = !1), "touchstart" !== e.type && (a = !0, t.is(r.formElements) && (a = !1), c.activeElement && S(c.activeElement).is(r.formElements) && c.activeElement !== t[0] && c.activeElement.blur(), n = a && this.allowTouchMove && o.touchStartPreventDefault, o.touchStartForcePreventDefault || n) && e.preventDefault(), this.emit("touchStart", e))) }.bind(this), this.onTouchMove = function (e) { var t = this.touchEventsData, i = this.params, s = this.touches, a = this.rtlTranslate; if (e.originalEvent && (e = e.originalEvent), t.isTouched) { if (!t.isTouchEvent || "mousemove" !== e.type) { var n = "touchmove" === e.type && e.targetTouches && (e.targetTouches[0] || e.changedTouches[0]), r = ("touchmove" === e.type ? n : e).pageX, n = ("touchmove" === e.type ? n : e).pageY; if (e.preventedByNestedSwiper) s.startX = r, s.startY = n; else if (this.allowTouchMove) { if (t.isTouchEvent && i.touchReleaseOnEdges && !i.loop) if (this.isVertical()) { if (n < s.startY && this.translate <= this.maxTranslate() || n > s.startY && this.translate >= this.minTranslate()) return t.isTouched = !1, void (t.isMoved = !1) } else if (r < s.startX && this.translate <= this.maxTranslate() || r > s.startX && this.translate >= this.minTranslate()) return; if (t.isTouchEvent && c.activeElement && e.target === c.activeElement && S(e.target).is(t.formElements)) t.isMoved = !0, this.allowClick = !1; else if (t.allowTouchCallbacks && this.emit("touchMove", e), !(e.targetTouches && 1 < e.targetTouches.length)) { s.currentX = r, s.currentY = n; var o = s.currentX - s.startX, l = s.currentY - s.startY; if (!(this.params.threshold && Math.sqrt(Math.pow(o, 2) + Math.pow(l, 2)) < this.params.threshold)) if (void 0 === t.isScrolling && (this.isHorizontal() && s.currentY === s.startY || this.isVertical() && s.currentX === s.startX ? t.isScrolling = !1 : 25 <= o * o + l * l && (d = 180 * Math.atan2(Math.abs(l), Math.abs(o)) / Math.PI, t.isScrolling = this.isHorizontal() ? d > i.touchAngle : 90 - d > i.touchAngle)), t.isScrolling && this.emit("touchMoveOpposite", e), void 0 !== t.startMoving || s.currentX === s.startX && s.currentY === s.startY || (t.startMoving = !0), t.isScrolling) t.isTouched = !1; else if (t.startMoving) { this.allowClick = !1, i.cssMode || e.preventDefault(), i.touchMoveStopPropagation && !i.nested && e.stopPropagation(), t.isMoved || (i.loop && this.loopFix(), t.startTranslate = this.getTranslate(), this.setTransition(0), this.animating && this.$wrapperEl.trigger("webkitTransitionEnd transitionend"), t.allowMomentumBounce = !1, !i.grabCursor || !0 !== this.allowSlideNext && !0 !== this.allowSlidePrev || this.setGrabCursor(!0), this.emit("sliderFirstMove", e)), this.emit("sliderMove", e), t.isMoved = !0; var d = this.isHorizontal() ? o : l, o = (s.diff = d, d *= i.touchRatio, this.swipeDirection = 0 < (d = a ? -d : d) ? "prev" : "next", t.currentTranslate = d + t.startTranslate, !0), l = i.resistanceRatio; if (i.touchReleaseOnEdges && (l = 0), 0 < d && t.currentTranslate > this.minTranslate() ? (o = !1, i.resistance && (t.currentTranslate = this.minTranslate() - 1 + Math.pow(-this.minTranslate() + t.startTranslate + d, l))) : d < 0 && t.currentTranslate < this.maxTranslate() && (o = !1, i.resistance) && (t.currentTranslate = this.maxTranslate() + 1 - Math.pow(this.maxTranslate() - t.startTranslate - d, l)), o && (e.preventedByNestedSwiper = !0), !this.allowSlideNext && "next" === this.swipeDirection && t.currentTranslate < t.startTranslate && (t.currentTranslate = t.startTranslate), !this.allowSlidePrev && "prev" === this.swipeDirection && t.currentTranslate > t.startTranslate && (t.currentTranslate = t.startTranslate), 0 < i.threshold) { if (!(Math.abs(d) > i.threshold || t.allowThresholdMove)) return void (t.currentTranslate = t.startTranslate); if (!t.allowThresholdMove) return t.allowThresholdMove = !0, s.startX = s.currentX, s.startY = s.currentY, t.currentTranslate = t.startTranslate, void (s.diff = this.isHorizontal() ? s.currentX - s.startX : s.currentY - s.startY) } i.followFinger && !i.cssMode && ((i.freeMode || i.watchSlidesProgress || i.watchSlidesVisibility) && (this.updateActiveIndex(), this.updateSlidesClasses()), i.freeMode && (0 === t.velocities.length && t.velocities.push({ position: s[this.isHorizontal() ? "startX" : "startY"], time: t.touchStartTime }), t.velocities.push({ position: s[this.isHorizontal() ? "currentX" : "currentY"], time: U.now() })), this.updateProgress(t.currentTranslate), this.setTranslate(t.currentTranslate)) } } } else this.allowClick = !1, t.isTouched && (U.extend(s, { startX: r, startY: n, currentX: r, currentY: n }), t.touchStartTime = U.now()) } } else t.startMoving && t.isScrolling && this.emit("touchMoveOpposite", e) }.bind(this), this.onTouchEnd = function (e) { var t = this, i = t.touchEventsData, s = t.params, a = t.touches, n = t.rtlTranslate, r = t.$wrapperEl, o = t.slidesGrid, l = t.snapGrid; if (e.originalEvent && (e = e.originalEvent), i.allowTouchCallbacks && t.emit("touchEnd", e), i.allowTouchCallbacks = !1, i.isTouched) { s.grabCursor && i.isMoved && i.isTouched && (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) && t.setGrabCursor(!1); var d, h = U.now(), c = h - i.touchStartTime; if (t.allowClick && (t.updateClickedSlide(e), t.emit("tap click", e), c < 300) && h - i.lastClickTime < 300 && t.emit("doubleTap doubleClick", e), i.lastClickTime = U.now(), U.nextTick(function () { t.destroyed || (t.allowClick = !0) }), i.isTouched && i.isMoved && t.swipeDirection && 0 !== a.diff && i.currentTranslate !== i.startTranslate) { if (i.isTouched = !1, i.isMoved = !1, i.startMoving = !1, d = s.followFinger ? n ? t.translate : -t.translate : -i.currentTranslate, !s.cssMode) if (s.freeMode) if (d < -t.minTranslate()) t.slideTo(t.activeIndex); else if (d > -t.maxTranslate()) t.slides.length < l.length ? t.slideTo(l.length - 1) : t.slideTo(t.slides.length - 1); else { if (s.freeModeMomentum) { (!(1 < i.velocities.length) || (h = i.velocities.pop(), a = i.velocities.pop(), p = h.position - a.position, a = h.time - a.time, t.velocity = p / a, t.velocity /= 2, Math.abs(t.velocity) < s.freeModeMinimumVelocity && (t.velocity = 0), 150 < a) || 300 < U.now() - h.time) && (t.velocity = 0), t.velocity *= s.freeModeMomentumVelocityRatio, i.velocities.length = 0; var p = 1e3 * s.freeModeMomentumRatio, a = t.velocity * p, u = t.translate + a; n && (u = -u); var v, m, h = !1, a = 20 * Math.abs(t.velocity) * s.freeModeMomentumBounceRatio; if (u < t.maxTranslate()) s.freeModeMomentumBounce ? (u + t.maxTranslate() < -a && (u = t.maxTranslate() - a), v = t.maxTranslate(), i.allowMomentumBounce = h = !0) : u = t.maxTranslate(), s.loop && s.centeredSlides && (m = !0); else if (u > t.minTranslate()) s.freeModeMomentumBounce ? (u - t.minTranslate() > a && (u = t.minTranslate() + a), v = t.minTranslate(), i.allowMomentumBounce = h = !0) : u = t.minTranslate(), s.loop && s.centeredSlides && (m = !0); else if (s.freeModeSticky) { for (var g, f = 0; f < l.length; f += 1)if (l[f] > -u) { g = f; break } u = -(Math.abs(l[g] - u) < Math.abs(l[g - 1] - u) || "next" === t.swipeDirection ? l[g] : l[g - 1]) } if (m && t.once("transitionEnd", function () { t.loopFix() }), 0 !== t.velocity) p = n ? Math.abs((-u - t.translate) / t.velocity) : Math.abs((u - t.translate) / t.velocity), s.freeModeSticky && (p = (a = Math.abs((n ? -u : u) - t.translate)) < (m = t.slidesSizesGrid[t.activeIndex]) ? s.speed : a < 2 * m ? 1.5 * s.speed : 2.5 * s.speed); else if (s.freeModeSticky) return void t.slideToClosest(); s.freeModeMomentumBounce && h ? (t.updateProgress(v), t.setTransition(p), t.setTranslate(u), t.transitionStart(!0, t.swipeDirection), t.animating = !0, r.transitionEnd(function () { t && !t.destroyed && i.allowMomentumBounce && (t.emit("momentumBounce"), t.setTransition(s.speed), t.setTranslate(v), r.transitionEnd(function () { t && !t.destroyed && t.transitionEnd() })) })) : t.velocity ? (t.updateProgress(u), t.setTransition(p), t.setTranslate(u), t.transitionStart(!0, t.swipeDirection), t.animating || (t.animating = !0, r.transitionEnd(function () { t && !t.destroyed && t.transitionEnd() }))) : t.updateProgress(u), t.updateActiveIndex(), t.updateSlidesClasses() } else if (s.freeModeSticky) return void t.slideToClosest(); (!s.freeModeMomentum || c >= s.longSwipesMs) && (t.updateProgress(), t.updateActiveIndex(), t.updateSlidesClasses()) } else { for (var w = 0, y = t.slidesSizesGrid[0], b = 0; b < o.length; b += s.slidesPerGroup)void 0 !== o[b + s.slidesPerGroup] ? d >= o[b] && d < o[b + s.slidesPerGroup] && (y = o[(w = b) + s.slidesPerGroup] - o[b]) : d >= o[b] && (w = b, y = o[o.length - 1] - o[o.length - 2]); n = (d - o[w]) / y; c > s.longSwipesMs ? s.longSwipes ? ("next" === t.swipeDirection && (n >= s.longSwipesRatio ? t.slideTo(w + s.slidesPerGroup) : t.slideTo(w)), "prev" === t.swipeDirection && (n > 1 - s.longSwipesRatio ? t.slideTo(w + s.slidesPerGroup) : t.slideTo(w))) : t.slideTo(t.activeIndex) : s.shortSwipes ? !t.navigation || e.target !== t.navigation.nextEl && e.target !== t.navigation.prevEl ? ("next" === t.swipeDirection && t.slideTo(w + s.slidesPerGroup), "prev" === t.swipeDirection && t.slideTo(w)) : e.target === t.navigation.nextEl ? t.slideTo(w + s.slidesPerGroup) : t.slideTo(w) : t.slideTo(t.activeIndex) } } else i.isTouched = !1, i.isMoved = !1, i.startMoving = !1 } else i.isMoved && s.grabCursor && t.setGrabCursor(!1), i.isMoved = !1, i.startMoving = !1 }.bind(this), t.cssMode && (this.onScroll = function () { 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(), (0 == (e = this.maxTranslate() - this.minTranslate()) ? 0 : (this.translate - this.minTranslate()) / e) !== this.progress && this.updateProgress(this.translate), this.emit("setTranslate", this.translate, !1) }.bind(this)), this.onClick = function (e) { this.allowClick || (this.params.preventClicks && e.preventDefault(), this.params.preventClicksPropagation && this.animating && (e.stopPropagation(), e.stopImmediatePropagation())) }.bind(this), !!t.nested); !b.touch && b.pointerEvents ? (s.addEventListener(i.start, this.onTouchStart, !1), c.addEventListener(i.move, this.onTouchMove, n), c.addEventListener(i.end, this.onTouchEnd, !1)) : (b.touch && (e = !("touchstart" !== i.start || !b.passiveListener || !t.passiveListeners) && { passive: !0, capture: !1 }, s.addEventListener(i.start, this.onTouchStart, e), s.addEventListener(i.move, this.onTouchMove, b.passiveListener ? { passive: !1, capture: n } : n), s.addEventListener(i.end, this.onTouchEnd, e), i.cancel && s.addEventListener(i.cancel, this.onTouchEnd, e), G || (c.addEventListener("touchstart", V), G = !0)), (t.simulateTouch && !o.ios && !o.android || t.simulateTouch && !b.touch && o.ios) && (s.addEventListener("mousedown", this.onTouchStart, !1), c.addEventListener("mousemove", this.onTouchMove, n), c.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(o.ios || o.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", q, !0) : this.on("observerUpdate", q, !0) }, detachEvents: function () { var e, t = this.params, i = this.touchEvents, s = this.el, a = this.wrapperEl, n = !!t.nested; !b.touch && b.pointerEvents ? (s.removeEventListener(i.start, this.onTouchStart, !1), c.removeEventListener(i.move, this.onTouchMove, n), c.removeEventListener(i.end, this.onTouchEnd, !1)) : (b.touch && (e = !("onTouchStart" !== i.start || !b.passiveListener || !t.passiveListeners) && { passive: !0, capture: !1 }, s.removeEventListener(i.start, this.onTouchStart, e), s.removeEventListener(i.move, this.onTouchMove, n), s.removeEventListener(i.end, this.onTouchEnd, e), i.cancel) && s.removeEventListener(i.cancel, this.onTouchEnd, e), (t.simulateTouch && !o.ios && !o.android || t.simulateTouch && !b.touch && o.ios) && (s.removeEventListener("mousedown", this.onTouchStart, !1), c.removeEventListener("mousemove", this.onTouchMove, n), c.removeEventListener("mouseup", this.onTouchEnd, !1))), (t.preventClicks || t.preventClicksPropagation) && s.removeEventListener("click", this.onClick, !0), t.cssMode && a.removeEventListener("scroll", this.onScroll), this.off(o.ios || o.android ? "resize orientationchange observerUpdate" : "resize observerUpdate", q) } }, breakpoints: { setBreakpoint: function () { var e, i, t, s, a = this.activeIndex, n = this.initialized, r = this.loopedSlides, o = (void 0 === r && (r = 0), this.params), l = this.$el, d = o.breakpoints; d && 0 !== Object.keys(d).length && (e = this.getBreakpoint(d)) && this.currentBreakpoint !== e && ((i = e in d ? d[e] : void 0) && ["slidesPerView", "spaceBetween", "slidesPerGroup", "slidesPerColumn"].forEach(function (e) { var t = i[e]; void 0 !== t && (i[e] = "slidesPerView" !== e || "AUTO" !== t && "auto" !== t ? "slidesPerView" === e ? parseFloat(t) : parseInt(t, 10) : "auto") }), d = i || this.originalParams, t = 1 < o.slidesPerColumn, s = 1 < d.slidesPerColumn, t && !s ? l.removeClass(o.containerModifierClass + "multirow " + o.containerModifierClass + "multirow-column") : !t && s && (l.addClass(o.containerModifierClass + "multirow"), "column" === d.slidesPerColumnFill) && l.addClass(o.containerModifierClass + "multirow-column"), t = d.direction && d.direction !== o.direction, s = o.loop && (d.slidesPerView !== o.slidesPerView || t), t && n && this.changeDirection(), U.extend(this.params, d), U.extend(this, { allowTouchMove: this.params.allowTouchMove, allowSlideNext: this.params.allowSlideNext, allowSlidePrev: this.params.allowSlidePrev }), this.currentBreakpoint = e, s && n && (this.loopDestroy(), this.loopCreate(), this.updateSlides(), this.slideTo(a - r + this.loopedSlides, 0, !1)), this.emit("breakpoint", d)) }, getBreakpoint: function (e) { if (e) { var t = !1, i = []; Object.keys(e).forEach(function (e) { i.push(e) }), i.sort(function (e, t) { return parseInt(e, 10) - parseInt(t, 10) }); for (var s = 0; s < i.length; s += 1) { var a = i[s]; a <= X.innerWidth && (t = a) } return t || "max" } } }, checkOverflow: { checkOverflow: function () { var e = this.params, t = this.isLocked, i = 0 < this.slides.length && 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 t = this.classNames, i = this.params, e = this.rtl, s = this.$el, a = []; a.push("initialized"), a.push(i.direction), i.freeMode && a.push("free-mode"), i.autoHeight && a.push("autoheight"), e && a.push("rtl"), 1 < i.slidesPerColumn && (a.push("multirow"), "column" === i.slidesPerColumnFill) && a.push("multirow-column"), o.android && a.push("android"), o.ios && a.push("ios"), i.cssMode && a.push("css-mode"), a.forEach(function (e) { t.push(i.containerModifierClass + e) }), s.addClass(t.join(" ")) }, removeClasses: function () { var e = this.$el, t = this.classNames; e.removeClass(t.join(" ")) } }, images: { loadImage: function (e, t, i, s, a, n) { function r() { n && n() } (!e.complete || !a) && t ? ((e = new X.Image).onload = r, e.onerror = r, s && (e.sizes = s), i && (e.srcset = i), t && (e.src = t)) : r() }, 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) } } } }, W = {}, u = ((h = e) && (T.__proto__ = h), p = { extendedDefaults: { configurable: !0 }, defaults: { configurable: !0 }, Class: { configurable: !0 }, $: { configurable: !0 } }, ((T.prototype = Object.create(h && h.prototype)).constructor = T).prototype.slidesPerViewDynamic = function () { var e = this.params, t = this.slides, i = this.slidesGrid, s = this.size, a = this.activeIndex, n = 1; if (e.centeredSlides) { for (var r, o = t[a].swiperSlideSize, l = a + 1; l < t.length; l += 1)t[l] && !r && (n += 1, (o += t[l].swiperSlideSize) > s) && (r = !0); for (var d = a - 1; 0 <= d; --d)t[d] && !r && (n += 1, (o += t[d].swiperSlideSize) > s) && (r = !0) } else for (var h = a + 1; h < t.length; h += 1)i[h] - i[a] < s && (n += 1); return n }, T.prototype.update = function () { var e, t, i = this; function s() { var e = i.rtlTranslate ? -1 * i.translate : i.translate, e = Math.min(Math.max(e, i.maxTranslate()), i.minTranslate()); i.setTranslate(e), i.updateActiveIndex(), i.updateSlidesClasses() } i && !i.destroyed && (e = i.snapGrid, (t = i.params).breakpoints && i.setBreakpoint(), i.updateSize(), i.updateSlides(), i.updateProgress(), i.updateSlidesClasses(), i.params.freeMode ? (s(), i.params.autoHeight && i.updateAutoHeight()) : (("auto" === i.params.slidesPerView || 1 < i.params.slidesPerView) && i.isEnd && !i.params.centeredSlides ? i.slideTo(i.slides.length - 1, 0, !1, !0) : i.slideTo(i.activeIndex, 0, !1, !0)) || s(), t.watchOverflow && e !== i.snapGrid && i.checkOverflow(), i.emit("update")) }, T.prototype.changeDirection = function (i, e) { void 0 === e && (e = !0); var t = this.params.direction; return (i = i || ("horizontal" === t ? "vertical" : "horizontal")) === t || "horizontal" !== i && "vertical" !== i || (this.$el.removeClass("" + this.params.containerModifierClass + t).addClass("" + this.params.containerModifierClass + i), this.params.direction = i, this.slides.each(function (e, t) { "vertical" === i ? t.style.width = "" : t.style.height = "" }), this.emit("changeDirection"), e && 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, n = i.$wrapperEl, r = i.slides; return void 0 === i.params || i.destroyed || (i.emit("beforeDestroy"), i.initialized = !1, i.detachEvents(), s.loop && i.loopDestroy(), t && (i.removeClasses(), a.removeAttr("style"), n.removeAttr("style"), r) && r.length && r.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), U.deleteProps(i)), i.destroyed = !0), null }, T.extendDefaults = function (e) { U.extend(W, e) }, p.extendedDefaults.get = function () { return W }, p.defaults.get = function () { return F }, p.Class.get = function () { return h }, p.$.get = function () { return S }, Object.defineProperties(T, p), T), v = { name: "device", proto: { device: o }, static: { device: o } }, j = { name: "support", proto: { support: b }, static: { support: b } }, C = { isEdge: !!X.navigator.userAgent.match(/Edge/g), isSafari: 0 <= (d = X.navigator.userAgent.toLowerCase()).indexOf("safari") && d.indexOf("chrome") < 0 && d.indexOf("android") < 0, isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(X.navigator.userAgent) }, Y = { name: "browser", proto: { browser: C }, static: { browser: C } }, m = { name: "resize", create: function () { var e = this; U.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 () { X.addEventListener("resize", this.resize.resizeHandler), X.addEventListener("orientationchange", this.resize.orientationChangeHandler) }, destroy: function () { X.removeEventListener("resize", this.resize.resizeHandler), X.removeEventListener("orientationchange", this.resize.orientationChangeHandler) } } }, g = { func: X.MutationObserver || X.WebkitMutationObserver, attach: function (e, t) { void 0 === t && (t = {}); var i = this, s = new g.func(function (e) { var t; 1 !== e.length ? (t = function () { i.emit("observerUpdate", e[0]) }, X.requestAnimationFrame ? X.requestAnimationFrame(t) : X.setTimeout(t, 0)) : i.emit("observerUpdate", e[0]) }); s.observe(e, { attributes: void 0 === t.attributes || t.attributes, childList: void 0 === t.childList || t.childList, characterData: void 0 === t.characterData || t.characterData }), i.observer.observers.push(s) }, init: function () { if (b.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 = [] } }, f = { name: "observer", params: { observer: !1, observeParents: !1, observeSlideChildren: !1 }, create: function () { U.extend(this, { observer: { init: g.init.bind(this), attach: g.attach.bind(this), destroy: g.destroy.bind(this), observers: [] } }) }, on: { init: function () { this.observer.init() }, destroy: function () { this.observer.destroy() } } }, w = { update: function (e) { var t = this, i = t.params, s = i.slidesPerView, a = i.slidesPerGroup, i = i.centeredSlides, n = t.params.virtual, r = n.addSlidesBefore, n = n.addSlidesAfter, o = t.virtual, l = o.from, d = o.to, h = o.slides, c = o.slidesGrid, p = o.renderSlide, o = o.offset; t.updateActiveIndex(); var u, v = t.activeIndex || 0, m = t.rtlTranslate ? "right" : t.isHorizontal() ? "left" : "top", i = i ? (u = Math.floor(s / 2) + a + r, Math.floor(s / 2) + a + n) : (u = s + (a - 1) + r, a + n), g = Math.max((v || 0) - i, 0), f = Math.min((v || 0) + u, h.length - 1), s = (t.slidesGrid[g] || 0) - (t.slidesGrid[0] || 0); function w() { t.updateSlides(), t.updateProgress(), t.updateSlidesClasses(), t.lazy && t.params.lazy.enabled && t.lazy.load() } if (U.extend(t.virtual, { from: g, to: f, offset: s, slidesGrid: t.slidesGrid }), l !== g || d !== f || e) { if (t.params.virtual.renderExternal) t.params.virtual.renderExternal.call(t, { offset: s, from: g, to: f, slides: (() => { for (var e = [], t = g; t <= f; t += 1)e.push(h[t]); return e })() }); else { var y = [], b = []; if (e) t.$wrapperEl.find("." + t.params.slideClass).remove(); else for (var E = l; E <= d; E += 1)(E < g || f < E) && t.$wrapperEl.find("." + t.params.slideClass + '[data-swiper-slide-index="' + E + '"]').remove(); for (var S = 0; S < h.length; S += 1)g <= S && S <= f && (void 0 === d || e ? b.push(S) : (d < S && b.push(S), S < l && y.push(S))); b.forEach(function (e) { t.$wrapperEl.append(p(h[e], e)) }), y.sort(function (e, t) { return t - e }).forEach(function (e) { t.$wrapperEl.prepend(p(h[e], e)) }), t.$wrapperEl.children(".swiper-slide").css(m, s + "px") } w() } else t.slidesGrid !== c && s !== o && t.slides.css(m, s + "px"), t.updateProgress() }, renderSlide: function (e, t) { var i = this.params.virtual; return i.cache && this.virtual.cache[t] ? this.virtual.cache[t] : ((e = S(i.renderSlide ? i.renderSlide.call(this, e, t) : '<div class="' + this.params.slideClass + '" data-swiper-slide-index="' + t + '">' + e + "</div>")).attr("data-swiper-slide-index") || e.attr("data-swiper-slide-index", t), i.cache && (this.virtual.cache[t] = e), e) }, 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 s, a, t = this.activeIndex, i = t + 1, n = 1; if (Array.isArray(e)) { for (var r = 0; r < e.length; r += 1)e[r] && this.virtual.slides.unshift(e[r]); i = t + e.length, n = e.length } else this.virtual.slides.unshift(e); this.params.virtual.cache && (s = this.virtual.cache, a = {}, Object.keys(s).forEach(function (e) { var t = s[e], i = t.attr("data-swiper-slide-index"); i && t.attr("data-swiper-slide-index", parseInt(i, 10) + 1), a[parseInt(e, 10) + n] = t }), this.virtual.cache = a), 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; 0 <= i; --i)this.virtual.slides.splice(e[i], 1), this.params.virtual.cache && delete this.virtual.cache[e[i]], e[i] < t && --t, t = Math.max(t, 0); else this.virtual.slides.splice(e, 1), this.params.virtual.cache && delete this.virtual.cache[e], e < t && --t, 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) } }, y = { name: "virtual", params: { virtual: { enabled: !1, slides: [], cache: !0, renderSlide: null, renderExternal: null, addSlidesBefore: 0, addSlidesAfter: 0 } }, create: function () { U.extend(this, { virtual: { update: w.update.bind(this), appendSlide: w.appendSlide.bind(this), prependSlide: w.prependSlide.bind(this), removeSlide: w.removeSlide.bind(this), removeAllSlides: w.removeAllSlides.bind(this), renderSlide: w.renderSlide.bind(this), slides: this.params.virtual.slides, cache: {} } }) }, on: { beforeInit: function () { var e; this.params.virtual.enabled && (this.classNames.push(this.params.containerModifierClass + "virtual"), U.extend(this.params, e = { watchSlidesProgress: !0 }), U.extend(this.originalParams, e), this.params.initialSlide || this.virtual.update()) }, setTranslate: function () { this.params.virtual.enabled && this.virtual.update() } } }, K = { handle: function (e) { var t = this.rtlTranslate, i = (e = e.originalEvent ? e.originalEvent : e).keyCode || e.charCode; if (!this.allowSlideNext && (this.isHorizontal() && 39 === i || this.isVertical() && 40 === i || 34 === i)) return !1; if (!this.allowSlidePrev && (this.isHorizontal() && 37 === i || this.isVertical() && 38 === i || 33 === i)) return !1; if (!(e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || c.activeElement && c.activeElement.nodeName && ("input" === c.activeElement.nodeName.toLowerCase() || "textarea" === c.activeElement.nodeName.toLowerCase()))) { if (this.params.keyboard.onlyInViewport && (33 === i || 34 === i || 37 === i || 39 === i || 38 === i || 40 === i)) { var s = !1; if (0 < this.$el.parents("." + this.params.slideClass).length && 0 === this.$el.parents("." + this.params.slideActiveClass).length) return; var a = X.innerWidth, n = X.innerHeight, r = this.$el.offset(); t && (r.left -= this.$el[0].scrollLeft); for (var o = [[r.left, r.top], [r.left + this.width, r.top], [r.left, r.top + this.height], [r.left + this.width, r.top + this.height]], l = 0; l < o.length; l += 1) { var d = o[l]; 0 <= d[0] && d[0] <= a && 0 <= d[1] && d[1] <= n && (s = !0) } if (!s) return } this.isHorizontal() ? (33 !== i && 34 !== i && 37 !== i && 39 !== i || (e.preventDefault ? e.preventDefault() : e.returnValue = !1), (34 !== i && 39 !== i || t) && (33 !== i && 37 !== i || !t) || this.slideNext(), (33 !== i && 37 !== i || t) && (34 !== i && 39 !== i || !t) || this.slidePrev()) : (33 !== i && 34 !== i && 38 !== i && 40 !== i || (e.preventDefault ? e.preventDefault() : e.returnValue = !1), 34 !== i && 40 !== i || this.slideNext(), 33 !== i && 38 !== i || this.slidePrev()), this.emit("keyPress", i) } }, enable: function () { this.keyboard.enabled || (S(c).on("keydown", this.keyboard.handle), this.keyboard.enabled = !0) }, disable: function () { this.keyboard.enabled && (S(c).off("keydown", this.keyboard.handle), this.keyboard.enabled = !1) } }, E = { name: "keyboard", params: { keyboard: { enabled: !1, onlyInViewport: !0 } }, create: function () { U.extend(this, { keyboard: { enabled: !1, enable: K.enable.bind(this), disable: K.disable.bind(this), handle: K.handle.bind(this) } }) }, on: { init: function () { this.params.keyboard.enabled && this.keyboard.enable() }, destroy: function () { this.keyboard.enabled && this.keyboard.disable() } } }; function T() { for (var i, e = [], t = arguments.length; t--;)e[t] = arguments[t]; i = (i = 1 === e.length && e[0].constructor && e[0].constructor === Object ? e[0] : (n = e[0], e[1])) || {}, i = U.extend({}, i), n && !i.el && (i.el = n), h.call(this, i), Object.keys(_).forEach(function (t) { Object.keys(_[t]).forEach(function (e) { T.prototype[e] || (T.prototype[e] = _[t][e]) }) }); var s, a, n, r = this, o = (void 0 === r.modules && (r.modules = {}), Object.keys(r.modules).forEach(function (e) { var t, e = r.modules[e]; e.params && (t = Object.keys(e.params)[0], "object" == typeof (e = e.params[t])) && null !== e && t in i && "enabled" in e && (!0 === i[t] && (i[t] = { enabled: !0 }), "object" != typeof i[t] || "enabled" in i[t] || (i[t].enabled = !0), i[t] || (i[t] = { enabled: !1 })) }), U.extend({}, F)), l = (r.useModulesParams(o), r.params = U.extend({}, o, W, i), r.originalParams = U.extend({}, r.params), r.passedParams = U.extend({}, i), (r.$ = S)(r.params.el)); if (n = l[0]) return 1 < l.length ? (s = [], l.each(function (e, t) { t = U.extend({}, i, { el: t }); s.push(new T(t)) }), s) : (n.swiper = r, l.data("swiper", r), n && n.shadowRoot && n.shadowRoot.querySelector ? (a = S(n.shadowRoot.querySelector("." + r.params.wrapperClass))).children = function (e) { return l.children(e) } : a = l.children("." + r.params.wrapperClass), U.extend(r, { $el: l, el: n, $wrapperEl: a, wrapperEl: a[0], classNames: [], slides: S(), slidesGrid: [], snapGrid: [], slidesSizesGrid: [], isHorizontal: function () { return "horizontal" === r.params.direction }, isVertical: function () { return "vertical" === r.params.direction }, rtl: "rtl" === n.dir.toLowerCase() || "rtl" === l.css("direction"), rtlTranslate: "horizontal" === r.params.direction && ("rtl" === n.dir.toLowerCase() || "rtl" === l.css("direction")), wrongRTL: "-webkit-box" === a.css("display"), activeIndex: 0, realIndex: 0, isBeginning: !0, isEnd: !1, translate: 0, previousTranslate: 0, progress: 0, velocity: 0, animating: !1, allowSlideNext: r.params.allowSlideNext, allowSlidePrev: r.params.allowSlidePrev, touchEvents: (o = b.pointerEvents ? ["pointerdown", "pointermove", "pointerup"] : ["mousedown", "mousemove", "mouseup"], r.touchEventsTouch = { start: (n = ["touchstart", "touchmove", "touchend", "touchcancel"])[0], move: n[1], end: n[2], cancel: n[3] }, r.touchEventsDesktop = { start: o[0], move: o[1], end: o[2] }, b.touch || !r.params.simulateTouch ? r.touchEventsTouch : r.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: U.now(), clickTimeout: void 0, velocities: [], allowMomentumBounce: void 0, isTouchEvent: void 0, startMoving: void 0 }, allowClick: !0, allowTouchMove: r.params.allowTouchMove, touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 }, imagesToLoad: [], imagesLoaded: 0 }), r.useModules(), r.params.init && r.init(), r) } var x = { lastScrollTime: U.now(), lastEventBeforeSnap: void 0, recentWheelEvents: [], event: function () { return -1 < X.navigator.userAgent.indexOf("firefox") ? "DOMMouseScroll" : ((t = "onwheel" in c) || ((e = c.createElement("div")).setAttribute("onwheel", "return;"), t = "function" == typeof e.onwheel), (t = !t && c.implementation && c.implementation.hasFeature && !0 !== c.implementation.hasFeature("", "") ? c.implementation.hasFeature("Events.wheel", "3.0") : t) ? "wheel" : "mousewheel"); var e, t }, 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)), { spinX: t = s && !t ? s < 1 ? -1 : 1 : t, spinY: i = a && !i ? a < 1 ? -1 : 1 : 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, n = i.rtlTranslate ? -1 : 1, r = x.normalize(t); if (s.forceToAxis) if (i.isHorizontal()) { if (!(Math.abs(r.pixelX) > Math.abs(r.pixelY))) return !0; a = r.pixelX * n } else { if (!(Math.abs(r.pixelY) > Math.abs(r.pixelX))) return !0; a = r.pixelY } else a = Math.abs(r.pixelX) > Math.abs(r.pixelY) ? -r.pixelX * n : -r.pixelY; if (0 === a) return !0; if (s.invert && (a = -a), i.params.freeMode) { var o = { time: U.now(), delta: Math.abs(a), direction: Math.sign(a) }, n = i.mousewheel.lastEventBeforeSnap, r = n && o.time < n.time + 500 && o.delta <= n.delta && o.direction === n.direction; if (!r) { i.mousewheel.lastEventBeforeSnap = void 0, i.params.loop && i.loopFix(); var l, d, n = i.getTranslate() + a * s.sensitivity, s = i.isBeginning, h = i.isEnd; if ((n = n >= i.minTranslate() ? i.minTranslate() : n) <= i.maxTranslate() && (n = i.maxTranslate()), i.setTransition(0), i.setTranslate(n), i.updateProgress(), i.updateActiveIndex(), i.updateSlidesClasses(), (!s && i.isBeginning || !h && i.isEnd) && i.updateSlidesClasses(), i.params.freeModeSticky && (clearTimeout(i.mousewheel.timeout), i.mousewheel.timeout = void 0, 15 <= (l = i.mousewheel.recentWheelEvents).length && l.shift(), s = l.length ? l[l.length - 1] : void 0, h = l[0], l.push(o), s && (o.delta > s.delta || o.direction !== s.direction) ? l.splice(0) : 15 <= l.length && o.time - h.time < 500 && 1 <= h.delta - o.delta && o.delta <= 6 && (d = 0 < a ? .8 : .2, i.mousewheel.lastEventBeforeSnap = o, l.splice(0), i.mousewheel.timeout = U.nextTick(function () { i.slideToClosest(i.params.speed, !0, void 0, d) }, 0)), i.mousewheel.timeout || (i.mousewheel.timeout = U.nextTick(function () { i.mousewheel.lastEventBeforeSnap = o, l.splice(0), i.slideToClosest(i.params.speed, !0, void 0, .5) }, 500))), r || i.emit("scroll", t), i.params.autoplay && i.params.autoplayDisableOnInteraction && i.autoplay.stop(), n === i.minTranslate() || n === i.maxTranslate()) return !0 } } else { s = { time: U.now(), delta: Math.abs(a), direction: Math.sign(a), raw: e }, h = i.mousewheel.recentWheelEvents, r = (2 <= h.length && h.shift(), h.length ? h[h.length - 1] : void 0); if (h.push(s), (!r || s.direction !== r.direction || s.delta > r.delta) && i.mousewheel.animateSlider(s), i.mousewheel.releaseScroll(s)) return !0 } return t.preventDefault ? t.preventDefault() : t.returnValue = !1, !1 }, animateSlider: function (e) { return 6 <= e.delta && U.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 X.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, t = x.event(); return this.params.cssMode ? (this.wrapperEl.removeEventListener(t, this.mousewheel.handle), !0) : !!t && !this.mousewheel.enabled && (e = this.$el, (e = "container" !== this.params.mousewheel.eventsTarged ? S(this.params.mousewheel.eventsTarged) : e).on("mouseenter", this.mousewheel.handleMouseEnter), e.on("mouseleave", this.mousewheel.handleMouseLeave), e.on(t, this.mousewheel.handle), this.mousewheel.enabled = !0) }, disable: function () { var e, t = x.event(); return this.params.cssMode ? (this.wrapperEl.addEventListener(t, this.mousewheel.handle), !0) : !!t && !(!this.mousewheel.enabled || (e = this.$el, (e = "container" !== this.params.mousewheel.eventsTarged ? S(this.params.mousewheel.eventsTarged) : e).off(t, this.mousewheel.handle), this.mousewheel.enabled = !1)) } }, A = { update: function () { var e, t, i = this.params.navigation; this.params.loop || (e = (t = this.navigation).$nextEl, (t = t.$prevEl) && 0 < t.length && (this.isBeginning ? t.addClass(i.disabledClass) : t.removeClass(i.disabledClass), t[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](i.lockClass)), e && 0 < e.length && (this.isEnd ? e.addClass(i.disabledClass) : e.removeClass(i.disabledClass), e[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](i.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 && 1 < e.length && 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 && 1 < t.length && 1 === this.$el.find(i.prevEl).length && (t = this.$el.find(i.prevEl)), e && 0 < e.length && e.on("click", this.navigation.onNextClick), t && 0 < t.length && t.on("click", this.navigation.onPrevClick), U.extend(this.navigation, { $nextEl: e, nextEl: e && e[0], $prevEl: t, prevEl: t && t[0] })) }, destroy: function () { var e = this.navigation, t = e.$nextEl, e = e.$prevEl; t && t.length && (t.off("click", this.navigation.onNextClick), t.removeClass(this.params.navigation.disabledClass)), e && e.length && (e.off("click", this.navigation.onPrevClick), e.removeClass(this.params.navigation.disabledClass)) } }, L = { update: function () { var e = this.rtl, s = this.params.pagination; if (s.el && this.pagination.el && this.pagination.$el && 0 !== this.pagination.$el.length) { var a, t = (this.virtual && this.params.virtual.enabled ? this.virtual : this).slides.length, i = this.pagination.$el, n = this.params.loop ? Math.ceil((t - 2 * this.loopedSlides) / this.params.slidesPerGroup) : this.snapGrid.length; if (this.params.loop ? ((a = Math.ceil((this.activeIndex - this.loopedSlides) / this.params.slidesPerGroup)) > t - 1 - 2 * this.loopedSlides && (a -= t - 2 * this.loopedSlides), n - 1 < a && (a -= n), a < 0 && "bullets" !== this.params.paginationType && (a = n + a)) : a = void 0 !== this.snapIndex ? this.snapIndex : this.activeIndex || 0, "bullets" === s.type && this.pagination.bullets && 0 < this.pagination.bullets.length) { var r, o, l, d = this.pagination.bullets; if (s.dynamicBullets && (this.pagination.bulletSize = d.eq(0)[this.isHorizontal() ? "outerWidth" : "outerHeight"](!0), i.css(this.isHorizontal() ? "width" : "height", this.pagination.bulletSize * (s.dynamicMainBullets + 4) + "px"), 1 < s.dynamicMainBullets && void 0 !== this.previousIndex && (this.pagination.dynamicBulletIndex += a - this.previousIndex, this.pagination.dynamicBulletIndex > s.dynamicMainBullets - 1 ? this.pagination.dynamicBulletIndex = s.dynamicMainBullets - 1 : this.pagination.dynamicBulletIndex < 0 && (this.pagination.dynamicBulletIndex = 0)), r = a - this.pagination.dynamicBulletIndex, l = ((o = r + (Math.min(d.length, s.dynamicMainBullets) - 1)) + r) / 2), d.removeClass(s.bulletActiveClass + " " + s.bulletActiveClass + "-next " + s.bulletActiveClass + "-next-next " + s.bulletActiveClass + "-prev " + s.bulletActiveClass + "-prev-prev " + s.bulletActiveClass + "-main"), 1 < i.length) d.each(function (e, t) { var t = S(t), i = t.index(); i === a && t.addClass(s.bulletActiveClass), s.dynamicBullets && (r <= i && i <= o && t.addClass(s.bulletActiveClass + "-main"), i === r && t.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), i === o) && t.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next") }); else { var t = d.eq(a), h = t.index(); if (t.addClass(s.bulletActiveClass), s.dynamicBullets) { for (var t = d.eq(r), c = d.eq(o), p = r; p <= o; p += 1)d.eq(p).addClass(s.bulletActiveClass + "-main"); if (this.params.loop) if (h >= d.length - s.dynamicMainBullets) { for (var u = s.dynamicMainBullets; 0 <= u; --u)d.eq(d.length - u).addClass(s.bulletActiveClass + "-main"); d.eq(d.length - s.dynamicMainBullets - 1).addClass(s.bulletActiveClass + "-prev") } else t.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), c.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next"); else t.prev().addClass(s.bulletActiveClass + "-prev").prev().addClass(s.bulletActiveClass + "-prev-prev"), c.next().addClass(s.bulletActiveClass + "-next").next().addClass(s.bulletActiveClass + "-next-next") } } s.dynamicBullets && (h = Math.min(d.length, s.dynamicMainBullets + 4), t = (this.pagination.bulletSize * h - this.pagination.bulletSize) / 2 - l * this.pagination.bulletSize, c = e ? "right" : "left", d.css(this.isHorizontal() ? c : "top", t + "px")) } "fraction" === s.type && (i.find("." + s.currentClass).text(s.formatFractionCurrent(a + 1)), i.find("." + s.totalClass).text(s.formatFractionTotal(n))), "progressbar" === s.type && (h = s.progressbarOpposite ? this.isHorizontal() ? "vertical" : "horizontal" : this.isHorizontal() ? "horizontal" : "vertical", l = (a + 1) / n, c = e = 1, "horizontal" == h ? e = l : c = l, i.find("." + s.progressbarFillClass).transform("translate3d(0,0,0) scaleX(" + e + ") scaleY(" + c + ")").transition(this.params.speed)), "custom" === s.type && s.renderCustom ? (i.html(s.renderCustom(this, a + 1, n)), this.emit("paginationRender", this, i[0])) : this.emit("paginationUpdate", this, i[0]), i[this.params.watchOverflow && this.isLocked ? "addClass" : "removeClass"](s.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 : 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, n = 0; n < a; n += 1)e.renderBullet ? s += e.renderBullet.call(this, n, 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, t = this, i = t.params.pagination; i.el && 0 !== (e = S(i.el)).length && (t.params.uniqueNavElements && "string" == typeof i.el && 1 < e.length && 1 === t.$el.find(i.el).length && (e = t.$el.find(i.el)), "bullets" === i.type && i.clickable && e.addClass(i.clickableClass), e.addClass(i.modifierClass + i.type), "bullets" === i.type && i.dynamicBullets && (e.addClass("" + i.modifierClass + i.type + "-dynamic"), t.pagination.dynamicBulletIndex = 0, i.dynamicMainBullets < 1) && (i.dynamicMainBullets = 1), "progressbar" === i.type && i.progressbarOpposite && e.addClass(i.progressbarOppositeClass), i.clickable && e.on("click", "." + i.bulletClass, function (e) { e.preventDefault(); e = S(this).index() * t.params.slidesPerGroup; t.params.loop && (e += t.loopedSlides), t.slideTo(e) }), U.extend(t.pagination, { $el: e, el: e[0] })) }, destroy: function () { var e, t = this.params.pagination; t.el && this.pagination.el && this.pagination.$el && 0 !== this.pagination.$el.length && ((e = this.pagination.$el).removeClass(t.hiddenClass), e.removeClass(t.modifierClass + t.type), this.pagination.bullets && this.pagination.bullets.removeClass(t.bulletActiveClass), t.clickable) && e.off("click", "." + t.bulletClass) } }, P = { setTranslate: function () { var e, t, i, s, a, n, r, o; this.params.scrollbar.el && this.scrollbar.el && (i = this.scrollbar, e = this.rtlTranslate, o = this.progress, t = i.dragSize, s = i.$dragEl, a = i.$el, n = this.params.scrollbar, o = ((i = i.trackSize) - (r = t)) * o, e ? 0 < (o = -o) ? (r = t - o, o = 0) : i < -o + t && (r = i + o) : o < 0 ? (r = t + o, o = 0) : i < o + t && (r = i - o), this.isHorizontal() ? (s.transform("translate3d(" + o + "px, 0, 0)"), s[0].style.width = r + "px") : (s.transform("translate3d(0px, " + o + "px, 0)"), s[0].style.height = r + "px"), n.hide) && (clearTimeout(this.scrollbar.timeout), a[0].style.opacity = 1, this.scrollbar.timeout = setTimeout(function () { a[0].style.opacity = 0, a.transition(400) }, 1e3)) }, setTransition: function (e) { this.params.scrollbar.el && this.scrollbar.el && this.scrollbar.$dragEl.transition(e) }, updateSize: function () { var e, t, i, s, a, n, r; this.params.scrollbar.el && this.scrollbar.el && (t = (e = this.scrollbar).$dragEl, i = e.$el, t[0].style.width = "", t[0].style.height = "", s = this.isHorizontal() ? i[0].offsetWidth : i[0].offsetHeight, n = (a = this.size / (this.size * this.snapGrid.length)) * (s / this.size), r = "auto" === this.params.scrollbar.dragSize ? s * a : parseInt(this.params.scrollbar.dragSize, 10), this.isHorizontal() ? t[0].style.width = r + "px" : t[0].style.height = r + "px", i[0].style.display = 1 <= a ? "none" : "", this.params.scrollbar.hide && (i[0].style.opacity = 0), U.extend(e, { trackSize: s, divider: a, moveDivider: n, dragSize: r }), 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] : e).clientX : ("touchstart" === e.type || "touchmove" === e.type ? e.targetTouches[0] : e).clientY }, setDragPosition: function (e) { var t = this.scrollbar, i = this.rtlTranslate, s = t.$el, a = t.dragSize, n = t.trackSize, r = t.dragStartPos, t = (t.getPointerPosition(e) - s.offset()[this.isHorizontal() ? "left" : "top"] - (null !== r ? r : a / 2)) / (n - a), e = (t = Math.max(Math.min(t, 1), 0), i && (t = 1 - t), this.minTranslate() + (this.maxTranslate() - this.minTranslate()) * t); this.updateProgress(e), this.setTranslate(e), this.updateActiveIndex(), this.updateSlidesClasses() }, onDragStart: function (e) { var t = this.params.scrollbar, i = this.scrollbar, s = this.$wrapperEl, a = i.$el, n = i.$dragEl; this.scrollbar.isTouched = !0, this.scrollbar.dragStartPos = e.target === n[0] || e.target === n ? i.getPointerPosition(e) - e.target.getBoundingClientRect()[this.isHorizontal() ? "left" : "top"] : null, e.preventDefault(), e.stopPropagation(), s.transition(100), n.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 = U.nextTick(function () { a.css("opacity", 0), a.transition(400) }, 1e3)), this.emit("scrollbarDragEnd", e), t.snapOnRelease) && this.slideToClosest() }, enableDraggable: function () { var e, t, i, s, a; this.params.scrollbar.el && (i = this.scrollbar, e = this.touchEventsTouch, t = this.touchEventsDesktop, a = this.params, i = i.$el[0], s = !(!b.passiveListener || !a.passiveListeners) && { passive: !1, capture: !1 }, a = !(!b.passiveListener || !a.passiveListeners) && { passive: !0, capture: !1 }, b.touch ? (i.addEventListener(e.start, this.scrollbar.onDragStart, s), i.addEventListener(e.move, this.scrollbar.onDragMove, s), i.addEventListener(e.end, this.scrollbar.onDragEnd, a)) : (i.addEventListener(t.start, this.scrollbar.onDragStart, s), c.addEventListener(t.move, this.scrollbar.onDragMove, s), c.addEventListener(t.end, this.scrollbar.onDragEnd, a))) }, disableDraggable: function () { var e, t, i, s, a; this.params.scrollbar.el && (i = this.scrollbar, e = this.touchEventsTouch, t = this.touchEventsDesktop, a = this.params, i = i.$el[0], s = !(!b.passiveListener || !a.passiveListeners) && { passive: !1, capture: !1 }, a = !(!b.passiveListener || !a.passiveListeners) && { passive: !0, capture: !1 }, b.touch ? (i.removeEventListener(e.start, this.scrollbar.onDragStart, s), i.removeEventListener(e.move, this.scrollbar.onDragMove, s), i.removeEventListener(e.end, this.scrollbar.onDragEnd, a)) : (i.removeEventListener(t.start, this.scrollbar.onDragStart, s), c.removeEventListener(t.move, this.scrollbar.onDragMove, s), c.removeEventListener(t.end, this.scrollbar.onDragEnd, a))) }, init: function () { var e, t, i, s; this.params.scrollbar.el && (e = this.scrollbar, s = this.$el, i = S((t = this.params.scrollbar).el), 0 === (s = (i = this.params.uniqueNavElements && "string" == typeof t.el && 1 < i.length && 1 === s.find(t.el).length ? s.find(t.el) : i).find("." + this.params.scrollbar.dragClass)).length && (s = S('<div class="' + this.params.scrollbar.dragClass + '"></div>'), i.append(s)), U.extend(e, { $el: i, el: i[0], $dragEl: s, dragEl: s[0] }), t.draggable) && e.enableDraggable() }, destroy: function () { this.scrollbar.disableDraggable() } }, Q = { setTransform: function (e, t) { var i = this.rtl, e = S(e), i = i ? -1 : 1, s = e.attr("data-swiper-parallax") || "0", a = e.attr("data-swiper-parallax-x"), n = e.attr("data-swiper-parallax-y"), r = e.attr("data-swiper-parallax-scale"), o = e.attr("data-swiper-parallax-opacity"); a || n ? (a = a || "0", n = n || "0") : this.isHorizontal() ? (a = s, n = "0") : (n = s, a = "0"), a = 0 <= a.indexOf("%") ? parseInt(a, 10) * t * i + "%" : a * t * i + "px", n = 0 <= n.indexOf("%") ? parseInt(n, 10) * t + "%" : n * t + "px", null != o && (s = o - (o - 1) * (1 - Math.abs(t)), e[0].style.opacity = s), null == r ? e.transform("translate3d(" + a + ", " + n + ", 0px)") : (i = r - (r - 1) * (1 - Math.abs(t)), e.transform("translate3d(" + a + ", " + n + ", 0px) scale(" + i + ")")) }, setTranslate: function () { var s = this, e = s.$el, t = s.slides, a = s.progress, n = s.snapGrid; e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function (e, t) { s.parallax.setTransform(t, a) }), t.each(function (e, t) { var i = t.progress; 1 < s.params.slidesPerGroup && "auto" !== s.params.slidesPerView && (i += Math.ceil(e / 2) - a * (n.length - 1)), i = Math.min(Math.max(i, -1), 1), S(t).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each(function (e, t) { s.parallax.setTransform(t, i) }) }) }, setTransition: function (s) { void 0 === s && (s = 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 (e, t) { var t = S(t), i = parseInt(t.attr("data-swiper-parallax-duration"), 10) || s; 0 === s && (i = 0), t.transition(i) }) } }, Z = { getDistanceBetweenTouches: function (e) { var t, i, s; return e.targetTouches.length < 2 ? 1 : (t = e.targetTouches[0].pageX, i = e.targetTouches[0].pageY, s = e.targetTouches[1].pageX, e = e.targetTouches[1].pageY, Math.sqrt(Math.pow(s - t, 2) + Math.pow(e - i, 2))) }, onGestureStart: function (e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (i.fakeGestureTouched = !1, i.fakeGestureMoved = !1, !b.gestures) { if ("touchstart" !== e.type || "touchstart" === e.type && e.targetTouches.length < 2) return; i.fakeGestureTouched = !0, s.scaleStart = Z.getDistanceBetweenTouches(e) } s.$slideEl && s.$slideEl.length || (s.$slideEl = S(e.target).closest(".swiper-slide"), 0 === s.$slideEl.length && (s.$slideEl = this.slides.eq(this.activeIndex)), s.$imageEl = s.$slideEl.find("img, svg, canvas"), s.$imageWrapEl = s.$imageEl.parent("." + t.containerClass), s.maxRatio = s.$imageWrapEl.attr("data-swiper-zoom") || t.maxRatio, 0 !== s.$imageWrapEl.length) ? (s.$imageEl.transition(0), this.zoom.isScaling = !0) : s.$imageEl = void 0 }, onGestureChange: function (e) { var t = this.params.zoom, i = this.zoom, s = i.gesture; if (!b.gestures) { if ("touchmove" !== e.type || "touchmove" === e.type && e.targetTouches.length < 2) return; i.fakeGestureMoved = !0, s.scaleMove = Z.getDistanceBetweenTouches(e) } s.$imageEl && 0 !== s.$imageEl.length && (i.scale = b.gestures ? e.scale * i.currentScale : 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 (!b.gestures) { if (!i.fakeGestureTouched || !i.fakeGestureMoved) return; if ("touchend" !== e.type || "touchend" === e.type && e.changedTouches.length < 2 && !o.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, t = t.image; i.$imageEl && 0 !== i.$imageEl.length && !t.isTouched && (o.android && e.preventDefault(), t.isTouched = !0, t.touchesStart.x = ("touchstart" === e.type ? e.targetTouches[0] : e).pageX, t.touchesStart.y = ("touchstart" === e.type ? e.targetTouches[0] : 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 = U.getTranslate(i.$imageWrapEl[0], "x") || 0, s.startY = U.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 n = s.width * t.scale, r = s.height * t.scale; if (!(n < i.slideWidth && r < i.slideHeight)) { if (s.minX = Math.min(i.slideWidth / 2 - n / 2, 0), s.maxX = -s.minX, s.minY = Math.min(i.slideHeight / 2 - r / 2, 0), s.maxY = -s.minY, s.touchesCurrent.x = ("touchmove" === e.type ? e.targetTouches[0] : e).pageX, s.touchesCurrent.y = ("touchmove" === e.type ? e.targetTouches[0] : 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, t, i, s, a = this.zoom, n = a.gesture, r = a.image, o = a.velocity; n.$imageEl && 0 !== n.$imageEl.length && (r.isTouched && r.isMoved ? (r.isTouched = !1, r.isMoved = !1, e = o.x * (i = 300), e = r.currentX + e, t = o.y * (s = 300), t = r.currentY + t, 0 !== o.x && (i = Math.abs((e - r.currentX) / o.x)), 0 !== o.y && (s = Math.abs((t - r.currentY) / o.y)), o = Math.max(i, s), r.currentX = e, r.currentY = t, i = r.width * a.scale, s = r.height * a.scale, r.minX = Math.min(n.slideWidth / 2 - i / 2, 0), r.maxX = -r.minX, r.minY = Math.min(n.slideHeight / 2 - s / 2, 0), r.maxY = -r.minY, r.currentX = Math.max(Math.min(r.currentX, r.maxX), r.minX), r.currentY = Math.max(Math.min(r.currentY, r.maxY), r.minY), n.$imageWrapEl.transition(o).transform("translate3d(" + r.currentX + "px, " + r.currentY + "px,0)")) : (r.isTouched = !1, r.isMoved = !1)) }, 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, s, a, n = this.zoom, r = this.params.zoom, o = n.gesture, l = n.image; o.$slideEl || (o.$slideEl = this.clickedSlide ? S(this.clickedSlide) : this.slides.eq(this.activeIndex), o.$imageEl = o.$slideEl.find("img, svg, canvas"), o.$imageWrapEl = o.$imageEl.parent("." + r.containerClass)), o.$imageEl && 0 !== o.$imageEl.length && (o.$slideEl.addClass("" + r.zoomedSlideClass), l = void 0 === l.touchesStart.x && e ? (t = ("touchend" === e.type ? e.changedTouches[0] : e).pageX, ("touchend" === e.type ? e.changedTouches[0] : e).pageY) : (t = l.touchesStart.x, l.touchesStart.y), n.scale = o.$imageWrapEl.attr("data-swiper-zoom") || r.maxRatio, n.currentScale = o.$imageWrapEl.attr("data-swiper-zoom") || r.maxRatio, e ? (r = o.$slideEl[0].offsetWidth, e = o.$slideEl[0].offsetHeight, t = o.$slideEl.offset().left + r / 2 - t, l = o.$slideEl.offset().top + e / 2 - l, s = o.$imageEl[0].offsetWidth, a = o.$imageEl[0].offsetHeight, s = s * n.scale, a = a * n.scale, s = -(r = Math.min(r / 2 - s / 2, 0)), a = -(e = Math.min(e / 2 - a / 2, 0)), s < (i = (i = t * n.scale) < r ? r : i) && (i = s), a < (s = (s = l * n.scale) < e ? e : s) && (s = a)) : s = i = 0, o.$imageWrapEl.transition(300).transform("translate3d(" + i + "px, " + s + "px,0)"), o.$imageEl.transition(300).transform("translate3d(0,0,0) scale(" + n.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, t, i = this.zoom; i.enabled || (i.enabled = !0, e = !("touchstart" !== this.touchEvents.start || !b.passiveListener || !this.params.passiveListeners) && { passive: !0, capture: !1 }, t = !b.passiveListener || { passive: !1, capture: !0 }, b.gestures ? (this.$wrapperEl.on("gesturestart", ".swiper-slide", i.onGestureStart, e), this.$wrapperEl.on("gesturechange", ".swiper-slide", i.onGestureChange, e), this.$wrapperEl.on("gestureend", ".swiper-slide", i.onGestureEnd, e)) : "touchstart" === this.touchEvents.start && (this.$wrapperEl.on(this.touchEvents.start, ".swiper-slide", i.onGestureStart, e), this.$wrapperEl.on(this.touchEvents.move, ".swiper-slide", i.onGestureChange, t), this.$wrapperEl.on(this.touchEvents.end, ".swiper-slide", i.onGestureEnd, e), this.touchEvents.cancel) && this.$wrapperEl.on(this.touchEvents.cancel, ".swiper-slide", i.onGestureEnd, e), this.$wrapperEl.on(this.touchEvents.move, "." + this.params.zoom.containerClass, i.onTouchMove, t)) }, disable: function () { var e, t, i = this.zoom; i.enabled && (this.zoom.enabled = !1, e = !("touchstart" !== this.touchEvents.start || !b.passiveListener || !this.params.passiveListeners) && { passive: !0, capture: !1 }, t = !b.passiveListener || { passive: !1, capture: !0 }, b.gestures ? (this.$wrapperEl.off("gesturestart", ".swiper-slide", i.onGestureStart, e), this.$wrapperEl.off("gesturechange", ".swiper-slide", i.onGestureChange, e), this.$wrapperEl.off("gestureend", ".swiper-slide", i.onGestureEnd, e)) : "touchstart" === this.touchEvents.start && (this.$wrapperEl.off(this.touchEvents.start, ".swiper-slide", i.onGestureStart, e), this.$wrapperEl.off(this.touchEvents.move, ".swiper-slide", i.onGestureChange, t), this.$wrapperEl.off(this.touchEvents.end, ".swiper-slide", i.onGestureEnd, e), this.touchEvents.cancel) && this.$wrapperEl.off(this.touchEvents.cancel, ".swiper-slide", i.onGestureEnd, e), this.$wrapperEl.off(this.touchEvents.move, "." + this.params.zoom.containerClass, i.onTouchMove, t)) } }, J = { loadInSlide: function (e, o) { void 0 === o && (o = !0); var l, d = this, h = d.params.lazy; void 0 !== e && 0 !== d.slides.length && (e = (l = d.virtual && d.params.virtual.enabled ? d.$wrapperEl.children("." + d.params.slideClass + '[data-swiper-slide-index="' + e + '"]') : d.slides.eq(e)).find("." + h.elementClass + ":not(." + h.loadedClass + "):not(." + h.loadingClass + ")"), 0 !== (e = !l.hasClass(h.elementClass) || l.hasClass(h.loadedClass) || l.hasClass(h.loadingClass) ? e : e.add(l[0])).length) && e.each(function (e, t) { var i = S(t), s = (i.addClass(h.loadingClass), i.attr("data-background")), a = i.attr("data-src"), n = i.attr("data-srcset"), r = i.attr("data-sizes"); d.loadImage(i[0], a || s, n, r, !1, function () { var e, t; null == d || !d || d && !d.params || d.destroyed || (s ? (i.css("background-image", 'url("' + s + '")'), i.removeAttr("data-background")) : (n && (i.attr("srcset", n), i.removeAttr("data-srcset")), r && (i.attr("sizes", r), i.removeAttr("data-sizes")), a && (i.attr("src", a), i.removeAttr("data-src"))), i.addClass(h.loadedClass).removeClass(h.loadingClass), l.find("." + h.preloaderClass).remove(), d.params.loop && o && (e = l.attr("data-swiper-slide-index"), l.hasClass(d.params.slideDuplicateClass) ? (t = d.$wrapperEl.children('[data-swiper-slide-index="' + e + '"]:not(.' + d.params.slideDuplicateClass + ")"), d.lazy.loadInSlide(t.index(), !1)) : (t = d.$wrapperEl.children("." + d.params.slideDuplicateClass + '[data-swiper-slide-index="' + e + '"]'), d.lazy.loadInSlide(t.index(), !1))), d.emit("lazyImageReady", l[0], i[0])) }), d.emit("lazyImageLoad", l[0], i[0]) }) }, load: function () { var i = this, t = i.$wrapperEl, s = i.params, a = i.slides, e = i.activeIndex, n = i.virtual && s.virtual.enabled, r = s.lazy, o = s.slidesPerView; function l(e) { if (n) { if (t.children("." + s.slideClass + '[data-swiper-slide-index="' + e + '"]').length) return 1 } else if (a[e]) return 1 } function d(e) { return n ? S(e).attr("data-swiper-slide-index") : S(e).index() } if ("auto" === o && (o = 0), i.lazy.initialImageLoaded || (i.lazy.initialImageLoaded = !0), i.params.watchSlidesVisibility) t.children("." + s.slideVisibleClass).each(function (e, t) { t = n ? S(t).attr("data-swiper-slide-index") : S(t).index(); i.lazy.loadInSlide(t) }); else if (1 < o) for (var h = e; h < e + o; h += 1)l(h) && i.lazy.loadInSlide(h); else i.lazy.loadInSlide(e); if (r.loadPrevNext) if (1 < o || r.loadPrevNextAmount && 1 < r.loadPrevNextAmount) { for (var r = r.loadPrevNextAmount, c = o, p = Math.min(e + c + Math.max(r, c), a.length), c = Math.max(e - Math.max(c, r), 0), u = e + o; u < p; u += 1)l(u) && i.lazy.loadInSlide(u); for (var v = c; v < e; v += 1)l(v) && i.lazy.loadInSlide(v) } else { r = t.children("." + s.slideNextClass), c = (0 < r.length && i.lazy.loadInSlide(d(r)), t.children("." + s.slidePrevClass)); 0 < c.length && i.lazy.loadInSlide(d(c)) } } }, I = { LinearSpline: function (e, t) { var i, s, a, n, r; return this.x = e, this.y = t, this.lastIndex = e.length - 1, this.interpolate = function (e) { return e ? (r = ((e, t) => { for (s = -1, i = e.length; 1 < i - s;)e[a = i + s >> 1] <= t ? s = a : i = a; return i })(this.x, e), n = r - 1, (e - this.x[n]) * (this.y[r] - this.y[n]) / (this.x[r] - this.x[n]) + this.y[n]) : 0 }, this }, getInterpolateFunction: function (e) { this.controller.spline || (this.controller.spline = this.params.loop ? new I.LinearSpline(this.slidesGrid, e.slidesGrid) : new I.LinearSpline(this.snapGrid, e.snapGrid)) }, setTranslate: function (e, t) { var i, s, a = this, n = a.controller.control; function r(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(n)) for (var o = 0; o < n.length; o += 1)n[o] !== t && n[o] instanceof u && r(n[o]); else n instanceof u && t !== n && r(n) }, setTransition: function (t, e) { var i, s = this, a = s.controller.control; function n(e) { e.setTransition(t, s), 0 !== t && (e.transitionStart(), e.params.autoHeight && U.nextTick(function () { e.updateAutoHeight() }), e.$wrapperEl.transitionEnd(function () { a && (e.params.loop && "slide" === s.params.controller.by && e.loopFix(), e.transitionEnd()) })) } if (Array.isArray(a)) for (i = 0; i < a.length; i += 1)a[i] !== e && a[i] instanceof u && n(a[i]); else a instanceof u && e !== a && n(a) } }, ee = { 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; 13 === e.keyCode && (e = S(e.target), this.navigation && this.navigation.$nextEl && e.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 && e.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) && e.is("." + this.params.pagination.bulletClass) && e[0].click() }, notify: function (e) { var t = this.a11y.liveRegion; 0 !== t.length && (t.html(""), t.html(e)) }, updateNavigation: function () { var e, t; !this.params.loop && this.navigation && (e = (t = this.navigation).$nextEl, (t = t.$prevEl) && 0 < t.length && (this.isBeginning ? this.a11y.disableEl(t) : this.a11y.enableEl(t)), e) && 0 < e.length && (this.isEnd ? this.a11y.disableEl(e) : this.a11y.enableEl(e)) }, updatePagination: function () { var i = this, s = i.params.a11y; i.pagination && i.params.pagination.clickable && i.pagination.bullets && i.pagination.bullets.length && i.pagination.bullets.each(function (e, t) { t = S(t); i.a11y.makeElFocusable(t), i.a11y.addElRole(t, "button"), i.a11y.addElLabel(t, s.paginationBulletMessage.replace(/{{index}}/, t.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 && 0 < this.a11y.liveRegion.length && 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) } }, k = { init: function () { var e; this.params.history && (X.history && X.history.pushState ? ((e = this.history).initialized = !0, e.paths = k.getPathValues(), (e.paths.key || e.paths.value) && (e.scrollToSlide(0, e.paths.value, this.params.runCallbacksOnInit), this.params.history.replaceState || X.addEventListener("popstate", this.history.setHistoryPopState))) : (this.params.history.enabled = !1, this.params.hashNavigation.enabled = !0)) }, destroy: function () { this.params.history.replaceState || X.removeEventListener("popstate", this.history.setHistoryPopState) }, setHistoryPopState: function () { this.history.paths = k.getPathValues(), this.history.scrollToSlide(this.params.speed, this.history.paths.value, !1) }, getPathValues: function () { var e = X.location.pathname.slice(1).split("/").filter(function (e) { return "" !== e }), t = e.length; return { key: e[t - 2], value: e[t - 1] } }, setHistory: function (e, t) { this.history.initialized && this.params.history.enabled && (t = this.slides.eq(t), t = k.slugify(t.attr("data-history")), X.location.pathname.includes(e) || (t = e + "/" + t), (e = X.history.state) && e.value === t || (this.params.history.replaceState ? X.history.replaceState({ value: t }, null, t) : X.history.pushState({ value: t }, null, t))) }, 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 n = this.slides.eq(s); k.slugify(n.attr("data-history")) !== t || n.hasClass(this.params.slideDuplicateClass) || (n = n.index(), this.slideTo(n, e, i)) } else this.slideTo(0, e, i) } }, z = { onHashCange: function () { var e = c.location.hash.replace("#", ""); e !== this.slides.eq(this.activeIndex).attr("data-hash") && void 0 !== (e = this.$wrapperEl.children("." + this.params.slideClass + '[data-hash="' + e + '"]').index()) && this.slideTo(e) }, setHash: function () { var e; this.hashNavigation.initialized && this.params.hashNavigation.enabled && (this.params.hashNavigation.replaceState && X.history && X.history.replaceState ? X.history.replaceState(null, null, "#" + this.slides.eq(this.activeIndex).attr("data-hash") || "") : (e = (e = this.slides.eq(this.activeIndex)).attr("data-hash") || e.attr("data-history"), c.location.hash = e || "")) }, init: function () { if (!(!this.params.hashNavigation.enabled || this.params.history && this.params.history.enabled)) { this.hashNavigation.initialized = !0; var e = c.location.hash.replace("#", ""); if (e) for (var t = 0, i = this.slides.length; t < i; t += 1) { var s = this.slides.eq(t); (s.attr("data-hash") || s.attr("data-history")) !== e || s.hasClass(this.params.slideDuplicateClass) || (s = s.index(), this.slideTo(s, 0, this.params.runCallbacksOnInit, !0)) } this.params.hashNavigation.watchState && S(X).on("hashchange", this.hashNavigation.onHashCange) } }, destroy: function () { this.params.hashNavigation.watchState && S(X).off("hashchange", this.hashNavigation.onHashCange) } }, M = { 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 = U.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())) } }, te = { setTranslate: function () { for (var e = this.slides, t = 0; t < e.length; t += 1) { var i = this.slides.eq(t), s = -i[0].swiperSlideOffset, a = (this.params.virtualTranslate || (s -= this.translate), 0), n = (this.isHorizontal() || (a = s, s = 0), 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: n }).transform("translate3d(" + s + "px, " + a + "px, 0px)") } }, setTransition: function (e) { var i, s = this, t = s.slides, a = s.$wrapperEl; t.transition(e), s.params.virtualTranslate && 0 !== e && (i = !1, t.transitionEnd(function () { if (!i && s && !s.destroyed) { i = !0, s.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], t = 0; t < e.length; t += 1)a.trigger(e[t]) } })) } }, ie = { setTranslate: function () { var e, t = this.$el, i = this.$wrapperEl, s = this.slides, a = this.width, n = this.height, r = this.rtlTranslate, o = this.size, l = this.params.cubeEffect, d = this.isHorizontal(), h = this.virtual && this.params.virtual.enabled, c = 0; l.shadow && (d ? (0 === (e = i.find(".swiper-cube-shadow")).length && (e = S('<div class="swiper-cube-shadow"></div>'), i.append(e)), e.css({ height: a + "px" })) : 0 === (e = t.find(".swiper-cube-shadow")).length && (e = S('<div class="swiper-cube-shadow"></div>'), t.append(e))); for (var p, u = 0; u < s.length; u += 1) { var v = s.eq(u), m = u, g = 90 * (m = h ? parseInt(v.attr("data-swiper-slide-index"), 10) : m), f = Math.floor(g / 360), w = (r && (g = -g, f = Math.floor(-g / 360)), Math.max(Math.min(v[0].progress, 1), -1)), y = 0, b = 0, E = 0, f = (m % 4 == 0 ? (y = 4 * -f * o, E = 0) : (m - 1) % 4 == 0 ? (y = 0, E = 4 * -f * o) : (m - 2) % 4 == 0 ? (y = o + 4 * f * o, E = o) : (m - 3) % 4 == 0 && (y = -o, E = 3 * o + 4 * o * f), r && (y = -y), d || (b = y, y = 0), "rotateX(" + (d ? 0 : -g) + "deg) rotateY(" + (d ? g : 0) + "deg) translate3d(" + y + "px, " + b + "px, " + E + "px)"); w <= 1 && -1 < w && (c = 90 * m + 90 * w, r) && (c = 90 * -m - 90 * w), v.transform(f), l.slideShadows && (g = d ? v.find(".swiper-slide-shadow-left") : v.find(".swiper-slide-shadow-top"), y = d ? v.find(".swiper-slide-shadow-right") : v.find(".swiper-slide-shadow-bottom"), 0 === g.length && (g = S('<div class="swiper-slide-shadow-' + (d ? "left" : "top") + '"></div>'), v.append(g)), 0 === y.length && (y = S('<div class="swiper-slide-shadow-' + (d ? "right" : "bottom") + '"></div>'), v.append(y)), g.length && (g[0].style.opacity = Math.max(-w, 0)), y.length) && (y[0].style.opacity = Math.max(w, 0)) } i.css({ "-webkit-transform-origin": "50% 50% -" + o / 2 + "px", "-moz-transform-origin": "50% 50% -" + o / 2 + "px", "-ms-transform-origin": "50% 50% -" + o / 2 + "px", "transform-origin": "50% 50% -" + o / 2 + "px" }), l.shadow && (d ? e.transform("translate3d(0px, " + (a / 2 + l.shadowOffset) + "px, " + -a / 2 + "px) rotateX(90deg) rotateZ(0deg) scale(" + l.shadowScale + ")") : (t = Math.abs(c) - 90 * Math.floor(Math.abs(c) / 90), a = 1.5 - (Math.sin(2 * t * Math.PI / 360) / 2 + Math.cos(2 * t * Math.PI / 360) / 2), t = l.shadowScale, a = l.shadowScale / a, p = l.shadowOffset, e.transform("scale3d(" + t + ", 1, " + a + ") translate3d(0px, " + (n / 2 + p) + "px, " + -n / 2 / a + "px) rotateX(-90deg)"))), i.transform("translate3d(0px,0," + (C.isSafari || C.isUiWebView ? -o / 2 : 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) } }, se = { setTranslate: function () { for (var e = this.slides, t = this.rtlTranslate, i = 0; i < e.length; i += 1) { var s, a, n = e.eq(i), r = n[0].progress, o = -180 * (r = this.params.flipEffect.limitRotation ? Math.max(Math.min(n[0].progress, 1), -1) : r), l = 0, d = -n[0].swiperSlideOffset, h = 0; this.isHorizontal() ? t && (o = -o) : (h = d, l = -o, o = d = 0), n[0].style.zIndex = -Math.abs(Math.round(r)) + e.length, this.params.flipEffect.slideShadows && (s = this.isHorizontal() ? n.find(".swiper-slide-shadow-left") : n.find(".swiper-slide-shadow-top"), a = this.isHorizontal() ? n.find(".swiper-slide-shadow-right") : n.find(".swiper-slide-shadow-bottom"), 0 === s.length && (s = S('<div class="swiper-slide-shadow-' + (this.isHorizontal() ? "left" : "top") + '"></div>'), n.append(s)), 0 === a.length && (a = S('<div class="swiper-slide-shadow-' + (this.isHorizontal() ? "right" : "bottom") + '"></div>'), n.append(a)), s.length && (s[0].style.opacity = Math.max(-r, 0)), a.length) && (a[0].style.opacity = Math.max(r, 0)), n.transform("translate3d(" + d + "px, " + h + "px, 0px) rotateX(" + l + "deg) rotateY(" + o + "deg)") } }, setTransition: function (e) { var i, s = this, t = s.slides, a = s.activeIndex, n = s.$wrapperEl; t.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e), s.params.virtualTranslate && 0 !== e && (i = !1, t.eq(a).transitionEnd(function () { if (!i && s && !s.destroyed) { i = !0, s.animating = !1; for (var e = ["webkitTransitionEnd", "transitionend"], t = 0; t < e.length; t += 1)n.trigger(e[t]) } })) } }, ae = { setTranslate: function () { for (var e = this.width, t = this.height, i = this.slides, s = this.$wrapperEl, a = this.slidesSizesGrid, n = this.params.coverflowEffect, r = this.isHorizontal(), o = this.translate, l = r ? e / 2 - o : t / 2 - o, d = r ? n.rotate : -n.rotate, h = n.depth, c = 0, p = i.length; c < p; c += 1) { var u = i.eq(c), v = a[c], v = (l - u[0].swiperSlideOffset - v / 2) / v * n.modifier, m = r ? d * v : 0, g = r ? 0 : d * v, f = -h * Math.abs(v), w = r ? 0 : n.stretch * v, y = r ? n.stretch * v : 0, y = (Math.abs(y) < .001 && (y = 0), Math.abs(w) < .001 && (w = 0), Math.abs(f) < .001 && (f = 0), Math.abs(m) < .001 && (m = 0), "translate3d(" + y + "px," + w + "px," + f + "px) rotateX(" + (g = Math.abs(g) < .001 ? 0 : g) + "deg) rotateY(" + m + "deg)"); u.transform(y), u[0].style.zIndex = 1 - Math.abs(Math.round(v)), n.slideShadows && (w = r ? u.find(".swiper-slide-shadow-left") : u.find(".swiper-slide-shadow-top"), f = r ? u.find(".swiper-slide-shadow-right") : u.find(".swiper-slide-shadow-bottom"), 0 === w.length && (w = S('<div class="swiper-slide-shadow-' + (r ? "left" : "top") + '"></div>'), u.append(w)), 0 === f.length && (f = S('<div class="swiper-slide-shadow-' + (r ? "right" : "bottom") + '"></div>'), u.append(f)), w.length && (w[0].style.opacity = 0 < v ? v : 0), f.length) && (f[0].style.opacity = 0 < -v ? -v : 0) } (b.pointerEvents || b.prefixedPointerEvents) && (s[0].style.perspectiveOrigin = l + "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) } }, ne = { init: function () { var e = this.params.thumbs, t = this.constructor; e.swiper instanceof t ? (this.thumbs.swiper = e.swiper, U.extend(this.thumbs.swiper.originalParams, { watchSlidesProgress: !0, slideToClickedSlide: !1 }), U.extend(this.thumbs.swiper.params, { watchSlidesProgress: !0, slideToClickedSlide: !1 })) : U.isObject(e.swiper) && (this.thumbs.swiper = new t(U.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, t, i, s = this.thumbs.swiper; s && (e = s.clickedIndex, (i = s.clickedSlide) && S(i).hasClass(this.params.thumbs.slideThumbActiveClass) || null == e || (i = s.params.loop ? parseInt(S(s.clickedSlide).attr("data-swiper-slide-index"), 10) : e, this.params.loop && (s = this.activeIndex, this.slides.eq(s).hasClass(this.params.slideDuplicateClass) && (this.loopFix(), this._clientLeft = this.$wrapperEl[0].clientLeft, s = this.activeIndex), e = this.slides.eq(s).prevAll('[data-swiper-slide-index="' + i + '"]').eq(0).index(), t = this.slides.eq(s).nextAll('[data-swiper-slide-index="' + i + '"]').eq(0).index(), i = void 0 === e || void 0 !== t && t - s < s - e ? t : e), this.slideTo(i))) }, update: function (e) { var t = this.thumbs.swiper; if (t) { var i, s, a, n = "auto" === t.params.slidesPerView ? t.slidesPerViewDynamic() : t.params.slidesPerView, r = (this.realIndex !== t.realIndex && (i = t.activeIndex, a = t.params.loop ? (t.slides.eq(i).hasClass(t.params.slideDuplicateClass) && (t.loopFix(), t._clientLeft = t.$wrapperEl[0].clientLeft, i = t.activeIndex), s = t.slides.eq(i).prevAll('[data-swiper-slide-index="' + this.realIndex + '"]').eq(0).index(), a = t.slides.eq(i).nextAll('[data-swiper-slide-index="' + this.realIndex + '"]').eq(0).index(), void 0 === s ? a : void 0 === a ? s : a - i == i - s ? i : a - i < i - s ? a : s) : this.realIndex, t.visibleSlidesIndexes) && t.visibleSlidesIndexes.indexOf(a) < 0 && (t.params.centeredSlides ? a = i < a ? a - Math.floor(n / 2) + 1 : a + Math.floor(n / 2) - 1 : i < a && (a = a - n + 1), t.slideTo(a, e ? 0 : void 0)), 1), o = this.params.thumbs.slideThumbActiveClass; if (1 < this.params.slidesPerView && !this.params.centeredSlides && (r = this.params.slidesPerView), this.params.thumbs.multipleActiveThumbs || (r = 1), r = Math.floor(r), t.slides.removeClass(o), t.params.loop || t.params.virtual && t.params.virtual.enabled) for (var l = 0; l < r; l += 1)t.$wrapperEl.children('[data-swiper-slide-index="' + (this.realIndex + l) + '"]').addClass(o); else for (var d = 0; d < r; d += 1)t.slides.eq(this.realIndex + d).addClass(o) } } }, O = [v, j, Y, m, f, y, E, { name: "mousewheel", params: { mousewheel: { enabled: !1, releaseOnEdges: !1, invert: !1, forceToAxis: !1, sensitivity: 1, eventsTarged: "container" } }, create: function () { U.extend(this, { mousewheel: { enabled: !1, enable: x.enable.bind(this), disable: x.disable.bind(this), handle: x.handle.bind(this), handleMouseEnter: x.handleMouseEnter.bind(this), handleMouseLeave: x.handleMouseLeave.bind(this), animateSlider: x.animateSlider.bind(this), releaseScroll: x.releaseScroll.bind(this), lastScrollTime: U.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 () { U.extend(this, { navigation: { init: A.init.bind(this), update: A.update.bind(this), destroy: A.destroy.bind(this), onNextClick: A.onNextClick.bind(this), onPrevClick: A.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, s = i.$nextEl, i = i.$prevEl; !this.params.navigation.hideOnClick || S(e.target).is(i) || S(e.target).is(s) || (s ? t = s.hasClass(this.params.navigation.hiddenClass) : i && (t = i.hasClass(this.params.navigation.hiddenClass)), !0 === t ? this.emit("navigationShow", this) : this.emit("navigationHide", this), s && s.toggleClass(this.params.navigation.hiddenClass), i && i.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 () { U.extend(this, { pagination: { init: L.init.bind(this), render: L.render.bind(this), update: L.update.bind(this), destroy: L.destroy.bind(this), dynamicBulletIndex: 0 } }) }, on: { init: function () { this.pagination.init(), this.pagination.render(), this.pagination.update() }, activeIndexChange: function () { !this.params.loop && 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 && 0 < this.pagination.$el.length && !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 () { U.extend(this, { scrollbar: { init: P.init.bind(this), destroy: P.destroy.bind(this), updateSize: P.updateSize.bind(this), setTranslate: P.setTranslate.bind(this), setTransition: P.setTransition.bind(this), enableDraggable: P.enableDraggable.bind(this), disableDraggable: P.disableDraggable.bind(this), setDragPosition: P.setDragPosition.bind(this), getPointerPosition: P.getPointerPosition.bind(this), onDragStart: P.onDragStart.bind(this), onDragMove: P.onDragMove.bind(this), onDragEnd: P.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 () { U.extend(this, { parallax: { setTransform: Q.setTransform.bind(this), setTranslate: Q.setTranslate.bind(this), setTransition: Q.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 s = 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 } }, a = ("onGestureStart onGestureChange onGestureEnd onTouchStart onTouchMove onTouchEnd onTransitionEnd toggle enable disable in out".split(" ").forEach(function (e) { t[e] = Z[e].bind(s) }), U.extend(s, { zoom: t }), 1); Object.defineProperty(s.zoom, "scale", { get: function () { return a }, set: function (e) { var t, i; a !== e && (t = s.zoom.gesture.$imageEl ? s.zoom.gesture.$imageEl[0] : void 0, i = s.zoom.gesture.$slideEl ? s.zoom.gesture.$slideEl[0] : void 0, s.emit("zoomChange", e, t, i)), a = e } }) }, 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 () { U.extend(this, { lazy: { initialImageLoaded: !1, load: J.load.bind(this), loadInSlide: J.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 () { U.extend(this, { controller: { control: this.params.controller.control, getInterpolateFunction: I.getInterpolateFunction.bind(this), setTranslate: I.setTranslate.bind(this), setTransition: I.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 t = this; U.extend(t, { a11y: { liveRegion: S('<span class="' + t.params.a11y.notificationClass + '" aria-live="assertive" aria-atomic="true"></span>') } }), Object.keys(ee).forEach(function (e) { t.a11y[e] = ee[e].bind(t) }) }, 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 () { U.extend(this, { history: { init: k.init.bind(this), setHistory: k.setHistory.bind(this), setHistoryPopState: k.setHistoryPopState.bind(this), scrollToSlide: k.scrollToSlide.bind(this), destroy: k.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 () { U.extend(this, { hashNavigation: { initialized: !1, init: z.init.bind(this), destroy: z.destroy.bind(this), setHash: z.setHash.bind(this), onHashCange: z.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 t = this; U.extend(t, { autoplay: { running: !1, paused: !1, run: M.run.bind(t), start: M.start.bind(t), stop: M.stop.bind(t), pause: M.pause.bind(t), onVisibilityChange: function () { "hidden" === document.visibilityState && t.autoplay.running && t.autoplay.pause(), "visible" === document.visibilityState && t.autoplay.paused && (t.autoplay.run(), t.autoplay.paused = !1) }, onTransitionEnd: function (e) { t && !t.destroyed && t.$wrapperEl && e.target === this && (t.$wrapperEl[0].removeEventListener("transitionend", t.autoplay.onTransitionEnd), t.$wrapperEl[0].removeEventListener("webkitTransitionEnd", t.autoplay.onTransitionEnd), t.autoplay.paused = !1, t.autoplay.running ? t.autoplay.run() : t.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 () { U.extend(this, { fadeEffect: { setTranslate: te.setTranslate.bind(this), setTransition: te.setTransition.bind(this) } }) }, on: { beforeInit: function () { var e; "fade" === this.params.effect && (this.classNames.push(this.params.containerModifierClass + "fade"), U.extend(this.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }), U.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 () { U.extend(this, { cubeEffect: { setTranslate: ie.setTranslate.bind(this), setTransition: ie.setTransition.bind(this) } }) }, on: { beforeInit: function () { var e; "cube" === this.params.effect && (this.classNames.push(this.params.containerModifierClass + "cube"), this.classNames.push(this.params.containerModifierClass + "3d"), U.extend(this.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, resistanceRatio: 0, spaceBetween: 0, centeredSlides: !1, virtualTranslate: !0 }), U.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 () { U.extend(this, { flipEffect: { setTranslate: se.setTranslate.bind(this), setTransition: se.setTransition.bind(this) } }) }, on: { beforeInit: function () { var e; "flip" === this.params.effect && (this.classNames.push(this.params.containerModifierClass + "flip"), this.classNames.push(this.params.containerModifierClass + "3d"), U.extend(this.params, e = { slidesPerView: 1, slidesPerColumn: 1, slidesPerGroup: 1, watchSlidesProgress: !0, spaceBetween: 0, virtualTranslate: !0 }), U.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 () { U.extend(this, { coverflowEffect: { setTranslate: ae.setTranslate.bind(this), setTransition: ae.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 () { U.extend(this, { thumbs: { swiper: null, init: ne.init.bind(this), update: ne.update.bind(this), onThumbClick: ne.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 === u.use && (u.use = u.Class.use, u.installModule = u.Class.installModule), u.use(O), u }); let ANIUTIL = { scrollController: function () { let i = {}, e = navigator.userAgent.toLowerCase(), s = -1 < e.indexOf("mac os"), a = document.scrollingElement || document.documentElement || document.body.parentNode || document.body, n = s ? 60 : 120, r, o, l, d, h = a === document.body && document.documentElement ? document.documentElement : a, t = !1, c = null; let p = { wheel: function () { "Netscape" == navigator.appName && -1 != navigator.userAgent.search("Trident") || -1 != e.indexOf("msie") ? document.documentElement.addEventListener("mousewheel", u.scrollEvent, { passive: !1 }) : document.documentElement.addEventListener("wheel", u.scrollEvent, { passive: !1 }) }, scroll: function () { window.addEventListener("scroll", function () { "hidden" == document.documentElement.style.overflow || "hidden" == document.body.style.overflow || t || (l = a.scrollTop) }) } }, u = { scrollEvent: function (e) { var t; "hidden" != document.documentElement.style.overflow && "hidden" != document.body.style.overflow && (e.preventDefault(), t = document.body.getAttribute("data-scroll-speed"), e = u.normalizeWheelDelta(e), t = i.currDelta && t ? t : t || r ? r : 120, l += -e * t, d = Math.max(0, Math.min(l, a.scrollHeight - h.clientHeight)), u.update()) }, normalizeWheelDelta: function (e) { return e.detail ? e.wheelDelta ? e.wheelDelta / e.detail / 40 * (0 < e.detail ? 1 : -1) : -e.detail / 3 : e.wheelDelta / 120 }, update: function () { var e = d - a.scrollTop, e = Math.ceil(a.scrollTop + e) <= 0 ? 0 : l > d ? d : Math.ceil(a.scrollTop + e); t = !0, TweenMax.to(a, o, { ease: "circ.out", scrollTop: e, onComplete: function () { clearTimeout(c), c = null, c = setTimeout(function () { t = !1, l = a.scrollTop }, 500) } }), l <= 0 ? l = 0 : l >= d && (l = d) } }; return { init: function (e) { var t; return t = e, r = t.speed ? s ? t.speed / 2 : t.speed : n, o = t.duration || .6, l = a.scrollTop, p.wheel(), p.scroll(), this.opt = e }, destroy: function (e) { document.documentElement.removeEventListener("mousewheel", u.scrollEvent), document.documentElement.removeEventListener("wheel", u.scrollEvent), e && (i = {}) } } } }, UTILS = (window.RING = window.RING || {}, (() => { return { isIosDevice: ((s = /iPad|iPhone|iPod/.test(navigator.userAgent)) ? document.documentElement.classList.add("isIosDevice") : document.documentElement.classList.add("isNotIosDevice"), s), checkGlobal: void (0 === location.pathname.indexOf("/global/galaxy") || !0 === window.IS_CAMPAIGN ? document.documentElement.classList.add("global") : document.documentElement.classList.add("dotcom")), checkOS: (() => { let e = navigator.appVersion.match(/(mac|win|linux)/i); e = e ? e[1].toLowerCase() : "", document.documentElement.classList.add(e) })(), isFireFox: void (/firefox/i.test(navigator.userAgent) && document.documentElement.classList.add("firefox")), isWebkit: void (/applewebkit/i.test(navigator.userAgent) && document.documentElement.classList.add("webkit")), isChrome: void (/chrome/i.test(navigator.userAgent) && document.documentElement.classList.add("chrome")), isOpera: void (/opera/i.test(navigator.userAgent) && document.documentElement.classList.add("opera")), isIos: void (/ip(ad|hone|od)/i.test(navigator.userAgent) && document.documentElement.classList.add("ios")), isCrIos: void (/crios/i.test(navigator.userAgent) && document.documentElement.classList.add("crios")), isAndroid: void (/android/i.test(navigator.userAgent) && document.documentElement.classList.add("android")), isSafari: (s = /applewebkit/i.test(navigator.userAgent), i = /chrome/i.test(navigator.userAgent), void (s && !i && document.documentElement.classList.add("safari"))), isHuawei: void (/HUAWEICLT/i.test(navigator.userAgent) && document.documentElement.classList.add("huawei")), isUCBrowser: void (/UCBrowser/i.test(navigator.userAgent) && document.documentElement.classList.add("ucbrowser")), winSize: (s = "Netscape" === navigator.appName, i = -1 !== navigator.appVersion.indexOf("Mac"), e = -1 !== navigator.userAgent.indexOf("Safari"), t = -1 !== navigator.userAgent.indexOf("Chrome"), s && !i && e && !t ? function () { return { w: $(win).width(), h: $(win).height() } } : function () { return { w: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, h: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight } }), requestAFrame: window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (e) { return window.setTimeout(e, 1e3 / 60) }, cancelAFrame: window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || window.msCancelAnimationFrame || function (e) { window.clearTimeout(e) }, isObject: function (e) { return "object" == typeof e && null !== e && e.constructor && e.constructor === Object }, def: function () { let t = [], e = arguments.length; for (; e--;)t[e] = arguments[e]; var i = Object(t[0]); for (let e = 1; e < t.length; e += 1) { var s = t[e]; if (null != s) { var a = Object.keys(Object(s)); for (let e = 0, t = a.length; e < t; e += 1) { var n = a[e], r = Object.getOwnPropertyDescriptor(s, n); void 0 !== r && r.enumerable && (this.isObject(i[n]) && this.isObject(s[n]) ? this.def(i[n], s[n]) : !this.isObject(i[n]) && this.isObject(s[n]) ? (i[n] = {}, this.def(i[n], s[n])) : i[n] = s[n]) } } } return i }, convertArray: function (e) { return Array.prototype.slice.call(e) }, getOffset: function (e) { return { top: e.getBoundingClientRect().top + window.pageYOffset, bottom: e.getBoundingClientRect().bottom + window.pageYOffset } }, getScroll: function () { var e = window.pageYOffset; return { top: e, bottom: e + window.innerHeight } }, setCookie: function (e, t, i) { var s = new Date; s.setTime(s.getTime() + 60 * i * 60 * 24 * 1e3), document.cookie = e + "=" + t + "; exprires=" + s.toUTCString() + "; path=/" }, getCookie: function (e) { e = document.cookie.match("(^|;) ?" + e + "=([^;]*)(;|$)"); return e ? e[2] : null }, getHeight: function (e) { if (e) { var t = window.getComputedStyle(e), i = t.display, t = parseInt(t.maxHeight); const s = 0; return "none" != i && 0 != t ? e.offsetHeight : (e.style.position = "absolute", e.style.visibility = "hidden", e.style.display = "block", s = e.offsetHeight, e.style.display = "", e.style.position = "", e.style.visibility = "", s) } return 0 }, isRTL: function () { return document.documentElement.classList.contains("rtl") }, checkRegion: function () { var t = document.getElementsByTagName("meta"); let i = ""; for (let e = 0; e < t.length; e++)if ("sitecode" == t[e].getAttribute("name")) return i = t[e].getAttribute("content"); if ("" == i) return -1 < document.location.pathname.indexOf("global") ? "global" : "jp" }, isLowNetwork: function () { var e = UTILS.getCookie("___GALAXY_SPEED") || UTILS.getCookie("__COM_SPEED"); return null != e && ("L" == e || "H" != e && void 0) }, getNavHeight: function () { let e = 0; var t, i, s = document.querySelector(".pd-g-header-navigation") || document.querySelector("#subnav") || document.querySelector(".sticky-menu") || document.querySelector(".pd-g-floating-nav"); return e = s ? s.classList.contains("pd-g-header-navigation") ? (i = (t = s.querySelector(".pd-header-navigation")).querySelector(".pd-header-navigation__menu-wrap"), t.clientHeight + i.clientHeight) : s.clientHeight : e }, isBrokenFixed: function () { var e = window.innerWidth, t = window.innerHeight; let i = !1; return document.documentElement.classList.remove("is-broken-fixed"), 1440 <= e && t <= 540 || e <= 810 && t / e < .5277 || t < UTILS.MIN_VIEW_HEIGHT ? (document.documentElement.classList.add("is-broken-fixed"), i = !0) : document.documentElement.classList.remove("is-broken-fixed"), i }, isTouchDevice: ((s = "ontouchstart" in window || window.DocumentTouch && document instanceof window.DocumentTouch) ? document.documentElement.classList.add("isTouchDevice") : document.documentElement.classList.add("isNotTouchDevice"), s), isIEorEdge: (() => { let e; var t = navigator.userAgent.toLowerCase(); if ("Microsoft Internet Explorer" == navigator.appName) e = "msie "; else if (-1 < t.search("trident")) e = "trident/.*rv:"; else { if (!(-1 < t.search("edge/"))) return -1; e = "edge/" } return null != new RegExp(e + "([0-9]{1,})(\\.{0,}[0-9]{0,1})").exec(t) ? (document.documentElement.classList.add("isIEorEdge"), parseFloat(RegExp.$1 + RegExp.$2)) : -1 })(), page: { scrollLock: { className: "is-no-scroll", barWidth: function () { return window.innerWidth - document.documentElement.clientWidth }, el: $("html"), run: function (e) { document.documentElement.style.paddingRight = e + "px" }, off: function () { this.barWidth(); this.el.removeClass(this.className), this.el.removeClass("hive-layer-scroll-lock"), this.run(0) }, on: function () { var e = this.barWidth(); this.el.addClass(this.className), this.run(e) } } }, MIN_VIEW_HEIGHT: 400, RESPONSIVE: { PC: { NAME: "pc", WIDTH: 1440 }, TABLET: { NAME: "tablet", WIDTH: 1024 }, MOBILE: { NAME: "mobile", WIDTH: 767 } } }; var e, t, i, s })()); RING.UTILS = UTILS, (() => { window.RING = window.RING || {}; let p = RING.UTILS; RING.ImageLoader = class { constructor(e = container, t) { t = { el: e, lazyClass: ".js-img-src", lazyCompleteClass: "load-complete", responsiveClass: t.responsiveClass || ".js-res-img", loadOption: t.loadOption, visiblePoint: t.visiblePoint || 0, useDefaultImg: t.useDefaultImg, resizeStart: null }; this.opts = t, this.classes = t.classes, this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: this.lazyEvent.bind(this) }, this.el = document.querySelector(e), 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 = !1, this.opts.useDefaultImg && this.setDefaultImage() } getLazyImage() { let t = []; var e = this.el.children; Array.from(e).forEach(e => { e.classList.contains("is-feature-hide") || (e = e.querySelectorAll(this.opts.lazyClass), t.push(...e)) }), this.lazyImages = t, this.lazyLength = t.length } getResponsiveImage() { var e = this.el.querySelectorAll(this.opts.responsiveClass); this.responsiveImages = e, this.responsiveLength = e.length } bindEvents() { window.addEventListener("load", this.events.load), window.addEventListener("scroll", this.events.scroll), 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(), this.lazyLength === this.lazyCompleteLength && window.removeEventListener("scroll", this.events.scroll) } responsiveHandler() { this.windowWidth = window.innerWidth; var a = this.opts.loadOption.length; for (let s = 0; s < a; s++) { let e = s + 1, t = e == a ? 0 : this.opts.loadOption[e].resolution, i = !1; (i = (0 == s || this.windowWidth <= this.opts.loadOption[s].resolution) && this.windowWidth > t) && this.opts.loadOption[s].attribute !== this.oldAttr && (this.targetAttr = this.opts.loadOption[s].attribute, this.oldAttr = this.targetAttr, this.attrIndex = s, this.dynamicCallCount = 0, this.setResponsiveImage()) } } setResponsiveImage(i) { if (i) for (let t = 0; t < i.length; t++) { var s = i[t]; let e = i[t].getAttribute(this.targetAttr); e = e || this.findImageHandler(s), void 0 === window.GALAXY && !window.GALAXY && (-1 < e.indexOf(".jpg") || -1 < e.indexOf(".png")) && (e += "?imbypass=true"), i[t].classList.contains(this.opts.lazyCompleteClass) || (i[t].setAttribute("src", e), i[t].classList.add(this.opts.lazyCompleteClass)) } else for (let t = 0; t < this.responsiveLength; t++) { var a = this.responsiveImages[t]; let e = a.getAttribute(this.targetAttr); e = e || this.findImageHandler(a), void 0 === window.GALAXY && !window.GALAXY && (-1 < e.indexOf(".jpg") || -1 < e.indexOf(".png")) && (e += "?imbypass=true"), a.classList.contains(this.opts.lazyCompleteClass) && a.setAttribute("src", e) } } checkCompleteImage() { var e = this.el.querySelectorAll("." + this.opts.lazyCompleteClass); this.lazyCompleteLength = e.length } setDefaultImage() { for (var e = 0; e < this.lazyLength; e++)this.lazyImages[e].setAttribute("src", "data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAAAACwAAAAAAQABAAACAkQBADs=") } setLazyImage() { this.windowHeight = window.innerHeight; for (let d = 0; d < this.lazyLength; d++) { let t = this.lazyImages[d], e = this.windowHeight * this.opts.visiblePoint, i = p.getScroll.call(this).top - e, s = p.getScroll.call(this).bottom + e, a = p.getOffset.call(this, t).top, n = p.getOffset.call(this, t).bottom, r = this.opts.lazyClass.split("."), o = r[r.length - 1], l; var h, c; if ("none" === window.getComputedStyle(t).display ? null != (h = t.parentNode).offsetParent && (l = h.offsetParent, a = p.getOffset.call(this, h).top, n = p.getOffset.call(this, h).bottom) : l = t.offsetParent, (s > a && i <= a || i < n && s > n || i < a && s > n || i > a && s < n) && null != l) { let e = t.getAttribute(this.targetAttr); e = e || this.findImageHandler(t), void 0 === window.GALAXY && !window.GALAXY && (-1 < e.indexOf(".jpg") || -1 < e.indexOf(".png")) && (e += "?imbypass=true"), t.classList.contains(this.opts.lazyCompleteClass) || (t.setAttribute("src", e), c = () => { 1 == this.opts.lazyClass.split(" ").length && t.classList.remove(o), this.checkCompleteImage(), t.removeEventListener("load", c) }, t.addEventListener("load", c), t.classList.add(this.opts.lazyCompleteClass)) } } } findRemainingImageAttr(e) { for (var t = this.opts.loadOption.length, i = 0; i < t; i++) { var s = e.getAttribute(this.opts.loadOption[i].attribute); if (s) return s } } findNextImageAttr(t) { for (let e = this.attrIndex; 0 <= e; e--) { var i = t.getAttribute(this.opts.loadOption[e].attribute); if (i) return i; if (0 == e && null == i) return this.findRemainingImageAttr(t) } } findImageHandler(e) { return 0 !== this.attrIndex ? this.findNextImageAttr(e) : this.findRemainingImageAttr(e) } } })(), (() => { window.RING = window.RING || {}; let e = RING.UTILS, t = e.RESPONSIVE; class i { constructor(e = container, t) { t = { el: e, lazyClass: t.lazyClass || ".js-video-src", responsiveClass: t.responsiveClass || ".js-res-video", imageLazyCompleteClass: "load-complete", notLoadElement: t.notLoadElement || [], loadOption: t.loadOption, visiblePoint: t.visiblePoint || 0, resizeStart: null, classes: { loaded: "loaded", ended: "ended" } }; this.opts = t, this.classes = t.classes, this.el = document.querySelector(e), this.init() } init() { this.initOpts(), this.getLazyVideo(), this.getResponsiveVideo(), this.bindEvents() } initOpts() { this.getCurrentDevice(); var e = "mobile" !== this.currentDevice ? 0 : 1; this.prevSrcArray = [], this.targetAttr = this.opts.loadOption[e].attribute, this.responsiveCheck = this.opts.loadOption, this.videoCallStack = [] } getLazyVideo() { let e = Array.from(this.el.querySelectorAll(this.opts.lazyClass)).filter(t => { t.isVideoInit = !1; { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]) } }); e = e.filter(e => { if (e.querySelector("video") && !e.closest(".is-feature-hide")) return e }), this.lazyVideos = e, this.lazyLength = e.length } getResponsiveVideo() { var e = Array.from(this.el.querySelectorAll(this.opts.responsiveClass)).filter(t => { { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]) } }); this.responsiveVideos = e, this.responsiveLength = e.length } bindEvents() { window.addEventListener("load", this.onLoadHandler.bind(this)), window.addEventListener("scroll", this.lazyEvent.bind(this)), this.responsiveCheck && window.addEventListener("resize", this.onResizeHandler.bind(this)) } getCurrentDevice() { this.winWidth = e.winSize().w, this.winWidth >= t.TABLET.WIDTH ? this.currentDevice = "desktop" : this.winWidth > t.MOBILE.WIDTH && this.winWidth < t.TABLET.WIDTH ? this.currentDevice = "tablet" : 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(), this.lazyLength === this.lazyCompleteLength && window.removeEventListener("scroll", this.lazyEvent.bind(this)) } responsiveHandler() { this.windowWidth = window.innerWidth; var a = this.opts.loadOption.length; for (let s = 0; s < a; s++) { let e = s + 1, t = e == a ? 0 : this.opts.loadOption[e].resolution, i = !1; (i = (0 == s || this.windowWidth <= this.opts.loadOption[s].resolution) && this.windowWidth > t) && this.opts.loadOption[s].attribute !== this.oldAttr && (this.targetAttr = this.opts.loadOption[s].attribute, this.oldAttr = this.targetAttr, this.attrIndex = s, this.setResponsiveVideo()) } } setResponsiveVideo(t) { var i = e => { let t = e.querySelector("video"), i = e.getAttribute(this.targetAttr); t.querySelectorAll("source").forEach(e => { var t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + (".webm" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true"))), -1 < t.indexOf("mp4") && (e.src = i + (".mp4" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true"))) }), t.isCanplayThrough = !1, t.load(), t.addEventListener("canplaythrough", () => { window.setTimeout(() => { t.isCanplayThrough = !0, e.classList.add(this.classes.loaded) }, 500), this.checkCompleteVideo() }, { once: !0 }) }; if (t) for (let e = 0; e < t.length; e++)i(t[e]); else for (let e = 0; e < this.responsiveLength; e++) { var s = this.responsiveVideos[e]; s.classList.contains(this.classes.loaded) && s.isVideoInit && i(s) } } setLazyVideo() { for (let e = 0; e < this.lazyLength; e++) { var t = window.pageYOffset, i = t + window.innerHeight, s = this.lazyVideos[e], a = s.getBoundingClientRect(); i > t + a.top - window.innerHeight * (0 != window.pageYOffset ? this.opts.visiblePoint : 0) && t < t + a.bottom + window.innerHeight * (0 != window.pageYOffset ? this.opts.visiblePoint : 0) && !s.isVideoInit && this.videoCallStack.indexOf(e) < 0 && (this.videoCallStack.push(e), this.setVideoSrc()) } } setVideoSrc() { var e = this.videoCallStack[0]; let t = this.lazyVideos[e], i = t.querySelector("video"), s = t.getAttribute(this.targetAttr); var a = this.opts.lazyClass.split("."); let n = a[a.length - 1]; a = s; let r = () => { this.checkCompleteVideo(), this.videoCallStack.splice(0, 1), 0 < this.videoCallStack.length && this.setVideoSrc() }; var o = () => { window.setTimeout(() => { i.isCanplayThrough = !0, t.classList.add(this.classes.loaded) }, 500), 1 == this.opts.lazyClass.split(" ").length && t.classList.remove(n), r() }; this.prevSrcArray[e] !== a && (i.querySelectorAll("source").forEach(e => { var t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = s + (".webm" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true"))), -1 < t.indexOf("mp4") && (e.src = s + (".mp4" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true"))) }), i.isCanplayThrough = !1, i.load(), i.addEventListener("canplaythrough", o, { once: !0 }), i.addEventListener("error", () => { window.fetch(s + (".webm" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true")), { mode: "no-cors" }).then(e => { if (404 === e.status) return fetch(s + (".mp4" + (void 0 !== window.GALAXY || window.GALAXY ? "" : "?imbypass=true")), { mode: "no-cors" }) }).then(e => { 404 === e.status && r() }).catch(() => { r() }) }, !0), t.isVideoInit = !0, this.prevSrcArray[e] = a) } checkCompleteVideo() { var e = Array.from(this.el.querySelectorAll("." + this.classes.loaded)).filter(t => { { let e = 0; if (e < this.opts.notLoadElement.length) return !t.closest(this.opts.notLoadElement[e]) } }); this.lazyCompleteLength = e.length } } RING.VideoLoader = i })(), (() => { window.RING = window.RING || {}; let d = RING.UTILS, e = d.RESPONSIVE; RING.VideoPlayer = class { constructor(e, t) { e = { sectionElement: t.sectionElement, videoParentElement: null, videoElement: e, videoController: ".video__controller", hiddenElement: ".blind", endImage: ".video__end-frame img", videoLazyClass: ".js-video-src", lazyCompleteClass: "load-complete", imageEndLazyClass: ".js-end-img-src", playOffset: .5, playType: "oneWay", visiblePoint: t.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 = d.def(e, t || {}), this.classes = e.classes, this.init() } init() { this.setElements(), this.initOpts(), null !== this.video && (this.video.paused || this.video.pause(), this.videoElement.playState = !1, this.updateController(), this.bindEvents()) } setElements() { this.videoElement = this.opts.videoElement, this.video = this.videoElement.querySelector("video"), null !== this.video && (null !== this.opts.videoParentElement ? this.videoParentElement = this.video.closest(this.opts.videoParentElement) : 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), this.videoElement.playState = !1, this.videoElement.autoPlayState = !1, this.useController = !!this.videoController } getCurrentDevice() { this.winWidth = d.winSize().w, this.winWidth >= e.TABLET.WIDTH ? this.currentDevice = "desktop" : this.winWidth > e.MOBILE.WIDTH && this.winWidth < e.TABLET.WIDTH ? this.currentDevice = "tablet" : 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: !0 }), this.video.addEventListener("timeupdate", this.onTimeUpdate.bind(this)), this.useController && this.videoController.addEventListener("click", this.onClickController.bind(this)) } onChange(e) { if (e === this.videoElement) { e = "mobile" !== this.currentDevice ? "data-media-pc" : "data-media-mo"; let i = this.videoElement.getAttribute(e); e = i; this.prevVideoSrc !== e && (this.videoElement.playState = !1, this.video.querySelectorAll("source").forEach(e => { var t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + ".webm"), -1 < t.indexOf("mp4") && (e.src = i + ".mp4"), this.video.load() }), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.video.addEventListener("canplaythrough", () => { d.isLowNetwork() || this.onPlay() }, { once: !0 })), this.prevVideoSrc = e } } onLoad(e) { if (e === this.videoElement) { e = "mobile" !== this.currentDevice ? "data-media-pc" : "data-media-mo"; let i = this.videoElement.getAttribute(e); this.videoElement.playState = !1, this.video.querySelectorAll("source").forEach(e => { var t = e.getAttribute("type"); -1 < t.indexOf("webm") && (e.src = i + ".webm"), -1 < t.indexOf("mp4") && (e.src = i + ".mp4"), this.video.load() }), this.video.isCanplayThrough = !1, this.video.addEventListener("canplaythrough", () => { this.video.isCanplayThrough = !0, d.isLowNetwork() || this.onPlay() }, { once: !0 }) } } onPlay(e) { var t = () => { if (!this.videoElement.playState) { this.video.currentTime === this.video.duration && (this.video.currentTime = 0), this.autoPlay && (this.videoElement.autoPlayState = !0), this.videoElement.playState = !0, this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.paused); let e = () => { this.video.isCanplayThrough && 3 < this.video.readyState ? (cancelAnimationFrame(this.opts.videoFrame), clearTimeout(this.opts.videoPlayTimeout), this.opts.videoPlayTimeout = setTimeout(() => { this.video.play(), this.updateController(), this.outCallback("updatePlayState", !0), this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.paused), this.videoElement.classList.add(this.classes.playing) }, 250)) : this.opts.videoFrame = requestAnimationFrame(e) }; this.opts.videoFrame = requestAnimationFrame(e), this.video.addEventListener("ended", this.updatePlayEnded.bind(this), { once: !0 }) } }; e && e !== this.videoElement || t() } onPause() { this.video.paused || this.video.pause(), this.videoElement.playState = !1, this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.add(this.classes.paused), this.updateController() } onEnded() { 3 < this.video.readyState && (this.video.ended || this.video.pause(), this.video.currentTime = this.video.duration, this.videoElement.playState = !1, this.videoElement.classList.add(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.updateController()) } onReset(e) { this.videoElement.playState || (cancelAnimationFrame(this.opts.videoFrame), clearTimeout(this.opts.videoPlayTimeout)); var t = () => { this.video.pause(), this.video.currentTime = 0, this.videoElement.playState = !1, this.autoPlay && (this.videoElement.autoPlayState = !1), this.videoElement.classList.remove(this.classes.ended), this.videoElement.classList.remove(this.classes.playing), this.videoElement.classList.remove(this.classes.paused), this.updateController() }; e && e !== this.videoElement || t() } onCanplayThrough() { var e = this.opts.videoLazyClass.split("."), e = e[e.length - 1]; this.useController && window.setTimeout(() => { this.videoController.style.display = "block" }, 500), this.videoElement.classList.add(this.classes.loaded), 1 == this.opts.videoLazyClass.split(" ").length && this.videoElement.classList.remove(e), this.isCanplay = !0, this.onScrollHandler(), this.isCanplay = !1 } onTimeUpdate() { var e = { el: this.videoElement, duration: this.video.duration, currentTime: this.video.currentTime, playState: this.videoElement.playState, controller: this.videoController }; this.outCallback("updateTime", e) } onClickController(e) { e.preventDefault(), this.videoElement.playState ? this.onPause() : this.onPlay() } onVideoPlay() { this.videoElement.playState = !0, 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", !0) } onVideoPause() { this.videoElement.playState = !1, 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", !1) } onVideoEnded() { this.videoElement.playState = !1, 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", !1) } updatePlayEnded() { this.onPause() } updateController() { var e; this.useController && (this.videoElement.playState ? this.videoController.classList.add(this.classes.isPaused) : this.videoController.classList.remove(this.classes.isPaused), e = { el: this.videoController, playState: this.videoElement.playState }, this.outCallback("updateController", e), this.outCallback("updatePlayState", this.videoElement.playState)) } onScrollHandler() { if (!this.videoElement.closest(".cm-layer")) { var t = scrollY > this.lastScrollY ? "down" : "up", i = d.getHeight(this.videoElement) * this.opts.playOffset, s = d.getScroll().top, a = d.getScroll().bottom, n = d.getOffset(this.videoElement).top, r = d.getOffset(this.videoElement).bottom; let e = this.videoElement.classList.contains(this.classes.playing) && this.videoElement.playState; var o = this.videoElement.classList.contains(this.classes.paused) && !this.videoElement.playState, l = this.videoElement.classList.contains(this.classes.ended) && !this.videoElement.playState; if ("oneWay" === this.opts.playType) if (n + i <= a && s <= r) { let e = this.isCanplay || "down" == t; !e || !this.autoPlay || this.videoElement.playState || this.videoElement.autoPlayState || d.isLowNetwork() || this.onPlay() } else a < n ? this.autoPlay && this.videoElement.autoPlayState && (e || o || l) && this.onReset() : r < s && this.autoPlay && (this.videoElement.autoPlayState ? (e || o) && this.onEnded() : this.videoElement.classList.add(this.classes.ended)); else "reverse" === this.opts.playType && (n + i <= a && s <= r - i ? !this.autoPlay || this.videoElement.playState || this.videoElement.autoPlayState || d.isLowNetwork() || this.onPlay() : (r < s || a < n) && this.autoPlay && this.onReset()); this.lastScrollY = scrollY } } onResponsiveChange() { window.setTimeout(() => { this.isCanplay = !0, this.onReset(), this.onScrollHandler(), this.isCanplay = !1 }, 100) } onResizeHandler() { d.winSize().w !== this.winWidth && (this.winWidth = d.winSize().w, null == this.opts.resizeStart && (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 = d.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)) } resizeEndFunc() { this.opts.resizeStart = null, d.cancelAFrame.call(window, this.resizeRequestFrame) } setLayout() { this.onScrollHandler(), this.winWidth >= e.MOBILE.WIDTH ? this.currentDevice = "desktop" : this.currentDevice = "mobile", this.currentDevice !== this.prevDevice && this.onResponsiveChange(), this.prevDevice = this.currentDevice } outCallback(e, t) { e = this.opts.on[e]; null != e && e(t) } } })(), (() => { window.RING = window.RING || {}; var e = (() => { let r = {}, e = !1, t = null, h = null, i = function () { a(), n(), s(), UTILS.isLowNetwork() && document.documentElement.classList.add("low_network"), document.documentElement.classList.add("load"), window.removeEventListener("load", i) }, s = () => { var e = document.querySelectorAll(".click_sup"), t = document.querySelectorAll("li.common-bottom-disclaimer__list-item"); let s = Array.from(t).map(e => e.getAttribute("data-sup")); Array.from(e).map(e => { var t, i = e.getAttribute("data-sup-tag"); -1 < s.indexOf(i) && (e.innerText = s.indexOf(i) + 1), -1 === s.indexOf(i) && (i = e.parentElement, 1 === (t = e.parentElement?.children.length ?? 0) && i.remove(), 1 < t) && (i.removeChild(e.nextSibling), e.remove(), 3 === i.childNodes.length) && i.removeChild(i.childNodes[2]) }) }, a = function () { e = 1024 <= window.innerWidth ? "desktop" : 768 <= window.innerWidth && window.innerWidth < 1024 ? "tablet" : "mobile", clearTimeout(r.resizeTimeout), r.resizeTimeout = setTimeout(function () { UTILS.isBrokenFixed() }, 100), e != t && (document.documentElement.classList.add(e), document.documentElement.classList.remove(t), t = e) }, n = function () { var t = window.pageYOffset, i = t + window.innerHeight; for (let e = 0; e < r.allClickable.length; e++) { var s = r.allClickable[e], a = t + s.getBoundingClientRect().top, n = t + UTILS.getNavHeight(); n <= a && a <= i ? s.isVisible = !0 : (a < n || i < a) && (s.isVisible = !1) } }, o = function (e) { e.preventDefault(), e.stopPropagation(); let t = this; var i = parseFloat(this.innerText); let s = document.querySelectorAll("#desc-section ol"); s.forEach(e => { "block" === window.getComputedStyle(e).display && (s = e) }); var a = s.querySelectorAll("li"); let n = s.querySelectorAll("li")[i - 1], r = n.querySelector("span"), o = r.innerHTML; var i = `<a tabindex="0">${o}</a>`; r.innerHTML = i, h = e.currentTarget; let l = function () { c.call(t), r.removeEventListener("focusin", l) }, d = function () { r.innerHTML = o, r.removeAttribute("tabindex"), r.removeEventListener("focusout", d) }; e.currentTarget.closest(".cm-layer") && (i = e.currentTarget.closest(".cm-layer"), $(i).trigger("closeLayer", !1)), r.addEventListener("focusin", l), r.addEventListener("focusout", d), setTimeout(() => { n.querySelector("a").focus() }, 0), a.forEach(e => e.classList.remove("is-active")), n.classList.add("is-active") }, l = function (e) { var e = e.target.closest("li"), t = e.getAttribute("data-sup"), i = document.querySelectorAll(".click_sup"); for (let e = 0; e < i.length; e++)i[e].getAttribute("data-sup-tag") === t && (c.call(this), h.focus()); var s, a = h.closest(".cm-layer"); a && (s = a.id, a = a.parentNode.querySelector(`[data-layer-target="#${s}"]`), h.innerText === t) && a.focus(), e.classList.remove("is-active") }, c = function (e) { if (void 0 !== e && void 0 !== e.sourceCapabilities && null === e.sourceCapabilities) e.preventDefault(); else if (document.documentElement.classList.contains("ios") || !e || null != e.relatedTarget) { let s = this; this.isClicked || this.isVisible || d(this) || setTimeout(function () { var e = window.pageYOffset, t = s.getBoundingClientRect(), i = (window.innerHeight - UTILS.getNavHeight()) / 2, e = e - UTILS.getNavHeight() + t.top + t.height / 2; window.scrollTo(0, e - i) }, 10), this.isClicked = !1 } }, d = function (e) { var e = e.parentNode, t = e.getAttribute("id"); return "contents" !== t && e !== document.body && (!("subnav" !== t && !e.classList.contains("sc-s22ultra-popup")) || d(e)) }, p = function () { this.isClicked = !0 }; return { init: function () { r.resizeTimeout = null, r.supClicker = document.querySelectorAll("a.click_sup"), r.supTopBtn = document.querySelectorAll("button.click_disclaimer"), r.contents = document.getElementById("contents") || document.getElementById("content"), r.allClickable = r.contents.querySelectorAll("a, button, input, select"); { let e = 0; for (window.addEventListener("load", i), window.addEventListener("resize", a), window.addEventListener("scroll", n), e = 0; e < r.allClickable.length; e++) { var t = r.allClickable[e]; t.isClicked = !1, t.isVisible = !1, t.addEventListener("focusin", c), t.addEventListener("mousedown", p) } for (e = 0; e < r.supClicker.length; e++)r.supClicker[e].addEventListener("click", o); for (e = 0; e < r.supTopBtn.length; e++)r.supTopBtn[e].addEventListener("click", l) } var e = document.documentElement.classList; "global" === UTILS.checkRegion() || e.contains("mac") || e.contains("safari") || ANIUTIL.scrollController({ speed: 120, duration: .5 }) } } })(); window.RING.Disclaimer = e })(), (e => { e.TrapFocus = (() => { var C = void 0, e = window, t = e.document, T = e.jQuery, i = null, s = e.RING.UTILS; function a(e, t) { if (!(this instanceof a)) return new a(e, t); e = { obj: e, prevStep: null, isDestroy: !1, IgnoreUtilFocusChanges: !1, ariaAttr: { hidden: "aria-hidden", disabled: "aria-disabled", modal: "aria-modal" }, ariaNotHidden: t && t.ariaNotHidden ? t.ariaNotHidden : [], classAttr: { clone: "trapfocus" }, elAttr: { tabIndex: "tabindex", role: "role" }, customEvent: ".TrapFocus" + (new Date).getTime() + Math.random() }; this.opts = s.def(e, t || {}), (this.obj = T(this.opts.obj)).length && (null != i && i.destroy(), (i = this).init()) } return a.prototype = { init: function () { this.initLayout(), this.buildAria(), this.bindEvents(!0), this.loadComponent(), this.obj.data("TrapFocus", this) }, initLayout: function () { var e = this.opts.ariaAttr, t = this.opts.elAttr; this.obj.attr(e.modal, "true"), this.obj.attr(t.role, "dialog") }, buildAria: function () { var E = this.opts.ariaAttr, S = this.opts.elAttr, e = 0 < this.opts.ariaNotHidden.length ? ", " + this.opts.ariaNotHidden.join(",") : ""; s.def(this, { aria: { notHidden: Array("head, script, noscript, link, style, meta" + e), focusType: ["A", "BUTTON", "INPUT", "SELECT", "TEXTAREA"], dataAttr: { ariaHidden: "trapfocusariahidden", ariaDisabled: "trapfocusariadisabled", tabIndex: "trapfocustabindex", role: "trapfocusrole" }, destroy: T.proxy(function () { for (var e, t, i, s = this.aria.dataAttr, a = this.aria.hiddenEls, n = this.aria.focusEls, r = this.aria.tabindexEls, o = 0, l = a.length; o < l; o++)e = o, i = t = void 0, e = a.eq(e), t = e.data(s.ariaHidden), i = e.data(s.role), t != C ? (e.attr(E.hidden, t), e.removeData(s.ariaHidden)) : e.removeAttr(E.hidden), i != C ? (e.attr(S.role, i), e.removeData(s.role)) : e.removeAttr(S.role); for (var d, h, c = 0, p = n.length; c < p; c++)d = c, h = void 0, d = n.eq(d), h = d.data(s.ariaDisabled), d.removeAttr(S.tabIndex), h != C ? (d.attr(E.disabled, h), d.removeData(s.ariaDisabled)) : d.removeAttr(E.disabled); for (var u, v, m = 0, g = r.length; m < g; m++)u = m, v = void 0, u = r.eq(u), (v = u.data(s.tabIndex)) != C ? (u.attr(S.tabIndex, v), u.removeData(s.tabIndex)) : u.removeAttr(S.tabIndex); var f = document.getElementById("teconsent"); f && (f = f.querySelector("a")) && "-1" === f.getAttribute("tabindex") && (f.setAttribute("tabindex", "0"), f.removeAttribute("aria-disabled")) }, this), build: T.proxy(function () { for (var e = this, t = this.aria.focusType, i = this.aria.dataAttr, s = this.obj.parents(), a = this.obj.siblings().not(e.aria.notHidden.join(",")), n = T("<x>"), r = T("<x>"), o = 0, l = s.length; o < l; o++) { d = void 0; var d = o; d = s.eq(d), a = a.add(d.siblings().not(e.aria.notHidden.join(","))) } n = n.add(a), r = r.add(a), this.obj.removeAttr(E.hidden); for (var h, c, p, u = 0, v = a.length; u < v; u++)h = u, p = c = void 0, h = a.eq(h), c = h.attr(E.hidden), p = h.attr(S.role), c != C && h.data(i.ariaHidden, c), p != C && h.data(i.role, p), h.attr(E.hidden, "true"), h.attr(S.role, "none presentation"); for (var m = 0, g = (n = n.add(a.find(t.join(",").toLowerCase()))).length; m < g; m++)(e => { var t = n.eq(e); (e = t.attr(E.disabled)) != C && t.data(i.ariaDisabled, e), t.attr(E.disabled, "true"), setTimeout(() => { t.attr(S.tabIndex, -1) }) })(m); for (var f, w, y = 0, b = (r = r.add(a.find("[" + S.tabIndex + "]"))).length; y < b; y++)f = y, w = void 0, f = r.eq(f), (w = f.attr(S.tabIndex)) != C && f.data(i.tabIndex, w), f.attr(S.tabIndex, -1); this.aria.hiddenEls = a, this.aria.focusEls = n, this.aria.tabindexEls = r }, this) } }) }, changeEvents: function (e) { var t, i = [], s = e.split(" "); for (t in s) i.push(s[t] + this.opts.customEvent); return i.join(" ") }, bindEvents: function (e) { e ? T(t).on(this.changeEvents("focusin"), T.proxy(this.trapFocus, this)) : T(t).off(this.changeEvents("focusin")) }, focusFirstDescendant: function (e) { for (var t = 0; t < e.childNodes.length; t++) { var i = e.childNodes[t]; if (this.attemptFocus(i) || this.focusFirstDescendant(i)) return !0 } return !1 }, focusLastDescendant: function (e) { for (var t = e.childNodes.length - 1; 0 <= t; t--) { var i = e.childNodes[t]; if (this.attemptFocus(i) || this.focusLastDescendant(i)) return !0 } return !1 }, isFocusable: function (e) { if (0 < e.tabIndex || 0 === e.tabIndex && null !== e.getAttribute("tabIndex")) return !0; if (e.disabled) return !1; switch (e.nodeName) { case "A": return !!e.href && "ignore" != e.rel; case "INPUT": return "hidden" != e.type && "file" != e.type; case "BUTTON": case "SELECT": case "TEXTAREA": case "VIDEO": case "SOURCE": case "IFRAME": return !0; default: return !1 } }, attemptFocus: function (e) { if (!this.opts.isDestroy) { if (!this.isFocusable(e)) return !1; this.opts.IgnoreUtilFocusChanges = !0; try { e.focus() } catch (e) { } return this.opts.IgnoreUtilFocusChanges = !1, document.activeElement === e } }, trapFocus: function (e) { this.opts.isDestroy || this.opts.IgnoreUtilFocusChanges || (document, this.dynamicComponentFocus()) }, loadComponent: function () { this.dynamicComponentFocus(), setTimeout(() => { this.dynamicComponentFocus() }, 3e3), this.focusFirstDescendant(this.obj[0]), this.lastFocus = document.activeElement, this.aria.build() }, dynamicComponentFocus: function () { let n = this.opts.ariaAttr, r = this.opts.elAttr; setTimeout(() => { var e, t = document.getElementById("QSIFeedbackButton-btn"), i = (document.getElementById("QSIFeedbackButton-close-btn"), document.getElementById("nebula_div_btn")), s = document.getElementById("spr-live-chat-app"), a = document.getElementById("teconsent"); t && (e = t.parentElement, t.setAttribute(n.disabled, "true"), t.setAttribute(r.tabIndex, "-1"), e.setAttribute(n.disabled, "true"), e.setAttribute(n.hidden, "true"), e.setAttribute(r.tabIndex, "-1"), e.setAttribute(r.role, "none presentation")), i && (t = i.parentElement, i.setAttribute(n.disabled, "true"), i.setAttribute(r.tabIndex, "0"), t.setAttribute(n.disabled, "true"), t.setAttribute(n.hidden, "true"), t.setAttribute(r.tabIndex, "-1"), t.setAttribute(r.role, "none presentation")), s && (s.setAttribute(n.disabled, "true"), s.setAttribute(n.hidden, "true"), s.setAttribute(r.tabIndex, "-1"), s.setAttribute(r.role, "none presentation")), a && a.hasAttribute("aria-label") && setTimeout(() => { var e = a.querySelector("a"); e.setAttribute(r.tabIndex, "-1"), e.setAttribute(n.disabled, "true"), e.setAttribute(n.hidden, "true") }) }) }, destroy: function () { i = null, this.opts.isDestroy = !0; var e = this.opts.ariaAttr; this.opts.elAttr; this.bindEvents(!1), this.aria.destroy(), this.obj.removeAttr(e.modal) } }, a })() })(window), (e => { e.HiveLayer = (() => { var a = window, n = a.jQuery, t = a.document, r = a.RING.UTILS, o = []; function i(e, t) { if (!(this instanceof i)) return new i(e, t); e = { effect: "fade", layerWrapElements: e, layerBody: ".cm-layer__body", layerElements: ".cm-layer__wrapper", openerElements: ".js-layer-opener", closerElements: ".js-layer-closer", dimmedElements: ".cm-layer__dimmed", classAttr: { htmlToggle: "is-layer-open", isAsync: "is-async" }, focusOutObj: { CSS: { overflow: "hidden", position: "absolute", left: 0, top: 0, "z-index": -1, width: 1, height: 1, "font-size": "1px", "line-height": 0 } }, customEvent: ".HiveLayer" + (new Date).getTime() + Math.random(), openerTarget: null, useOutside: !1, useEscape: !0, useCloseFocus: !0, useScrollLock: !0, useTrapFocus: !0, flip: { CLASS: "hive-layer-flip", direction: "horizontal", rotateStart: 90, rotateEnd: 0 }, customToggle: !1, dimmedDuration: 250, fps: 120, easing: "swing", duration: 250, on: { buildTools: null, layerMove: null, layerOpenBefore: null, layerOpenAfter: null, layerCloseBefore: null, layerCloseAfter: null }, ariaNotHidden: [] }; (this.layerWrap = e.layerWrapElements).length && (this.layerWrap = n(e.layerWrapElements), this.opts = r.def(e, t || {}), this.init()) } return i.prototype = { init: function () { this.initOpts(), this.setElements(), this.initLayout(), this.buildTween(), this.buildTrapFocus(), this.bindEvents(!0), this.layerWrap.data("HiveLayer", this) }, initOpts: function () { this.layerWrapInstance = "#" + this.layerWrap.attr("id"), this.opts.isSupportTransition || "flip" !== this.opts.effect || (this.opts.effect = "default"), "custom" == this.opts.effect && (this.opts.effect = "default", this.opts.customToggle = !0) }, setElements: function () { this.layerBody = this.layerWrap.find(this.opts.layerBody), this.layerObj = this.layerWrap.find(this.opts.layerElements), this.closerObj = this.layerWrap.find(this.opts.closerElements), this.dimmedObj = this.layerWrap.find(this.opts.dimmedElements) }, initLayout: function () { var e; "slide" === this.opts.effect ? (this.dimmedObj.hide(), this.layerObj.hide()) : "flip" === this.opts.effect && (e = this.opts.flip.direction, this.opts.flip.cssD = "vertical" !== e ? "rotateY" : "rotateX", this.dimmedObj.hide(), this.layerObj.hide(), this.layerWrap.addClass(this.opts.flip.CLASS)) }, buildTween: function () { r.def(this, { tweens: { instance: [], kill: n.proxy(function () { for (var e = 0, t = this.tweens.instance.length; e < t; e++)this.tweens.instance[e].kill(); this.tweens.instance = [] }, this) } }) }, buildTrapFocus: function () { this.opts.useTrapFocus && r.def(this, { trapfocus: { instance: null, destroy: n.proxy(function () { null != this.trapfocus.instance && (this.trapfocus.instance.destroy(), this.trapfocus.instance = null) }, this), build: n.proxy(function () { null === this.trapfocus.instance && (this.trapfocus.instance = new TrapFocus(this.layerObj, { ariaNotHidden: this.opts.ariaNotHidden })) }, this) } }) }, bindEvents: function (e) { e ? (n(t).on("click clickCustom", this.opts.openerElements + '[data-layer-target="' + this.layerWrapInstance + '"]', n.proxy(this.onLayerOpen, this)), this.layerWrap.on("openLayer", n.proxy(this.onLayerOpen, this)), this.closerObj.on("mousedown click clickCustom", n.proxy(this.onLayerClose, this)), this.layerWrap.on("layerSetOptions", n.proxy(this.setOptions, this)), this.opts.useEscape && this.layerObj.on("keydown", n.proxy(this.onEscapeClose, this))) : (n(t).off("click clickCustom"), this.layerWrap.off("openLayer"), this.closerObj.off("mousedown click clickCustom"), this.layerWrap.off("layerSetOptions"), this.opts.useEscape && this.layerObj.off("keydown")) }, bindOutsideEvents: function (e) { this.opts.useOutside && (e ? this.layerObj.on("clickoutside touchendoutside", n.proxy(this.onLayerOutsideFunc, this)) : this.layerObj.off("clickoutside touchendoutside")) }, bindCloseEvents: function (e) { e ? this.layerWrap.on("closeLayer", n.proxy(this.closeLayer, this)) : this.layerWrap.off("closeLayer") }, setOptions: function (e, t) { r.def(this.opts, t || {}), t.customToggle && (this.opts.effect = "default") }, setScrollLock: function (e) { this.opts.useScrollLock && (e ? r.page.scrollLock.on() : r.page.scrollLock.off(), n("html").toggleClass(this.opts.classAttr.htmlToggle, e)) }, onLayerOpen: function (e) { var t, i, s; e.preventDefault(), setTimeout(() => { this.dimmedObj.on("mousedown click clickCustom", n.proxy(this.onLayerClose, this)) }, 500), "click" !== e.type && "clickCustom" !== e.type || (this.opts.openerTarget = n(e.currentTarget)), "click" === e.type && this.opts.openerTarget.hasClass(this.opts.classAttr.isAsync) || (this.layerViewType = "open", o.push({ POPUPWRAP: this.layerWrap }), document.querySelector("html.load div#header") && (document.querySelector("html.load div#header").style.opacity = 0, document.querySelector("html.load div#header").style.pointerEvents = "none"), this.setScrollLock(!0), this.bindCloseEvents(!0), "default" === this.opts.effect ? this.opts.customToggle ? this.outCallback("layerOpenBefore") : (this.layerWrap.css({ opacity: 0, display: "block" }), this.outCallback("layerOpenBefore"), this.outCallback("buildTools"), this.layerWrap.css("opacity", ""), this.openAfterBugFunc()) : "fade" === this.opts.effect ? (this.layerWrap.css({ opacity: 0, display: "block" }), this.outCallback("layerOpenBefore"), TweenLite.set(this.layerBody, { opacity: 0, scale: 1, overflow: "hidden" }), this.outCallback("buildTools"), t = TweenLite.to(this.layerWrap, this.opts.duration / 1e3, { opacity: 1, onComplete: n.proxy(function () { var e = TweenLite.to(this.layerBody, .25, { ease: Expo.easeOut, opacity: 1, scale: 1, onComplete: n.proxy(function () { this.layerBody.css({ overflow: "", transform: "" }), this.openAfterBugFunc() }, this) }); this.tweens.instance.push(e) }, this) }), this.tweens.instance.push(t)) : "slide" === this.opts.effect ? (s = 1, TweenLite.set(this.dimmedObj, { display: "block", opacity: 0 }), TweenLite.set(this.layerWrap, { display: "block" }), TweenLite.set(this.layerBody, { overflow: "hidden" }), TweenLite.set(this.layerObj, { display: "", y: -r.winSize().h }), TweenLite.set(this.layerObj, { display: "" }), this.outCallback("layerOpenBefore"), t = TweenLite.to(this.dimmedObj, s, { opacity: .9 }), i = TweenLite.to(this.layerObj, s, { y: 0, onComplete: n.proxy(function () { this.outCallback("buildTools"), this.layerBody.css({ overflow: "" }), this.layerObj.css({ transform: "" }), this.openAfterBugFunc() }, this) }), this.tweens.instance.push(t), this.tweens.instance.push(i)) : "slide2" === this.opts.effect ? (s = .6, TweenLite.set(this.dimmedObj, { display: "block", opacity: 0 }), TweenLite.set(this.layerWrap, { display: "block" }), TweenLite.set(this.layerObj, { display: "", y: r.winSize().h }), TweenLite.set(this.layerObj, { display: "" }), this.outCallback("layerOpenBefore"), t = TweenLite.to(this.dimmedObj, s, { opacity: .9 }), i = TweenLite.to(this.layerObj, s, { y: 0, onComplete: n.proxy(function () { this.outCallback("buildTools"), this.layerBody.css({ overflow: "" }), this.layerObj.css({ transform: "" }), this.openAfterBugFunc() }, this) }), this.tweens.instance.push(t), this.tweens.instance.push(i)) : "flip" === this.opts.effect && (s = (e = this.opts.flip.rotateEnd - this.opts.flip.rotateStart) / this.opts.duration * (1e3 / this.opts.fps), this.opts.flip.moveData = { startDistance: this.opts.flip.rotateStart, endDistance: this.opts.flip.rotateEnd, moveDistance: e, moveOneStep: s, currentStep: 0 }, this.layerWrap.show(), this.dimmedObj.fadeIn(this.opts.dimmedDuration, n.proxy(function () { this.outCallback("layerOpenBefore"), this.outCallback("buildTools"), this.layerObj.show(), this.initStep(this.opts.flip.moveData), this.flipFunc() }, this)), a.setTimeout(n.proxy(function () { this.outCallback("buildTools") }, this), 30))) }, initStep: function (e) { this.opts.stepTimeOld = new Date, this.direction = e.startDistance > e.moveDistance ? "toNext" : "toPrev", this.condition = "toNext" === this.direction ? e.currentStep > e.moveDistance : e.currentStep < e.moveDistance }, moveStep: function (e) { this.opts.stepTimeNew = new Date, this.opts.remaining = Math.max(0, this.opts.stepTimeOld - this.opts.stepTimeNew + this.opts.duration); var t = 1 - (this.opts.remaining / this.opts.duration || 0), t = n.easing[this.opts.easing](t, this.opts.duration * t, 0, 1, this.opts.duration); e.currentStep = (e.endDistance - e.startDistance) * t }, flipFunc: function () { var e = this.opts.flip.moveData, e = (this.moveStep(e), this.condition ? (a.clearTimeout(this.stepTimeout), this.stepTimeout = a.setTimeout(n.proxy(function () { this.flipFunc() }, this), 1e3 / this.opts.fps), this.condition = "toNext" === this.direction ? e.currentStep > e.moveDistance : e.currentStep < e.moveDistance, this.outCallback("layerMove", e.currentStep, e)) : (this.opts.remaining = this.opts.duration, "close" !== this.layerViewType && this.layerViewType ? this.openAfterBugFunc() : (this.closeAfterBugFunc(), this.dimmedObj.fadeOut(this.opts.dimmedDuration, n.proxy(function () { this.layerWrap.hide(), this.layerObj.hide() }, this)))), e.startDistance + e.currentStep); this.layerObj.css({ transform: this.opts.flip.cssD + "(" + e + "deg)" }) }, onLayerOpenAfter: function () { this.trapfocus && this.trapfocus.build(), this.bindOutsideEvents(!0), this.outCallback("layerOpenAfter") }, openAfterBugFunc: function () { a.clearTimeout(this.openAfterTimeout), this.openAfterTimeout = a.setTimeout(n.proxy(this.onLayerOpenAfter, this), 30) }, onLayerClose: function (e) { var t = n(e.currentTarget); "mousedown" === e.type ? r.isDevice || (e.stopPropagation(), this.opts.useCloseFocus = !1) : "click" !== e.type && "clickCustom" !== e.type || (e.preventDefault(), "click" === e.type && t.hasClass(this.opts.classAttr.isAsync)) || (this.layerWrap.trigger("closeLayer"), this.dimmedObj.off("mousedown click clickCustom")) }, closeLayer: function () { this.closeType = arguments[1], this.layerViewType = "close", this.outCallback("layerCloseBefore"), this.popupOpenPropsControl(), this.setScrollLock(!1), this.trapfocus && this.trapfocus.destroy(), document.querySelector("html.load div#header") && (document.querySelector("html.load div#header").style.opacity = 1, document.querySelector("html.load div#header").style.pointerEvents = "unset"), a.clearTimeout(this.closeBeforeTimeout), this.closeBeforeTimeout = a.setTimeout(n.proxy(this.closeBeforeBugFunc, this), 30), this.bindOutsideEvents(!1) }, onEscapeClose: function (e) { 27 === (e.which || e.keyCode) && this.layerWrap.trigger("closeLayer") }, onLayerOutsideFunc: function () { this.layerWrap.trigger("closeLayer") }, closeBeforeBugFunc: function () { var e, t, i; "default" === this.opts.effect ? (this.opts.customToggle || this.layerWrap.stop(!0, !0).hide(), this.closeAfterBugFunc()) : "fade" === this.opts.effect ? (i = TweenLite.to(this.layerBody, this.opts.duration / 1e3, { overflow: "hidden", opacity: 0, scale: 1, onComplete: n.proxy(function () { this.layerBody.css("overflow", ""); var e = TweenLite.to(this.layerWrap, this.opts.duration / 1e3, { opacity: 0, display: "none", onComplete: n.proxy(this.closeAfterBugFunc, this) }); this.tweens.instance.push(e) }, this) }), this.tweens.instance.push(i)) : "slide" === this.opts.effect ? (t = 1, TweenLite.set(this.layerBody, { overflow: "hidden" }), i = TweenLite.to(this.dimmedObj, t, { opacity: 0 }), e = TweenLite.to(this.layerObj, t, { y: -r.winSize().h, onComplete: n.proxy(function () { this.closeAfterBugFunc(), this.dimmedObj.hide(), this.layerWrap.hide(), this.layerBody.css("overflow", ""), this.layerObj.hide() }, this) }), this.tweens.instance.push(i), this.tweens.instance.push(e)) : "slide2" === this.opts.effect ? (t = .5, i = TweenLite.to(this.dimmedObj, t, { opacity: 0 }), e = TweenLite.to(this.layerObj, t, { y: r.winSize().h, onComplete: n.proxy(function () { this.closeAfterBugFunc(), this.dimmedObj.hide(), this.layerWrap.hide(), this.layerBody.css("overflow", ""), this.layerObj.hide() }, this) }), this.tweens.instance.push(i), this.tweens.instance.push(e)) : "flip" === this.opts.effect && (i = (t = -this.opts.flip.rotateStart - this.opts.flip.rotateEnd) / this.opts.duration * (1e3 / this.opts.fps), this.opts.flip.moveData = { startDistance: this.opts.flip.rotateEnd, endDistance: -this.opts.flip.rotateStart, moveDistance: t, moveOneStep: i, currentStep: 0 }, this.initStep(this.opts.flip.moveData), this.flipFunc()) }, closeAfterBugFunc: function () { a.clearTimeout(this.closeAfterTimeout), this.closeAfterTimeout = a.setTimeout(n.proxy(this.onLayerCloseAfter, this), 30) }, popupOpenPropsControl: function () { for (var e = o, t = 0, i = e.length; t < i; t++)e[t].POPUPWRAP[0] === this.layerWrap[0] && (e[t] = null); for (var s = e.length; 0 < s; s--)null === e[s - 1] && e.splice(s - 1, 1) }, onLayerCloseAfter: function () { null !== this.opts.openerTarget && (!1 !== this.closeType && this.opts.openerTarget.focus(), this.opts.openerTarget = null), this.opts.useCloseFocus = !0, this.bindCloseEvents(!1), this.outCallback("layerCloseAfter") }, outCallback: function (e) { var t = this.opts.on[e]; "layerMove" === e ? this.layerWrap.trigger(e, arguments[1], arguments[2], this) : this.layerWrap.trigger(e, this), null != t && ("layerMove" === e ? t(arguments[1], arguments[2], this) : t(this)) }, styleDestroy: function () { this.dimmedObj.attr("style", ""), this.layerWrap.attr("style", ""), this.layerBody.attr("style", ""), this.layerObj.attr("style", "") }, destroy: function () { this.tweens.kill(), this.trapfocus && this.trapfocus.destroy(), this.styleDestroy(), this.bindEvents(!1), this.bindOutsideEvents(!1), this.bindCloseEvents(!1) } }, i })() })(window), (() => { window.RING = window.RING || {}; let n = RING.UTILS; RING.SubNav = class { constructor(e = container, t) { var i = { navItems: "ul li>a", navDests: '[class*="js-nav-"]', visSections: ".js-visible", resizeStart: null, classes: { isOn: "on" } }; this.opts = i, this.classes = i.classes, this.el = document.querySelector(e), this.init() } init() { null !== this.el && (this.setElements(), this.initOpts(), this.bindEvents()) } setElements() { this.navItems = n.convertArray(this.el.querySelectorAll(this.opts.navItems)), this.navDests = document.querySelectorAll(this.opts.navDests), this.visSections = n.convertArray(document.querySelectorAll(this.opts.visSections)) } initOpts() { this.visCount = -1, this.visSections.forEach(e => { e.dataset.visIndex = e.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)); let i = window.location.hash; this.navItems.forEach((e, t) => { -1 < e.getAttribute("href").indexOf("#") && (e.dataset.navIndex = t, e.addEventListener("click", this.onNavItemClickEvent.bind(this))), i && -1 < e.getAttribute("href").indexOf(i) && (e.parentNode.classList.remove(this.classes.isOn), e.click()) }) } onNavItemClickEvent(t) { t.preventDefault(); var t = t.target, i = t.parentNode; if (!this.el.classList.contains("hold") && !i.classList.contains(this.classes.isOn)) { this.navItems.forEach(e => { e.parentNode.classList.remove(this.classes.isOn) }), i.classList.contains(this.classes.isOn) || i.classList.add(this.classes.isOn); var i = t.dataset.navIndex, t = this.navDests[i], i = t.getBoundingClientRect(), s = parseInt(window.getComputedStyle(t).paddingTop), a = (window.innerHeight - (i.height - s) + n.getNavHeight()) / 2; let e = 0; (e = t.classList.contains("js-nav-center") ? this.winOffsetTop + i.top + s - a : this.winOffsetTop + i.top - n.getNavHeight()) < 150 && (e = 0), this.el.classList.add("hold"), GALAXY.setSmoothScrollTop(e, 1500, () => { this.el.classList.contains("hold") && this.el.classList.remove("hold"), GALAXY.header && GALAXY.header.resetSubNav() }) } } onScrollHandler() { this.winOffsetTop = window.pageYOffset; var a = (window.innerHeight + n.getNavHeight()) / 2; this.visSections.forEach(e => { var i, t = e.getBoundingClientRect(), s = this.winOffsetTop + t.top, t = this.winOffsetTop + t.bottom; this.winOffsetTop + a >= s && this.winOffsetTop + a <= t && (i = e.dataset.visIndex, this.navItems.forEach((e, t) => { t != i && e.parentNode.classList.contains(this.classes.isOn) && e.parentNode.classList.remove(this.classes.isOn) }), (s = this.navItems[i].parentNode).classList.contains(this.classes.isOn) || (s.classList.add(this.classes.isOn), !this.el.classList.contains("hold") && s.classList.contains(this.classes.isOn) && GALAXY.header && GALAXY.header.resetSubNav())) }) } onResizeHandler() { n.winSize().w !== this.winWidth && (this.winWidth = n.winSize().w, null == this.opts.resizeStart && (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 = n.requestAFrame.call(window, this.resizeAnimateFunc.bind(this)) } resizeEndFunc() { this.opts.resizeStart = null, n.cancelAFrame.call(window, this.resizeRequestFrame) } } })(), (() => { window.RING = window.RING || {}, RING.CardCarousel = class { constructor(e, t = {}) { this.swiper = null, this.opts = { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "galaxy-ring:carousel:index:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "galaxy-ring:carousel:index:" } }, resizeTimeout: null, currentDevice: null, prevDevice: null, currentIndex: 0, clickTimeout: null, centeredSlides: !1, useNavigation: !1, ...t }, this.selector = { section: e, swiper: ".common__carousel", swiperSlide: ".swiper-slide", swiperTitle: ".common__blind-carousel", swiperPagination: ".swiper-pagination", swiperNavigation: ".swiper-arrow-wrap", prevArrow: ".swiper-button-prev", nextArrow: ".swiper-button-next" }, this.class = { featureHide: "is-feature-hide" }, this.el = { section: document.querySelector(this.selector.section) || null, swiper: null, swiperSlide: null, swiperTitle: null, swiperPagination: null, swiperNavigation: null, prevArrow: null, nextArrow: null }, this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), prevArrow: this.onClickPrevArrow.bind(this), nextArrow: this.onClickNextArrow.bind(this) }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.bindEvents()) } setElements() { this.el.swiper = this.el.section.querySelector(this.selector.swiper), this.el.swiperSlides = this.el.section.querySelectorAll(this.selector.swiperSlide), this.el.swiperPagination = this.el.section.querySelector(this.selector.swiperPagination), this.el.swiperTitle = this.el.section.querySelector(this.selector.swiperTitle) } bindEvents() { window.addEventListener("load", this.events.load), window.addEventListener("resize", this.events.resize) } onLoadHandler() { this.events.resize(), window.removeEventListener("load", this.events.load) } onResizeHandler() { this.opts.currentDevice = 767 < innerWidth ? "desktop" : "mobile", this.opts.currentDevice !== this.opts.prevDevice && (this.onResponsiveChange(), this.opts.prevDevice = this.opts.currentDevice) } onResponsiveChange() { this.destroySwiper(), "mobile" === this.opts.currentDevice && this.setSwiper() } updateA11ySwiper() { null !== this.swiper && (Array.from(this.swiper.slides).forEach(e => { e.setAttribute("aria-hidden", !0) }), "mobile" === this.opts.currentDevice) && this.swiper.slides[this.opts.currentIndex].setAttribute("aria-hidden", !1) } destroyA11ySwiper() { "desktop" === this.opts.currentDevice && Array.from(this.el.swiperSlides).forEach(e => { e.removeAttribute("aria-hidden") }) } onTransitionStart() { this.opts.currentIndex = this.swiper.snapIndex, this.updateA11ySwiper() } onInitSwiper() { this.opts.currentIndex = 0, this.onTransitionStart(), this.updateA11ySwiper(), this.setPaginationLabel(); var e = this.swiper.pagination.bullets; let i = this; void 0 !== e && 0 < e.length && Array.from(e).forEach((e, t) => { e.addEventListener("click", function (e) { e.preventDefault(), e.stopImmediatePropagation(), i.swiper.slideTo(t) }) }), void 0 !== this.opts.on && 0 < (e = this.el.section.querySelectorAll("img.js-res-img:not(.load-complete)")).length && this.opts.on.updateImageLoader(e) } onSlideChange() { this.setPaginationLabel(), this.opts.useNavigation && (this.setNavigation(), this.setNavigationClass()) } destroySwiper() { null !== this.swiper && (this.destroyA11ySwiper(), this.swiper.destroy(!0, !0), this.swiper = null) } setSwiper() { if (null === this.swiper) { let i = this; var e = { init: !1, a11y: !1, slidesPerView: "auto", centeredSlides: this.opts.centeredSlides, pagination: { el: i.el.swiperPagination, renderBullet: function (e) { var t = i.opts.pagination.tagging; return ` <li role="listitem"> <button class="swiper-pagination-bullet" role="button" data-omni-type="${t["data-omni-type"]}" data-omni="${t["data-omni"]}${e + 1}" ga-ca="${t["ga-ca"]}" ga-ac="${t["ga-ac"]}" ga-la="${t["ga-la"]}${e + 1}"></button> </li> `} } }; this.swiper = new Swiper(this.el.swiper, e), this.swiper.on("transitionStart", this.onTransitionStart.bind(this)), this.swiper.on("snapIndexChange", this.onSlideChange.bind(this)), this.swiper.on("init", this.onInitSwiper.bind(this)), this.swiper.init() } } setPaginationLabel() { var e; null !== this.swiper && void 0 !== (e = this.swiper.pagination.bullets) && 0 < e.length && Array.from(e).forEach((e, t) => { var i, s = e.classList.contains("swiper-pagination-bullet-active"), a = this.el.swiperTitle?.innerText ?? ""; "undefined" != typeof LOCAL_VARI && LOCAL_VARI ? (i = void 0 !== LOCAL_VARI.slide && LOCAL_VARI.slide ? LOCAL_VARI.slide : "Slide", s ? e.setAttribute("aria-label", `${i}${t + 1}: ${a} ` + (void 0 !== LOCAL_VARI.selected && LOCAL_VARI.selected ? LOCAL_VARI.selected : "selected")) : e.setAttribute("aria-label", `${i}${t + 1}: ` + a)) : s ? e.setAttribute("aria-label", `Slide${t + 1}: ${a} selected`) : e.setAttribute("aria-label", `Slide${t + 1}: ` + a) }) } setNavigation() { var e = this.el.section.querySelector(this.selector.swiperNavigation); this.el.prevArrow = e.querySelector(this.selector.prevArrow), this.el.nextArrow = e.querySelector(this.selector.nextArrow), this.el.prevArrow.addEventListener("click", this.events.prevArrow), this.el.nextArrow.addEventListener("click", this.events.nextArrow) } setNavigationClass() { var e; null !== this.swiper && (this.el.nextArrow.classList.remove("swiper-button-disabled"), this.el.prevArrow.classList.remove("swiper-button-disabled"), 0 === (e = this.swiper.snapIndex) && this.el.prevArrow.classList.add("swiper-button-disabled"), e === this.swiper.snapGrid.length - 1) && this.el.nextArrow.classList.add("swiper-button-disabled") } onClickPrevArrow() { var e; null !== this.swiper && (0 == (e = this.swiper.snapIndex - 1) && setTimeout(() => { this.el.nextArrow.focus() }, 100), this.swiper.slideTo(e)) } onClickNextArrow() { var e; null !== this.swiper && ((e = this.swiper.snapIndex + 1) === this.swiper.snapGrid.length - 1 && setTimeout(() => { this.el.prevArrow.focus() }, 100), this.swiper.slideTo(e)) } } })(), (() => { window.RING = window.RING || {}, RING.RingVideoPlayer = class { constructor(e, t) { this.opts = { controlTagging: { play: "movi-play", pause: "movi-pause" }, playType: "reverse", playOffset: .4, ignoreLazy: !1, ...t }, this.selector = { section: e, videoContainer: ".video__container", videoController: ".video__controller", play: ".play", pause: ".pause" }, this.class = { featureHide: "is-feature-hide" }, this.el = { section: document.querySelector(this.selector.section) || null, videoContainer: null, videoPlayer: null }, this.events = { load: this.onLoadHandler.bind(this) }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.bindEvents(), this.buildVideoPlayer()) } setElements() { this.el.videoContainer = this.el.section.querySelector(this.selector.videoContainer) } bindEvents() { this.opts.ignoreLazy && window.addEventListener("load", this.events.load) } onLoadHandler() { var e = this.el.section.querySelectorAll(".js-res-video:not(.loaded)"); this.opts.updateVideoLoader(e), window.removeEventListener("load", this.events.load) } buildVideoPlayer() { this.el.videoPlayer = { instance: null, build: () => { null === this.el.videoPlayer.instance && (this.el.videoPlayer.instance = new RING.VideoPlayer(this.el.videoContainer, { sectionElement: this.selector.section, playType: this.opts.playType, playOffset: this.opts.playOffset, on: { updateController: e => { var t = e.playState ? "pause" : "play", e = e.el, i = this.opts.controlTagging; e && (e.setAttribute("data-omni", i[t] + ":#"), e.setAttribute("ga-la", i[t] + ":#"), i = e.querySelector(".blind")) && ("undefined" != typeof LOCAL_VARI && LOCAL_VARI && void 0 !== LOCAL_VARI[t] && LOCAL_VARI[t] ? i.innerText = LOCAL_VARI[t] : i.innerText = t) } } })) } }, this.el.videoPlayer.build() } } })(), (() => { window.RING = window.RING || {}; let o = RING.UTILS; RING.HighlightCarousel = class { constructor(e, t = {}) { this.opts = { currDevice: null, prevDevice: null, resizeTimeout: null, clickTimeout: null, focusMoveTimeout: null, tagging: { pagination: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:catch-the-highlights^titanium:sldr-dots:#", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "gring:highlights:catch-the-highlights^titanium:sldr-dots:#" }, navigation: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:catch-the-highlights:sldr-arrow:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "gring:highlights:catch-the-highlights:sldr-arrow:" } }, taggingIdList: ["titanium", "galaxy-ai", "sensor", "slim-and-light"], prevIndex: -1, activeIndex: 0, videoCanPlay: !0, videoAnimationFrame: null, videoCircleSize: 266, isFocusPrevArrow: !1, isFocusNextArrow: !1, isCarouselAutoPlay: !0, isVideoAutoPlay: !0, prevState: !0, startX: 0, endX: 0, isPointerMoving: !1, ...t }, this.selector = { section: e, 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() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.setVideoPlayer(), this.setSwiper(), this.bindEvents()) } setElements() { 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), this.el.backSlider = this.el.section.querySelector(this.selector.backSlider), this.el.backSwiperEl = this.el.backSlider.querySelector(this.selector.swiper), 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(e => { e.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 = 767 < innerWidth ? "desktop" : "mobile", this.opts.currDevice !== this.opts.prevDevice && (this.opts.activeIndex = 0, this.opts.videoCanPlay = !0, clearTimeout(this.opts.resizeTimeout), this.opts.resizeTimeout = setTimeout(() => { this.opts.videoCanPlay = !0, this.events.scroll(), this.onResponsiveChange() }, 150), this.opts.prevDevice = this.opts.currDevice) } onResponsiveChange() { this.resetVideo(), this.setSwiper() } onScrollHandler() { var e = this.el.frontSwiperEl.getBoundingClientRect(), t = e.height, i = .15 * e.height, s = scrollY, a = s + innerHeight, n = s + e.top, e = s + e.bottom; n + t <= a && s + o.getNavHeight() <= e - i ? this.opts.videoCanPlay && (this.opts.videoCanPlay = !1, t = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer)) && this.playVideo(t) : (a < n || s + o.getNavHeight() > e - i) && !this.opts.videoCanPlay && (this.onFocusoutNextArrow(), this.onFocusoutPrevArrow(), this.opts.videoCanPlay = !0, this.resetVideo(!0)) } setSwiper() { this.destroyFrontSwiper(), this.setFrontSwiper(), this.destroyBackSwiper(), this.setBackSwiper() } setFrontSwiper() { if (null === this.el.frontSwiper) { let s = this; this.el.frontSwiper = new Swiper(this.el.frontSwiperEl, { init: !1, a11y: !1, speed: 400, allowTouchMove: !0, centeredSlides: !0, centeresSlidesBounds: !0, slidesPerView: "auto", navigation: { nextEl: s.el.swiperNextArrow, prevEl: s.el.swiperPrevArrow }, scrollbar: { el: s.el.swiperScrollbar, draggable: !0 }, pagination: { el: s.el.swiperPagination, bulletActiveClass: "is-active", renderBullet: function (e) { var t = s.opts.tagging.pagination, e = s.opts.taggingIdList[e]; 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="${t["data-omni-type"]}" data-omni="gring:highlights:catch-the-highlights^${e}:sldr-dots:#" ga-ca="${t["ga-ca"]}" ga-ac="${t["ga-ac"]}" ga-la="gring:highlights:catch-the-highlights^${e}:sldr-dots:#"></button> </li> `} } }), this.el.frontSwiper.on("transitionEnd", function () { var e; this.slides[this.activeIndex].classList.contains("js-active-slide") || (s.opts.activeIndex = this.activeIndex, s.resetVideo(), s.opts.videoCanPlay) || ((e = this.slides[this.activeIndex].querySelector(s.selector.videoContainer)) && s.playVideo(e), s.setSwiperActiveClass.call(this)) }), this.el.frontSwiper.on("scrollbarDragEnd", function () { var e; s.opts.isCarouselAutoPlay = !1, this.slides[this.activeIndex].classList.contains("js-active-slide") || (s.opts.activeIndex = this.activeIndex, s.resetVideo(), s.opts.videoCanPlay) || ((e = this.slides[this.activeIndex].querySelector(s.selector.videoContainer)) && s.playVideo(e), s.setSwiperActiveClass.call(this)) }), this.el.frontSwiper.on("snapIndexChange", function () { var e = this.slides[this.activeIndex].querySelector(".video__controller")?.getAttribute("title") ?? ""; s.el.blindController.setAttribute("title", "" + e), s.setNavigationDisabled() }), this.el.frontSwiper.on("slideChange", function () { s.opts.activeIndex = this.activeIndex, s.setSlideA11y(), s.setNavigationDisabled(), s.setPaginationLabel(); let e = this.slides[this.activeIndex].querySelector(s.selector.videoContainer).querySelector(s.selector.videoController); s.opts.isCarouselAutoPlay && (clearTimeout(s.opts.focusMoveTimeout), s.opts.focusMoveTimeout = setTimeout(() => { e && e.focus() }, 300)), s.opts.activeIndex === this.slides.length - 1 && (s.opts.isCarouselAutoPlay = !1), null !== s.el.backSwiper && s.el.backSwiper.slideTo(this.realIndex) }), this.el.frontSwiper.on("init", function () { s.opts.activeIndex = this.activeIndex, s.setSlideA11y(), s.setNavigationLabel(), s.setPaginationLabel(), s.setNavigationDisabled(), s.el.swiperPrevArrow.addEventListener("click", s.events.prevArrow.click), s.el.swiperNextArrow.addEventListener("click", s.events.nextArrow.click), s.el.swiperPrevArrow.addEventListener("keydown", s.events.prevArrow.keyDown), s.el.swiperNextArrow.addEventListener("keydown", s.events.nextArrow.keyDown), s.el.swiperPrevArrow.addEventListener("focusin", s.events.prevArrow.focusin), s.el.swiperNextArrow.addEventListener("focusin", s.events.nextArrow.focusin), s.el.swiperPrevArrow.addEventListener("focusout", s.events.prevArrow.focusout), s.el.swiperNextArrow.addEventListener("focusout", s.events.nextArrow.focusout); let i = this; var e = i.pagination.bullets; Array.from(e).forEach((e, t) => { e.addEventListener("click", function (e) { e.preventDefault(), e.stopPropagation(), i.slideTo(t) }) }) }), this.el.frontSwiper.init() } } destroyFrontSwiper() { null !== this.el.frontSwiper && (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(!0, !0), this.el.frontSwiper = null) } setBackSwiper() { null === this.el.backSwiper && (this.el.backSwiper = new Swiper(this.el.backSwiperEl, { init: !1, a11y: !1, speed: 600, allowTouchMove: !1, centeredSlides: !0, centeresSlidesBounds: !0, slidesPerView: "auto" }), this.el.backSwiper.on("init", function () { Array.from(this.slides).forEach(e => { e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", "-1") }) }), this.el.backSwiper.init()) } destroyBackSwiper() { null !== this.el.backSwiper && (this.el.backSwiper.destroy(!0, !0), this.el.backSwiper = null) } slideTo(e = 300) { null !== this.el.frontSwiper && this.el.frontSwiper.slideTo(this.opts.activeIndex, e) } setSwiperActiveClass() { Array.from(this.slides).forEach((e, t) => { this.activeIndex !== t ? e.classList.remove("js-active-slide") : e.classList.add("js-active-slide") }) } setSlideA11y() { if (null !== this.el.frontSwiper) { var e = this.el.frontSwiper, t = e.slides; let s = e.activeIndex; Array.from(t).forEach((e, t) => { var i = e.querySelectorAll("a, button, input, select, iframe"); s === t ? (e.setAttribute("aria-hidden", !1), 0 < i.length && i.forEach(e => { e.setAttribute("aria-hidden", "false"), e.removeAttribute("tabindex") })) : (e.setAttribute("aria-hidden", !0), 0 < i.length && i.forEach(e => { e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", "-1") })) }) } } setNavigationLabel() { let t = this.opts.tagging.navigation; var e, i; "undefined" != typeof LOCAL_VARI && LOCAL_VARI ? (e = void 0 !== LOCAL_VARI.previous && LOCAL_VARI.previous ? LOCAL_VARI.previous : "Previous", i = void 0 !== LOCAL_VARI.next && LOCAL_VARI.next ? LOCAL_VARI.next : "Next", this.el.swiperPrevArrow.querySelector(".blind").innerText = e, this.el.swiperNextArrow.querySelector(".blind").innerText = i) : (this.el.swiperPrevArrow.querySelector(".blind").innerText = "Previous", this.el.swiperNextArrow.querySelector(".blind").innerText = "Next"), Object.keys(t).forEach(e => { "data-omni" === e || "ga-la" === e ? this.el.swiperPrevArrow.setAttribute(e, t[e] + "left") : this.el.swiperPrevArrow.setAttribute(e, t[e]) }), Object.keys(t).forEach(e => { "data-omni" === e || "ga-la" === e ? this.el.swiperNextArrow.setAttribute(e, t[e] + "right") : this.el.swiperNextArrow.setAttribute(e, t[e]) }) } setNavigationDisabled() { var e; null !== this.el.frontSwiper && (0 === (e = this.el.frontSwiper).activeIndex && e.activeIndex < e.slides.length - 1 ? (this.el.swiperPrevArrow.disabled = !0, this.el.swiperNextArrow.disabled = !1, this.onA11y(this.el.swiperPrevArrow), this.offA11y(this.el.swiperNextArrow)) : 0 < e.activeIndex && e.activeIndex === e.slides.length - 1 ? (this.el.swiperPrevArrow.disabled = !1, this.el.swiperNextArrow.disabled = !0, this.offA11y(this.el.swiperPrevArrow), this.onA11y(this.el.swiperNextArrow)) : 0 < e.activeIndex && e.activeIndex < e.slides.length - 1 && (this.el.swiperPrevArrow.disabled = !1, this.el.swiperNextArrow.disabled = !1, this.offA11y(this.el.swiperPrevArrow), this.offA11y(this.el.swiperNextArrow))) } setPaginationLabel() { if (null !== this.el.frontSwiper) { var e = this.el.frontSwiper; let n = e.slides; var t = e.pagination.bullets; let r = e.activeIndex; Array.from(t).forEach((e, t) => { var i, s, a = n[t].querySelector(this.selector.swiperSlideTitle)?.innerText ?? ""; "undefined" != typeof LOCAL_VARI && LOCAL_VARI ? (i = void 0 !== LOCAL_VARI.slide && LOCAL_VARI.slide ? LOCAL_VARI.slide : "Slide", s = void 0 !== LOCAL_VARI.selected && LOCAL_VARI.selected ? LOCAL_VARI.selected : "selected", r === t ? e.setAttribute("aria-label", `${i}${t + 1}: ${a} ` + s) : e.setAttribute("aria-label", `${i}${t + 1}: ` + a)) : r === t ? e.setAttribute("aria-label", `Slide${t + 1}: ${a} selected`) : e.setAttribute("aria-label", `Slide${t + 1}: ` + a) }) } } onA11y(e) { var t = e.querySelectorAll("a, button, input, select, iframe"); e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", "-1"); for (var i = 0; i < t.length; i++)t[i].setAttribute("aria-hidden", "true"), t[i].setAttribute("tabindex", " -1") } offA11y(e) { e.setAttribute("aria-hidden", "false"), e.removeAttribute("tabindex"); for (var t = e.querySelectorAll("a, button, input, select, iframe"), i = 0; i < t.length; i++)t[i].setAttribute("aria-hidden", "false"), t[i].removeAttribute("tabindex") } onClickPrevArrow() { null !== this.el.frontSwiper && (clearTimeout(this.opts.clickTimeout), this.opts.clickTimeout = setTimeout(() => { this.el.frontSwiper.isBeginning && this.el.swiperNextArrow.focus() }, 100), this.opts.isCarouselAutoPlay = !1) } onClickNextArrow() { clearTimeout(this.opts.clickTimeout), this.opts.clickTimeout = setTimeout(() => { this.el.frontSwiper.isEnd && this.el.swiperPrevArrow.focus() }, 100), this.opts.isCarouselAutoPlay = !1 } onKeyDownPrevArrow(e) { "enter" === e.key.toLowerCase() && this.onClickPrevArrow() } onKeyDownNextArrow(e) { "enter" === e.key.toLowerCase() && this.onClickNextArrow() } onFocusinPrevArrow() { this.opts.isFocusPrevArrow = !0 } onFocusinNextArrow() { this.opts.isFocusNextArrow = !0 } onFocusoutPrevArrow() { this.el.frontSwiper.isBeginning && this.opts.isFocusPrevArrow && this.onClickPrevArrow(), this.opts.isFocusPrevArrow = !1 } onFocusoutNextArrow() { this.el.frontSwiper.isEnd && this.opts.isFocusNextArrow && this.onClickNextArrow(), this.opts.isFocusNextArrow = !1 } onClickControllButton() { this.opts.isCarouselAutoPlay && (this.opts.isCarouselAutoPlay = !1), this.opts.isVideoAutoPlay = !this.opts.isVideoAutoPlay } onClickBlindController() { var e = this.el.frontSwiperSlides[this.opts.activeIndex].querySelector(this.selector.videoContainer); this.opts.isVideoAutoPlay = !e.playState, this.opts.isVideoAutoPlay ? this.el.videoPlayer.play(e) : this.el.videoPlayer.pause(e), this.opts.isCarouselAutoPlay = !1 } onClickDownHandler(e) { this.opts.isPointerMoving || (this.opts.isPointerMoving = !0, this.opts.startX = 0, this.opts.endX = 0, this.opts.startX = this.getMovePointerX(e)) } onClickUpHandler(e) { this.opts.isPointerMoving && (this.opts.isPointerMoving = !1, this.opts.endX = this.getMovePointerX(e), e = "mobile" !== this.opts.currDevice ? 80 : 50, this.el.frontSwiper) && Math.abs(this.opts.startX - this.opts.endX) > e && (this.opts.isCarouselAutoPlay = !1) } getMovePointerX(e) { return (e.touches && 0 < e.touches.length ? e.touches[0] : e.changedTouches && 0 < e.changedTouches.length ? e.changedTouches[0] : e).clientX } setVideoPlayer() { this.el.videoPlayer = { instance: [], load: t => { this.el.videoPlayer.instance.length && this.el.videoPlayer.instance.forEach(e => { e.onLoad(t) }) }, reset: t => { this.el.videoPlayer.instance.length && this.el.videoPlayer.instance.forEach(e => { e.onReset(t) }) }, play: t => { this.el.videoPlayer.instance.length && this.el.videoPlayer.instance.forEach(e => { e.onPlay(t) }) }, pause: t => { this.el.videoPlayer.instance.length && this.el.videoPlayer.instance.forEach(e => { e.onPause(t) }) }, ended: t => { this.el.videoPlayer.instance.length && this.el.videoPlayer.instance.forEach(e => { e.onEnded(t) }) }, init: () => { this.el.videoPlayer.instance.length || 0 === this.el.videoContainers.length || this.el.videoContainers.forEach((a, n) => { this.el.videoPlayer.instance.push(new RING.VideoPlayer(a, { sectionElement: this.selector.section, playType: "others", on: { updateController: e => { var t = e.playState ? "pause" : "play", i = e.el, s = this.opts.taggingIdList[n], s = (i.setAttribute("data-omni", `gring:highlights:catch-the-highlights^${s}:movi-${t}:#`), i.setAttribute("ga-la", `gring:highlights:catch-the-highlights^${s}:movi-${t}:#`), i.querySelector(".blind")), i = "undefined" != typeof LOCAL_VARI && LOCAL_VARI && void 0 !== LOCAL_VARI[t] && LOCAL_VARI[t] ? LOCAL_VARI[t] : t; s && (s.innerText = i), t !== this.opts.prevState && (this.el.blindController.innerText = "" + i, this.opts.prevState = t), e.playState && this.playProgress(a) } } })) }) } }, this.el.videoPlayer.init() } playVideo(e) { let t = () => { e.classList.contains("loaded") ? (cancelAnimationFrame(this.opts.videoAnimationFrame), o.isLowNetwork() || this.opts.isVideoAutoPlay && this.el.videoPlayer.play(e)) : this.opts.videoAnimationFrame = requestAnimationFrame(t) }; this.opts.videoAnimationFrame = requestAnimationFrame(t) } resetVideo(e = !1) { if (null !== this.el.frontSwiper) { let i = this.el.frontSwiper; var t = i.slides; e ? Array.from(t).forEach(e => { e = e.querySelector(this.selector.videoContainer); this.el.videoPlayer.reset(e), this.resetProgress(e) }) : Array.from(t).forEach((e, t) => { e = e.querySelector(this.selector.videoContainer); t !== i.activeIndex && e && (this.el.videoPlayer.reset(e), this.resetProgress(e)) }) } } playProgress(e) { let t = this.opts.videoCircleSize, i = e.querySelector("video"), s = i.duration; let a = e.querySelector(".video__controller").querySelector(".progress-icon"), n = a.querySelector(".draw-line"), r = () => { var e; a && s && (i.paused || i.ended || (e = i.currentTime / s * 100, (e = (e = this.opts.videoCircleSize * (100 - e) / 100) < 8 ? 0 : e) < t && (TweenMax.to(n, 0, { strokeDashoffset: e }), t = e), this.opts.frame = requestAnimationFrame(r)), i.ended) && (o.isLowNetwork() || this.opts.isCarouselAutoPlay && !this.opts.videoCanPlay && (this.opts.activeIndex++, this.slideTo()), cancelAnimationFrame(this.opts.frame)) }; this.opts.frame = requestAnimationFrame(r) } resetProgress(e) { var e = e.querySelector(".video__controller").querySelector(".progress-icon"); e && (e = e.querySelector(".draw-line"), TweenMax.to(e, 0, { strokeDashoffset: this.opts.videoCircleSize })) } } })(), (() => { window.RING = window.RING || {}; let t = RING.UTILS; RING.Sensor = class { constructor(e, t) { this.opts = { navHeight: 0, useInterger: !0, divide: 1, isBrokenSticky: !1, startCount: 0, endCount: 0, loadOffset: 1, resizeTimeout: null, currDevice: "dekstop", prevDevice: null, isInSectionBefore: null, isInSectionAfter: null, imageSrc: "", imageFormat: "jpg", imageLoaded: !1, sequenceSrc: [], sequenceImages: [], imgProgress: 0, prevress: -1, percent: 0, isUpdateSameImage: !1, imageSequenceEndPercent: .9, anim: { step1: { startPoint: 11, endPoint: 30 }, step2: { startPoint: 42, endPoint: 61 }, step3: { startPoint: 73, endPoint: 92 } }, ...t }, this.selector = { section: e, targetElement: ".sensor__visual-inner", imageElement: ".sensor__visual-inner img", trackElement: ".sensor__sticky-wrap", stickyElement: ".sensor__sticky-content", contentWrapElement: ".common__wrap", contentElement: ".sensor__motion-wrap" }, this.class = { featureHide: "is-feature-hide", brokenSticky: "broken-sticky" }, this.el = { section: document.querySelector(this.selector.section) || null, targetElement: null, imageElement: null, trackElement: null, stickyElement: null, contentWrapElement: null, contentElement: null, canvasElement: null, contextElement: null }, this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), scroll: { load: this.onScrollLoadHandler.bind(this), play: this.onScrollPlayHandler.bind(this) } }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.setCanvas(), this.bindEvents()) } setElements() { this.el.targetElement = this.el.section.querySelector(this.selector.targetElement), this.el.imageElement = this.el.section.querySelector(this.selector.imageElement), this.el.trackElement = this.el.section.querySelector(this.selector.trackElement), this.el.stickyElement = this.el.section.querySelector(this.selector.stickyElement), this.el.contentWrapElement = this.el.section.querySelector(this.selector.contentWrapElement), this.el.contentElement = this.el.section.querySelector(this.selector.contentElement), this.el.canvasElement = document.createElement("canvas"), this.el.targetElement.appendChild(this.el.canvasElement), this.el.contextElement = this.el.canvasElement.getContext("2d") } bindEvents() { window.addEventListener("load", this.events.load), window.addEventListener("resize", this.events.resize), window.addEventListener("scroll", this.events.scroll.load), window.addEventListener("scroll", this.events.scroll.play) } onLoadHandler() { this.events.resize(), window.removeEventListener("load", this.events.load) } onResizeHandler() { this.opts.currDevice = 767 < window.innerWidth ? "desktop" : "mobile", this.opts.isBrokenSticky = !1, document.documentElement.classList.remove(this.class.brokenSticky), this.opts.isBrokenSticky && (this.el.stickyElement.style.top = "", this.el.stickyElement.style.height = "", this.el.contentWrapElement.style.justifyContent = ""), clearTimeout(this.opts.resizeTimeout), this.opts.resizeTimeout = setTimeout(() => { var e = this.el.contentElement.clientHeight; this.el.stickyElement.scrollHeight < e && (this.opts.isBrokenSticky = !0, document.documentElement.classList.add(this.class.brokenSticky)), this.opts.isBrokenSticky || (this.opts.navHeight = t.getNavHeight(), this.el.stickyElement.style.top = this.opts.navHeight + "px", this.el.stickyElement.style.height = `calc(100vh - ${this.opts.navHeight}px)`, this.el.contentWrapElement.style.justifyContent = "", this.el.contentWrapElement.scrollHeight <= this.el.contentWrapElement.clientHeight && (this.el.contentWrapElement.style.justifyContent = "center"), this.events.scroll.play(), this.opts.currDevice !== this.opts.prevDevice && (this.onResponsiveChange(), this.opts.prevDevice = this.opts.currDevice)) }, 150) } onResponsiveChange() { this.events.scroll.load(), this.events.scroll.play() } onScrollLoadHandler() { var e, t, i, s, a; this.opts.isBrokenSticky || (t = (e = scrollY) + window.innerHeight, i = window.innerHeight * this.opts.loadOffset, a = (s = e + this.el.targetElement.getBoundingClientRect().top) + this.el.targetElement.clientHeight, s - i < t && e < a + i && (this.setDefaultImage(), this.loadSequenceImages(), window.removeEventListener("scroll", this.events.scroll.load))) } setCanvas() { this.opts.sequenceSrc = [], this.getSequenceSrc() } setDefaultImage() { let e = new Image; e.src = this.opts.sequenceSrc[0], e.addEventListener("load", () => { this.opts.canvasWidth = e.naturalWidth, this.opts.canvasHeight = e.naturalHeight, this.el.canvasElement.width = e.naturalWidth, this.el.canvasElement.height = e.naturalHeight, this.el.contextElement.drawImage(e, 0, 0, this.opts.canvasWidth, this.opts.canvasHeight) }) } getSequenceSrc() { var e = this.el.imageElement; this.opts.imageFormat = e.getAttribute("data-seq-format") ?? this.opts.imageFormat, this.opts.imageSrc = e.getAttribute("data-seq-img"); for (let e = this.opts.startCount; e <= this.opts.endCount; e++)this.opts.sequenceSrc.push(`${this.opts.imageSrc}-${e}.` + this.opts.imageFormat) } loadSequenceImages() { if (!(0 < this.opts.sequenceImages.length)) { let t = 0, i = e => { e = e.currentTarget; t < this.opts.sequenceSrc.length - 1 ? (t++, e.removeEventListener("load", i)) : this.opts.imageLoaded = !0 }; for (let e = 0; e < this.opts.sequenceSrc.length; e++) { var s = new Image; s.src = this.opts.sequenceSrc[e], s.addEventListener("load", i), this.opts.sequenceImages.push(s) } } } onScrollPlayHandler() { var e, t, i, s, a, n; this.opts.isBrokenSticky || (t = (e = scrollY) + window.innerHeight, n = this.el.trackElement.getBoundingClientRect(), i = this.el.trackElement.clientHeight - window.innerHeight, a = (s = e + n.top) + this.el.trackElement.clientHeight, s <= e && t <= a ? (this.opts.percent = -n.top / i, n = this.opts.percent * (1 / this.opts.imageSequenceEndPercent) * (this.opts.sequenceImages.length - 1), this.opts.imgProgress = this.opts.useInterger ? Math.round(n) : n, this.opts.isInSectionAfter = !1, this.opts.isInSectionBefore = !1, this.setMotions(), this.opts.percent < this.opts.imageSequenceEndPercent ? 1 < this.opts.divide && this.opts.imgProgress % this.opts.divide != 0 || this.playSequenceImage() : (this.opts.imgProgress = this.opts.sequenceImages.length - 1, this.playSequenceImage())) : e < s ? (this.opts.imgProgress = 0, this.playSequenceImage(), this.opts.isInSectionBefore || (this.opts.isInSectionBefore = !0, this.setMotionsBefore())) : a < t && (this.opts.imgProgress = this.opts.sequenceImages.length - 1, this.playSequenceImage(), this.opts.isInSectionAfter || (this.opts.isInSectionAfter = !0, this.setMotionsAfter()))) } playSequenceImage() { if (this.opts.imageLoaded) { if (null !== this.opts.loadFrame && (cancelAnimationFrame(this.opts.loadFrame), this.opts.loadFrame = null), this.opts.imgProgress === this.opts.prevress) { if (this.opts.isUpdateSameImage) return; this.el.contextElement.drawImage(this.opts.sequenceImages[this.opts.imgProgress], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight), this.opts.isUpdateSameImage = !0 } if (this.opts.imgProgress !== this.opts.prevress) { if (this.opts.imgProgress - this.opts.prevress > this.opts.divide) for (let e = this.opts.prevress + this.opts.divide; e < this.opts.imgProgress;)this.el.contextElement.drawImage(this.opts.sequenceImages[e], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight), e += this.opts.divide; if (this.opts.prevress - this.opts.imgProgress > this.opts.divide) for (let e = this.opts.prevress - this.opts.divide; e > this.opts.imgProgress;)this.el.contextElement.drawImage(this.opts.sequenceImages[e], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight), e -= this.opts.divide; this.el.contextElement.drawImage(this.opts.sequenceImages[this.opts.imgProgress], 0, 0, this.opts.canvasWidth, this.opts.canvasHeight), this.opts.prevress = this.opts.imgProgress, this.opts.isUpdateSameImage = !1 } } else this.opts.loadFrame = requestAnimationFrame(this.playSequenceImage.bind(this)) } setMotions() { var e = this.opts.anim, t = this.opts.imgProgress; t <= e.step1.startPoint ? this.removeClasses(["step01", "step02", "step03"]) : t >= e.step1.startPoint && t <= e.step1.endPoint ? (this.removeClasses(["step02", "step03"]), this.addClasses(["step01"])) : t >= e.step2.startPoint && t <= e.step2.endPoint ? (this.removeClasses(["step01", "step03"]), this.addClasses(["step02"])) : t >= e.step3.startPoint && t <= e.step3.endPoint ? (this.removeClasses(["step01", "step02"]), this.addClasses(["step03"])) : t > e.step3.endPoint ? this.addClasses(["step03"]) : this.removeClasses(["step01", "step02", "step03"]) } setMotionsBefore() { this.removeClasses(["step01", "step02", "step03"]) } setMotionsAfter() { this.addClasses(["step03"]) } addClasses(e) { e.forEach(e => { this.el.section.classList.contains(e) || this.el.section.classList.add(e) }) } removeClasses(e) { e.forEach(e => { this.el.section.classList.contains(e) && this.el.section.classList.remove(e) }) } } })(), (() => { window.RING = window.RING || {}; let i = RING.UTILS; class e { constructor(e, t = {}) { this.opts = { currDevice: "desktop", prevDevice: null, prevIndex: null, currentIndex: 0, isPlaying: !1 }, this.selector = { section: e, 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", ...t.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", ...t.class }, this.el = { section: document.querySelector(this.selector.section) || null }, this.tagging = { open: { play: "gring:highlights:charging-case:movi-play:case-open", pause: "gring:highlights:charging-case:movi-pause:case-open" }, short: { play: "gring:highlights:charging-case:movi-play:short-press", pause: "gring:highlights:charging-case:movi-pause:short-press" }, long: { play: "gring:highlights:charging-case:movi-play:long-press", pause: "gring:highlights:charging-case:movi-pause:long-press" } }, 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() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (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((e, t) => { e.addEventListener("click", () => this.events.click(t)) }), window.addEventListener("resize", this.events.resize) } onLoadHandler() { this.el.videoContainers[this.opts.currentIndex].querySelector("video").addEventListener("canplaythrough", this.events.canplaythrough, { once: !0 }), window.removeEventListener("load", this.events.load) } onCanplaythrough(e) { i.isLowNetwork() || (this.events.scroll(), window.addEventListener("scroll", this.events.scroll)) } onResizeHandler() { this.opts.currDevice = 767 < innerWidth ? "desktop" : "mobile", this.opts.currDevice !== this.opts.prevDevice && (this.onResponsiveChange(), this.opts.prevDevice = this.opts.currDevice) } onResponsiveChange() { i.isLowNetwork() || this.events.scroll() } onClickHandler(i) { this.opts.prevIndex = this.opts.currentIndex, this.opts.currentIndex = i, this.opts.prevIndex !== this.opts.currentIndex && Array.from(this.el.tabs).forEach((e, t) => { i === t && this.setActive(e, t), i !== t && this.setInactive(e, t) }) } onScrollHandler() { var e = window.scrollY; let t = this.el.videoContainers[this.opts.currentIndex]; var i = .5 * t.getBoundingClientRect().height, s = e, e = e + window.innerHeight, a = s + t.getBoundingClientRect().top, n = s + t.getBoundingClientRect().bottom; if (a + i < e && s < n) { if (!this.opts.isPlaying) { let e = () => { t.classList.contains(this.class.playing) ? cancelAnimationFrame(this.opts.videoPlayTime) : this.opts.videoPlayTime = requestAnimationFrame(e), this.videoPlayer.play(t), this.opts.isPlaying = !0 }; this.opts.videoPlayTime = requestAnimationFrame(e) } } else (e < a || n < s) && 0 != this.opts.isPlaying && (this.videoPlayer.reset(t), this.opts.isPlaying = !1) } setActive(e, t) { this.addClass(e), e.setAttribute("aria-selected", !0), this.addClass(this.el.tabPanels[t]), this.el.tabPanels[t].setAttribute("aria-hidden", !1), this.el.tabPanels[t].style.zIndex = 5, 0 < this.el.videoControllers.length && this.el.videoControllers[t].removeAttribute("tabindex"), i.isLowNetwork() || (this.videoPlayer.play(this.el.videoContainers[t]), this.opts.isPlaying = !0) } setInactive(e, t) { this.el.tabPanels[t].classList.contains(this.class.isActive) && (this.removeClass(e), e.setAttribute("aria-selected", !1), this.el.tabPanels[t].setAttribute("aria-hidden", !0), this.el.tabPanels[t].style.zIndex = "", 0 < this.el.videoControllers.length && this.el.videoControllers[t].setAttribute("tabindex", -1), setTimeout(() => { this.opts.currentIndex !== t && (this.removeClass(this.el.tabPanels[t]), this.videoPlayer.reset(this.el.videoContainers[t])) }, 300)) } addClass(e) { e.classList.add(this.class.isActive) } removeClass(e) { e.classList.remove(this.class.isActive) } initVideoPlayer() { this.videoPlayer = { instance: [], load: t => { this.videoPlayer.instance.length && this.videoPlayer.instance.forEach(e => { e.onLoad(t) }) }, reset: t => { this.videoPlayer.instance.length && this.videoPlayer.instance.forEach(e => { e.onReset(t) }) }, play: e => { this.videoPlayer.instance.length && this.videoPlayer.instance[this.opts.currentIndex].onPlay(e) }, pause: e => { this.videoPlayer.instance.length && this.videoPlayer.instance[this.opts.currentIndex].onPause(e) }, ended: e => { this.videoPlayer.instance.length && this.videoPlayer.instance[this.opts.currentIndex].onEnded(e) }, init: () => { this.videoPlayer.instance.length || this.el.videoContainers.forEach(e => { e.closest(this.class.tabPanel); let s = e.querySelector(this.selector.videoController); this.videoPlayer.instance.push(new RING.VideoPlayer(e, { sectionElement: this.selector.section, on: { updateController: t => { if (s) { var i = t.playState ? "pause" : "play"; let e = t.el; t = e.dataset.tagging, t = (e.setAttribute("data-omni", "" + this.tagging[t][i]), e.setAttribute("ga-la", "" + this.tagging[t][i]), e.querySelector(".blind")); t && ("undefined" != typeof LOCAL_VARI && LOCAL_VARI && void 0 !== LOCAL_VARI[i] && LOCAL_VARI[i] ? t.innerText = LOCAL_VARI[i] : t.innerText = i) } } } })) }) } }, this.videoPlayer.init() } } RING.ChargingCase = e })(), (() => { window.RING = window.RING || {}, RING.ColorTab = class { constructor(e, t = {}) { this.opts = { currentIndex: 0 }, this.selector = { section: e, tabList: ".common__tab-list", tab: ".common__tab-cta", tabPanel: ".common__tab-panel", tabCTAText: ".tab-cta__text", ...t.selector }, this.class = { isActive: "is-active", featureHide: "is-feature-hide", ...t.class }, this.el = { section: document.querySelector(this.selector.section) || null }, this.events = { click: this.onClickHandler.bind(this) }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (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((e, t) => { e.addEventListener("click", e => this.events.click(e, t)) }) } onClickHandler(e, t) { this.opts.currentIndex = t, Array.from(this.el.tabs).forEach((e, t) => { this.opts.currentIndex === t && this.setActive(e, t), this.opts.currentIndex !== t && this.setInactive(e, t) }) } setActive(e, t) { this.addClass(this.el.tabCTATexts[t]), this.addClass(e), e.setAttribute("aria-selected", !0), this.addClass(this.el.tabPanels[t]), this.el.tabPanels[t].setAttribute("aria-hidden", !1), this.el.tabPanels[t].style.zIndex = 5 } setInactive(e, t) { this.el.tabPanels[t].classList.contains(this.class.isActive) && (this.removeClass(this.el.tabCTATexts[t]), this.removeClass(e), e.setAttribute("aria-selected", !1), this.el.tabPanels[t].setAttribute("aria-hidden", !0), this.el.tabPanels[t].style.zIndex = "", setTimeout(() => { this.opts.currentIndex !== t && this.removeClass(this.el.tabPanels[t]) }, 300)) } addClass(e) { e.classList.add(this.class.isActive) } removeClass(e) { e.classList.remove(this.class.isActive) } } })(), (() => { window.RING = window.RING || {}, RING.Waterproof = class { constructor(e, t) { this.opts = { controlTagging: { play: "movi-play", pause: "movi-pause" }, playType: "reverse", ...t }, this.selector = { section: e, videoContainer: ".video__container", videoController: ".video__controller", play: ".play", pause: ".pause" }, this.class = { featureHide: "is-feature-hide" }, this.el = { section: document.querySelector(this.selector.section) || null, videoContainer: null }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.buildVideoPlayer()) } setElements() { this.el.videoContainer = this.el.section.querySelector(this.selector.videoContainer) } buildVideoPlayer() { let t = this; this.el.videoPlayer = { instance: null, play: e => { null !== this.el.videoPlayer.instance && this.el.videoPlayer.instance.onPlay(e) }, ended: () => { null !== this.el.videoPlayer.instance && this.el.videoPlayer.instance.onEnded() }, reset: e => { null !== this.el.videoPlayer.instance && this.el.videoPlayer.instance.onReset(e) }, build: () => { null === this.el.videoPlayer.instance && (this.el.videoContainer.querySelector(this.selector.videoController), this.el.videoPlayer.instance = new RING.VideoPlayer(this.el.videoContainer, { sectionElement: this.selector.section, videoParentElement: this.selector.section, playType: this.opts.playType, on: { updateTime: e => { e.duration && e.playState && e.currentTime >= e.duration && (t.el.videoPlayer.reset(this.el.videoContainer), setTimeout(() => { t.el.videoPlayer.play(this.el.videoContainer) }, 0)) }, updateController: e => { var t = e.playState ? "pause" : "play", e = e.el, i = this.opts.controlTagging; e && (e.setAttribute("data-omni", i[t] + ":#"), e.setAttribute("ga-la", i[t] + ":#"), i = e.querySelector(".blind")) && ("undefined" != typeof LOCAL_VARI && LOCAL_VARI && void 0 !== LOCAL_VARI[t] && LOCAL_VARI[t] ? i.innerText = LOCAL_VARI[t] : i.innerText = t) } } })) } }, this.el.videoPlayer.build() } } })(), (() => { window.RING = window.RING || {}, RING.WalkRun = class { constructor(e, t) { this.opts = { ...t }, this.selector = { section: e, motionTarget: ".walk-run__motion-wrap", wrap: "#wrap" }, this.class = { featureHide: "is-feature-hide", isActive: "is-active" }, this.el = { wrap: document.querySelector(this.selector.wrap) || null, section: document.querySelector(this.selector.section) || null, videoContainer: null, videoPlayer: null }, this.events = { load: this.onLoadHandler.bind(this), scroll: this.onScrollHandler.bind(this) }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.bindEvents()) } setElements() { this.el.target = this.el.section.querySelector(this.selector.target), this.el.motionTarget = this.el.section.querySelector(this.selector.motionTarget) } bindEvents() { window.addEventListener("load", this.events.load), window.addEventListener("scroll", this.events.scroll) } onLoadHandler() { this.events.scroll(), window.removeEventListener("load", this.events.load) } onScrollHandler() { var e = scrollY, t = window.innerHeight, i = scrollY + .8 * t, s = this.el.motionTarget, a = 0 * s.getBoundingClientRect().height, n = e + this.el.section.getBoundingClientRect().top, r = e + s.getBoundingClientRect().top, o = e + s.getBoundingClientRect().bottom; if (r + a <= i && e <= o - a) { if (s.classList.contains(this.class.isActive)) return; s.classList.add(this.class.isActive) } scrollY + t < n && s.classList.contains(this.class.isActive) && s.classList.remove(this.class.isActive) } } })(), (() => { window.RING = window.RING || {}, RING.ChooseSize = class { constructor(e, t = {}) { this.swiper = null, this.opts = { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "galaxy-ring:find:carousel:index:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "galaxy-ring:find:carousel:index:" } }, resizeTimeout: null, currentDevice: null, prevDevice: null, currentIndex: 0, clickTimeout: null, ...t }, this.selector = { section: e, popupSection: "#choose-size-popup", popupLayer: ".cm-layer", popupLayerContent: ".cm-layer__content", popupButton: ".js-layer-opener", youtubeIframe: ".common-video-popup__iframe > iframe", swiper: ".common__carousel", swiperSlide: ".swiper-slide", swiperHeadline: ".common__headline", swiperSubHeadline: ".common__sub-headline", swiperPagination: ".swiper-pagination", swiperPaginationBlind: ".common__blind", buttonDisabled: ".swiper-button-disabled", blind: ".blind" }, this.class = { featureHide: "is-feature-hide", isActive: "is-active" }, this.el = { section: document.querySelector(this.selector.section) || null, popupSection: null, popupLayer: null, popupLayerEl: null, popupLayerContent: null, popupButton: null, youtubeIframe: null, swiper: null, swiperHeadline: null, swiperSlides: null, swiperPagination: null, swiperPaginationBlind: null }, this.events = { load: this.onLoadHandler.bind(this), resize: this.onResizeHandler.bind(this), popup: { click: this.onClickPopupButton.bind(this) } }, this.init() } init() { null === this.el.section || this.el.section.classList.contains(this.class.featureHide) || (this.setElements(), this.setPopupLayer(), this.bindEvents()) } setElements() { this.el.popupSection = this.el.section.querySelector(this.selector.popupSection), this.el.popupLayerEl = this.el.section.querySelector(this.selector.popupLayer), this.el.popupLayerContent = this.el.popupLayerEl.querySelector(this.selector.popupLayerContent), this.el.popupButton = this.el.section.querySelector(this.selector.popupButton), this.el.youtubeIframe = this.el.popupLayerEl.querySelector(this.selector.youtubeIframe), this.el.swiper = this.el.section.querySelector(this.selector.swiper), this.el.swiperHeadline = this.el.section.querySelector(this.selector.swiperHeadline), this.el.swiperSlides = this.el.section.querySelectorAll(this.selector.swiperSlide), this.el.swiperPagination = this.el.section.querySelector(this.selector.swiperPagination), this.el.swiperPaginationBlind = this.el.section.querySelector(this.selector.swiperPaginationBlind) } bindEvents() { window.addEventListener("load", this.events.load), window.addEventListener("resize", this.events.resize), this.el.popupButton.addEventListener("click", this.events.popup.click) } onLoadHandler() { this.events.resize(), window.removeEventListener("load", this.events.load) } onResizeHandler() { this.opts.currentDevice = 767 < innerWidth ? "desktop" : "mobile", this.opts.currentDevice !== this.opts.prevDevice && (this.onResponsiveChange(), this.opts.prevDevice = this.opts.currentDevice) } onResponsiveChange() { this.destroySwiper(), "mobile" === this.opts.currentDevice && this.setSwiper() } updateA11ySwiper() { null !== this.swiper && (Array.from(this.swiper.slides).forEach(e => { e.setAttribute("aria-hidden", !0) }), "mobile" === this.opts.currentDevice) && this.swiper.slides[this.opts.currentIndex].setAttribute("aria-hidden", !1) } destroyA11ySwiper() { "desktop" === this.opts.currentDevice && Array.from(this.el.swiperSlides).forEach(e => { e.removeAttribute("aria-hidden") }) } onTransitionStart() { this.opts.currentIndex = this.swiper.snapIndex, this.updateA11ySwiper() } onInitSwiper() { this.opts.currentIndex = 0, this.onTransitionStart(), this.updateA11ySwiper(), this.setPaginationLabel(); var e = this.swiper.pagination.bullets; let i = this; void 0 !== e && 0 < e.length && Array.from(e).forEach((e, t) => { e.addEventListener("click", function (e) { e.preventDefault(), e.stopImmediatePropagation(), i.swiper.slideTo(t) }) }) } onSlideChange() { this.setPaginationLabel() } destroySwiper() { null !== this.swiper && (this.destroyA11ySwiper(), this.swiper.destroy(!0, !0), this.swiper = null) } setSwiper() { if (null === this.swiper) { let i = this; var e = { init: !1, a11y: !1, slidesPerView: "auto", pagination: { el: i.el.swiperPagination, renderBullet: function (e) { var t = i.opts.pagination.tagging; return ` <li role="listitem"> <button class="swiper-pagination-bullet" role="button" data-omni-type="${t["data-omni-type"]}" data-omni="${t["data-omni"]}${e + 1}" ga-ca="${t["ga-ca"]}" ga-ac="${t["ga-ac"]}" ga-la="${t["ga-la"]}${e + 1}"></button> </li> `} } }; this.swiper = new Swiper(this.el.swiper, e), this.swiper.on("transitionStart", this.onTransitionStart.bind(this)), this.swiper.on("snapIndexChange", this.onSlideChange.bind(this)), this.swiper.on("init", this.onInitSwiper.bind(this)), this.swiper.init() } } setPaginationLabel() { if (null !== this.swiper) { let r = this.swiper.slides; var e = this.swiper.pagination.bullets; void 0 !== e && 0 < e.length && Array.from(e).forEach((e, t) => { var i, s = e.classList.contains("swiper-pagination-bullet-active"), a = r[t].querySelector(".choose-size__step-num")?.innerText ?? "", n = r[t].querySelector(".choose-size__step-tit")?.innerText ?? ""; "undefined" != typeof LOCAL_VARI && LOCAL_VARI ? (i = void 0 !== LOCAL_VARI.slide && LOCAL_VARI.slide ? LOCAL_VARI.slide : "Slide", s ? e.setAttribute("aria-label", `${i}${t + 1}: ${a} ${n} ` + (void 0 !== LOCAL_VARI.selected && LOCAL_VARI.selected ? LOCAL_VARI.selected : "selected")) : e.setAttribute("aria-label", `${i}${t + 1}: ${a} ` + n)) : s ? e.setAttribute("aria-label", `Slide${t + 1}: ${a} ${n} selected`) : e.setAttribute("aria-label", `Slide${t + 1}: ${a} ` + n) }) } } setPopupLayer() { let e = () => { var e = this.el.popupButton, t = "https://www.youtube.com/embed/" + e.getAttribute("data-youtube-id") + "?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1", i = e.getAttribute("data-youtube-title"); this.el.youtubeIframe.setAttribute("src", t), this.el.youtubeIframe.setAttribute("title", i), this.el.OpenerTarget = e }, t = () => { this.el.youtubeIframe.removeAttribute("src") }; this.el.popupLayer = { instance: null, setup: () => { null === this.el.popupLayer.instance && (this.el.popupLayer.instance = new HiveLayer(this.selector.section + " " + this.selector.popupLayer, { effect: "default", on: { layerOpenBefore: () => { var e = this.el.popupLayerEl.querySelectorAll("img.js-res-img:not(.load-complete)"); 0 < e.length && this.opts.updateImageLoader(e) }, layerOpenAfter: () => { e() }, layerCloseBefore: () => { }, layerCloseAfter: () => { t() } } })) } }, this.el.popupLayer.setup() } onClickPopupButton(e) { e = e.currentTarget; this.opts.targetPopupId = e.getAttribute("data-content-target"), this.setPopupContentA11y() } setPopupContentA11y() { var e = this.el.popupLayerContent, t = e.getAttribute("id"), i = e.querySelectorAll("a, button, input, select, iframe"); this.opts.targetPopupId === t ? (this.el.popupSection.setAttribute("aria-hidden", "false"), e.style.display = "block", e.setAttribute("aria-hidden", "false"), e.removeAttribute("tabindex"), 0 < i.length && i.forEach(e => { e.setAttribute("aria-hidden", "false"), e.removeAttribute("tabindex") })) : (this.el.popupSection.setAttribute("aria-hidden", "true"), e.style.display = "", e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", "-1"), 0 < i.length && i.forEach(e => { e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", "-1") })) } } })(), (() => { window.RING = window.RING || {}; let t = RING.UTILS; RING.Contrast = class { constructor(e = container, t) { var i = { el: e, defaultBtn: ".type-default", contrastBtn: ".type-contrast", cookieName: "highContrastMode", featureHide: "is-feature-hide" }; this.opts = i, this.classes = i.classes, this.el = document.querySelector(e), this.init() } init() { null === this.el || this.el.classList.contains(this.opts.featureHide) || (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)), this.defaultBtn && this.defaultBtn.addEventListener("click", this.onClickDefaultBtn.bind(this)), this.contrastBtn && this.contrastBtn.addEventListener("click", this.onClickContrastBtn.bind(this)) } onLoadHandler() { this.activeContrast() } onClickDefaultBtn(e) { e.preventDefault(), t.setCookie(this.cookieName, "0", 1), this.activeContrast() } onClickContrastBtn(e) { e.preventDefault(), t.setCookie(this.cookieName, "1", 1), this.activeContrast() } activeContrast() { var e = t.getCookie(this.cookieName); null != e && e.length && "1" == e ? (document.documentElement.classList.add("color_yb"), this.contrastBtn.setAttribute("title", this.contrastBtnTitle + " selected"), this.defaultBtn.setAttribute("title", this.defaultBtnTitle)) : (document.documentElement.classList.remove("color_yb"), this.contrastBtn.setAttribute("title", this.contrastBtnTitle), this.defaultBtn.setAttribute("title", this.defaultBtnTitle + " selected")) } } })(), new class { constructor(e) { this.container = e, this.containerEl = document.querySelector(this.container), this.init() } init() { null !== this.containerEl && this.buildComponents() } buildComponents() { this.imageLoader = new RING.ImageLoader(this.container, { visiblePoint: .5, loadOption: [{ resolution: 1920, attribute: "data-src-pc" }, { resolution: 767, attribute: "data-src-mobile" }] }), this.videoLoader = new RING.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" }] }); new RING.RingVideoPlayer(".kv", { ignoreLazy: !0, updateVideoLoader: e => { this.videoLoader.setResponsiveVideo(e) }, controlTagging: { play: "gring:highlights:main-kv:movi-play", pause: "gring:highlights:main-kv:movi-pause" } }), new RING.HighlightCarousel(".highlight-carousel"), new RING.RingVideoPlayer(".concave-design", { playOffset: 0, controlTagging: { play: "gring:highlights:design:movi-play", pause: "gring:highlights:design:movi-pause" } }), new RING.Sensor(".sensor", { startCount: 0, endCount: 92, loadOffset: 1.5 }), new RING.RingVideoPlayer(".battery", { controlTagging: { play: "gring:highlights:battery:movi-play", pause: "gring:highlights:battery:movi-pause" } }), new RING.RingVideoPlayer(".health-fitness-tracker", { controlTagging: { play: "gring:highlights:track-with-galaxy-ring:movi-play", pause: "gring:highlights:track-with-galaxy-ring:movi-pause" } }), new RING.ChargingCase(".charging-case__video-type"), new RING.ColorTab(".color-option"), new RING.Waterproof(".waterproof", { controlTagging: { play: "gring:highlights:waterproof:movi-play", pause: "gring:highlights:waterproof:movi-pause" } }), new RING.RingVideoPlayer(".ai-samsung-health", { controlTagging: { play: "gring:highlights:samsung-health:movi-play", pause: "gring:highlights:samsung-health:movi-pause" } }), new RING.RingVideoPlayer(".energy-score", { controlTagging: { play: "gring:highlights:energy-score:movi-play", pause: "gring:highlights:energy-score:movi-pause" } }), new RING.RingVideoPlayer(".wellness-tips", { controlTagging: { play: "gring:highlights:wellness-tips:movi-play", pause: "gring:highlights:wellness-tips:movi-pause" } }), new RING.CardCarousel(".sleep", { pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:sleep:index:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "gring:highlights:sleep:index:" } } }), new RING.WalkRun(".walk-run"), new RING.CardCarousel(".walk-run", { centeredSlides: !0, useNavigation: !0, pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:exercise-tracking:index:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "gring:highlights:exercise-tracking:index:" } }, on: { updateImageLoader: e => { this.imageLoader.setResponsiveImage(e) } } }), new RING.RingVideoPlayer(".track-wide-range", { controlTagging: { play: "gring:highlights:exercise-tracking:movi-play", pause: "gring:highlights:exercise-tracking:movi-pause" } }), new RING.ChooseSize(".choose-size", { updateImageLoader: e => { this.imageLoader.setResponsiveImage(e) }, pagination: { tagging: { "data-omni-type": "microsite_pcontentinter", "data-omni": "gring:highlights:sizing-kit:index:", "ga-ca": "indication", "ga-ac": "carousel", "ga-la": "gring:highlights:sizing-kit:index:" } } }), new RING.Contrast(".cp-high-contrast"), RING.Disclaimer.init(), window.addEventListener("load", () => { setTimeout(() => { window.GALAXY && window.GALAXY.isGalaxy && (this.subNav = new RING.SubNav("#subnav")) }, 5) }) } }(".wearable-ring"); }); </script>  </body> </html> </div> </div> <div class="pd-g-feature-two-column-popup-ux2 aem-GridColumn aem-GridColumn--default--12"> </div> <div class="pd-g-reasons-to-buy-ux2 aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="rtbListSize" id="rtbListSize" value="0"/> <section class="pdd28-reasons-to-buy" style="display:none;"> <div class="pdd28-reasons-to-buy__inner"> <div class="pdd28-reasons-to-buy__headline-wrap"> <p class="pdd28-reasons-to-buy__headline">Compras fáciles y sin problemas</p> </div> <div class="pdd28-reasons-to-buy__content"> <div class="pdd28-reasons-to-buy__list swiper-container basic-swiper" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true, "freeMode": true }, "768": { "slidesPerView": 4, "centeredSlides": false } }, "viewMode": "mobile", "keepWrapper": true, "offTxtAccesibility": true, "componentEl": ".pdd28-reasons-to-buy" }'> <div class="pdd28-reasons-to-buy__list-inner swiper-wrapper" role="list"> </div> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev"> <div class="screen-indicator--icon"> <span class="hidden">Previous</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next"> <div class="screen-indicator--icon"> <span class="hidden">Next</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </div> </button> </div> </div> </div> </div> </section> </div> <div class="pd-g-product-specs-ux2 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" name="mdaUseYn" value="N" id="mdaUseYn"/> <section class="pdd32-product-spec" id="specs"> <div class="pdd32-product-spec__inner"> <div class="pdd32-product-spec__headline-wrap"> <h2 class="pdd32-product-spec__headline">Especificaciones</h2> <div class="pdd32-product-spec__expand-cta" data-expand-text="Expandir todo" data-collapse-text="Contraer todo"> <button class="cta cta--underline-v2" aria-expanded="false" an-tr="pdd32_product spec-product detail-view more-indication" an-ca="indication" an-ac="view more" an-la="product spec:view more"> Expandir todo </button> </div> </div> <div class="pdd32-product-spec__panel-wrap"> <div class="pdd32-product-spec__panel pdd32-product-spec--active" role="tabpanel" id="tabPanelid"> <div class="pdd32-product-spec__list"> <div class="pdd32-product-spec__item pdd32-product-spec__item--overview pdd32-product-spec__item--active"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="true" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Overview"> Descripción general <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Peso del producto (g)</p> <p class="pdd32-product-spec__content-item-desc"> 2.8 </p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Versión de Bluetooth</p> <p class="pdd32-product-spec__content-item-desc"> Bluetooth v5.4 </p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Sensores</p> <p class="pdd32-product-spec__content-item-desc"> Acelerómetro, Sensor óptico de frecuencia cardiaca, Sensor de temperatura </p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Redes / Bandas"> Redes / Bandas <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Infraestructura</p> <p class="pdd32-product-spec__content-item-desc">Solo Bluetooth</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Conectividad"> Conectividad <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Versión de Bluetooth</p> <p class="pdd32-product-spec__content-item-desc">Bluetooth v5.4</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Sistema operativo"> Sistema operativo <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-desc">Zephyr RTOS</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Almacenamiento/Memoria"> Almacenamiento/Memoria <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Storage (MB)</p> <p class="pdd32-product-spec__content-item-desc">8</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Sensores"> Sensores <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-desc">Acelerómetro, Sensor óptico de frecuencia cardiaca, Sensor de temperatura</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Especificaciones físicas"> Especificaciones físicas <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Body Dimension (WxD, mm)</p> <p class="pdd32-product-spec__content-item-desc">7.0 x 2.6</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Peso del producto (g)</p> <p class="pdd32-product-spec__content-item-desc">2.8</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Dimensiones del estuche (HxWxD, mm)</p> <p class="pdd32-product-spec__content-item-desc">48.9 x 48.9 x 24.5</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Peso del estuche (g)</p> <p class="pdd32-product-spec__content-item-desc">61.3</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Durabilidad</p> <p class="pdd32-product-spec__content-item-desc">10 ATM, IP68</p> </li> </ul> </div> </div> </div> <div class="pdd32-product-spec__item"> <h3 class="pdd32-product-spec__title"> <button class="pdd32-product-spec__toggle-cta" aria-expanded="false" an-tr="pdd32_product spec-product detail-contents view more-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Batería"> Batería <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </button> </h3> <div class="pdd32-product-spec__content-wrap"> <div class="pdd32-product-spec__content"> <ul class="pdd32-product-spec__content-list"> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Capacidad de la batería (mAh, típica)</p> <p class="pdd32-product-spec__content-item-desc">19.5</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Extraíble</p> <p class="pdd32-product-spec__content-item-desc">No</p> </li> <li class="pdd32-product-spec__content-item"> <p class="pdd32-product-spec__content-item-title">Usage Time (Days, Typical)</p> <p class="pdd32-product-spec__content-item-desc">Hasta 6</p> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="pdd32-product-spec__disclaimer"> <p></p> <div class="pdd32-product-spec__out-link"> <a class="cta cta--underline-v2 cta--icon" href="https://www.samsung.com/sar/sarMain?site_cd=mx&prd_mdl_name=SM-Q500" title="Abrir en una nueva ventana : Sar Information" target="_blank" an-tr="pdd32_product spec-product detail-cta-content_click" an-ca="content click" an-ac="feature" an-la="accordion:Specifications:Sar Information"> Información SAR <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </div> </div> </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-ux2 aem-GridColumn aem-GridColumn--default--12">  <input type="hidden" name="supportEmptyYn" id="supportEmptyYn" value="N"/> <input type="hidden" name="checkCDNYn" id="checkCDNYn"/> <section class="pdd33-product-support" id="support"> <div class="pdd33-product-support__section pdd33-product-support__manuals"> <h2 class="pdd33-product-support__headline"> <span class="pdd33-product-support__headline-text"> Manual del usuario y descargas </span> </h2> <div class="pdd33-product-support__content"> <div class="pdd33-product-support__manuals-list basic-swiper swiper-container" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true, "freeMode": true }, "768": { "slidesPerView": 4, "centeredSlides": false } }, "viewMode": "mobile", "keepWrapper": true, "offTxtAccesibility": true, "componentEl":".pdd33-product-support" }'> <div class="swiper-wrapper" role="list"> <div data-file-id="9896554" class="pdd33-product-support__manuals-item swiper-slide"> <div class="pdd33-product-support__manuals-card"> <div class="pdd33-product-support__manuals-content"> <p class="pdd33-product-support__manuals-name">Manual de Usuario</p> <p class="pdd33-product-support__manuals-desc"> <span>ver 1.0 | </span> 0.44 MB </p> <p class="pdd33-product-support__manuals-desc">2024-09-30</p> <div class="pdd33-product-support__manuals-language"> <p class="pdd33-product-support__manuals-language-text"> INGLÉS </p> </div> </div> <div class="pdd33-product-support__manuals-cta"> <a class="cta cta--outlined cta--black cta--icon-v2" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_MX&OriginYN=N&ModelType=N&ModelName=SM-Q500&CttFileID=9896554&CDCttType=UM&VPath=UM%2F202409%2F20240930163606625%2FSM-Q50X_UG_LTN_Eng_Rev.1.1_240925.pdf" title="Descargar: Manual de Usuario" aria-label="Descargar: Manual de Usuario" data-file-id="9896554" data-filename="SM-Q50X_UG_LTN_Eng_Rev.1.1_240925.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="INGLÉS" an-tr="pdd33_product support-product detail-download cta-content_click7" an-ca="content click" an-ac="feature" an-la="support:User manual & downloads:Manual de Usuario" target="_blank"><span class="cta--inner"> <svg class="icon icon--prefix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> Descargar <svg class="icon icon--suffix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> </span></a> </div> </div> </div> <div data-file-id="9896555" class="pdd33-product-support__manuals-item swiper-slide"> <div class="pdd33-product-support__manuals-card"> <div class="pdd33-product-support__manuals-content"> <p class="pdd33-product-support__manuals-name">Manual de Usuario</p> <p class="pdd33-product-support__manuals-desc"> <span>ver 1.0 | </span> 0.39 MB </p> <p class="pdd33-product-support__manuals-desc">2024-09-30</p> <div class="pdd33-product-support__manuals-language"> <p class="pdd33-product-support__manuals-language-text"> ESPAÑOL </p> </div> </div> <div class="pdd33-product-support__manuals-cta"> <a class="cta cta--outlined cta--black cta--icon-v2" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_MX&OriginYN=N&ModelType=N&ModelName=SM-Q500&CttFileID=9896555&CDCttType=UM&VPath=UM%2F202409%2F20240930163606625%2FFINAL1SM-Q50X_UG_LTN_Spa_Rev.1.1_240925.pdf" title="Descargar: Manual de Usuario" aria-label="Descargar: Manual de Usuario" data-file-id="9896555" data-filename="FINAL1SM-Q50X_UG_LTN_Spa_Rev.1.1_240925.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="ESPAÑOL" an-tr="pdd33_product support-product detail-download cta-content_click7" an-ca="content click" an-ac="feature" an-la="support:User manual & downloads:Manual de Usuario" target="_blank"><span class="cta--inner"> <svg class="icon icon--prefix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> Descargar <svg class="icon icon--suffix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> </span></a> </div> </div> </div> <div data-file-id="9869074" class="pdd33-product-support__manuals-item swiper-slide"> <div class="pdd33-product-support__manuals-card"> <div class="pdd33-product-support__manuals-content"> <p class="pdd33-product-support__manuals-name">Guía de Seguridad</p> <p class="pdd33-product-support__manuals-desc"> <span>ver 1.0 | </span> 4.39 MB </p> <p class="pdd33-product-support__manuals-desc">2024-09-04</p> <div class="pdd33-product-support__manuals-language"> <button class="pdd33-product-support__manuals-language-cta" an-tr="pdd33_product support-product detail-tooltip-content_click" an-ca="content click" an-ac="feature" an-la="support:User manual & downloads:Guía de Seguridad:tooltip"> <span class="pdd33-product-support__manuals-language-text">Multi-idiomas</span> <svg class="icon" focusable="false"> <use xlink:href="#icon-info-bold" href="#icon-info-bold"></use> </svg> </button> <div class="pdd33-product-support__manuals-tooltip"> INGLÉS, ESPAÑOL <a href="javascript:void(0)" class="pdd33-product-support__manuals-tooltip-close" role="button"> <span class="hidden">Cerrar la ventana emergente</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </a> </div> </div> </div> <div class="pdd33-product-support__manuals-cta"> <a class="cta cta--outlined cta--black cta--icon-v2" href="https://org.downloadcenter.samsung.com/downloadfile/ContentsFile.aspx?CDSite=UNI_MX&OriginYN=N&ModelType=N&ModelName=SM-Q500&CttFileID=9869074&CDCttType=UM&VPath=UM%2F202409%2F20240904135751775%2FWearable_Safety_information_Rev.1.8_240517.pdf" title="Descargar: Guía de Seguridad" aria-label="Descargar: Guía de Seguridad" data-file-id="9869074" data-filename="Wearable_Safety_information_Rev.1.8_240517.pdf" data-category="manual" data-type-code="UM" data-view-count="0" data-accept-lang="INGLÉS, ESPAÑOL" an-tr="pdd33_product support-product detail-download cta-content_click7" an-ca="content click" an-ac="feature" an-la="support:User manual & downloads:Guía de Seguridad" target="_blank"><span class="cta--inner"> <svg class="icon icon--prefix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> Descargar <svg class="icon icon--suffix" focusable="false" aria-hidden="true"> <use xlink:href="#download-bold" href="#download-bold"></use> </svg> </span></a> </div> </div> </div> </div> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev"> <div class="screen-indicator--icon"> <span class="hidden">Previous</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next"> <div class="screen-indicator--icon"> <span class="hidden">Next</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </div> </button> </div> </div> <div class="pdd33-product-support__manuals-more"> <a class="cta cta--underline cta--black cta--icon" href="/mx/support/model/SM-Q500NZKAMXO/#downloads" aria-label="User manual & Downloads : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-download cta-content_click7" an-ca="content click" an-ac="feature" an-la="support:User manual & downloads:see more content" target="_blank"> Ver más contenido <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </div> </div> </div> <div class="pdd33-product-support__section pdd33-product-support__faq"> <h2 class="pdd33-product-support__headline"> <span class="pdd33-product-support__headline-text"> Preguntas frecuentes </span> </h2> <div class="pdd33-product-support__content"> <ul class="pdd33-product-support__faq-list" role="list"> <li class="pdd33-product-support__faq-item" role="listitem"> <a href="/mx/support/mobile-devices/how-to-identify-counterfeit-accesories/" target="_blank" class="pdd33-product-support__faq-item-cta" aria-label="Preguntas frecuentes : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-question click-content_click" an-ca="content click" an-ac="feature" an-la="support:faq" data-omni="2036123"> <span class="pdd33-product-support__faq-item-text"> Cómo reconocer accesorios originales Samsung </span> <svg class="icon" focusable="false"> <use xlink:href="#outlink-regular" href="#outlink-regular"></use> </svg> </a> </li> <li class="pdd33-product-support__faq-item" role="listitem"> <a href="/mx/support/mobile-devices/use-the-samsung-find-app-to-locate-a-lost-device/" target="_blank" class="pdd33-product-support__faq-item-cta" aria-label="Preguntas frecuentes : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-question click-content_click" an-ca="content click" an-ac="feature" an-la="support:faq" data-omni="2166897"> <span class="pdd33-product-support__faq-item-text"> Utiliza la aplicación Samsung Find para localizar un dispositivo perdido. </span> <svg class="icon" focusable="false"> <use xlink:href="#outlink-regular" href="#outlink-regular"></use> </svg> </a> </li> <li class="pdd33-product-support__faq-item" role="listitem"> <a href="/mx/support/mobile-devices/use-the-samsung-find-app-to-share-your-location-with-your-friends-child-family-and-other-contacts/" target="_blank" class="pdd33-product-support__faq-item-cta" aria-label="Preguntas frecuentes : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-question click-content_click" an-ca="content click" an-ac="feature" an-la="support:faq" data-omni="2166681"> <span class="pdd33-product-support__faq-item-text"> Utiliza la aplicación Samsung Find para compartir tu ubicación con tus amigos, hijo, familia y otros contactos </span> <svg class="icon" focusable="false"> <use xlink:href="#outlink-regular" href="#outlink-regular"></use> </svg> </a> </li> <li class="pdd33-product-support__faq-item" role="listitem"> <a href="/mx/support/mobile-devices/how-to-charge-a-samsung-galaxy-watch-with-or-without-a-charger/" target="_blank" class="pdd33-product-support__faq-item-cta" aria-label="Preguntas frecuentes : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-question click-content_click" an-ca="content click" an-ac="feature" an-la="support:faq" data-omni="2173539"> <span class="pdd33-product-support__faq-item-text"> Cómo cargar un Samsung Galaxy Watch con o sin un cargador </span> <svg class="icon" focusable="false"> <use xlink:href="#outlink-regular" href="#outlink-regular"></use> </svg> </a> </li> <li class="pdd33-product-support__faq-item" role="listitem"> <a href="/mx/support/mobile-devices/how-to-charge-my-galaxy-buds/" target="_blank" class="pdd33-product-support__faq-item-cta" aria-label="Preguntas frecuentes : Abrir en una nueva ventana" an-tr="pdd33_product support-product detail-question click-content_click" an-ca="content click" an-ac="feature" an-la="support:faq" data-omni="2130317"> <span class="pdd33-product-support__faq-item-text"> Cómo cargar mis Galaxy Buds </span> <svg class="icon" focusable="false"> <use xlink:href="#outlink-regular" href="#outlink-regular"></use> </svg> </a> </li> </ul> </div> </div> <div class="pdd33-product-support__section pdd33-product-support__support"> <h2 class="pdd33-product-support__headline"> <span class="pdd33-product-support__headline-text"> Soporte de producto </span> </h2> <p class="pdd33-product-support__subline">Encuentra respuestas a las preguntas que tienes sobre el producto.</p> <div class="pdd33-product-support__content"> <div class="pdd33-product-support__support-card"> <div class="pdd33-product-support__support-item"> <div class="pdd33-product-support__support-text-wrap"> <div class="pdd33-product-support__support-image"> <svg class="icon" focusable="false"> <use xlink:href="#customer-service-regular" href="#customer-service-regular"></use> </svg> </div> <p class="pdd33-product-support__support-name">Soporte de producto</p> <p class="pdd33-product-support__support-desc">Aprovecha al máximo el dispositivo y servicios de Samsung.</p> <div class="pdd33-product-support__support-cta"> <a class="cta cta--underline-v2 cta--black" href="/mx/support/model/SM-Q500NZKAMXO/" aria-label="Soporte de producto" an-tr="pdd33_product support-product detail-cta-content_click" an-ca="content click" an-ac="feature" an-la="support:product support" data-omni="go to support pdp">Conoce más</a> </div> </div> <a href="/mx/support/model/SM-Q500NZKAMXO/" title="Soporte de producto" class="pdd33-product-support__support-clickable" aria-label="Soporte de producto" an-tr="pdd33_product support-product detail-cta-content_click" an-ca="content click" an-ac="feature" an-la="support:product support" data-omni="go to support pdp"><span class="hidden">Conoce más</span></a> </div> <div class="pdd33-product-support__support-item"> <div class="pdd33-product-support__support-text-wrap"> <div class="pdd33-product-support__support-image"> <svg class="icon" focusable="false"> <use xlink:href="#message-regular" href="#message-regular"></use> </svg> </div> <p class="pdd33-product-support__support-name">Chat en vivo</p> <p class="pdd33-product-support__support-desc">Ve cómo funcionan los productos y recibe recomendaciones de los modelos que se adaptan a tus necesidades.</p> <div class="pdd33-product-support__support-cta"> <a class="cta cta--underline-v2 cta--black" href="https://www.samsung.com/mx/support/contact/#start-chat" aria-label="Chat en vivo" an-tr="pdd33_product support-product detail-cta-content_click" an-ca="content click" an-ac="feature" an-la="support:live chat" data-omni="Chat en vivo">Conoce más</a> </div> </div> <a href="https://www.samsung.com/mx/support/contact/#start-chat" title="Chat en vivo" class="pdd33-product-support__support-clickable" aria-label="Chat en vivo" an-tr="pdd33_product support-product detail-cta-content_click" an-ca="content click" an-ac="feature" an-la="support:live chat" data-omni="Chat en vivo"><span class="hidden">Conoce más</span></a> </div> </div> </div> </div> </section> </div> <div class="pd-g-product-carousel-ux2 aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" name="productGroupCodeName" id="productGroupCodeName"/> <input type="hidden" name="productSubTypeCodeName" id="productSubTypeCodeName"/> <input type="hidden" name="productTypeCodeName" id="productTypeCodeName"/> <input type="hidden" name="modelCode" id="modelCode" value="SM-Q500NZKAMXO"/> <input type="hidden" name="currentUrl" id="currentUrl" value="https://www.samsung.com/content/samsung/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo"/> <section class="pdd34-product-carousel" id="pdd34ProductCarousel"> <div class="pdd34-product-carousel__inner"> <h2 class="pdd34-product-carousel__headline">También podría gustarte</h2> <div class="pdd34-product-carousel__content"> <input type="hidden" id="pdd34-page-track" value="product detail"/> <div class="pdd34-product-carousel__list swiper-container basic-swiper" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true, "freeMode": true }, "768": { "slidesPerView": 4.375, "centeredSlides": false } }, "pagination": true, "keepWrapper": true, "offTxtAccesibility": true, "componentEl": ".pdd34-product-carousel"}'> <div class="pdd34-product-carousel__list-inner swiper-wrapper" role="list"> </div> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev"> <div class="screen-indicator--icon"> <span class="hidden">Previous</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next"> <div class="screen-indicator--icon"> <span class="hidden">Next</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </div> </button> </div> </div> <div class="progressbar-indicator"> <div class="progressbar-indicator__inner"> <div class="progressbar-indicator__bar"><span class="progressbar-indicator__bar-fill"></span></div> <div class="progressbar-indicator__arrow-wrap"> <button class="progressbar-indicator__arrow swiper-button-prev" an-tr="pdd34_product carousel-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" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <g transform="translate(40 40) rotate(180)"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </g> </svg> </button> <button class="progressbar-indicator__arrow swiper-button-next" an-tr="pdd34_product carousel-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" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </svg> </button> </div> </div> </div> </div> </div> </section> <script> const PRODUCT_CAROUSEL = { 'cartUrl' : 'https://shop.samsung.com/mx/cart' ,'priceDisplayYn' : 'Y' ,'priceCurrency' : 'MXN' ,'recommendedProductYn' : 'Y' ,'shopIntegrationFlag' : 'Hybris-new' ,'serverType' : 'prod' ,'siteCode' : 'mx' ,'searchDomain' : '//searchapi.samsung.com/v6' ,'storeWebDomain' : 'https://shop.samsung.com' ,'apiStageInfo' : 'front' ,'pageUrl' : 'https://www.samsung.com/content/samsung/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo' }; </script> </div> <div class="pd-g-product-recently-viewed-ux2 aem-GridColumn aem-GridColumn--default--12">   <input type="hidden" id="recentlyEditMode" value="N"/> <input type="hidden" id="recentPriceCurrency" value="MXN"/> <section class="pdd35-recently-viewed" id="recently-viewed"> <div class="pdd35-recently-viewed__inner"> <p class="pdd35-recently-viewed__headline">Vistos recientemente</p> <div class="pdd35-recently-viewed__content"> <div class="pdd35-recently-viewed__list swiper-container basic-swiper" data-swiper-option='{ "breakpoints": { "1": { "slidesPerView": "auto", "centeredSlides": true, "freeMode": true }, "768": { "slidesPerView": 4.436, "centeredSlides": false } }, "pagination": true, "keepWrapper": true, "offTxtAccesibility": true, "componentEl": ".pdd35-recently-viewed" }'> <div class="pdd35-recently-viewed__list-inner swiper-wrapper" role="list"> </div> <div class="screen-indicator-wrap"> <button class="screen-indicator screen-indicator--prev" an-tr="pdd35_recently viewed-product detail-swipe-indication" an-ca="indication" an-ac="carousel" an-la="carousel:swipe:recently viewed"> <div class="screen-indicator--icon"> <span class="hidden">Anterior</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </div> </button> <button class="screen-indicator screen-indicator--next" an-tr="pdd35_recently viewed-product detail-swipe-indication" an-ca="indication" an-ac="carousel" an-la="carousel:swipe:recently viewed"> <div class="screen-indicator--icon"> <span class="hidden">Siguiente</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </div> </button> </div> </div> <div class="progressbar-indicator"> <div class="progressbar-indicator__inner"> <div class="progressbar-indicator__bar"><span class="progressbar-indicator__bar-fill"></span></div> <div class="progressbar-indicator__arrow-wrap"> <button class="progressbar-indicator__arrow swiper-button-prev" an-tr="pdd35_recently viewed-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:left"> <span class="hidden">Anterior</span> <svg class="icon" focusable="false" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <g transform="translate(40 40) rotate(180)"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </g> </svg> </button> <button class="progressbar-indicator__arrow swiper-button-next" an-tr="pdd35_recently viewed-product detail-arrow-indication" an-ca="indication" an-ac="carousel" an-la="carousel:arrow:right"> <span class="hidden">Siguiente</span> <svg class="icon" focusable="false" aria-hidden="true" width="40" height="40" viewbox="0 0 40 40"> <path d="M21.47,16.53A.75.75,0,0,1,22.53,15.47l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,21.47,23.47l2.72-2.72H14.5a.75.75,0,0,1,0-1.5h9.689Z"/> </svg> </button> </div> </div> </div> </div> </div> </section> </div> <div class="nv-g-breadcrumb aem-GridColumn aem-GridColumn--default--12"> <nav class="breadcrumb" aria-label="Breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path"> <li> <a aria-label="Página principal" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:home" href="/mx/"> <span class="breadcrumb__text-desktop">Página principal</span> <span class="breadcrumb__text-mobile">Página principal</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="Teléfonos celulares" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:mobile" href="/mx/mobile/"> <span class="breadcrumb__text-desktop">Teléfonos celulares</span> <span class="breadcrumb__text-mobile">Teléfonos celulares</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="Rings" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:rings" href="/mx/rings/"> <span class="breadcrumb__text-desktop">Rings</span> <span class="breadcrumb__text-mobile">Rings</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 Ring" an-tr="nv03_breadcrumb-product detail-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:galaxy ring" href="/mx/rings/galaxy-ring/"> <span class="breadcrumb__text-desktop">Galaxy Ring</span> <span class="breadcrumb__text-mobile">Galaxy Ring</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 Ring</strong> <strong class="breadcrumb__text-mobile" aria-current="page">Galaxy Ring</strong> </li> </ul> </div> <script type="application/ld+json" data-type="seo" data-object-type="BreadcrumbList" data-id="b683faae-a869-4208-a6ce-7ffa8aa6d563">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Página principal","item":"https://www.samsung.com/mx/","position":1},{"@type":"ListItem","name":"Teléfonos celulares","item":"https://www.samsung.com/mx/mobile/","position":2},{"@type":"ListItem","name":"Rings","item":"https://www.samsung.com/mx/rings/","position":3},{"@type":"ListItem","name":"Galaxy Ring","item":"https://www.samsung.com/mx/rings/galaxy-ring/","position":4},{"@type":"ListItem","name":"Galaxy Ring","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">Cerrar la ventana emergente</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <div id="anchorNavigationPriceBar" class="pdd01-anchor-nav-v2__bottom-wrap" data-model-code="SM-Q500NZKAMXO" data-shop-sku="SM-Q500NZKAMXO" data-cta-type="inStock" data-saleable="true"> <div class="pdd01-anchor-nav-v2__bottom"> <div class="pdd01-anchor-nav-v2__bottom-inner"> <h1 class="pdd01-anchor-nav-v2__headline"> <strong class="pdd01-anchor-nav-v2__headline-text sg-product-display-name"> Galaxy Ring </strong> </h1> <div id="sgDevPriceAreaBase" class="pd-buying-price"> <div class="pd-buying-price__wrap"> <div class="pd-buying-price__inner"> <div id="sgDevPriceArea"></div> </div> <div class="pd-buying-price__cta"></div> </div> </div> </div> </div>  <div class="sdf-component-templates"> <div class="pd-buying-price" data-sdf-template="priceBox @ price" data-sdf-unwrap="true"> <div class="pd-buying-price__wrap"> <div class="pd-buying-price__inner"> <p class="pd-buying-price__advice-price" data-sdf-test="{{priceAnchor.priceWrapper.info.noLineOrignal}}">{{priceAnchor.priceWrapper.info.noLineOrignal}}</p> <div class="pd-buying-price__new-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPrice}}"> <div class="pd-buying-price__new-price-inner"> {{priceAnchor.priceWrapper.info.totalPrice}} </div> <span class="pd-buying-price__monthly-price" data-sdf-test="{{priceAnchor.priceWrapper.info.totalPriceMonthly}}"> {{priceAnchor.priceWrapper.info.totalPriceMonthly}} </span> </div> <div class="pd-buying-price__box"> <p class="pd-buying-price__trade-in">{{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">Precio original:</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" data-sdf-test="{{price.isNotForSale}}"> <a class="cta cta--contained cta--black cta--2line add-special-tagging cta--disabled not-for-sale tg-not-for-sale" data-sdf-attr.href="#">no está a la venta</a> </div> <div class="pd-buying-price__cta" data-sdf-test="{{not price.isNotForSale}}"> <a class="cta cta--contained cta--emphasis cta--2line 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> </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">Productos y Servicios</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="product and service"> <span class="hidden" data-i18n-open="abierto" data-i18n-close="Cerrar">abierto</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="/mx/smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:smartphones" aria-label="Smartphones Smartphones">Smartphones</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/tablets/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:tablets" aria-label="Tablets Tablets">Tablets</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/audio-sound/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:audio sound" aria-label="Audio Audio">Audio</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/watches/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:watches" aria-label="Watches Watches">Watches</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/apps/smart-switch/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product 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="/mx/mobile-accessories/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:accessories" aria-label="Mobile Accessories Mobile Accessories">Mobile Accessories</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:tvs" aria-label="TVs TVs">TVs</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/lifestyle-tvs/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product 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="/mx/audio-devices/all-audio-devices/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product 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="/mx/refrigerators/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:refrigerators" aria-label="Refrigeradores Refrigeradores">Refrigeradores</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/washers-and-dryers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:washers dryers" aria-label="Lavado Lavado">Lavado</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/air-conditioners/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:air conditioners" aria-label="Aires Acondicionados Aires Acondicionados">Aires Acondicionados</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/cooking-appliances/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product 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="/mx/monitors/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="product and service:monitors" aria-label="Monitores Monitores">Monitores</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="abierto" data-i18n-close="Cerrar">abierto</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="/mx/offer/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:offers" aria-label="Ofertas Ofertas">Ofertas</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/samsung-experience-store/about/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung store" aria-label="Samsung Store Samsung Store">Samsung Store</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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="/mx/rewards/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:samsung rewards" aria-label="Samsung Rewards Samsung Rewards">Samsung Rewards</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://shop.samsung.com/mx/multistore/estudiantes_mx/estudiantes_mx/login/multistore" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:offers for students" aria-label="Ofertas para Estudiantes Ofertas para Estudiantes">Ofertas para Estudiantes</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/offer/government-epp/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:government offers" aria-label="Ofertas para funcionarios de gobierno Ofertas para funcionarios de gobierno">Ofertas para funcionarios de gobierno</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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 plus">Samsung Care+</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/buen-fin/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:buen fin" aria-label="Buen Fin Buen Fin">Buen Fin</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/offer/hot-sale/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:hot sale" aria-label="Hot Sale Hot Sale">Hot Sale</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">Soporte</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="abierto" data-i18n-close="Cerrar">abierto</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="/mx/support/whatsapp/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:live chat" aria-label="Consulta rápida de reparación Consulta rápida de reparación">Consulta rápida de reparación</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/support/email/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:email" aria-label="Soporte vía E-mail Soporte vía E-mail">Soporte vía E-mail</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/support/contact/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:telephone" aria-label="Soporte Telefónico Soporte Telefónico">Soporte Telefónico</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/mypage/myproducts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:schedule an appointment" aria-label="Agenda una cita Agenda una cita">Agenda una cita</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/mypage/myproducts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:product registration" aria-label="Registro de productos Registro de productos">Registro de productos</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/mypage/myrepair/track-repair/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:repair tracking" aria-label="Seguimiento de reparación Seguimiento de reparación">Seguimiento de reparación</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://samsung-webform.sprinklr.com/?token=eyJhbGciOiJSUzI1NiJ9.eyJmb3JtSWQiOiI2MjBmMzNmM2YyMjNlM2M2NTZmODQ1MDciLCJzdWIiOiJBY2Nlc3MgVG9rZW4gR2VuZXJhdGVkIEJ5IFNwcmlua2xyIiwiY2xpZW50SWQiOjExNjkyLCJpc3MiOiJTUFJJTktMUiIsInR5cCI6IkpXVCIsInVzZXJJZCI6MCwiYWNjb3VudElkIjoxMDY5NTc2LCJhdWQiOlsiU1BSSU5LTFIiXSwibmJmIjoxNjQ1MTkxMTU1LCJzY29wZSI6WyJSRUFEIiwiV1JJVEUiXSwicGFydG5lcklkIjoxMjQsImF1dGhUeXBlIjoiU1BSX0tFWV9QQVNTX0xPR0lOIiwidG9rZW5UeXBlIjoiQUNDRVNTIiwiZXhwIjo0Nzk4NzkyMzU1LCJpYXQiOjE2NDUxOTIzNTUsImp0aSI6InNwcmlua2xyIn0.uIFJypULuwkB6QReq1pW-WBttCK6EfSJL_fqWcVLpeVAXqTUOwuHVm_Fyy1JSVNTltGYYiAgN0fDEqIpwnWIWxju1EY__9-jdvQZNCDHeRvCpEuiwbkWQhJZBF6raRaLtdAtehTs54Yh1oyjDb7DDy9OqgbWAFHtZkl6ZDl6HVc4ypcS_bPlrXYlmz6aVMAKXIvF3828ACBltroLvYv7OxL7O1JR6Oca3-TAjrfGQ4kJ6eG7WVQBih1EtLl1h-EH1ecSIMy6u_HGfT1Qw1Wp4wy4k6-gd5EACIbwcGGR-ZzAuT6rSSGZz3pZTWU0z8I0x2bxREXSCE2DHW5KK9I25g&language=es-419" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:sugerencias al director" aria-label="Sugerencias al Director Sugerencias al Director : Abrir en una nueva ventana"> Sugerencias al Director <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="/mx/support/service-center/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:service location" aria-label="Centros de Servicio Centros de Servicio">Centros de Servicio</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://r1.community.samsung.com/t5/mexico/ct-p/mx" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:community" aria-label="Comunidad Comunidad">Comunidad</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/support/sign-language/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:sign language" aria-label="Atención en Lengua de Señas Atención en Lengua de Señas">Atención en Lengua de Señas</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://survey3.medallia.com/?web&c=42&lng=es_MX" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:give feedback" aria-label="Danos tu opinión Danos tu opinión : Abrir en una nueva ventana"> Danos tu opinión <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="/mx/shop-faq/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:shop faq" aria-label="Preguntas frecuentes Preguntas frecuentes">Preguntas frecuentes</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/support/select-service/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:select service" aria-label="Select Service Select Service">Select Service</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">Acerca de nosotros</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="about us"> <span class="hidden" data-i18n-open="abierto" data-i18n-close="Cerrar">abierto</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="/mx/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="Información de la compañía Información de la compañía">Información de la compañía</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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="Área comercial Área comercial">Área comercial</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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="Identidad de marca Identidad de marca">Identidad de marca</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/about-us/careers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:careers" aria-label="Empleos Empleos">Empleos</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="Relaciones con inversionistas Relaciones con inversionistas : Abrir en una nueva ventana"> Relaciones con inversionistas <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://news.samsung.com/mx/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:newsroom" aria-label="Newsroom Newsroom : Abrir en una nueva ventana"> 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="/mx/about-us/ethics/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:ethics" aria-label="Ética Ética">Ética</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="Diseño Samsung Diseño Samsung : Abrir en una nueva ventana"> Diseño Samsung <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-4">Sustentabilidad</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="abierto" data-i18n-close="Cerrar">abierto</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="/mx/sustainability/environment/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:environment" aria-label="Medio ambiente Medio ambiente">Medio ambiente</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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="Seguridad y privacidad Seguridad y privacidad">Seguridad y privacidad</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/sustainability/accessibility/overview/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:accessibility" aria-label="Accesibilidad Accesibilidad">Accesibilidad</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/mx/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="Diversidad · Equidad · Inclusión Diversidad, Equidad, Inclusión">Diversidad · Equidad · Inclusión</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//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="Ciudadanía corporativa Ciudadanía corporativa. ¡Juntos para el mañana! Habilitamos a las personas : Abrir en una nueva ventana"> Ciudadanía corporativa <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="Sustentabilidad corporativa Sustentabilidad corporativa : Abrir en una nueva ventana"> Sustentabilidad corporativa <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-2025 Samsung. Todos los derechos reservados.</p> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/mx/function/ipredirection/ipredirectionLocalList/" aria-label="Selecciona tu ubicación o idioma" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">México/Español</a> </div> <div class="footer-local-logo"> <div class="footer-local-logo--wrap"> <div class="footer-local-logo__item"> <a class="footer-local-logo__link" href="/mx/footer/" an-tr="nv02_footer bottom--cta-logo" an-ca="navigation" an-ac="footer" an-la="bottom:local logo:d also"> <div class="image"> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/assets/mx/p6_gro1/p6_initial_footer/logo_esr_small.png?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/assets/mx/p6_gro1/p6_initial_footer/logo_esr_small.png?$ORIGIN_PNG$" alt="d also" data-aem-asset-id="" src="//images.samsung.com/is/image/samsung/assets/mx/p6_gro1/p6_initial_footer/logo_esr_small.png?$ORIGIN_PNG$"/> </div> </a> </div> </div> </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="/mx/function/ipredirection/ipredirectionLocalList/" aria-label="Selecciona tu ubicación o idioma" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">México/Español</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/mx/info/terms-and-conditions/" target="_blank" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:terms and conditions of sale" aria-label="Abrir en una nueva ventana">Términos y Condiciones de Venta</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/mx/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy">Privacidad</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/mx/info/privacy/cookies/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:cookies">Cookies</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/mx/info/legal/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal">Legales</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/mx/info/sitemap/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap">Mapa del Sitio</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">¿Deseas Mantenerte al tanto de las Noticias?</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.facebook.com/samsungmexico" 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="Abrir en una nueva ventana"> <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="https://twitter.com/#!/SamsungMexico" 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="Abrir en una nueva ventana"> <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.youtube.com/user/samsungfunclub" 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="Abrir en una nueva ventana"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.linkedin.com/company/samsung-electronics-mexico" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:linkedin" aria-label="Abrir en una nueva ventana"> <svg class="icon" focusable="false"> <use xlink:href="#linked-in-bold" href="#linked-in-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-ux2.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">Cerrar</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;">No permitir</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">No permitir</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">Continuar</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">Haga clic para contraer</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">Haga clic para contraer</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">Haga clic para contraer</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">Retroceder</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">Cerrar</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">ATRÁS</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">Aplicar</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">Calle</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">Ciudad</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">Cancelar</button>  <button class="tariff-popup__btn-next cta cta--contained cta--emphasis cta--disabled" disabled>Continuar</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">Cerrar la ventana emergente</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">Pagar mensualmente</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">Pasos siguientes</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="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__brand-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Dinos tu marca actual para empezar Galaxy Canje</h2> <p class="trade-in-popup__sub-title"></p>  <ul class="trade-in-popup__brand-list"> </ul> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">El precio del valor de la bonificación mostrado al momento de aplicar a Galaxy Canje, será el valor máximo a otorgar según el grado de su Dispositivo Electrónico Participante. En caso de que el valor del bono de su dispositivo electrónico sea mayor al precio de compra del Equipo Nuevo, Samsung solo bonificará el valor del precio de compra del Equipo Nuevo. El bono del Dispositivo Electrónico Participante es tentativo y podrá cambiar al momento de su revisión por parte de nuestros técnicos especialistas.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-close cta cta--outlined cta--black" title='Close Popup' movestep="step1_close">Cerrar</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="brand" aria-disabled="true">Continuar</button> </div> </div> <div class="trade-in-popup__model-wrap" role="dialog"> <div class="scrollbar"> <div class="trade-in-popup__inner-wrap scrollbar__contents"> <h2 class="trade-in-popup__title">Selecciona tu modelo</h2> <p class="trade-in-popup__sub-title"></p> <ul class="trade-in-popup__model-list"> </ul>  <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">El precio del valor de la bonificación mostrado al momento de aplicar a Galaxy Canje, será el valor máximo a otorgar según el grado de su Dispositivo Electrónico Participante. En caso de que el valor del bono de su dispositivo electrónico sea mayor al precio de compra del Equipo Nuevo, Samsung solo bonificará el valor del precio de compra del Equipo Nuevo. El bono del Dispositivo Electrónico Participante es tentativo y podrá cambiar al momento de su revisión por parte de nuestros técnicos especialistas.</p> </div> </div> </div> <div class="trade-in-popup__btn-wrap">  <button class="trade-in-popup__btn-back cta cta--outlined cta--black" stepname="model">Retroceder</button> <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="model" aria-disabled="true">Continuar</button> </div> </div> <div class="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">¡Casi listo! Por favor ingresa tu número de IMEI/Número de Serie</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> </div> <div class="trade-in-popup__summary-price-wrap"> <span class="trade-in-popup__summary-price-title cashbacklist">Bonificación Galaxy Canje</span> <em class="trade-in-popup__summary-price"></em> <span class="trade-in-popup__summary-price-desc">(Upfront discount)</span> </div> </div> <div class="trade-in-popup__summary-message-wrap">  </div> </div>  <div class="trade-in-popup__imei"> <div class="trade-in-popup__imei-method-wrap"> <strong class="trade-in-popup__imei-method-title">Encuentra tu número de IMEI/Número de Serie</strong> <div class="trade-in-popup__imei-method"> <div class="trade-in-popup__imei-method-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.svg" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <strong class="trade-in-popup__imei-method-num"><span>*</span>#06#</strong> </div> <ul class="trade-in-popup__imei-method-list"> <li class="trade-in-popup__imei-method-list-item"> <span>Opción 1</span> <span>Marca *#06# para encontrar tu IMEI/Número de serie</span> </li> <li class="trade-in-popup__imei-method-list-item"> <span>Opción 2</span> <span>Ve a ajustes > Acerca del telefono > IMEI/Numero de Serie</span> </li>  </ul> </div> <div class="trade-in-popup__imei-form-wrap"> <strong class="trade-in-popup__imei-form-title">Ingresa tu numero de IMEI/Numero de Serie</strong> <div class="trade-in-popup__imei-form"> <div class="text-field-v2 no-title"> <label class="text-field-v2__hint" for="imei-input">Numero de IMEI (15 digitos)</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="imei-input" type="text" value="" autocomplete="off" maxlength="15"/> <button class="text-field-v2__input-icon delete" title="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">Incorrecto</p> <p class="text-field-v2__text success">Corregir</p> </div> </div> </div> </div> <div class="trade-in-popup__confirm-terms"> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">El precio del valor de la bonificación mostrado al momento de aplicar a Galaxy Canje, será el valor máximo a otorgar según el grado de su Dispositivo Electrónico Participante. En caso de que el valor del bono de su dispositivo electrónico sea mayor al precio de compra del Equipo Nuevo, Samsung solo bonificará el valor del precio de compra del Equipo Nuevo. El bono del Dispositivo Electrónico Participante es tentativo y podrá cambiar al momento de su revisión por parte de nuestros técnicos especialistas.</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">Retroceder</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="imei" aria-disabled="true">Continuar</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">Último paso, ¿Está tu producto en buenas condiciones?</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">El precio del valor de la bonificación mostrado al momento de aplicar a Galaxy Canje, será el valor máximo a otorgar según el grado de su Dispositivo Electrónico Participante. En caso de que el valor del bono de su dispositivo electrónico sea mayor al precio de compra del Equipo Nuevo, Samsung solo bonificará el valor del precio de compra del Equipo Nuevo. El bono del Dispositivo Electrónico Participante es tentativo y podrá cambiar al momento de su revisión por parte de nuestros técnicos especialistas.</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">Retroceder</button>  <button class="trade-in-popup__btn-continue cta cta--contained cta--emphasis cta--disabled" stepname="condition" aria-disabled="true">Continuar</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">¡Bien! Todo listo. Revisa el valor final para terminar</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">Bonificación Galaxy Canje</span> <em class="trade-in-popup__summary-price"></em> <span class="trade-in-popup__summary-price-desc"></span> </div> </div> <div class="trade-in-popup__summary-message-wrap">  <p class="trade-in-popup__summary-message">** El valor de la bonificación podrá variar de acuerdo a la revisión técnica de tu dispositivo actual por parte de nuestros especialistas</p> <p class="trade-in-popup__summary-message--error"></p> </div> </div>    <div class="trade-in-popup__image-check-list-wrap trade-in-popup__image-check-list--five-items">  <ul class="trade-in-popup__image-check-list " role="list">  <li class="trade-in-popup__image-check-item" role="listitem"> <div class="trade-in-popup__image-check-item-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/ico-tradein-info_01.jpg" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <p class="trade-in-popup__image-check-item-desc">El producto enciente y carga correctamente</p> </li> <li class="trade-in-popup__image-check-item" role="listitem"> <div class="trade-in-popup__image-check-item-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/ico-tradein-info_03.jpg" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <p class="trade-in-popup__image-check-item-desc">Pantalla funcional y en buen estado.</p> </li> <li class="trade-in-popup__image-check-item" role="listitem"> <div class="trade-in-popup__image-check-item-img"> <div class="image"> <img class="image__main lazy-load" data-src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/ico-tradein-info_05.jpg" alt="alternative text" role="img" data-comp-name="image"/> </div> </div> <p class="trade-in-popup__image-check-item-desc">Producto reiniciado de fabrica y desbloqueo de Software</p> </li>  </ul> </div>  <div class="trade-in-popup__confirm-terms s-border-top"> <strong class="trade-in-popup__confirm-terms-title">Confirmo términos y condiciones</strong> </div> <div class="trade-in-popup__disclaimer-wrap"> <p class="trade-in-popup__disclaimer">El precio del valor de la bonificación mostrado al momento de aplicar a Galaxy Canje, será el valor máximo a otorgar según el grado de su Dispositivo Electrónico Participante. En caso de que el valor del bono de su dispositivo electrónico sea mayor al precio de compra del Equipo Nuevo, Samsung solo bonificará el valor del precio de compra del Equipo Nuevo. El bono del Dispositivo Electrónico Participante es tentativo y podrá cambiar al momento de su revisión por parte de nuestros técnicos especialistas.</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">Retroceder</button>  <button class="trade-in-popup__btn-apply cta cta--contained cta--emphasis cta--disabled" aria-disabled="true">Aplicar Galaxy Canje</button> </div> </div> <button class="trade-in-popup__close"> <span class="hidden">Cerrar</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">El producto enciente y carga correctamente</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">Pantalla funcional y en buen estado.</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">Producto reiniciado de fabrica y desbloqueo de Software</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">Cerrar</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">Confirmar</button> </div> </div> <button class="upgrade-popup__close"> <svg class="icon"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> <span class="hidden">Cerrar la ventana emergente</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">Cerrar la ventana emergente</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">Garantía</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">Cerrar la ventana emergente</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </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">Cerrar la ventana emergente</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/mx/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">  Protege tu dispositivo de daños accidentales por uno o hasta por dos años. </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">Campo requerido</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">Cerrar</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">Confirmar</a> </div> </div> </div> </div> <button class="hubble-care-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">Cerrar la ventana emergente</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">Cerrar la ventana emergente</span> <svg class="icon" focusable="false"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <input type="hidden" 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">Protege tu dispositivo de daños accidentales por uno o hasta por dos años.</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">Cerrar</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">Confirmar</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">Samsung Care+ para Línea Blanca</h2> <p class="layer-popup__desc">Elige los años de cobertura paraSamsung Care+ para Línea Blanca</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">Términos y condiciones de Samsung Care+ para Línea Blanca</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">Cerrar</a> </div> <div class="extended-warranty-popup-vd__button-item"> <a class="cta cta--contained cta--emphasis cta--disabled" href="#" role="button">Confirmar</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">Cerrar la ventana emergente</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">Precio original: </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">Borrar todo</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">Cerrar</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">Confirmar</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">Cerrar la ventana emergente</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">Cerrar</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">Confirmar</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">Cerrar la ventana emergente</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">meses</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">Descargo de responsabilidad de los planes de pago a plazos</p> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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="¡Gracias!"/> <input type="hidden" name="fn06_description" id="fn06_description" value="tu consulta ha sido enviada con éxito. Nos pondremos en contacto contigo en breve. "/> <input type="hidden" name="fn06_headlineHeadingLevel" id="fn06_headlineHeadingLevel" value="h2"/> <input type="hidden" name="eloquaPostUrl" id="eloquaPostUrl"/> <input type="hidden" name="eloquaYn" id="eloquaYn"/> <input type="hidden" name="inquiryType" id="inquiryType" value="SalesInquiry"/> <input type="hidden" name="Subsidiary" id="Subsidiary" value="SEM"/> <div class="layer-popup"> <div class="layer-popup__inner"> <h2 class="layer-popup__title">Solicitar llamada de Soporte</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">Nombre de empresa <span class="required-text">*<span class="hidden">Obligatorio</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">* Este campo es obligatorio</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">Nombre <span class="required-text">*<span class="hidden">Obligatorio</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">* Este campo es obligatorio</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">Apellido <span class="required-text">*<span class="hidden">Obligatorio</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">* Este campo es obligatorio</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">Email <span class="required-text">*<span class="hidden">Obligatorio</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">* Este campo es obligatorio</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required "> <fieldset> <legend>Producto de interés<span>* Obligatorio</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">Producto de interés</strong> <p class="checkbox--required-text" aria-hidden="true">* Obligatorio</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">IT</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">Pantallas</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">Electrodoméstico</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">Clima</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">Memoria</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-6" data-orignal="Healthcare" value="Healthcare"/> <label class="checkbox-v2__label" for="popUp_form_4-6"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg 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">Atención médica</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">Industria de la empresa </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_5" data-form-name="CompanyInterest" 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">* Este campo es obligatorio</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--single-text"> <div class="text-field-v2"> <label class="text-field-v2__hint" for="popUp_form_6">Cargo </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_6" 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">* Este campo es obligatorio</p> </div> </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_7">Ciudad </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_7" data-form-name="City" type="text" value="" autocomplete="address-level1" 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">* Este campo es obligatorio</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_8">Número de contacto <span class="required-text">*<span class="hidden">Obligatorio</span></span> </label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="popUp_form_8" 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">* Este campo es obligatorio</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-full field--multi-text is-required"> <div class="text-field-v2 multi-line"> <label class="text-field-v2__hint" for="popUp_form_9">Mensaje <span class="text-field--required-text">*<span class="hidden">Obligatorio</span></span> </label> <div class="text-field-v2__input-wrap"> <textarea class="text-field-v2__input-multi-line" id="popUp_form_9" maxlength="2000" autocomplete="on" data-form-name="Message"></textarea> </div> <p class="text-field-v2__text assistive" id="popUp_form_9_assistive">(0/2000)</p> <p class="text-field-v2__text error">* Este campo es obligatorio</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_10" 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> <option value="500-999">500 ~ 999</option> <option value=">1000">>1000</option> </select> <p id="hint_popUp_form_10" class="menu--text-field__hint">Número de empleados <span class="text-field--required-text">*<span class="hidden">Obligatorio</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_10 text_hint_popUp_form_10" type="button"> <span id="text_hint_popUp_form_10" 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">* Este campo es obligatorio</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_11" tabindex="-1" data-form-name="Industry"> <option value="Education">Educación</option> <option value="Finance">Finanzas</option> <option value="Government">Gobierno</option> <option value="Healthcare">Atención médica</option> <option value="Hospitality">Hotelería</option> <option value="Manufacturing">Fabricación</option> <option value="Communications">Comunicaciones</option> <option value="Retail">Comercios minoristas</option> <option value="Transportation & Logistics">Transporte y logística</option> <option value="Others">Otros</option> </select> <p id="hint_popUp_form_11" class="menu--text-field__hint">Industria de interés <span class="text-field--required-text">*<span class="hidden">Obligatorio</span></span> </p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="hint_popUp_form_11 text_hint_popUp_form_11" type="button"> <span id="text_hint_popUp_form_11" 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">* Este campo es obligatorio</p> </div> </div> <div class="contact-mail-form-popup__form-field form--size-half field--checkbox checkbox--list is-required "> <fieldset> <legend>Solución de interés<span>* Obligatorio</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">Solución de interés</strong> <p class="checkbox--required-text" aria-hidden="true">* Obligatorio</p> <p class="checkbox--error-text">* This checkbox is required</p> </div> <fieldset> <legend>Soluciones de negocios móviles</legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong class="contact-mail-form-popup__form-field-sub-title" aria-hidden="true">Soluciones de negocios móviles</strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="mbs_popUp_form_12-0" data-orignal="Samsung Knox" value="Samsung Knox"/> <label class="checkbox-v2__label" for="mbs_popUp_form_12-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">Samsung Knox</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="mbs_popUp_form_12-1" data-orignal="Samsung DeX" value="Samsung DeX"/> <label class="checkbox-v2__label" for="mbs_popUp_form_12-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">Samsung DeX</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="mbs_popUp_form_12-2" data-orignal="Samsung Pay Touch" value="Samsung Pay Touch"/> <label class="checkbox-v2__label" for="mbs_popUp_form_12-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">Samsung Pay Touch</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="mbs_popUp_form_12-3" data-orignal="Capital Solutions" value="Capital Solutions"/> <label class="checkbox-v2__label" for="mbs_popUp_form_12-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">Soluciones de capital</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="mbs_popUp_form_12-4" data-orignal="Enterprise Technical Support" value="Enterprise Technical Support"/> <label class="checkbox-v2__label" for="mbs_popUp_form_12-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">Soporte técnico empresarial</span> </label> </div> </div> </div> </fieldset> <fieldset> <legend>Soluciones de pantallas</legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong class="contact-mail-form-popup__form-field-sub-title" aria-hidden="true">Soluciones de pantallas</strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="ds_popUp_form_12-0" data-orignal="Smart signage solution" value="Smart signage solution"/> <label class="checkbox-v2__label" for="ds_popUp_form_12-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">Solución de señalización inteligente</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="ds_popUp_form_12-1" data-orignal="LED signage solution" value="LED signage solution"/> <label class="checkbox-v2__label" for="ds_popUp_form_12-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">Solución de señalización LED</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="ds_popUp_form_12-2" data-orignal="Commercial TV solution" value="Commercial TV solution"/> <label class="checkbox-v2__label" for="ds_popUp_form_12-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">Solución de TV comercial</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="ds_popUp_form_12-3" data-orignal="Monitor solution" value="Monitor solution"/> <label class="checkbox-v2__label" for="ds_popUp_form_12-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">Soluciones de monitores</span> </label> </div> </div> </div> </fieldset> <fieldset> <legend>Soluciones de clima</legend> <div class="contact-mail-form-popup__form-field-list-wrap"> <strong class="contact-mail-form-popup__form-field-sub-title" aria-hidden="true">Soluciones de clima</strong> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="cs_popUp_form_12-0" data-orignal="Climate Hub" value="Climate Hub"/> <label class="checkbox-v2__label" for="cs_popUp_form_12-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">Centro climático</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="cs_popUp_form_12-1" data-orignal="WindFree" value="WindFree"/> <label class="checkbox-v2__label" for="cs_popUp_form_12-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">WindFree</span> </label> </div> </div> <div class="field--checkbox-wrap"> <div class="checkbox-v2"> <input type="checkbox" data-form-name="SolutionInterest" class="checkbox-v2__input" id="cs_popUp_form_12-2" data-orignal="360 Cassette" value="360 Cassette"/> <label class="checkbox-v2__label" for="cs_popUp_form_12-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">360 Cassette</span> </label> </div> </div> </div> </fieldset> </div> <fieldset> </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">La verificación caducó. Vuelve a marcar la casilla de verificación.</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_13" aria-describedby="popUp_form_13_required"/> <label class="checkbox-v2__label" for="popUp_form_13"> <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">Acepto la política de privacidad de Samsung Electronics S.A.<br /></span> </label> </div> <p class="checkbox--required-text" aria-hidden="true" id="popUp_form_13_required">* Obligatorio</p> <p class="checkbox--error-text" id="popUp_form_13_err">* Acepta la Política de privacidad de Samsung</p> </div> </div> </div> </div> <div class="contact-mail-form-popup__cta"> <button class="cta cta--contained cta--black" aria-label="Enviar" aria-disabled="false"> Enviar </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">¡Gracias!</h2> <div class="layer-popup__contents"> <p class="thank-you-popup__description">Tu consulta se ha enviado correctamente. Nos comunicaremos contigo en breve.</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=""> Cerrar </button> </div> </div> </div> <button type="button" class="layer-popup__close"> <span class="hidden">Cerrar la ventana emergente</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">Cerrar la ventana emergente</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="Y"/> <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">Recibe alertas sobre el inventario</h2> <p class="pd-get-stock-alert-popup__desc">Recibe un aviso vía correo electrónico una vez que el producto tenga inventario nuevamente y esté disponible para la venta.</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">Ingrese su correo electrónico</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">Por favor, verifique su correo electrónico</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">Cerrar</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">Enviar</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"> Te enviaremos un correo electrónico una vez que tengamos inventario. Gracias. <br/>Gracias </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">Enviar</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 async src="//maps.googleapis.com/maps/api/js?region=kr&client=gme-samsungsds&libraries=places&loading=async&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="N"/> <input type="hidden" id="rtlValue"/> <input type="hidden" name="current_model_code" id="current_model_code"/> <input type="hidden" id="wtbCurrentPagePath" value="/content/samsung/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo"/> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-smc-popup/clientlibs-h-n/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.926c563b0b01b39c2a42a2eaf54ff3a2.js" defer></script> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-standard-pd/compactComps-h-n.min.14152e31c99e48a780cd8e50563e0a57.js" defer></script>  <script src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-tariff-popup/clientlibs-h-n/site.min.js"></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="6f258f68-d19a-4d3f-a4d5-e38ba6ca7a0e">{"@context":"http://schema.org","@type":"WebPage","name":"Galaxy Ring | Samsung México | Samsung México","url":"https://www.samsung.com/mx/rings/galaxy-ring/galaxy-ring-titanium-black-size-10-sm-q500nzkamxo/"}</script> </div> </body> </html>

CINXE.COM

Galaxy Ring | Samsung México