@nuskin/nextgen-header 1.21.0 → 1.23.0

package/package-dist/index.js

@@ -100564,62 +100564,62 @@ var colors = {
   accentHover: "#0d9488"
 };
 var HeaderRoot = /*#__PURE__*/createStyled("header",  true ? {
-  target: "e1607tyl38"
+  target: "e1607tyl40"
 } : 0)("box-sizing:border-box;width:100%;font-family:\"Inter\",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:", colors.text, ";background:", colors.surface, ";border-bottom:1px solid ", colors.borderLight, ";*,*::before,*::after{box-sizing:border-box;}button{font:inherit;cursor:pointer;}button:disabled{cursor:not-allowed;opacity:0.55;}" + ( true ? "" : 0));
 
 /** Logo (left) + utility + search (stacked right) */
 var TopHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl37"
+  target: "e1607tyl39"
 } : 0)( true ? {
-  name: "gzk91",
-  styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 0.5rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto;@media (min-width: 1024px){gap:1rem 2rem;}"
+  name: "1dro8oz",
+  styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 0.5rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto;@media (min-width: 1025px){gap:1rem 2rem;}"
 } : 0);
 var LogoSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl36"
-} : 0)("flex:0 0 auto;align-self:center;@media (max-width: 1023px){margin-right:auto;}[data-copy-loading]{display:flex;align-items:center;min-height:2.75rem;}.header-copy-placeholder{color:", colors.muted, ";letter-spacing:0.02em;}" + ( true ? "" : 0));
+  target: "e1607tyl38"
+} : 0)("flex:0 0 auto;align-self:center;@media (max-width: 1024px){margin-right:auto;}[data-copy-loading]{display:flex;align-items:center;min-height:2.75rem;}.header-copy-placeholder{color:", colors.muted, ";letter-spacing:0.02em;}" + ( true ? "" : 0));
 var WordmarkButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl35"
+  target: "e1607tyl37"
 } : 0)("margin:0;padding:0.25rem 0;border:none;background:none;font-size:1.5rem;font-weight:700;letter-spacing:0.2em;color:", colors.text, ";text-transform:uppercase;line-height:1.2;transition:opacity 0.15s ease;&:hover{opacity:0.72;}" + ( true ? "" : 0));
 
 /** Utility row + search — wireframe: separate from each other, top-aligned within column */
 var RightHeaderCluster = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl34"
+  target: "e1607tyl36"
 } : 0)( true ? {
-  name: "1g7lzn0",
-  styles: "display:none;@media (min-width: 1024px){display:flex;flex-direction:column;align-items:flex-end;gap:0.65rem;flex:1 1 320px;min-width:min(100%, 280px);max-width:42rem;}"
+  name: "14zly0b",
+  styles: "display:none;@media (min-width: 1025px){display:flex;flex-direction:column;align-items:flex-end;gap:0.65rem;flex:1 1 320px;min-width:min(100%, 280px);max-width:42rem;}"
 } : 0);
 var UtilityBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl33"
+  target: "e1607tyl35"
 } : 0)("display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.35rem 1rem;width:100%;font-size:0.8125rem;line-height:1.35;color:", colors.text, ";" + ( true ? "" : 0));
 var UtilityBarDivider = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl32"
+  target: "e1607tyl34"
 } : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
 var UtilityButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl31"
+  target: "e1607tyl33"
 } : 0)( true ? {
   name: "1f5cjb2",
   styles: "display:inline-flex;align-items:center;gap:0.35rem;margin:0;padding:0.2rem 0.35rem;border:none;border-radius:4px;background:transparent;color:inherit;white-space:nowrap;transition:background 0.15s ease;&:not(:disabled):hover{background:rgba(0, 0, 0, 0.05);}svg{flex-shrink:0;opacity:0.85;}"
 } : 0);
 var LocaleLabel = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl30"
+  target: "e1607tyl32"
 } : 0)( true ? {
   name: "101gt3q",
   styles: "display:inline-flex;align-items:center;gap:0.3rem"
 } : 0);
 var AccountCluster = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl29"
+  target: "e1607tyl31"
 } : 0)( true ? {
-  name: "bo3els",
-  styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem;@media (max-width: 1023px){.account-icon{display:none;}.account-sign-up{display:none;}.account-divider{display:none;}.account-sign-in{font-size:1rem;font-weight:400;padding:0;}}"
+  name: "m6tz52",
+  styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem;@media (max-width: 1024px){.account-icon{display:none;}.account-sign-up{display:none;}.account-divider{display:none;}.account-sign-in{font-size:1rem;font-weight:400;padding:0;}}"
 } : 0);
 var CartButtonInner = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl28"
+  target: "e1607tyl30"
 } : 0)( true ? {
   name: "ww3r3k",
   styles: "display:inline-flex;align-items:center;position:relative"
 } : 0);
 var CartBadge = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl27"
+  target: "e1607tyl29"
 } : 0)( true ? {
   name: "1sj9dvc",
   styles: "position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;font-size:0.75rem;font-weight:600;line-height:1;background:#5b81a5;color:#fff;border:2px solid #fff"
@@ -100627,100 +100627,115 @@ var CartBadge = /*#__PURE__*/createStyled("span",  true ? {
 
 /** Pill search: icon left, full-width field, submit control on right */
 var SearchSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl26"
+  target: "e1607tyl28"
 } : 0)( true ? {
   name: "kuwwf0",
   styles: "width:100%;[data-region=\"search\"]{width:100%;}"
 } : 0);
 var SearchPillForm = /*#__PURE__*/createStyled("form",  true ? {
-  target: "e1607tyl25"
+  target: "e1607tyl27"
 } : 0)("display:flex;align-items:center;width:100%;min-height:2.75rem;padding:0 0.35rem 0 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease;&:focus-within{border-color:", colors.muted, ";box-shadow:0 0 0 1px rgba(17, 24, 39, 0.08);}.search-pill__icon{flex-shrink:0;margin-right:0.5rem;color:", colors.muted, ";}input{flex:1;min-width:0;padding:0.5rem 0;border:none;background:transparent;font-size:0.9375rem;outline:none;&::placeholder{color:", colors.muted, ";}}button[type=\"submit\"]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0.1rem 0.1rem 0.1rem 0.25rem;padding:0;border:none;border-radius:50%;background:", colors.text, ";color:#fff;transition:opacity 0.15s ease,transform 0.1s ease;&:hover:not(:disabled){opacity:0.88;}&:disabled{opacity:0.4;}svg{width:16px;height:16px;}}" + ( true ? "" : 0));
 var NavSection = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl24"
-} : 0)("display:none;border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";@media (min-width: 1024px){display:block;}" + ( true ? "" : 0));
+  target: "e1607tyl26"
+} : 0)("display:none;border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";@media (min-width: 1025px){display:block;}" + ( true ? "" : 0));
 var PrimaryNav = /*#__PURE__*/createStyled("nav",  true ? {
-  target: "e1607tyl23"
+  target: "e1607tyl25"
 } : 0)("max-width:1440px;margin:0 auto;padding:0 clamp(1rem, 4vw, 2rem);ul{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;}li{margin:0;}li>span,li>button{display:block;width:100%;margin:0;padding:0.95rem 0.85rem;border:none;background:none;font-size:0.9375rem;font-weight:500;text-align:left;color:", colors.text, ";border-bottom:3px solid transparent;transition:color 0.15s ease,border-color 0.15s ease;}li>button{cursor:pointer;font-family:inherit;}li:hover>span,li:hover>button{color:", colors.accent, ";}li[data-nav-active=\"true\"]>span,li[data-nav-active=\"true\"]>button{font-weight:700;border-bottom-color:", colors.navActive, ";}&[data-copy-loading] li>span{color:", colors.muted, ";}" + ( true ? "" : 0));
 var MegaMenuPreview = /*#__PURE__*/createStyled("section",  true ? {
-  target: "e1607tyl22"
+  target: "e1607tyl24"
 } : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
 var MegaMenuInner = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl21"
+  target: "e1607tyl23"
 } : 0)( true ? {
   name: "1awwgt4",
   styles: "display:grid;grid-template-columns:minmax(11rem, 14rem) 1fr;gap:1.5rem 2.5rem;max-width:1440px;margin:0 auto;padding:1.25rem clamp(1rem, 4vw, 2rem) 1.75rem;@media (max-width: 800px){grid-template-columns:1fr;}"
 } : 0);
 var JumpToColumn = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl20"
+  target: "e1607tyl22"
 } : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
 var JumpToTitle = /*#__PURE__*/createStyled("h3",  true ? {
-  target: "e1607tyl19"
+  target: "e1607tyl21"
 } : 0)("margin:0 0 0.75rem;font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.text, ";" + ( true ? "" : 0));
 var JumpToList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "e1607tyl18"
+  target: "e1607tyl20"
 } : 0)( true ? {
   name: "gt7hyk",
   styles: "display:flex;flex-direction:column;gap:0.5rem;margin:0;padding:0;list-style:none"
 } : 0);
 var JumpToPill = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl17"
+  target: "e1607tyl19"
 } : 0)("display:block;width:100%;margin:0;padding:0.5rem 0.85rem;border:1px solid ", colors.border, ";border-radius:999px;background:", colors.surface, ";font-size:0.8125rem;font-weight:500;text-align:left;color:", colors.text, ";transition:background 0.15s ease,border-color 0.15s ease;&:hover:not(:disabled){background:#f3f4f6;border-color:", colors.muted, ";}" + ( true ? "" : 0));
 var CategoriesPane = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl16"
+  target: "e1607tyl18"
 } : 0)("padding:1rem 1.25rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
 var CategoryHeaderStrip = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl15"
+  target: "e1607tyl17"
 } : 0)("display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;margin-bottom:1.25rem;padding-bottom:0.65rem;border-bottom:1px solid ", colors.borderLight, ";font-size:0.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:", colors.text, ";span{white-space:nowrap;}svg{flex-shrink:0;color:", colors.muted, ";}" + ( true ? "" : 0));
 var CategoryColumns = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl14"
+  target: "e1607tyl16"
 } : 0)( true ? {
   name: "xxda9t",
   styles: "display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem 1.5rem;@media (max-width: 900px){grid-template-columns:1fr;}"
 } : 0);
 var CategoryColumn = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl13"
+  target: "e1607tyl15"
 } : 0)( true ? "" : 0);
 var CategorySubLabel = /*#__PURE__*/createStyled("p",  true ? {
-  target: "e1607tyl12"
+  target: "e1607tyl14"
 } : 0)("margin:0 0 0.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:", colors.muted, ";" + ( true ? "" : 0));
 var CategoryLinkList = /*#__PURE__*/createStyled("ul",  true ? {
-  target: "e1607tyl11"
+  target: "e1607tyl13"
 } : 0)("margin:0;padding:0;list-style:none;li{margin:0;padding:0;}button.link-like{display:block;width:100%;margin:0;padding:0.35rem 0;border:none;background:none;font-size:0.875rem;text-align:left;color:", colors.text, ";text-decoration:none;cursor:pointer;transition:color 0.12s ease;&:hover{color:", colors.accent, ";text-decoration:underline;}}" + ( true ? "" : 0));
 var MobileMenuButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl10"
-} : 0)("display:flex;align-items:center;justify-content:center;margin:0;padding:0.5rem;border:none;background:transparent;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.05);}@media (min-width: 1024px){display:none;}" + ( true ? "" : 0));
+  target: "e1607tyl12"
+} : 0)("display:flex;align-items:center;justify-content:center;margin:0;padding:0.5rem;border:none;background:transparent;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.05);}@media (min-width: 1025px){display:none;}" + ( true ? "" : 0));
 var MobileUtilityBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl9"
-} : 0)("display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:1rem;@media (min-width: 1024px){display:none;}button{display:flex;align-items:center;padding:0;background:none;border:none;color:", colors.text, ";cursor:pointer;font-size:1rem;svg{width:24px;height:24px;}}" + ( true ? "" : 0));
+  target: "e1607tyl11"
+} : 0)("display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:1rem;@media (min-width: 1025px){display:none;}button{display:flex;align-items:center;padding:0;background:none;border:none;color:", colors.text, ";cursor:pointer;font-size:1rem;svg{width:24px;height:24px;}}" + ( true ? "" : 0));
 var MobileDrawer = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl8"
+  target: "e1607tyl10"
 } : 0)( true ? {
   name: "kxea5q",
   styles: "position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex"
 } : 0);
 var MobileDrawerBackdrop = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl7"
+  target: "e1607tyl9"
 } : 0)( true ? {
   name: "eq959j",
   styles: "position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);cursor:pointer"
 } : 0);
 var MobileDrawerContent = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl6"
-} : 0)("position:relative;z-index:1;width:85%;max-width:375px;height:100%;background:", colors.surface, ";display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0, 0, 0, 0.15);" + ( true ? "" : 0));
+  target: "e1607tyl8"
+} : 0)("position:relative;z-index:1;width:85%;max-width:375px;height:100%;background:", colors.surface, ";display:flex;flex-direction:column;gap:16px;box-shadow:2px 0 8px rgba(0, 0, 0, 0.15);" + ( true ? "" : 0));
 var MobileDrawerHeader = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl7"
+} : 0)( true ? {
+  name: "dvskpv",
+  styles: "box-sizing:border-box;width:100%;height:98px;min-height:98px;flex-shrink:0;padding:66px 0 0;background:#ffffff;opacity:1"
+} : 0);
+var MobileDrawerHeaderRow = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl6"
+} : 0)( true ? {
+  name: "150vzce",
+  styles: "display:flex;align-items:center;justify-content:space-between;height:32px;min-height:32px;max-height:32px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px"
+} : 0);
+var MobileDrawerMarketTriggerSlot = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1607tyl5"
-} : 0)("padding:1.5rem 1.5rem 1rem;border-bottom:1px solid ", colors.borderLight, ";flex-shrink:0;" + ( true ? "" : 0));
+} : 0)( true ? {
+  name: "u09th4",
+  styles: "flex:0 1 auto;min-width:0;height:32px;display:flex;align-items:center;justify-content:flex-end"
+} : 0);
 var MobileDrawerLogoSlot = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1607tyl4"
 } : 0)( true ? {
-  name: "zjik7",
-  styles: "display:flex"
+  name: "1659k0q",
+  styles: "display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1 1 auto;height:100%;overflow:hidden"
 } : 0);
 var MobileDrawerNav = /*#__PURE__*/createStyled("nav",  true ? {
   target: "e1607tyl3"
 } : 0)( true ? {
-  name: "j6pmxf",
-  styles: "flex:1;overflow-y:auto;padding:1rem 0"
+  name: "cg7f1j",
+  styles: "flex:1;overflow-y:auto;padding:0 0 1rem"
 } : 0);
 var MobileDrawerNavItem = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1607tyl2"
@@ -100792,7 +100807,7 @@ var live_preview_utils_default = /*#__PURE__*/__webpack_require__.n(live_preview
 const utils_namespaceObject = require("@contentstack/utils");
 ;// ./src/utils/constants.js
 var HEADER_CONTENT_ENTRY_UID = "global_header";
-var referenceFields = (/* unused pure expression or super */ null && (["top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages"]));
+var referenceFields = (/* unused pure expression or super */ null && (["top_navigation", "top_navigation.menu_items.menu_item", "top_navigation.menu_items.menu_item.sub_categories.category_section.items.product_category.category", "market_selector.regions.markets.languages", "utility_links", "utility_links.loyalty_menu"]));
 var CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
 var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
 var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
@@ -101159,21 +101174,31 @@ function parseLogoData(logoData) {
   };
 }
 ;// ./src/components/header/regions/HeaderLoyaltyRegion.jsx
+function HeaderLoyaltyRegion_typeof(o) { "@babel/helpers - typeof"; return HeaderLoyaltyRegion_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, HeaderLoyaltyRegion_typeof(o); }
+function HeaderLoyaltyRegion_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function HeaderLoyaltyRegion_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderLoyaltyRegion_ownKeys(Object(t), !0).forEach(function (r) { HeaderLoyaltyRegion_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderLoyaltyRegion_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function HeaderLoyaltyRegion_defineProperty(e, r, t) { return (r = HeaderLoyaltyRegion_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function HeaderLoyaltyRegion_toPropertyKey(t) { var i = HeaderLoyaltyRegion_toPrimitive(t, "string"); return "symbol" == HeaderLoyaltyRegion_typeof(i) ? i : i + ""; }
+function HeaderLoyaltyRegion_toPrimitive(t, r) { if ("object" != HeaderLoyaltyRegion_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderLoyaltyRegion_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
 
 function HeaderLoyaltyRegion(_ref) {
+  var _data$$;
   var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
     type: "button",
-    children: data.link_label
-  });
+    href: data === null || data === void 0 ? void 0 : data.url
+  }, data === null || data === void 0 || (_data$$ = data.$) === null || _data$$ === void 0 ? void 0 : _data$$.label), {}, {
+    children: data === null || data === void 0 ? void 0 : data.label
+  }));
 }
 HeaderLoyaltyRegion.propTypes = {
   data: external_prop_types_default().shape({
-    link_label: (external_prop_types_default()).string.isRequired,
-    href: (external_prop_types_default()).string
+    label: (external_prop_types_default()).string.isRequired,
+    url: (external_prop_types_default()).string,
+    $: (external_prop_types_default()).object
   }).isRequired
 };
 ;// ./src/components/header/HeaderIcons.jsx
@@ -101711,7 +101736,8 @@ function MobileHeaderDrawer(_ref) {
     logoData = _ref.logoData,
     localeData = _ref.localeData,
     navigationData = _ref.navigationData,
-    loyaltyData = _ref.loyaltyData;
+    loyaltyData = _ref.loyaltyData,
+    marketTriggerMountRef = _ref.marketTriggerMountRef;
   if (!isOpen) return null;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawer, {
     children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerBackdrop, {
@@ -101719,15 +101745,20 @@ function MobileHeaderDrawer(_ref) {
       "aria-label": "Close menu"
     }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerContent, {
       children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerHeader, {
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerLogoSlot, {
-          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
-            logo: logoData.logo,
-            logoAlt: logoData.logoAlt,
-            href: logoData.href,
-            showLogo: logoData.showLogo,
-            size: logoData.size || "Large",
-            $: logoData.$
-          })
+        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerHeaderRow, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerLogoSlot, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
+              logo: logoData.logo,
+              logoAlt: logoData.logoAlt,
+              href: logoData.href,
+              showLogo: logoData.showLogo,
+              size: logoData.size || "Large",
+              $: logoData.$
+            })
+          }), marketTriggerMountRef ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerMarketTriggerSlot, {
+            ref: marketTriggerMountRef,
+            "data-testid": "mobile-drawer-market-trigger-mount"
+          }) : null]
         })
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNav, {
         children: [(_navigationData$topNa = navigationData.topNavItems) === null || _navigationData$topNa === void 0 ? void 0 : _navigationData$topNa.map(function (item) {
@@ -101745,7 +101776,7 @@ function MobileHeaderDrawer(_ref) {
             },
             children: loyaltyData.link_label
           })
-        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+        }), marketTriggerMountRef ? null : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
           children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
             children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
           })
@@ -101760,8 +101791,13 @@ MobileHeaderDrawer.propTypes = {
   logoData: (external_prop_types_default()).object.isRequired,
   localeData: (external_prop_types_default()).object.isRequired,
   navigationData: (external_prop_types_default()).object.isRequired,
-  loyaltyData: (external_prop_types_default()).object
+  loyaltyData: (external_prop_types_default()).object,
+  marketTriggerMountRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  })
 };
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(2326);
 // EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
 var Button = __webpack_require__(1629);
 ;// ./src/components/button/CancelButton.styled.jsx
@@ -101839,12 +101875,9 @@ var TABS_TOP_NAV_ROOT_PADDING = "32px 32px 16px";
 var TABS_MOBILE_MAX_WIDTH_PX = 1024;
 var TABS_MOBILE_MEDIA_QUERY = "(max-width: ".concat(TABS_MOBILE_MAX_WIDTH_PX, "px)");
 var ARIA_LABEL_TABS_DEFAULT = "Tabs";
-var ARIA_LABEL_OPEN_MENU = "Open menu";
-var ARIA_LABEL_CLOSE_MENU = "Close menu";
 var ARIA_LABEL_MARKET_SELECTOR_TABS = "Market selector tabs";
 var ARIA_LABEL_TOP_NAV_TABS = "Top nav tabs";
 var FALLBACK_REGION_LABEL = "Region";
-var FALLBACK_MENU_LABEL = "Menu";
 var TAB_ID_FALLBACK_SEGMENT = "item";
 
 /** Desktop tab hover: delay before activating tab (ms) */
@@ -101852,80 +101885,21 @@ var TABS_HOVER_ACTIVATE_MS = 80;
 /** Desktop tab hover: delay after mouseleave before clearing selection (ms) */
 var TABS_HOVER_CLEAR_MS = 120;
 ;// ./src/components/tabs/Tabs.styled.jsx
-/* unused harmony import specifier */ var _styled;
-/* unused harmony import specifier */ var Tabs_styled_TABS_MOBILE_MAX_WIDTH_PX;
 
 function Tabs_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-
 var TabsRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1wqq02518"
+  target: "e1wqq0259"
 } : 0)("--tabs-text:#2f2f2f;--tabs-muted:#666666;--tabs-border:#e5e5e5;--tabs-surface:#ffffff;--tabs-surface-muted:#f6f6f6;--tabs-focus-visible:#007bff;--tabs-font-sans:Lora,sans-serif;box-sizing:border-box;max-width:1440px;margin:0 auto;color:var(--tabs-text);font-family:var(--tabs-font-sans);position:relative;", function (p) {
-  return p.$mobileEmbeddedFullScreen && "\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 auto;\n    min-height: 0;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n  ";
-}, " ", function (p) {
   return p.$isTopNav && "\n    max-width: ".concat(TABS_TOP_NAV_MAX_WIDTH_PX, "px;\n    padding: ").concat(TABS_TOP_NAV_ROOT_PADDING, ";\n  ");
 }, "@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){max-width:none;width:100%;", function (p) {
   return p.$isTopNav && "padding: 0;";
 }, ";}" + ( true ? "" : 0));
-
-/* Shown only below 1025px: hamburger */
-var MobileTabsBar = /*#__PURE__*/(/* unused pure expression or super */ null && (_styled("div",  true ? {
-  target: "e1wqq02517"
-} : 0)("display:none;align-items:center;justify-content:flex-start;padding:16px;min-height:48px;@media (max-width: ", Tabs_styled_TABS_MOBILE_MAX_WIDTH_PX, "px){display:flex;position:relative;z-index:1090;}" + ( true ? "" : 0))));
-var HamburgerButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1wqq02516"
-} : 0)( true ? {
-  name: "1staojr",
-  styles: "appearance:none;border:0;background:transparent;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--tabs-text);&:focus-visible{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;}svg{display:block;}"
-} : 0);
-var MobileBackdrop = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1wqq02515"
-} : 0)( true ? {
-  name: "1vvlses",
-  styles: "position:fixed;inset:0;z-index:1105;margin:0;padding:0;border:0;background:rgba(34, 34, 34, 0.5);cursor:pointer;animation:tabs-backdrop-in 0.2s ease;@keyframes tabs-backdrop-in{from{opacity:0;}to{opacity:1;}}&:focus-visible{outline:1px solid var(--tabs-focus-visible);outline-offset:1px;}"
-} : 0);
 var TabList = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1wqq02514"
+  target: "e1wqq0258"
 } : 0)("display:flex;align-items:flex-end;justify-content:", function (props) {
   return props.$justify || "flex-start";
-}, ";gap:8px;border-bottom:0;padding:6px 0;overflow:visible;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){position:relative;top:auto;left:auto;z-index:auto;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:0;border-bottom:none;overflow:visible;overflow-x:hidden;background:#ffffff;box-shadow:none;justify-content:flex-start;transform:none;transition:none;visibility:visible;pointer-events:auto;", function (p) {
-  return p.$mobileEmbedded && "\n      position: relative;\n      top: auto;\n      left: auto;\n      z-index: auto;\n      width: 100%;\n      max-width: none;\n      height: auto;\n      max-height: none;\n      min-height: 0;\n      flex: 1;\n      transform: none;\n      transition: none;\n      visibility: visible;\n      pointer-events: auto;\n      box-shadow: none;\n      overflow: visible;\n    ";
-}, ";}" + ( true ? "" : 0));
-
-/** Optional header slot inside the mobile drawer (above tab rows). */
-var MobileDrawerLeadArea = /*#__PURE__*/(/* unused pure expression or super */ null && (_styled("div",  true ? {
-  target: "e1wqq02513"
-} : 0)("display:none;@media (max-width: ", Tabs_styled_TABS_MOBILE_MAX_WIDTH_PX, "px){display:block;flex-shrink:0;min-height:98px;padding-top:66px;padding-bottom:0;background:#ffffff;box-sizing:border-box;}" + ( true ? "" : 0))));
-var MobileDrawerBrandRow = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1wqq02512"
-} : 0)( true ? {
-  name: "nssoa3",
-  styles: "display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding-left:20px;padding-right:20px;box-sizing:border-box"
-} : 0);
-var MobileDrawerLogoWrap = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1wqq02511"
-} : 0)( true ? {
-  name: "pdqe4u",
-  styles: "flex:0 0 auto;width:90px;height:17.96px;display:inline-flex;align-items:center;>*{width:90px;height:17.96px;display:inline-flex;}"
-} : 0);
-var MobileMarketLabelTrigger = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1wqq02510"
-} : 0)( true ? {
-  name: "601n5",
-  styles: "appearance:none;border:0;background:transparent;margin:0;width:130px;min-height:32px;border-radius:20px;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;font-family:var(--tabs-font-sans);font-weight:400;font-size:14px;line-height:20px;color:#5f5f5f;flex-shrink:0;-webkit-tap-highlight-color:transparent;text-align:right;&:focus-visible{outline:1px solid var(--tabs-focus-visible);outline-offset:2px;border-radius:4px;}"
-} : 0);
-var MobileMarketLabelText = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1wqq0259"
-} : 0)( true ? {
-  name: "pb7uva",
-  styles: "min-width:98px;text-align:right"
-} : 0);
-var MobileMarketLabelIcon = /*#__PURE__*/createStyled(dist.NsIcon,  true ? {
-  target: "e1wqq0258"
-} : 0)( true ? {
-  name: "131myzh",
-  styles: "width:24px;height:24px;flex-shrink:0"
-} : 0);
+}, ";gap:8px;border-bottom:0;padding:6px 0;overflow:visible;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){position:relative;top:auto;left:auto;z-index:auto;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;box-sizing:border-box;flex-direction:column;align-items:stretch;gap:0;border-bottom:none;overflow:visible;overflow-x:hidden;background:#ffffff;box-shadow:none;justify-content:flex-start;transform:none;transition:none;visibility:visible;pointer-events:auto;}" + ( true ? "" : 0));
 var MobileDrawerScroll = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1wqq0257"
 } : 0)("display:none;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:block;flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:1rem 0 0;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;height:0;}}" + ( true ? "" : 0));
@@ -101962,7 +101936,6 @@ var Panel = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1wqq0250"
 } : 0)("padding-top:0;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
 ;// ./src/components/tabs/utils/tabsHelpers.js
-/* unused harmony import specifier */ var tabsHelpers_FALLBACK_MENU_LABEL;
 function tabsHelpers_typeof(o) { "@babel/helpers - typeof"; return tabsHelpers_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, tabsHelpers_typeof(o); }
 function tabsHelpers_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function tabsHelpers_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? tabsHelpers_ownKeys(Object(t), !0).forEach(function (r) { tabsHelpers_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : tabsHelpers_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -101980,26 +101953,6 @@ function safeId(prefix, raw) {
 function getRegionLabel(region) {
   return (region === null || region === void 0 ? void 0 : region.region_title) || (region === null || region === void 0 ? void 0 : region.title) || (region === null || region === void 0 ? void 0 : region.label) || FALLBACK_REGION_LABEL;
 }
-function getTopNavLabel(navItem) {
-  var _navItem$category;
-  var cat = navItem === null || navItem === void 0 || (_navItem$category = navItem.category) === null || _navItem$category === void 0 || (_navItem$category = _navItem$category.category) === null || _navItem$category === void 0 ? void 0 : _navItem$category[0];
-  return (cat === null || cat === void 0 ? void 0 : cat.display_name) || (cat === null || cat === void 0 ? void 0 : cat.title) || tabsHelpers_FALLBACK_MENU_LABEL;
-}
-function getTopNavTabItems(topNavJson) {
-  var _ref, _topNavJson$0$referen, _topNavJson$, _topNavJson$reference;
-  var topNavigation = (_ref = (_topNavJson$0$referen = topNavJson === null || topNavJson === void 0 || (_topNavJson$ = topNavJson[0]) === null || _topNavJson$ === void 0 || (_topNavJson$ = _topNavJson$.reference) === null || _topNavJson$ === void 0 || (_topNavJson$ = _topNavJson$[0]) === null || _topNavJson$ === void 0 ? void 0 : _topNavJson$.top_navigation) !== null && _topNavJson$0$referen !== void 0 ? _topNavJson$0$referen : topNavJson === null || topNavJson === void 0 || (_topNavJson$reference = topNavJson.reference) === null || _topNavJson$reference === void 0 || (_topNavJson$reference = _topNavJson$reference[0]) === null || _topNavJson$reference === void 0 ? void 0 : _topNavJson$reference.top_navigation) !== null && _ref !== void 0 ? _ref : [];
-  return topNavigation.map(function (entry, idx) {
-    var _entry$category;
-    var label = getTopNavLabel(entry);
-    return {
-      id: safeId("nav", (entry === null || entry === void 0 || (_entry$category = entry.category) === null || _entry$category === void 0 || (_entry$category = _entry$category.category) === null || _entry$category === void 0 || (_entry$category = _entry$category[0]) === null || _entry$category === void 0 ? void 0 : _entry$category.uid) || label || idx),
-      label: label,
-      data: entry
-    };
-  }).filter(function (t) {
-    return t.label;
-  });
-}
 function normalizeMarketRegions(data) {
   var _data$regions, _data$market_selector, _data$market_selector2;
   if (Array.isArray(data)) return data;
@@ -102007,8 +101960,8 @@ function normalizeMarketRegions(data) {
   return (_data$market_selector = data === null || data === void 0 || (_data$market_selector2 = data.market_selector) === null || _data$market_selector2 === void 0 || (_data$market_selector2 = _data$market_selector2.reference) === null || _data$market_selector2 === void 0 || (_data$market_selector2 = _data$market_selector2[0]) === null || _data$market_selector2 === void 0 ? void 0 : _data$market_selector2.regions) !== null && _data$market_selector !== void 0 ? _data$market_selector : [];
 }
 function regionHasMarketOrCountry(region) {
-  var _ref2, _region$markets;
-  var items = (_ref2 = (_region$markets = region === null || region === void 0 ? void 0 : region.markets) !== null && _region$markets !== void 0 ? _region$markets : region === null || region === void 0 ? void 0 : region.countries) !== null && _ref2 !== void 0 ? _ref2 : [];
+  var _ref, _region$markets;
+  var items = (_ref = (_region$markets = region === null || region === void 0 ? void 0 : region.markets) !== null && _region$markets !== void 0 ? _region$markets : region === null || region === void 0 ? void 0 : region.countries) !== null && _ref !== void 0 ? _ref : [];
   return items.length > 0;
 }
 function buildMarketSelectorTabs(regions) {
@@ -102291,8 +102244,6 @@ function Tabs(_ref4) {
     ariaLabel = _ref4$ariaLabel === void 0 ? ARIA_LABEL_TABS_DEFAULT : _ref4$ariaLabel,
     _ref4$isTopNav = _ref4.isTopNav,
     isTopNav = _ref4$isTopNav === void 0 ? false : _ref4$isTopNav,
-    _ref4$mobileEmbeddedF = _ref4.mobileEmbeddedFullScreen,
-    mobileEmbeddedFullScreen = _ref4$mobileEmbeddedF === void 0 ? false : _ref4$mobileEmbeddedF,
     tabListContainer$ = _ref4.tabListContainer$;
   var _useTabsController = useTabsController({
       tabs: tabs,
@@ -102328,7 +102279,6 @@ function Tabs(_ref4) {
   var showPanel = activationMode === "click" || panelContent;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(TabsRoot, {
     $isTopNav: isTopNav,
-    $mobileEmbeddedFullScreen: mobileEmbeddedFullScreen,
     className: className,
     onMouseEnter: handleContainerEnter,
     onMouseLeave: handleContainerLeave,
@@ -102338,8 +102288,7 @@ function Tabs(_ref4) {
       id: sidebarId,
       role: "tablist",
       "aria-label": ariaLabel,
-      $justify: tabAlign,
-      $mobileEmbedded: mobileEmbeddedFullScreen
+      $justify: tabAlign
     }, tabListContainer$ !== null && tabListContainer$ !== void 0 ? tabListContainer$ : {}), {}, {
       children: [!isMobile ? desktopTabs : null, isMobile ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerScroll, {
         "data-tabs-mobile-accordion": "",
@@ -102368,7 +102317,6 @@ function Tabs(_ref4) {
   });
 }
 Tabs.propTypes = {
-  mobileEmbeddedFullScreen: (external_prop_types_default()).bool,
   isTopNav: (external_prop_types_default()).bool,
   tabs: external_prop_types_default().arrayOf(external_prop_types_default().shape({
     id: (external_prop_types_default()).string.isRequired,
@@ -102906,10 +102854,8 @@ var CountryListSelectorTheme = {
     panelPadding: "12px 32px 20px",
     sectionGap: "50px 100px",
     localeGap: "8px",
-    mobilePanelPadding: "16px 0 0",
     mobileSectionGap: "25px",
     mobileLocaleGap: "10px",
-    mobileLocaleIndent: "25px",
     mobileLocaleListMarginTop: "10px"
   },
   button: {
@@ -102950,7 +102896,7 @@ var CountryListSelectorHeading = /*#__PURE__*/createStyled("h2",  true ? {
 } : 0)("margin:0;text-align:center;font-size:", CountryListSelectorTheme.typography.titleSize, ";line-height:", CountryListSelectorTheme.typography.titleLineHeight, ";font-weight:500;" + ( true ? "" : 0));
 var CountryListSelectorPanel = /*#__PURE__*/createStyled("div",  true ? {
   target: "eszgqfj8"
-} : 0)("padding:", CountryListSelectorTheme.spacing.panelPadding, ";@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){padding:", CountryListSelectorTheme.spacing.mobilePanelPadding, ";}" + ( true ? "" : 0));
+} : 0)("padding:", CountryListSelectorTheme.spacing.panelPadding, ";" + ( true ? "" : 0));
 
 /** Stacks multiple `CountryCards` grids when a region has several Contentstack `countries[]` groups. */
 var CountryCardGroups = /*#__PURE__*/createStyled("div",  true ? {
@@ -102972,10 +102918,10 @@ var CountryButton = /*#__PURE__*/createStyled("div",  true ? {
 } : 0)("background:transparent;margin:0;padding:0;width:100%;text-align:left;border-bottom:1px solid ", CountryListSelectorTheme.colors.border, ";cursor:pointer;>*{width:100%;}&:hover{border-color:transparent;background:", CountryListSelectorTheme.colors.chipBackground, ";}.country-button-label{cursor:pointer;>span{font-size:", CountryListSelectorTheme.typography.countrySize, ";font-weight:500;}}.country-button-label:focus-visible{outline:1px solid ", CountryListSelectorTheme.colors.chipSelected, ";outline-offset:2px;}@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){&:hover{border-color:", CountryListSelectorTheme.colors.border, ";background:transparent;}.country-button-label{min-height:", CountryListSelectorTheme.sizing.mobileCountryMinHeight, ";padding:0;}.country-button-label>span{font-size:", CountryListSelectorTheme.typography.mobileCountrySize, ";line-height:", CountryListSelectorTheme.typography.mobileCountryLineHeight, ";}}" + ( true ? "" : 0));
 var LocaleList = /*#__PURE__*/createStyled("ul",  true ? {
   target: "eszgqfj3"
-} : 0)("list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;row-gap:", CountryListSelectorTheme.spacing.localeGap, ";column-gap:16px;@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){margin-top:", CountryListSelectorTheme.spacing.mobileLocaleListMarginTop, ";display:grid;grid-template-columns:1fr;row-gap:", CountryListSelectorTheme.spacing.mobileLocaleGap, ";column-gap:0;}" + ( true ? "" : 0));
+} : 0)("list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;row-gap:", CountryListSelectorTheme.spacing.localeGap, ";column-gap:16px;@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){margin-top:", CountryListSelectorTheme.spacing.mobileLocaleListMarginTop, ";display:flex;flex-wrap:wrap;row-gap:", CountryListSelectorTheme.spacing.mobileLocaleGap, ";column-gap:18px;}" + ( true ? "" : 0));
 var LocaleItem = /*#__PURE__*/createStyled("li",  true ? {
   target: "eszgqfj2"
-} : 0)("margin:0;display:flex;@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){width:100%;}" + ( true ? "" : 0));
+} : 0)("margin:0;display:flex;@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){width:auto;}" + ( true ? "" : 0));
 var LocaleButton = /*#__PURE__*/createStyled("div",  true ? {
   target: "eszgqfj1"
 } : 0)("--locale-icon-space:20px;border-radius:", CountryListSelectorTheme.button.borderRadius, ";background:", function (props) {
@@ -102984,7 +102930,9 @@ var LocaleButton = /*#__PURE__*/createStyled("div",  true ? {
   return props.$selected ? CountryListSelectorTheme.typography.selectedLocaleWeight : CountryListSelectorTheme.typography.localeWeight;
 }, ";cursor:pointer;color:", function (props) {
   return props.$selected ? CountryListSelectorTheme.colors.localeSelectedTextDesktop : CountryListSelectorTheme.colors.localeColor;
-}, ";&:hover{color:", CountryListSelectorTheme.colors.chipSelected, ";}}&:hover{background:", CountryListSelectorTheme.colors.chipBackground, ";}.locale-button-label:focus-visible{outline:1px solid ", CountryListSelectorTheme.colors.chipSelected, ";outline-offset:2px;}@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){--locale-icon-space:0px;background:transparent;width:100%;padding:0;>*{min-height:auto;}&:hover{background:transparent;}.locale-button-label{justify-content:flex-start;padding:0 0 0 ", CountryListSelectorTheme.spacing.mobileLocaleIndent, ";min-height:", CountryListSelectorTheme.sizing.mobileLocaleMinHeight, ";}.locale-button-label>span{font-size:", CountryListSelectorTheme.typography.mobileLocaleSize, ";line-height:", CountryListSelectorTheme.typography.mobileLocaleLineHeight, ";font-weight:", CountryListSelectorTheme.typography.localeWeight, ";text-align:left;color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label>span:hover{color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label svg{display:none;}}" + ( true ? "" : 0));
+}, ";&:hover{color:", CountryListSelectorTheme.colors.chipSelected, ";}}&:hover{background:", CountryListSelectorTheme.colors.chipBackground, ";}.locale-button-label:focus-visible{outline:1px solid ", CountryListSelectorTheme.colors.chipSelected, ";outline-offset:2px;}@media (max-width: ", CountryListSelectorTheme.breakpoints.mobileMax, "){--locale-icon-space:0px;background:transparent;width:auto;padding:0;>*{min-height:auto;}&:hover{background:transparent;}.locale-button-label{justify-content:flex-start;padding:0px 4px;min-height:", CountryListSelectorTheme.sizing.mobileLocaleMinHeight, ";}.locale-button-label>span{font-size:", CountryListSelectorTheme.typography.mobileLocaleSize, ";line-height:", CountryListSelectorTheme.typography.mobileLocaleLineHeight, ";font-weight:", CountryListSelectorTheme.typography.localeWeight, ";text-align:left;color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label>span:hover{color:", CountryListSelectorTheme.colors.localeTextMobile, ";}.locale-button-label svg{position:static;transform:none;width:16px;height:16px;}", function (props) {
+  return props.$selected ? "\n      background: ".concat(CountryListSelectorTheme.colors.localeSelectedBackgroundDesktop, ";\n\n      .locale-button-label > span {\n        font-weight: ").concat(CountryListSelectorTheme.typography.selectedLocaleWeight, ";\n        color: ").concat(CountryListSelectorTheme.colors.text, ";\n      }\n    ") : "";
+}, ";}" + ( true ? "" : 0));
 var EmptyState = /*#__PURE__*/createStyled("p",  true ? {
   target: "eszgqfj0"
 } : 0)("margin:0;text-align:center;color:", CountryListSelectorTheme.colors.mutedText, ";" + ( true ? "" : 0));
@@ -103015,6 +102963,7 @@ function CountryListSelector_toPrimitive(t, r) { if ("object" != CountryListSele
 
 
 
+
 function navigateToPath(path) {
   var browserWindow = globalThis.window;
   if (!(browserWindow !== null && browserWindow !== void 0 && browserWindow.location)) {
@@ -103032,24 +102981,11 @@ function navigateToPath(path) {
   browserWindow.location.assign(path);
 }
 function SelectedLocaleIcon() {
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)("circle", {
-      cx: "8",
-      cy: "8",
-      r: "8",
-      fill: "currentColor"
-    }), /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
-      d: "M5.2 8.1L7 9.9L10.8 6.1",
-      stroke: "#FFFFFF",
-      strokeWidth: "1.4",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+    name: "success",
+    size: "small",
+    colorOverride: "#252525",
+    "aria-hidden": true
   });
 }
 function renderLocaleOption(_ref) {
@@ -103434,8 +103370,9 @@ function normalizeStackMarketSelector_toPrimitive(t, r) { if ("object" != normal
 function normalizeStackMarketSelector_typeof(o) { "@babel/helpers - typeof"; return normalizeStackMarketSelector_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, normalizeStackMarketSelector_typeof(o); }
 /**
  * Normalizes Contentstack `market_selector` entry JSON into tab/panel regions:
- * each region has `countries[]` with `country_code` (from `country_iso`) and
- * `languages[]` with `locale_iso` / display `locales`.
+ * `regions[]` → each region has `markets[]` (ISO `iso_code_2`) and each market has `languages[]`
+ * (`iso_code_2` / display names). Output keeps `countries[]` as the normalized market list for
+ * `CountryListSelector` / `buildMarketSelectorTabs`.
  */
 
 function resolveMarketSelectorEntry(data) {
@@ -103445,8 +103382,18 @@ function resolveMarketSelectorEntry(data) {
 }
 
 /**
- * Field props under `.$.<fieldKey>` (e.g. `regions.$.region_label`) for Contentstack Live Preview.
- * Spread the return value onto the DOM node that shows the field value: `{...getContentstackDollarFieldProps($, "region_label")}`.
+ * Contentstack Live Preview `.$` map for the market selector entry root.
+ * Works for both array-shaped (`[{ ..., $ }]`) and object-shaped (`{ ..., $ }`) `data` props.
+ */
+function resolveMarketSelectorDollarFields(data) {
+  var _entry$$;
+  var entry = resolveMarketSelectorEntry(data);
+  return (_entry$$ = entry === null || entry === void 0 ? void 0 : entry.$) !== null && _entry$$ !== void 0 ? _entry$$ : {};
+}
+
+/**
+ * Field props under `.$.<fieldKey>` (e.g. `regions.$.region_title`) for Contentstack Live Preview.
+ * Spread the return value onto the DOM node that shows the field value: `{...getContentstackDollarFieldProps($, "region_title")}`.
  */
 function getContentstackDollarFieldProps(dollarBlock, fieldKey) {
   if (!dollarBlock || !fieldKey) {
@@ -103469,9 +103416,9 @@ function firstNonEmptyString() {
   }
   return "";
 }
-function normalizeLanguage(languageWrapper, index) {
-  var _ref, _languageWrapper$lang, _ref2, _source$_metadata$uid, _source$_metadata;
-  var source = (_ref = (_languageWrapper$lang = languageWrapper === null || languageWrapper === void 0 ? void 0 : languageWrapper.language) !== null && _languageWrapper$lang !== void 0 ? _languageWrapper$lang : languageWrapper) !== null && _ref !== void 0 ? _ref : {};
+function normalizeLanguage(languageEntry, index) {
+  var _ref, _languageEntry$langua, _ref2, _source$_metadata$uid, _source$_metadata;
+  var source = (_ref = (_languageEntry$langua = languageEntry === null || languageEntry === void 0 ? void 0 : languageEntry.language) !== null && _languageEntry$langua !== void 0 ? _languageEntry$langua : languageEntry) !== null && _ref !== void 0 ? _ref : {};
   var localeIso = firstNonEmptyString(source === null || source === void 0 ? void 0 : source.locale_iso, source === null || source === void 0 ? void 0 : source.iso_code_2);
   var localeLabel = firstNonEmptyString(source === null || source === void 0 ? void 0 : source.locales, source === null || source === void 0 ? void 0 : source.full_name, source === null || source === void 0 ? void 0 : source.general_name, source === null || source === void 0 ? void 0 : source.title) || "Language ".concat(index + 1);
   var locales$ = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "locales");
@@ -103486,24 +103433,24 @@ function normalizeLanguage(languageWrapper, index) {
     locales$: locales$
   } : {});
 }
-function normalizeCountry(countryWrapper, index) {
-  var _ref3, _countryWrapper$count, _ref4, _source$supported_lan, _ref5, _source$_metadata$uid2, _source$_metadata2, _ref6, _source$default_langu;
-  var source = (_ref3 = (_countryWrapper$count = countryWrapper === null || countryWrapper === void 0 ? void 0 : countryWrapper.country) !== null && _countryWrapper$count !== void 0 ? _countryWrapper$count : countryWrapper) !== null && _ref3 !== void 0 ? _ref3 : {};
-  var languagesRaw = (_ref4 = (_source$supported_lan = source === null || source === void 0 ? void 0 : source.supported_languages) !== null && _source$supported_lan !== void 0 ? _source$supported_lan : source === null || source === void 0 ? void 0 : source.languages) !== null && _ref4 !== void 0 ? _ref4 : [];
-  var country$ = getContentstackDollarFieldProps(countryWrapper === null || countryWrapper === void 0 ? void 0 : countryWrapper.$, "country");
-  var countryLabel$ = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "country_label");
-  var currency$ = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "currency");
-  var supportedLanguages$ = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "supported_languages");
+function normalizeMarketFromStack(market, index) {
+  var _source$languages, _getContentstackDolla, _getContentstackDolla2, _getContentstackDolla3, _ref3, _source$_metadata$uid2, _source$_metadata2, _ref4, _source$default_langu;
+  var source = market !== null && market !== void 0 ? market : {};
+  var languagesRaw = (_source$languages = source.languages) !== null && _source$languages !== void 0 ? _source$languages : [];
+  var country$ = getContentstackDollarFieldProps(market === null || market === void 0 ? void 0 : market.$, "country");
+  var countryLabel$ = (_getContentstackDolla = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "country_label")) !== null && _getContentstackDolla !== void 0 ? _getContentstackDolla : getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "title");
+  var currency$ = (_getContentstackDolla2 = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "currency")) !== null && _getContentstackDolla2 !== void 0 ? _getContentstackDolla2 : getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "currency_code");
+  var supportedLanguages$ = (_getContentstackDolla3 = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "languages")) !== null && _getContentstackDolla3 !== void 0 ? _getContentstackDolla3 : getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "supported_languages");
   return normalizeStackMarketSelector_objectSpread(normalizeStackMarketSelector_objectSpread(normalizeStackMarketSelector_objectSpread(normalizeStackMarketSelector_objectSpread({
-    uid: (_ref5 = (_source$_metadata$uid2 = source === null || source === void 0 || (_source$_metadata2 = source._metadata) === null || _source$_metadata2 === void 0 ? void 0 : _source$_metadata2.uid) !== null && _source$_metadata$uid2 !== void 0 ? _source$_metadata$uid2 : source === null || source === void 0 ? void 0 : source.uid) !== null && _ref5 !== void 0 ? _ref5 : "country-".concat(index),
+    uid: (_ref3 = (_source$_metadata$uid2 = source === null || source === void 0 || (_source$_metadata2 = source._metadata) === null || _source$_metadata2 === void 0 ? void 0 : _source$_metadata2.uid) !== null && _source$_metadata$uid2 !== void 0 ? _source$_metadata$uid2 : source === null || source === void 0 ? void 0 : source.uid) !== null && _ref3 !== void 0 ? _ref3 : "country-".concat(index),
     title: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.country_label, source === null || source === void 0 ? void 0 : source.default_display_country, source === null || source === void 0 ? void 0 : source.title),
     label: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.country_label, source === null || source === void 0 ? void 0 : source.default_display_country, source === null || source === void 0 ? void 0 : source.title),
     country_code: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.country_iso, source === null || source === void 0 ? void 0 : source.iso_code_2),
     currency: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.currency, source === null || source === void 0 ? void 0 : source.currency_code),
     eq_home_url: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.eq_home_url),
     home_url: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.home_url),
-    default_language_code: String((_ref6 = (_source$default_langu = source === null || source === void 0 ? void 0 : source.default_language_code) !== null && _source$default_langu !== void 0 ? _source$default_langu : source === null || source === void 0 ? void 0 : source.default_language) !== null && _ref6 !== void 0 ? _ref6 : "").trim(),
-    languages: (languagesRaw !== null && languagesRaw !== void 0 ? languagesRaw : []).map(normalizeLanguage)
+    default_language_code: String((_ref4 = (_source$default_langu = source === null || source === void 0 ? void 0 : source.default_language_code) !== null && _source$default_langu !== void 0 ? _source$default_langu : source === null || source === void 0 ? void 0 : source.default_language) !== null && _ref4 !== void 0 ? _ref4 : "").trim(),
+    languages: languagesRaw.map(normalizeLanguage)
   }, country$ ? {
     country$: country$
   } : {}), countryLabel$ ? {
@@ -103514,55 +103461,33 @@ function normalizeCountry(countryWrapper, index) {
     supportedLanguages$: supportedLanguages$
   } : {});
 }
-function normalizeRegion(regionWrapper, index) {
-  var _ref7, _regionWrapper$region, _source$countries, _source$markets, _ref8, _source$_metadata$uid3, _source$_metadata3;
-  var source = (_ref7 = (_regionWrapper$region = regionWrapper === null || regionWrapper === void 0 ? void 0 : regionWrapper.regions) !== null && _regionWrapper$region !== void 0 ? _regionWrapper$region : regionWrapper) !== null && _ref7 !== void 0 ? _ref7 : {};
-  var countriesRaw = (_source$countries = source === null || source === void 0 ? void 0 : source.countries) !== null && _source$countries !== void 0 ? _source$countries : [];
-  var countryGroupsFromLegacy = countriesRaw.map(function (countryGroup) {
-    var groupedCountries = countryGroup === null || countryGroup === void 0 ? void 0 : countryGroup.supported_countries;
-    var countries = Array.isArray(groupedCountries) ? groupedCountries.map(function (entry, idx) {
-      return normalizeCountry(entry, idx);
-    }) : [normalizeCountry(countryGroup, 0)];
-    var supportedCountries$ = getContentstackDollarFieldProps(countryGroup === null || countryGroup === void 0 ? void 0 : countryGroup.$, "supported_countries");
-    return normalizeStackMarketSelector_objectSpread(normalizeStackMarketSelector_objectSpread({}, supportedCountries$ ? {
-      supportedCountries$: supportedCountries$
-    } : {}), {}, {
-      countries: countries
-    });
+function normalizeRegion(region, index) {
+  var _getContentstackDolla4, _ref5, _regionSource$_metada, _regionSource$_metada2;
+  var regionSource = region !== null && region !== void 0 ? region : {};
+  var marketsRaw = Array.isArray(regionSource.markets) ? regionSource.markets : [];
+  var countries = marketsRaw.map(function (m, idx) {
+    return normalizeMarketFromStack(m, idx);
   });
-  var marketsRaw = (_source$markets = source === null || source === void 0 ? void 0 : source.markets) !== null && _source$markets !== void 0 ? _source$markets : [];
-  var marketGroup = Array.isArray(marketsRaw) && marketsRaw.length > 0 ? [{
-    countries: marketsRaw.map(function (entry, idx) {
-      return normalizeCountry(entry, idx);
-    })
+  var label$ = (_getContentstackDolla4 = getContentstackDollarFieldProps(regionSource === null || regionSource === void 0 ? void 0 : regionSource.$, "region_title")) !== null && _getContentstackDolla4 !== void 0 ? _getContentstackDolla4 : getContentstackDollarFieldProps(regionSource === null || regionSource === void 0 ? void 0 : regionSource.$, "region_label");
+  var countryGroups = countries.length > 0 ? [{
+    countries: countries
   }] : [];
-  var countryGroups = countryGroupsFromLegacy.length ? countryGroupsFromLegacy : marketGroup;
-  var flattenedCountries = countryGroups.flatMap(function (g) {
-    var _g$countries;
-    return (_g$countries = g.countries) !== null && _g$countries !== void 0 ? _g$countries : [];
-  });
-  var label$ = getContentstackDollarFieldProps(source === null || source === void 0 ? void 0 : source.$, "region_label");
   return normalizeStackMarketSelector_objectSpread(normalizeStackMarketSelector_objectSpread({
-    uid: (_ref8 = (_source$_metadata$uid3 = source === null || source === void 0 || (_source$_metadata3 = source._metadata) === null || _source$_metadata3 === void 0 ? void 0 : _source$_metadata3.uid) !== null && _source$_metadata$uid3 !== void 0 ? _source$_metadata$uid3 : source === null || source === void 0 ? void 0 : source.uid) !== null && _ref8 !== void 0 ? _ref8 : "region-".concat(index),
-    region_title: firstNonEmptyString(source === null || source === void 0 ? void 0 : source.region_label, source === null || source === void 0 ? void 0 : source.region_title, source === null || source === void 0 ? void 0 : source.title)
+    uid: (_ref5 = (_regionSource$_metada = regionSource === null || regionSource === void 0 || (_regionSource$_metada2 = regionSource._metadata) === null || _regionSource$_metada2 === void 0 ? void 0 : _regionSource$_metada2.uid) !== null && _regionSource$_metada !== void 0 ? _regionSource$_metada : regionSource === null || regionSource === void 0 ? void 0 : regionSource.uid) !== null && _ref5 !== void 0 ? _ref5 : "region-".concat(index),
+    region_title: firstNonEmptyString(regionSource === null || regionSource === void 0 ? void 0 : regionSource.region_title, regionSource === null || regionSource === void 0 ? void 0 : regionSource.region_label, regionSource === null || regionSource === void 0 ? void 0 : regionSource.title)
   }, label$ ? {
     label$: label$
   } : {}), {}, {
-    countries: flattenedCountries,
+    countries: countries,
+    markets: countries,
     countryGroups: countryGroups
   });
 }
 function normalizeRegionsForTabs(data, selector) {
   var _selector$regions;
   var rawRegions = (_selector$regions = selector === null || selector === void 0 ? void 0 : selector.regions) !== null && _selector$regions !== void 0 ? _selector$regions : [];
-  return rawRegions.flatMap(function (regionEntry, index) {
-    var supported = regionEntry === null || regionEntry === void 0 ? void 0 : regionEntry.supported_regions;
-    if (Array.isArray(supported) && supported.length > 0) {
-      return supported.map(function (supportedEntry, idx) {
-        return normalizeRegion(supportedEntry, idx);
-      });
-    }
-    return [normalizeRegion(regionEntry, index)];
+  return rawRegions.map(function (region, index) {
+    return normalizeRegion(region, index);
   });
 }
 function resolveMarketSelectorText(marketSelector) {
@@ -103579,11 +103504,158 @@ function getNormalizedMarketSelectorRegions(data) {
   var selector = resolveMarketSelectorEntry(data);
   return normalizeRegionsForTabs(data, selector);
 }
+;// ./src/components/market-selector/marketSelectorWindow.js
+
+
+/** Avoid a mobile-first paint with `isMobileViewport === false` (pill stuck inside hidden desktop utility bar). */
+function getInitialMobileViewportMatches() {
+  try {
+    var w = globalThis.window;
+    if (!(w !== null && w !== void 0 && w.matchMedia)) return false;
+    return Boolean(w.matchMedia(TABS_MOBILE_MEDIA_QUERY).matches);
+  } catch (_unused) {
+    return false;
+  }
+}
+function marketSelectorWindow_navigateToPath(path) {
+  var browserWindow = globalThis.window;
+  if (!(browserWindow !== null && browserWindow !== void 0 && browserWindow.location)) {
+    return;
+  }
+  try {
+    var topWindow = browserWindow.top;
+    if (topWindow !== null && topWindow !== void 0 && topWindow.location) {
+      topWindow.location.assign(path);
+      return;
+    }
+  } catch (_unused2) {
+    // Fall back when top-level navigation is not accessible.
+  }
+  browserWindow.location.assign(path);
+}
 ;// ./src/components/market-selector/MarketSelector.styled.jsx
 
 function MarketSelector_styled_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
+
 var DESKTOP_MIN_WIDTH_PX = 1025;
+
+/** Full-screen market modal layer (above mobile drawer z-index 9999). */
+var MobileMarketFullScreenRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p36"
+} : 0)( true ? {
+  name: "1n6oz2n",
+  styles: "position:fixed;inset:0;z-index:10050;background:#ffffff;display:flex;flex-direction:column;box-sizing:border-box;transform:translateX(15%);opacity:0;transition:transform 220ms ease-out,opacity 220ms ease-out;&[data-state=\"open\"]{transform:translateX(0);opacity:1;}"
+} : 0);
+var MobileMarketDialogInner = /*#__PURE__*/createStyled("dialog",  true ? {
+  target: "e1g1uu3p35"
+} : 0)( true ? {
+  name: "1d69jno",
+  styles: "margin:0;padding:0;border:0;width:100%;height:100%;max-width:none;max-height:none;background:#ffffff;display:flex;flex-direction:column;overflow:hidden"
+} : 0);
+var MobileStickyHeaderContainer = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p34"
+} : 0)( true ? {
+  name: "kyd2ed",
+  styles: "position:sticky;top:0;z-index:2;width:100%;max-width:100%;height:110px;min-height:110px;padding-top:66px;padding-bottom:16px;background:#ffffff;box-sizing:border-box"
+} : 0);
+var MobileCompactHeaderRow = /*#__PURE__*/createStyled("header",  true ? {
+  target: "e1g1uu3p33"
+} : 0)( true ? {
+  name: "1tdg822",
+  styles: "flex-shrink:0;box-sizing:border-box;width:100%;max-width:100%;height:28px;min-height:28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px"
+} : 0);
+var MobileCompactTitle = /*#__PURE__*/createStyled("h2",  true ? {
+  target: "e1g1uu3p32"
+} : 0)( true ? {
+  name: "eo9mb5",
+  styles: "margin:0;flex:1 1 auto;min-width:0;height:28px;line-height:28px;font-family:Lora,sans-serif;font-weight:400;font-size:22px;color:#252525;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
+} : 0);
+var MobileModalHeaderCancelWrap = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p31"
+} : 0)( true ? {
+  name: "fld1nn",
+  styles: "flex:0 0 auto;margin-left:auto;height:28px;display:flex;justify-content:flex-end;align-items:center;.market-selector-mobile-header-cancel{width:auto;max-width:none;min-width:0;min-height:28px;border-radius:20px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:0;justify-content:flex-end;}.market-selector-mobile-header-cancel.MuiButton-root{min-width:0;}.market-selector-mobile-header-cancel span{min-width:0;white-space:nowrap;}"
+} : 0);
+var MobileModalScrollContent = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p30"
+} : 0)( true ? {
+  name: "1q7526u",
+  styles: "flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0;display:none;}"
+} : 0);
+var MobileRememberControlsWrap = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p29"
+} : 0)( true ? {
+  name: "2wv1be",
+  styles: "width:100%;box-sizing:border-box"
+} : 0);
+var MobileRememberControls = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p28"
+} : 0)( true ? {
+  name: "1dmiggy",
+  styles: "display:flex;align-items:center;justify-content:flex-start"
+} : 0);
+var MobileRememberRowCompact = /*#__PURE__*/createStyled("label",  true ? {
+  target: "e1g1uu3p27"
+} : 0)( true ? {
+  name: "1v7mvq",
+  styles: "display:inline-flex;align-items:center;gap:10px;width:246px;height:44px;border-radius:24px;padding:0 20px;box-sizing:border-box;cursor:pointer;color:#5f5f5f;font-family:Lora,sans-serif;font-size:16px;line-height:22px;font-weight:500;text-align:center;vertical-align:middle;background:transparent;&:hover{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}&:active{background:#dcdcdc;}&[data-checked=\"true\"]{background:transparent;color:#252525;}&[data-checked=\"true\"][data-toggle-source=\"row\"][data-hovered=\"true\"]{background:#dcdcdc;color:#252525;text-decoration:none;}&[data-toggle-source=\"checkbox\"][data-hovered=\"true\"]{background:#ebebeb;color:#252525;text-decoration:underline;text-decoration-color:#252525;}"
+} : 0);
+var MobileLocaleSectionBlock = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p26"
+} : 0)( true ? {
+  name: "1uu8bvb",
+  styles: "width:100%;min-height:0;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:0 0 16px;border-bottom:1px solid #e0e0e0;box-sizing:border-box"
+} : 0);
+var MobileLocaleList = /*#__PURE__*/createStyled("ul",  true ? {
+  target: "e1g1uu3p25"
+} : 0)( true ? {
+  name: "1pxu7om",
+  styles: "width:100%;min-height:0;list-style:none;margin:0;padding:0"
+} : 0);
+var MobileLocaleRow = /*#__PURE__*/createStyled("li",  true ? {
+  target: "e1g1uu3p24"
+} : 0)( true ? {
+  name: "duoqfw",
+  styles: "width:100%;min-height:44px;padding:0 20px;box-sizing:border-box"
+} : 0);
+
+/** Same navigation affordance as desktop `CountryListSelector` locale links. */
+var MobileLocaleRowLink = /*#__PURE__*/createStyled("a",  true ? {
+  target: "e1g1uu3p23"
+} : 0)( true ? {
+  name: "12tmgo3",
+  styles: "display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer;&:hover{background:rgba(0, 0, 0, 0.04);}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;}"
+} : 0);
+var MobileLocaleRowMain = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p22"
+} : 0)( true ? {
+  name: "6778cq",
+  styles: "width:280px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:4px"
+} : 0);
+var MobileLocaleText = /*#__PURE__*/createStyled("span",  true ? {
+  target: "e1g1uu3p21"
+} : 0)("min-height:44px;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;font-family:Lora,sans-serif;font-size:16px;line-height:22px;color:#252525;vertical-align:middle;font-weight:", function (p) {
+  return p.$selected ? 600 : 400;
+}, ";" + ( true ? "" : 0));
+var MobileLocaleStatusIcon = /*#__PURE__*/createStyled(dist.NsIcon,  true ? {
+  target: "e1g1uu3p20"
+} : 0)( true ? {
+  name: "1oi3xqh",
+  styles: "width:24px;height:24px;flex-shrink:0;color:#252525"
+} : 0);
+var MobileModalBody = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p19"
+} : 0)( true ? {
+  name: "1vektn8",
+  styles: "width:100%;min-height:0;display:flex;flex-direction:column;gap:16px;padding-bottom:48px;box-sizing:border-box"
+} : 0);
+var MobileRegionsSection = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1g1uu3p18"
+} : 0)( true ? {
+  name: "1wqadvr",
+  styles: "width:100%;flex-shrink:0;display:flex;flex-direction:column;box-sizing:border-box;.market-selector-mobile-regions-tabs{width:100%;}.market-selector-mobile-regions-tabs [class*=\"TabList\"]{flex:none;min-height:0;height:auto;max-height:none;overflow:visible;padding:0;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]{display:block;flex:none;overflow-y:visible;overflow-x:hidden;max-height:none;padding-top:0;scrollbar-width:none;-ms-overflow-style:none;}.market-selector-mobile-regions-tabs [data-tabs-mobile-accordion]::-webkit-scrollbar{width:0;height:0;display:none;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRow\"]{touch-action:pan-y;}.market-selector-mobile-regions-tabs [class*=\"MobileTabRowMain\"]{min-height:44px;}.market-selector-mobile-regions-tabs [class*=\"MobileAccordionPanel\"]{overflow:visible;touch-action:pan-y;}"
+} : 0);
 var TriggerPillSlash = /*#__PURE__*/createStyled(dist.NsIcon,  true ? {
   target: "e1g1uu3p17"
 } : 0)( true ? {
@@ -103596,35 +103668,26 @@ var TriggerPillInner = /*#__PURE__*/createStyled("span",  true ? {
   name: "1edu2bp",
   styles: "display:inline-flex;align-items:center;gap:0px;color:inherit;border-bottom:1px solid transparent;box-sizing:border-box"
 } : 0);
-var MarketSelectorRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1g1uu3p15"
-} : 0)( true ? {
-  name: "13jutq1",
-  styles: "display:inline-flex;@media (max-width: 1024px){display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;}"
-} : 0);
 
-/** Hosts market-selector Tabs directly on small viewports. */
-var MarketSelectorMobileNavHost = /*#__PURE__*/createStyled("div",  true ? {
+/**
+ * Mobile nav drawer market control: text + chevron only (no pill); intrinsic width.
+ * Label color matches earlier market trigger tokens (#5f5f5f, Lora).
+ */
+var MobileDrawerTriggerPill = /*#__PURE__*/createStyled("button",  true ? {
+  target: "e1g1uu3p15"
+} : 0)("appearance:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;text-decoration:none;flex:0 1 auto;min-width:0;max-width:100%;&[data-trigger-mode=\"drawerPortal\"]{justify-content:flex-end;}", TriggerPillInner, "{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&:hover{color:#2f2f2f;}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;}svg{flex-shrink:0;width:16px;height:16px;color:currentColor;}" + ( true ? "" : 0));
+var MarketSelectorRoot = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p14"
-} : 0)( true ? {
-  name: "2wv1be",
-  styles: "width:100%;box-sizing:border-box"
-} : 0);
+} : 0)("display:inline-flex;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){&[data-drawer-portal-host=\"true\"]{display:contents;}&:not([data-drawer-portal-host=\"true\"]){display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;}}" + ( true ? "" : 0));
 var TriggerPill = /*#__PURE__*/createStyled("button",  true ? {
   target: "e1g1uu3p13"
 } : 0)("appearance:none;border:0;background:transparent;color:#5f5f5f;font-family:Lora,sans-serif;font-weight:500;font-size:16px;line-height:22px;min-height:44px;padding:11px 16px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;&:hover{background:#efefef;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}&:focus-visible{outline:1px solid #007bff;outline-offset:1px;color:#2f2f2f;text-decoration:none;", TriggerPillInner, "{border-bottom-color:currentColor;}}" + ( true ? "" : 0));
 var Overlay = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p12"
-} : 0)( true ? {
-  name: "cbjq7",
-  styles: "position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1400;display:flex;align-items:flex-start;justify-content:center;padding:0;opacity:0;transition:opacity 220ms ease-in;&[data-state=\"open\"]{opacity:1;transition:opacity 220ms ease-out;}@media (max-width: 1024px){padding:0;align-items:stretch;}"
-} : 0);
+} : 0)("position:fixed;inset:0;background:rgba(0, 0, 0, 0.45);z-index:1400;display:flex;align-items:flex-start;justify-content:center;padding:0;opacity:0;transition:opacity 220ms ease-in;&[data-state=\"open\"]{opacity:1;transition:opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){padding:0;align-items:stretch;}" + ( true ? "" : 0));
 var ModalSurface = /*#__PURE__*/createStyled("dialog",  true ? {
   target: "e1g1uu3p11"
-} : 0)( true ? {
-  name: "axwg80",
-  styles: "width:100%;height:auto;background:#ffffff;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:0;transform-origin:center;transform:scaleY(0.88);opacity:0;transition:transform 220ms ease-in,opacity 220ms ease-in;&[data-state=\"open\"]{transform:scaleY(1);opacity:1;transition:transform 220ms ease-out,opacity 220ms ease-out;}@media (max-width: 1024px){width:100%;max-height:100%;border:0;transform-origin:top center;}"
-} : 0);
+} : 0)("width:100%;height:auto;background:#ffffff;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:0;border:0;transform-origin:center;transform:scaleY(0.88);opacity:0;transition:transform 220ms ease-in,opacity 220ms ease-in;&[data-state=\"open\"]{transform:scaleY(1);opacity:1;transition:transform 220ms ease-out,opacity 220ms ease-out;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){width:100%;max-height:100%;border:0;transform-origin:top center;}" + ( true ? "" : 0));
 var ModalScrollArea = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p10"
 } : 0)( true ? {
@@ -103642,22 +103705,13 @@ var StickyTop = /*#__PURE__*/createStyled("div",  true ? {
 } : 0);
 var HeaderRow = /*#__PURE__*/createStyled("header",  true ? {
   target: "e1g1uu3p7"
-} : 0)( true ? {
-  name: "1ec45cr",
-  styles: "width:100%;height:78px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:32px 32px 16px;@media (max-width: 1024px){min-height:78px;grid-template-columns:1fr auto;padding:0 20px;}"
-} : 0);
+} : 0)("width:100%;height:78px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:32px 32px 16px;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){min-height:78px;grid-template-columns:1fr auto;padding:0 20px;}" + ( true ? "" : 0));
 var LogoWrap = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p6"
-} : 0)( true ? {
-  name: "1cl6vm6",
-  styles: "display:inline-flex;align-items:center;justify-content:flex-start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: 1024px){display:none;}"
-} : 0);
+} : 0)("display:inline-flex;align-items:center;justify-content:flex-start;width:147.5px;height:30px;>*{width:147.5px;height:30px;display:inline-flex;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
 var ModalTitle = /*#__PURE__*/createStyled("h2",  true ? {
   target: "e1g1uu3p5"
-} : 0)( true ? {
-  name: "gg8qcb",
-  styles: "margin:0;text-align:left;color:#252525;font-family:Lora,sans-serif;width:364px;height:34px;font-size:26px;line-height:34px;font-weight:400;@media (max-width: 1024px){text-align:left;font-size:44px;line-height:58px;}"
-} : 0);
+} : 0)("margin:0;text-align:left;color:#252525;font-family:Lora,sans-serif;width:364px;height:34px;font-size:26px;line-height:34px;font-weight:400;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){text-align:left;font-size:44px;line-height:58px;}" + ( true ? "" : 0));
 var CancelWrap = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p4"
 } : 0)( true ? {
@@ -103666,16 +103720,10 @@ var CancelWrap = /*#__PURE__*/createStyled("div",  true ? {
 } : 0);
 var TopControls = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p3"
-} : 0)( true ? {
-  name: "70hzpq",
-  styles: "display:flex;align-items:center;justify-content:center;@media (max-width: 1024px){justify-content:flex-start;}"
-} : 0);
+} : 0)("display:flex;align-items:center;justify-content:center;@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){justify-content:flex-start;}" + ( true ? "" : 0));
 var TabsRow = /*#__PURE__*/createStyled("div",  true ? {
   target: "e1g1uu3p2"
-} : 0)( true ? {
-  name: "v5dtsv",
-  styles: "width:100%;min-height:88px;box-sizing:border-box;display:block;gap:32px;padding:22px 32px;.market-selector-tabs{width:100%;max-width:1440px;margin:0 auto;}.market-selector-tabs [role=\"tablist\"]{width:100%;height:44px;padding:0;box-sizing:border-box;justify-content:center;gap:8px;}@media (max-width: 1024px){display:none;}"
-} : 0);
+} : 0)("width:100%;min-height:88px;box-sizing:border-box;display:block;gap:32px;padding:22px 32px;.market-selector-tabs{width:100%;max-width:1440px;margin:0 auto;}.market-selector-tabs [role=\"tablist\"]{width:100%;height:44px;padding:0;box-sizing:border-box;justify-content:center;gap:8px;}@media (max-width: ", TABS_MOBILE_MAX_WIDTH_PX, "px){display:none;}" + ( true ? "" : 0));
 var RememberRow = /*#__PURE__*/createStyled("label",  true ? {
   target: "e1g1uu3p1"
 } : 0)( true ? {
@@ -103952,8 +104000,21 @@ function MarketSelector_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
+
+
 var REMEMBER_KEY = "marketSelectorRemember";
 var SELECTION_KEY = "marketSelectorSelection";
+function collectMarketsWithParentRegions(regions) {
+  return (regions !== null && regions !== void 0 ? regions : []).flatMap(function (region) {
+    var _region$countries;
+    return ((_region$countries = region === null || region === void 0 ? void 0 : region.countries) !== null && _region$countries !== void 0 ? _region$countries : []).map(function (country) {
+      return {
+        country: country,
+        region: region
+      };
+    });
+  });
+}
 var VB_EMPTY_STATE_TEXT = "Markets and languages are not authorable in Visual Builder mode.";
 var DEFAULT_EMPTY_STATE_TEXT = "No countries found.";
 function computeTriggerDisplay(_ref) {
@@ -103982,6 +104043,135 @@ function computeTriggerDisplay(_ref) {
     languageLabel: languageCode
   };
 }
+function buildMobileLocaleFallbackRows(effectivePageLocale) {
+  var label = String(effectivePageLocale !== null && effectivePageLocale !== void 0 ? effectivePageLocale : "").trim();
+  if (!label) return [];
+  return [{
+    id: "fallback",
+    label: label,
+    currency: "",
+    languageLabel: label,
+    selected: true,
+    navigable: false,
+    country: null,
+    locale: null,
+    region: null
+  }];
+}
+function findCountryRegionByPersistedUid(pairs, persistedUid) {
+  if (!persistedUid) return null;
+  var hit = pairs.find(function (p) {
+    var _p$country$uid, _p$country;
+    return String((_p$country$uid = (_p$country = p.country) === null || _p$country === void 0 ? void 0 : _p$country.uid) !== null && _p$country$uid !== void 0 ? _p$country$uid : "") === persistedUid;
+  });
+  if (!hit) return null;
+  return {
+    country: hit.country,
+    region: hit.region
+  };
+}
+function findCountryRegionByPageCountryCode(pairs, effectivePageLocale) {
+  var _parseStackEntryLocal2 = parseStackEntryLocale(effectivePageLocale),
+    countryCode = _parseStackEntryLocal2.countryCode;
+  if (!countryCode) return null;
+  var cc = String(countryCode).toLowerCase();
+  var hit = pairs.find(function (p) {
+    return getCountryCode(p.country) === cc;
+  });
+  if (!hit) return null;
+  return {
+    country: hit.country,
+    region: hit.region
+  };
+}
+function findDefaultCountryRegion(pairs) {
+  var _pairs$find;
+  var hit = (_pairs$find = pairs.find(function (p) {
+    var _p$country$languages, _p$country2;
+    return ((_p$country$languages = (_p$country2 = p.country) === null || _p$country2 === void 0 ? void 0 : _p$country2.languages) !== null && _p$country$languages !== void 0 ? _p$country$languages : []).some(function (l) {
+      return l.selected;
+    });
+  })) !== null && _pairs$find !== void 0 ? _pairs$find : pairs[0];
+  return {
+    country: hit === null || hit === void 0 ? void 0 : hit.country,
+    region: hit === null || hit === void 0 ? void 0 : hit.region
+  };
+}
+function resolveCountryAndRegionForMobileRows(pairs, persistedSelection, effectivePageLocale) {
+  var _persistedSelection$c;
+  var persistedUid = String((_persistedSelection$c = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.countryUid) !== null && _persistedSelection$c !== void 0 ? _persistedSelection$c : "").trim();
+  var fromPersisted = findCountryRegionByPersistedUid(pairs, persistedUid);
+  if (fromPersisted) return fromPersisted;
+  var fromPageCode = findCountryRegionByPageCountryCode(pairs, effectivePageLocale);
+  if (fromPageCode) return fromPageCode;
+  return findDefaultCountryRegion(pairs);
+}
+function isMobileLocaleRowSelected(_ref2) {
+  var selLocaleIso = _ref2.selLocaleIso,
+    localeIso = _ref2.localeIso,
+    lang = _ref2.lang,
+    pageLangLower = _ref2.pageLangLower,
+    idx = _ref2.idx;
+  if (selLocaleIso) return localeIso === selLocaleIso;
+  if (lang.selected) return true;
+  if (pageLangLower && localeIso === pageLangLower) return true;
+  return !selLocaleIso && !pageLangLower && idx === 0;
+}
+function mapCountryLanguagesToMobileLocaleRows(_ref3) {
+  var _country$languages, _country$currency, _persistedSelection$l;
+  var country = _ref3.country,
+    region = _ref3.region,
+    persistedSelection = _ref3.persistedSelection,
+    effectivePageLocale = _ref3.effectivePageLocale;
+  var languages = (_country$languages = country === null || country === void 0 ? void 0 : country.languages) !== null && _country$languages !== void 0 ? _country$languages : [];
+  var currency = String((_country$currency = country === null || country === void 0 ? void 0 : country.currency) !== null && _country$currency !== void 0 ? _country$currency : "").trim();
+  var selLocaleIso = String((_persistedSelection$l = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.localeIso) !== null && _persistedSelection$l !== void 0 ? _persistedSelection$l : "").trim().toLowerCase();
+  var _parseStackEntryLocal3 = parseStackEntryLocale(effectivePageLocale),
+    pageLang = _parseStackEntryLocal3.languageCode;
+  var pageLangLower = String(pageLang !== null && pageLang !== void 0 ? pageLang : "").trim().toLowerCase();
+  return languages.map(function (lang, idx) {
+    var _lang$locale_iso, _lang$locale_iso2, _ref4, _lang$uid;
+    var langLabel = getLanguageLabel(lang).trim() || String((_lang$locale_iso = lang === null || lang === void 0 ? void 0 : lang.locale_iso) !== null && _lang$locale_iso !== void 0 ? _lang$locale_iso : "").toUpperCase();
+    var label = currency ? "".concat(currency, " ").concat(langLabel) : langLabel;
+    var localeIso = String((_lang$locale_iso2 = lang === null || lang === void 0 ? void 0 : lang.locale_iso) !== null && _lang$locale_iso2 !== void 0 ? _lang$locale_iso2 : "").trim().toLowerCase();
+    var selected = isMobileLocaleRowSelected({
+      selLocaleIso: selLocaleIso,
+      localeIso: localeIso,
+      lang: lang,
+      pageLangLower: pageLangLower,
+      idx: idx
+    });
+    return {
+      id: String((_ref4 = (_lang$uid = lang.uid) !== null && _lang$uid !== void 0 ? _lang$uid : getLocaleCode(lang)) !== null && _ref4 !== void 0 ? _ref4 : idx),
+      label: label,
+      currency: currency,
+      languageLabel: langLabel,
+      selected: selected,
+      navigable: true,
+      country: country,
+      locale: lang,
+      region: region
+    };
+  });
+}
+function buildMobileLocaleRows(_ref5) {
+  var regions = _ref5.regions,
+    persistedSelection = _ref5.persistedSelection,
+    effectivePageLocale = _ref5.effectivePageLocale;
+  var pairs = collectMarketsWithParentRegions(regions);
+  if (!pairs.length) {
+    return buildMobileLocaleFallbackRows(effectivePageLocale);
+  }
+  var _resolveCountryAndReg = resolveCountryAndRegionForMobileRows(pairs, persistedSelection, effectivePageLocale),
+    country = _resolveCountryAndReg.country,
+    region = _resolveCountryAndReg.region;
+  return mapCountryLanguagesToMobileLocaleRows({
+    country: country,
+    region: region,
+    persistedSelection: persistedSelection,
+    effectivePageLocale: effectivePageLocale
+  });
+}
 function useRememberedMarketSelection() {
   var _useState = (0,external_react_.useState)(false),
     _useState2 = MarketSelector_slicedToArray(_useState, 2),
@@ -104032,7 +104222,7 @@ function useMarketSelectorModalController() {
     _useState8 = MarketSelector_slicedToArray(_useState7, 2),
     isVisible = _useState8[0],
     setIsVisible = _useState8[1];
-  var _useState9 = (0,external_react_.useState)(false),
+  var _useState9 = (0,external_react_.useState)(getInitialMobileViewportMatches),
     _useState0 = MarketSelector_slicedToArray(_useState9, 2),
     isMobileViewport = _useState0[0],
     setIsMobileViewport = _useState0[1];
@@ -104047,7 +104237,6 @@ function useMarketSelectorModalController() {
   };
   var openModal = function openModal() {
     var _globalThis$window3;
-    if (isMobileViewport) return;
     if (closeTimerRef.current) {
       clearTimeout(closeTimerRef.current);
       closeTimerRef.current = null;
@@ -104114,92 +104303,48 @@ function useMarketSelectorModalController() {
     closeModal: closeModal
   };
 }
-function renderMarketSelectorNavigation(_ref2) {
-  var _selector$regions;
-  var isMobileViewport = _ref2.isMobileViewport,
-    isVisible = _ref2.isVisible,
-    openModal = _ref2.openModal,
-    triggerDisplay = _ref2.triggerDisplay,
-    triggerPillCurrency = _ref2.triggerPillCurrency,
-    triggerPillLanguage = _ref2.triggerPillLanguage,
-    triggerPillShowSlash = _ref2.triggerPillShowSlash,
-    tabs = _ref2.tabs,
-    persistedActiveTabId = _ref2.persistedActiveTabId,
-    selector = _ref2.selector,
-    emptyStateText = _ref2.emptyStateText,
-    persistedSelection = _ref2.persistedSelection,
-    handleSelectionChange = _ref2.handleSelectionChange,
-    resolveLocalePath = _ref2.resolveLocalePath;
-  if (!isMobileViewport) {
-    var _triggerDisplay$curre, _triggerDisplay$local;
-    return /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPill, {
-      type: "button",
-      "aria-haspopup": "dialog",
-      "aria-expanded": isVisible,
-      "aria-controls": "market-selector-modal",
-      onClick: openModal,
-      "data-testid": "market-selector-trigger",
-      children: triggerDisplay ? /*#__PURE__*/(0,jsx_runtime_.jsxs)(TriggerPillInner, {
-        children: [triggerPillCurrency ? /*#__PURE__*/(0,jsx_runtime_.jsx)("span", MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_triggerDisplay$curre = triggerDisplay.currency$) !== null && _triggerDisplay$curre !== void 0 ? _triggerDisplay$curre : {}), {}, {
-          children: triggerPillCurrency
-        })) : null, triggerPillShowSlash ? /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPillSlash, {
-          name: "slash",
-          size: "small",
-          "aria-hidden": true,
-          colorOverride: "currentColor"
-        }) : null, triggerPillLanguage ? /*#__PURE__*/(0,jsx_runtime_.jsx)("span", MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_triggerDisplay$local = triggerDisplay.locales$) !== null && _triggerDisplay$local !== void 0 ? _triggerDisplay$local : {}), {}, {
-          children: triggerPillLanguage
-        })) : null]
-      }) : null
-    });
-  }
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelectorMobileNavHost, {
-    "data-testid": "market-selector-mobile-nav",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Tabs, {
-      className: "market-selector-tabs",
-      tabs: tabs,
-      activationMode: "click",
-      defaultActiveId: persistedActiveTabId,
-      tabAlign: "center",
-      tabListContainer$: selector === null || selector === void 0 || (_selector$regions = selector.regions) === null || _selector$regions === void 0 || (_selector$regions = _selector$regions[0]) === null || _selector$regions === void 0 || (_selector$regions = _selector$regions.$) === null || _selector$regions === void 0 ? void 0 : _selector$regions.supported_regions,
-      renderPanel: function renderPanel(tab) {
-        return /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
-          variant: "regionPanelOnly",
-          data: tab !== null && tab !== void 0 && tab.data ? [tab.data] : [],
-          emptyStateText: emptyStateText,
-          selectedCountryId: persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.countryUid,
-          selectedLocaleCode: persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.localeIso,
-          onCountryNavigate: handleSelectionChange,
-          onLocaleNavigate: handleSelectionChange,
-          resolveLocalePath: resolveLocalePath
-        });
-      },
-      ariaLabel: ARIA_LABEL_MARKET_SELECTOR_TABS
-    })
+function renderTriggerInner(_ref6) {
+  var _triggerDisplay$curre, _triggerDisplay$local;
+  var triggerDisplay = _ref6.triggerDisplay,
+    triggerPillCurrency = _ref6.triggerPillCurrency,
+    triggerPillLanguage = _ref6.triggerPillLanguage,
+    triggerPillShowSlash = _ref6.triggerPillShowSlash;
+  if (!triggerDisplay) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(TriggerPillInner, {
+    children: [triggerPillCurrency ? /*#__PURE__*/(0,jsx_runtime_.jsx)("span", MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_triggerDisplay$curre = triggerDisplay.currency$) !== null && _triggerDisplay$curre !== void 0 ? _triggerDisplay$curre : {}), {}, {
+      children: triggerPillCurrency
+    })) : null, triggerPillShowSlash ? /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPillSlash, {
+      name: "slash",
+      size: "small",
+      "aria-hidden": true,
+      colorOverride: "currentColor"
+    }) : null, triggerPillLanguage ? /*#__PURE__*/(0,jsx_runtime_.jsx)("span", MarketSelector_objectSpread(MarketSelector_objectSpread({}, (_triggerDisplay$local = triggerDisplay.locales$) !== null && _triggerDisplay$local !== void 0 ? _triggerDisplay$local : {}), {}, {
+      children: triggerPillLanguage
+    })) : null]
   });
 }
-function renderMarketSelectorModal(_ref3) {
-  var _data$0$$$select_your, _data$, _data$0$$$cancel_text, _data$2, _data$0$$$remember_re, _data$3, _selector$regions2;
-  var isOpen = _ref3.isOpen,
-    isVisible = _ref3.isVisible,
-    closeModal = _ref3.closeModal,
-    parent$ = _ref3.parent$,
-    data = _ref3.data,
-    text = _ref3.text,
-    rememberSelection = _ref3.rememberSelection,
-    rememberToggleSource = _ref3.rememberToggleSource,
-    isRememberHovered = _ref3.isRememberHovered,
-    setIsRememberHovered = _ref3.setIsRememberHovered,
-    setRememberToggleSource = _ref3.setRememberToggleSource,
-    setRememberSelection = _ref3.setRememberSelection,
-    isMobileViewport = _ref3.isMobileViewport,
-    regions = _ref3.regions,
-    emptyStateText = _ref3.emptyStateText,
-    persistedSelection = _ref3.persistedSelection,
-    persistedActiveTabId = _ref3.persistedActiveTabId,
-    handleSelectionChange = _ref3.handleSelectionChange,
-    selector = _ref3.selector,
-    resolveLocalePath = _ref3.resolveLocalePath;
+function renderMarketSelectorModalDesktop(_ref7) {
+  var _marketSelectorDollar, _marketSelectorDollar2, _marketSelectorDollar3, _selector$regions;
+  var isOpen = _ref7.isOpen,
+    isVisible = _ref7.isVisible,
+    closeModal = _ref7.closeModal,
+    parent$ = _ref7.parent$,
+    marketSelectorDollar = _ref7.marketSelectorDollar,
+    text = _ref7.text,
+    rememberSelection = _ref7.rememberSelection,
+    rememberToggleSource = _ref7.rememberToggleSource,
+    isRememberHovered = _ref7.isRememberHovered,
+    setIsRememberHovered = _ref7.setIsRememberHovered,
+    setRememberToggleSource = _ref7.setRememberToggleSource,
+    setRememberSelection = _ref7.setRememberSelection,
+    regions = _ref7.regions,
+    emptyStateText = _ref7.emptyStateText,
+    persistedSelection = _ref7.persistedSelection,
+    persistedActiveTabId = _ref7.persistedActiveTabId,
+    handleSelectionChange = _ref7.handleSelectionChange,
+    selector = _ref7.selector,
+    resolveLocalePath = _ref7.resolveLocalePath,
+    logo = _ref7.logo;
   if (!isOpen) return null;
   return /*#__PURE__*/(0,jsx_runtime_.jsx)(Overlay, {
     "data-state": isVisible ? "open" : "closing",
@@ -104222,17 +104367,22 @@ function renderMarketSelectorModal(_ref3) {
               children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(LogoWrap, {
                 children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
                   "data-testid": "market-selector-logo",
-                  size: "large"
+                  logo: logo === null || logo === void 0 ? void 0 : logo.logo,
+                  logoAlt: logo === null || logo === void 0 ? void 0 : logo.logoAlt,
+                  href: logo === null || logo === void 0 ? void 0 : logo.href,
+                  showLogo: logo === null || logo === void 0 ? void 0 : logo.showLogo,
+                  size: logo === null || logo === void 0 ? void 0 : logo.size,
+                  $: logo === null || logo === void 0 ? void 0 : logo.$
                 })
               }), /*#__PURE__*/(0,jsx_runtime_.jsx)(ModalTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
                 id: "market-selector-modal-title"
-              }, (_data$0$$$select_your = data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 || (_data$ = _data$.$) === null || _data$ === void 0 ? void 0 : _data$.select_your_market_language_text) !== null && _data$0$$$select_your !== void 0 ? _data$0$$$select_your : {}), {}, {
+              }, (_marketSelectorDollar = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar !== void 0 ? _marketSelectorDollar : {}), {}, {
                 children: text.modalTitle
               })), /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelWrap, {
                 children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
                   label: text.cancelText,
                   onClick: closeModal,
-                  parent$: (_data$0$$$cancel_text = data === null || data === void 0 || (_data$2 = data[0]) === null || _data$2 === void 0 || (_data$2 = _data$2.$) === null || _data$2 === void 0 ? void 0 : _data$2.cancel_text) !== null && _data$0$$$cancel_text !== void 0 ? _data$0$$$cancel_text : {}
+                  parent$: (_marketSelectorDollar2 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar2 !== void 0 ? _marketSelectorDollar2 : {}
                 })
               })]
             }), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
@@ -104261,7 +104411,7 @@ function renderMarketSelectorModal(_ref3) {
                   }
                   setRememberToggleSource("row");
                 }
-              }, (_data$0$$$remember_re = data === null || data === void 0 || (_data$3 = data[0]) === null || _data$3 === void 0 || (_data$3 = _data$3.$) === null || _data$3 === void 0 ? void 0 : _data$3.remember_region_text) !== null && _data$0$$$remember_re !== void 0 ? _data$0$$$remember_re : {}), {}, {
+              }, (_marketSelectorDollar3 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar3 !== void 0 ? _marketSelectorDollar3 : {}), {}, {
                 children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
                   id: "market-selector-remember-selection",
                   type: "checkbox",
@@ -104284,7 +104434,7 @@ function renderMarketSelectorModal(_ref3) {
                   "data-testid": "market-selector-remember-selection"
                 }), text.rememberSelectionText]
               }))
-            }), !isMobileViewport ? /*#__PURE__*/(0,jsx_runtime_.jsx)(TabsRow, {
+            }), /*#__PURE__*/(0,jsx_runtime_.jsx)(TabsRow, {
               children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
                 className: "market-selector-tabs",
                 data: regions,
@@ -104294,24 +104444,345 @@ function renderMarketSelectorModal(_ref3) {
                 defaultActiveTabId: persistedActiveTabId,
                 onCountryNavigate: handleSelectionChange,
                 onLocaleNavigate: handleSelectionChange,
-                tabListContainer$: selector === null || selector === void 0 || (_selector$regions2 = selector.regions) === null || _selector$regions2 === void 0 || (_selector$regions2 = _selector$regions2[0]) === null || _selector$regions2 === void 0 || (_selector$regions2 = _selector$regions2.$) === null || _selector$regions2 === void 0 ? void 0 : _selector$regions2.supported_regions,
+                tabListContainer$: selector === null || selector === void 0 || (_selector$regions = selector.regions) === null || _selector$regions === void 0 || (_selector$regions = _selector$regions[0]) === null || _selector$regions === void 0 ? void 0 : _selector$regions.$,
                 resolveLocalePath: resolveLocalePath
               })
-            }) : null]
+            })]
           })
         })
       })
     }))
   });
 }
-function MarketSelector(_ref4) {
+function renderMarketSelectorModalMobile(_ref8) {
+  var _marketSelectorDollar4, _marketSelectorDollar5, _marketSelectorDollar6, _selector$regions2;
+  var isOpen = _ref8.isOpen,
+    isVisible = _ref8.isVisible,
+    closeModal = _ref8.closeModal,
+    parent$ = _ref8.parent$,
+    marketSelectorDollar = _ref8.marketSelectorDollar,
+    text = _ref8.text,
+    rememberSelection = _ref8.rememberSelection,
+    rememberToggleSource = _ref8.rememberToggleSource,
+    isRememberHovered = _ref8.isRememberHovered,
+    setIsRememberHovered = _ref8.setIsRememberHovered,
+    setRememberToggleSource = _ref8.setRememberToggleSource,
+    setRememberSelection = _ref8.setRememberSelection,
+    regions = _ref8.regions,
+    emptyStateText = _ref8.emptyStateText,
+    persistedSelection = _ref8.persistedSelection,
+    persistedActiveTabId = _ref8.persistedActiveTabId,
+    handleSelectionChange = _ref8.handleSelectionChange,
+    selector = _ref8.selector,
+    resolveLocalePath = _ref8.resolveLocalePath,
+    localeRows = _ref8.localeRows,
+    mobileScrollContentRef = _ref8.mobileScrollContentRef,
+    onMobileLocaleRowActivate = _ref8.onMobileLocaleRowActivate;
+  if (!isOpen) return null;
+  var doc = globalThis.document;
+  var forwardTabsWheelToModalScroll = function forwardTabsWheelToModalScroll(event) {
+    var container = mobileScrollContentRef.current;
+    if (!container) return;
+    var deltaY = event.deltaY;
+    if (!deltaY) return;
+    var atTop = container.scrollTop <= 0;
+    var atBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - 1;
+    if (deltaY < 0 && atTop || deltaY > 0 && atBottom) return;
+    container.scrollTop += deltaY;
+    event.preventDefault();
+  };
+  var modalTree = /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileMarketFullScreenRoot, {
+    "data-state": isVisible ? "open" : "closing",
+    "data-testid": "market-selector-mobile-fullscreen",
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileMarketDialogInner, MarketSelector_objectSpread(MarketSelector_objectSpread({
+      open: true,
+      "aria-modal": "true",
+      "aria-labelledby": "market-selector-modal-title",
+      id: "market-selector-modal",
+      onClick: function onClick(event) {
+        return event.stopPropagation();
+      }
+    }, parent$ !== null && parent$ !== void 0 ? parent$ : {}), {}, {
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileStickyHeaderContainer, {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileCompactHeaderRow, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileCompactTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
+            id: "market-selector-modal-title"
+          }, (_marketSelectorDollar4 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar4 !== void 0 ? _marketSelectorDollar4 : {}), {}, {
+            children: text.modalTitle
+          })), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileModalHeaderCancelWrap, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
+              className: "market-selector-mobile-header-cancel",
+              label: text.cancelText,
+              onClick: closeModal,
+              parent$: (_marketSelectorDollar5 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar5 !== void 0 ? _marketSelectorDollar5 : {}
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileModalScrollContent, {
+        ref: mobileScrollContentRef,
+        "data-testid": "market-selector-mobile-scroll-content",
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControlsWrap, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, MarketSelector_objectSpread(MarketSelector_objectSpread({
+              htmlFor: "market-selector-remember-selection",
+              "data-checked": rememberSelection ? "true" : "false",
+              "data-toggle-source": rememberToggleSource,
+              "data-hovered": isRememberHovered ? "true" : "false",
+              onMouseEnter: function onMouseEnter() {
+                return setIsRememberHovered(true);
+              },
+              onMouseLeave: function onMouseLeave() {
+                return setIsRememberHovered(false);
+              },
+              onMouseDown: function onMouseDown(event) {
+                var _event$target3;
+                if (((_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.id) === "market-selector-remember-selection") {
+                  return;
+                }
+                setRememberToggleSource("row");
+              },
+              onClick: function onClick(event) {
+                var _event$target4;
+                if (((_event$target4 = event.target) === null || _event$target4 === void 0 ? void 0 : _event$target4.id) === "market-selector-remember-selection") {
+                  return;
+                }
+                setRememberToggleSource("row");
+              }
+            }, (_marketSelectorDollar6 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.remember_region_text) !== null && _marketSelectorDollar6 !== void 0 ? _marketSelectorDollar6 : {}), {}, {
+              children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(RememberCheckbox, {
+                id: "market-selector-remember-selection",
+                type: "checkbox",
+                checked: rememberSelection,
+                onMouseDown: function onMouseDown(event) {
+                  event.stopPropagation();
+                  setRememberToggleSource("checkbox");
+                },
+                onChange: function onChange(event) {
+                  setRememberSelection(event.currentTarget.checked);
+                },
+                onKeyDown: function onKeyDown(event) {
+                  if (event.key !== "Enter") return;
+                  event.preventDefault();
+                  setRememberToggleSource("checkbox");
+                  setRememberSelection(function (prev) {
+                    return !prev;
+                  });
+                },
+                "data-testid": "market-selector-remember-selection"
+              }), text.rememberSelectionText]
+            }))
+          })
+        }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileModalBody, {
+          children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleSectionBlock, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleList, {
+              "data-testid": "market-selector-locale-list",
+              children: localeRows.map(function (row) {
+                var _row$currency, _ref9, _row$languageLabel;
+                var showIcon = row.selected;
+                var rowCurrency = String((_row$currency = row.currency) !== null && _row$currency !== void 0 ? _row$currency : "").trim();
+                var rowLanguage = String((_ref9 = (_row$languageLabel = row.languageLabel) !== null && _row$languageLabel !== void 0 ? _row$languageLabel : row.label) !== null && _ref9 !== void 0 ? _ref9 : "").trim();
+                var showSlash = rowCurrency !== "" && rowLanguage !== "";
+                var labelAndIcon = /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+                  children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileLocaleText, {
+                    $selected: row.selected,
+                    children: [rowCurrency ? /*#__PURE__*/(0,jsx_runtime_.jsx)("span", {
+                      children: rowCurrency
+                    }) : null, showSlash ? /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPillSlash, {
+                      name: "slash",
+                      size: "small",
+                      "aria-hidden": true,
+                      colorOverride: "currentColor"
+                    }) : null, /*#__PURE__*/(0,jsx_runtime_.jsx)("span", {
+                      children: rowLanguage
+                    })]
+                  }), showIcon ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleStatusIcon, {
+                    "aria-hidden": true,
+                    name: "success",
+                    size: "medium",
+                    colorOverride: "#252525"
+                  }) : null]
+                });
+                return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleRow, {
+                  "data-selected": row.selected ? "true" : "false",
+                  children: row.navigable ? /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleRowLink, {
+                    href: buildLocalePath({
+                      country: row.country,
+                      locale: row.locale
+                    }),
+                    onClick: function onClick(event) {
+                      onMobileLocaleRowActivate(event, row);
+                    },
+                    "data-testid": "market-selector-mobile-locale-".concat(row.id),
+                    children: labelAndIcon
+                  }) : /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileLocaleRowMain, {
+                    children: labelAndIcon
+                  })
+                }, row.id);
+              })
+            })
+          }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRegionsSection, {
+            "data-testid": "market-selector-mobile-regions",
+            onWheel: forwardTabsWheelToModalScroll,
+            children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CountryListSelector, {
+              className: "market-selector-mobile-regions-tabs",
+              data: regions,
+              emptyStateText: emptyStateText,
+              selectedCountryId: persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.countryUid,
+              selectedLocaleCode: persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.localeIso,
+              defaultActiveTabId: persistedActiveTabId,
+              onCountryNavigate: handleSelectionChange,
+              onLocaleNavigate: handleSelectionChange,
+              tabListContainer$: selector === null || selector === void 0 || (_selector$regions2 = selector.regions) === null || _selector$regions2 === void 0 || (_selector$regions2 = _selector$regions2[0]) === null || _selector$regions2 === void 0 ? void 0 : _selector$regions2.$,
+              resolveLocalePath: resolveLocalePath
+            })
+          })]
+        })]
+      })]
+    }))
+  });
+  if (doc !== null && doc !== void 0 && doc.body) {
+    return /*#__PURE__*/(0,external_react_dom_.createPortal)(modalTree, doc.body);
+  }
+  return modalTree;
+}
+function computeEffectivePageLocale(locale, selector) {
+  var _selector$locale;
+  var fromHeader = String(locale !== null && locale !== void 0 ? locale : "").trim();
+  if (fromHeader) return fromHeader;
+  return String((_selector$locale = selector === null || selector === void 0 ? void 0 : selector.locale) !== null && _selector$locale !== void 0 ? _selector$locale : "").trim();
+}
+function computePersistedActiveTabId(persistedSelection, tabs) {
+  var _tabs$, _matched$id, _tabs$2;
+  var regionUid = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.regionUid;
+  if (!regionUid) return tabs === null || tabs === void 0 || (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id;
+  var regionLabel = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.regionLabel;
+  var preferredId = safeId("region", regionUid || regionLabel);
+  var matched = tabs.find(function (tab) {
+    return tab.id === preferredId;
+  });
+  return (_matched$id = matched === null || matched === void 0 ? void 0 : matched.id) !== null && _matched$id !== void 0 ? _matched$id : tabs === null || tabs === void 0 || (_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.id;
+}
+function resolveMarketSelectorEmptyStateText() {
+  return isEditingMode() ? VB_EMPTY_STATE_TEXT : DEFAULT_EMPTY_STATE_TEXT;
+}
+function buildPersistedSelectionPayload(_ref0) {
+  var _country$uid, _country$country_code, _country$currency2, _locale$uid, _locale$locale_iso, _region$uid, _region$region_title;
+  var country = _ref0.country,
+    locale = _ref0.locale,
+    region = _ref0.region;
+  return {
+    countryUid: (_country$uid = country === null || country === void 0 ? void 0 : country.uid) !== null && _country$uid !== void 0 ? _country$uid : "",
+    countryIso: String((_country$country_code = country === null || country === void 0 ? void 0 : country.country_code) !== null && _country$country_code !== void 0 ? _country$country_code : "").toLowerCase(),
+    currency: (_country$currency2 = country === null || country === void 0 ? void 0 : country.currency) !== null && _country$currency2 !== void 0 ? _country$currency2 : "",
+    localeUid: (_locale$uid = locale === null || locale === void 0 ? void 0 : locale.uid) !== null && _locale$uid !== void 0 ? _locale$uid : "",
+    localeIso: String((_locale$locale_iso = locale === null || locale === void 0 ? void 0 : locale.locale_iso) !== null && _locale$locale_iso !== void 0 ? _locale$locale_iso : "").toLowerCase(),
+    localeLabel: getLanguageLabel(locale).trim(),
+    regionUid: (_region$uid = region === null || region === void 0 ? void 0 : region.uid) !== null && _region$uid !== void 0 ? _region$uid : "",
+    regionLabel: (_region$region_title = region === null || region === void 0 ? void 0 : region.region_title) !== null && _region$region_title !== void 0 ? _region$region_title : ""
+  };
+}
+function buildSessionPillDisplayUpdate(country, locale) {
+  var _locale$locale_iso2, _country$currency3;
+  var languageLabel = getLanguageLabel(locale).trim() || String((_locale$locale_iso2 = locale === null || locale === void 0 ? void 0 : locale.locale_iso) !== null && _locale$locale_iso2 !== void 0 ? _locale$locale_iso2 : "").toUpperCase();
+  if (!languageLabel) return null;
+  var currency = String((_country$currency3 = country === null || country === void 0 ? void 0 : country.currency) !== null && _country$currency3 !== void 0 ? _country$currency3 : "").trim();
+  return MarketSelector_objectSpread(MarketSelector_objectSpread({
+    currency: currency,
+    languageLabel: languageLabel
+  }, country !== null && country !== void 0 && country.currency$ ? {
+    currency$: country.currency$
+  } : {}), locale !== null && locale !== void 0 && locale.locales$ ? {
+    locales$: locale.locales$
+  } : {});
+}
+function resolveMarketSelectorTriggerElement(_ref1) {
+  var isMobileViewport = _ref1.isMobileViewport,
+    drawerPortal = _ref1.drawerPortal,
+    drawerOpen = _ref1.drawerOpen,
+    drawerTriggerMountRef = _ref1.drawerTriggerMountRef,
+    desktopTrigger = _ref1.desktopTrigger,
+    mobileTrigger = _ref1.mobileTrigger;
+  if (!isMobileViewport) {
+    return desktopTrigger;
+  }
+  if (!drawerPortal) {
+    return mobileTrigger;
+  }
+  var mount = drawerTriggerMountRef === null || drawerTriggerMountRef === void 0 ? void 0 : drawerTriggerMountRef.current;
+  if (drawerOpen && mount) {
+    return /*#__PURE__*/(0,external_react_dom_.createPortal)(mobileTrigger, mount);
+  }
+  return null;
+}
+function shouldForceDrawerTriggerRemount(drawerPortal, isMobileViewport, wasOpen, nowOpen) {
+  return drawerPortal && isMobileViewport && nowOpen && !wasOpen;
+}
+function runMobileLocaleRowNavigation(_x) {
+  return _runMobileLocaleRowNavigation.apply(this, arguments);
+}
+function _runMobileLocaleRowNavigation() {
+  _runMobileLocaleRowNavigation = MarketSelector_asyncToGenerator(/*#__PURE__*/MarketSelector_regenerator().m(function _callee2(_ref10) {
+    var event, row, applySelection, resolveLocalePath, resolved, _t;
+    return MarketSelector_regenerator().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
+        case 0:
+          event = _ref10.event, row = _ref10.row, applySelection = _ref10.applySelection, resolveLocalePath = _ref10.resolveLocalePath;
+          if (!(!(row !== null && row !== void 0 && row.navigable) || !row.country || !row.locale)) {
+            _context2.n = 1;
+            break;
+          }
+          return _context2.a(2);
+        case 1:
+          event.preventDefault();
+          applySelection({
+            country: row.country,
+            locale: row.locale,
+            region: row.region
+          });
+          _context2.p = 2;
+          _context2.n = 3;
+          return resolveLocalePath({
+            country: row.country,
+            locale: row.locale
+          });
+        case 3:
+          resolved = _context2.v;
+          marketSelectorWindow_navigateToPath(resolved);
+          _context2.n = 5;
+          break;
+        case 4:
+          _context2.p = 4;
+          _t = _context2.v;
+          marketSelectorWindow_navigateToPath(buildLocalePath({
+            country: row.country,
+            locale: row.locale
+          }));
+        case 5:
+          return _context2.a(2);
+      }
+    }, _callee2, null, [[2, 4]]);
+  }));
+  return _runMobileLocaleRowNavigation.apply(this, arguments);
+}
+function MarketSelector(_ref11) {
   var _triggerDisplay$curre2, _triggerDisplay$langu;
-  var data = _ref4.data,
-    _ref4$parent$ = _ref4.parent$,
-    parent$ = _ref4$parent$ === void 0 ? {} : _ref4$parent$,
-    _ref4$locale = _ref4.locale,
-    locale = _ref4$locale === void 0 ? "" : _ref4$locale;
+  var data = _ref11.data,
+    logo = _ref11.logo,
+    _ref11$parent$ = _ref11.parent$,
+    parent$ = _ref11$parent$ === void 0 ? {} : _ref11$parent$,
+    _ref11$locale = _ref11.locale,
+    locale = _ref11$locale === void 0 ? "" : _ref11$locale,
+    _ref11$drawerOpen = _ref11.drawerOpen,
+    drawerOpen = _ref11$drawerOpen === void 0 ? false : _ref11$drawerOpen,
+    _ref11$drawerTriggerM = _ref11.drawerTriggerMountRef,
+    drawerTriggerMountRef = _ref11$drawerTriggerM === void 0 ? null : _ref11$drawerTriggerM,
+    _ref11$mobileTriggerM = _ref11.mobileTriggerMode,
+    mobileTriggerMode = _ref11$mobileTriggerM === void 0 ? "inline" : _ref11$mobileTriggerM;
   var selector = resolveMarketSelectorEntry(data);
+  var marketSelectorDollar = resolveMarketSelectorDollarFields(data);
   var showSelector = (selector === null || selector === void 0 ? void 0 : selector.show) !== false;
   var _useRememberedMarketS = useRememberedMarketSelection(),
     rememberSelection = _useRememberedMarketS.rememberSelection,
@@ -104324,6 +104795,13 @@ function MarketSelector(_ref4) {
     isMobileViewport = _useMarketSelectorMod.isMobileViewport,
     openModal = _useMarketSelectorMod.openModal,
     closeModal = _useMarketSelectorMod.closeModal;
+  var _useReducer = (0,external_react_.useReducer)(function (n) {
+      return n + 1;
+    }, 0),
+    _useReducer2 = MarketSelector_slicedToArray(_useReducer, 2),
+    forceDrawerTriggerRemount = _useReducer2[1];
+  var prevDrawerOpenRef = (0,external_react_.useRef)(false);
+  var mobileScrollContentRef = (0,external_react_.useRef)(null);
   /** In-session pill only (modal pick). Never hydrated from localStorage — pill prefers header `locale` until user picks. */
   var _useState1 = (0,external_react_.useState)(null),
     _useState10 = MarketSelector_slicedToArray(_useState1, 2),
@@ -104339,26 +104817,39 @@ function MarketSelector(_ref4) {
     setIsRememberHovered = _useState14[1];
   var text = (0,external_react_.useMemo)(function () {
     return resolveMarketSelectorText(selector);
-  }, [selector]);
+  }, [selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text, selector === null || selector === void 0 ? void 0 : selector.remember_region_text, selector === null || selector === void 0 ? void 0 : selector.cancel_text]);
   var regions = (0,external_react_.useMemo)(function () {
     return normalizeRegionsForTabs(data, selector);
   }, [data, selector]);
   var tabs = (0,external_react_.useMemo)(function () {
     return buildMarketSelectorTabs(regions);
   }, [regions]);
-  var emptyStateText = isEditingMode() ? VB_EMPTY_STATE_TEXT : DEFAULT_EMPTY_STATE_TEXT;
+  var emptyStateText = resolveMarketSelectorEmptyStateText();
   var marketSelectorService = (0,external_react_.useMemo)(function () {
     return createHeaderMarketSelectorService();
   }, []);
   var effectivePageLocale = (0,external_react_.useMemo)(function () {
-    var _selector$locale;
-    var fromHeader = String(locale !== null && locale !== void 0 ? locale : "").trim();
-    if (fromHeader) return fromHeader;
-    return String((_selector$locale = selector === null || selector === void 0 ? void 0 : selector.locale) !== null && _selector$locale !== void 0 ? _selector$locale : "").trim();
+    return computeEffectivePageLocale(locale, selector);
   }, [locale, selector === null || selector === void 0 ? void 0 : selector.locale]);
+  var localeRows = (0,external_react_.useMemo)(function () {
+    return buildMobileLocaleRows({
+      regions: regions,
+      persistedSelection: persistedSelection,
+      effectivePageLocale: effectivePageLocale
+    });
+  }, [regions, persistedSelection, effectivePageLocale]);
   (0,external_react_.useEffect)(function () {
     setSessionPillDisplay(null);
   }, [effectivePageLocale]);
+  var drawerPortal = mobileTriggerMode === "drawerPortal";
+  (0,external_react_.useLayoutEffect)(function () {
+    var wasOpen = prevDrawerOpenRef.current;
+    var nowOpen = drawerOpen;
+    prevDrawerOpenRef.current = nowOpen;
+    if (shouldForceDrawerTriggerRemount(drawerPortal, isMobileViewport, wasOpen, nowOpen)) {
+      forceDrawerTriggerRemount();
+    }
+  }, [drawerPortal, drawerOpen, isMobileViewport, drawerTriggerMountRef]);
   var triggerDisplay = (0,external_react_.useMemo)(function () {
     return computeTriggerDisplay({
       sessionPillDisplay: sessionPillDisplay,
@@ -104367,51 +104858,27 @@ function MarketSelector(_ref4) {
     });
   }, [sessionPillDisplay, regions, effectivePageLocale]);
   var persistedActiveTabId = (0,external_react_.useMemo)(function () {
-    var _tabs$, _matched$id, _tabs$2;
-    var regionUid = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.regionUid;
-    if (!regionUid) return tabs === null || tabs === void 0 || (_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id;
-    var regionLabel = persistedSelection === null || persistedSelection === void 0 ? void 0 : persistedSelection.regionLabel;
-    var preferredId = safeId("region", regionUid || regionLabel);
-    var matched = tabs.find(function (tab) {
-      return tab.id === preferredId;
-    });
-    return (_matched$id = matched === null || matched === void 0 ? void 0 : matched.id) !== null && _matched$id !== void 0 ? _matched$id : tabs === null || tabs === void 0 || (_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.id;
+    return computePersistedActiveTabId(persistedSelection, tabs);
   }, [persistedSelection, tabs]);
-  var handleSelectionChange = function handleSelectionChange(_ref5) {
-    var _country$currency, _locale$locale_iso, _country$uid, _country$country_code, _country$currency2, _locale$uid, _locale$locale_iso2, _region$uid, _region$region_title;
-    var country = _ref5.country,
-      locale = _ref5.locale,
-      region = _ref5.region;
-    var currency = String((_country$currency = country === null || country === void 0 ? void 0 : country.currency) !== null && _country$currency !== void 0 ? _country$currency : "").trim();
-    var languageLabel = getLanguageLabel(locale).trim() || String((_locale$locale_iso = locale === null || locale === void 0 ? void 0 : locale.locale_iso) !== null && _locale$locale_iso !== void 0 ? _locale$locale_iso : "").toUpperCase();
-    if (languageLabel) {
-      setSessionPillDisplay(MarketSelector_objectSpread(MarketSelector_objectSpread({
-        currency: currency,
-        languageLabel: languageLabel
-      }, country !== null && country !== void 0 && country.currency$ ? {
-        currency$: country.currency$
-      } : {}), locale !== null && locale !== void 0 && locale.locales$ ? {
-        locales$: locale.locales$
-      } : {}));
-    }
-    setPersistedSelection({
-      countryUid: (_country$uid = country === null || country === void 0 ? void 0 : country.uid) !== null && _country$uid !== void 0 ? _country$uid : "",
-      countryIso: String((_country$country_code = country === null || country === void 0 ? void 0 : country.country_code) !== null && _country$country_code !== void 0 ? _country$country_code : "").toLowerCase(),
-      currency: (_country$currency2 = country === null || country === void 0 ? void 0 : country.currency) !== null && _country$currency2 !== void 0 ? _country$currency2 : "",
-      localeUid: (_locale$uid = locale === null || locale === void 0 ? void 0 : locale.uid) !== null && _locale$uid !== void 0 ? _locale$uid : "",
-      localeIso: String((_locale$locale_iso2 = locale === null || locale === void 0 ? void 0 : locale.locale_iso) !== null && _locale$locale_iso2 !== void 0 ? _locale$locale_iso2 : "").toLowerCase(),
-      localeLabel: getLanguageLabel(locale).trim(),
-      regionUid: (_region$uid = region === null || region === void 0 ? void 0 : region.uid) !== null && _region$uid !== void 0 ? _region$uid : "",
-      regionLabel: (_region$region_title = region === null || region === void 0 ? void 0 : region.region_title) !== null && _region$region_title !== void 0 ? _region$region_title : ""
-    });
+  var handleSelectionChange = function handleSelectionChange(_ref12) {
+    var country = _ref12.country,
+      locale = _ref12.locale,
+      region = _ref12.region;
+    var pill = buildSessionPillDisplayUpdate(country, locale);
+    if (pill) setSessionPillDisplay(pill);
+    setPersistedSelection(buildPersistedSelectionPayload({
+      country: country,
+      locale: locale,
+      region: region
+    }));
   };
   var resolveLocalePath = /*#__PURE__*/function () {
-    var _ref7 = MarketSelector_asyncToGenerator(/*#__PURE__*/MarketSelector_regenerator().m(function _callee(_ref6) {
+    var _ref14 = MarketSelector_asyncToGenerator(/*#__PURE__*/MarketSelector_regenerator().m(function _callee(_ref13) {
       var country, selectedLocale;
       return MarketSelector_regenerator().w(function (_context) {
         while (1) switch (_context.n) {
           case 0:
-            country = _ref6.country, selectedLocale = _ref6.locale;
+            country = _ref13.country, selectedLocale = _ref13.locale;
             _context.n = 1;
             return marketSelectorService.resolveRedirectUrl({
               country: country,
@@ -104423,64 +104890,113 @@ function MarketSelector(_ref4) {
         }
       }, _callee);
     }));
-    return function resolveLocalePath(_x) {
-      return _ref7.apply(this, arguments);
+    return function resolveLocalePath(_x2) {
+      return _ref14.apply(this, arguments);
     };
   }();
+  var handleMobileLocaleRowActivate = function handleMobileLocaleRowActivate(event, row) {
+    return runMobileLocaleRowNavigation({
+      event: event,
+      row: row,
+      applySelection: handleSelectionChange,
+      resolveLocalePath: resolveLocalePath
+    });
+  };
   if (!showSelector) return null;
   var triggerPillCurrency = triggerDisplay ? String((_triggerDisplay$curre2 = triggerDisplay.currency) !== null && _triggerDisplay$curre2 !== void 0 ? _triggerDisplay$curre2 : "").trim() : "";
   var triggerPillLanguage = triggerDisplay ? String((_triggerDisplay$langu = triggerDisplay.languageLabel) !== null && _triggerDisplay$langu !== void 0 ? _triggerDisplay$langu : "").trim() : "";
   var triggerPillShowSlash = triggerPillCurrency !== "" && triggerPillLanguage !== "";
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MarketSelectorRoot, {
-    children: [renderMarketSelectorNavigation({
-      isMobileViewport: isMobileViewport,
-      isVisible: isVisible,
-      openModal: openModal,
-      triggerDisplay: triggerDisplay,
-      triggerPillCurrency: triggerPillCurrency,
-      triggerPillLanguage: triggerPillLanguage,
-      triggerPillShowSlash: triggerPillShowSlash,
-      tabs: tabs,
-      persistedActiveTabId: persistedActiveTabId,
-      selector: selector,
-      emptyStateText: emptyStateText,
-      persistedSelection: persistedSelection,
-      handleSelectionChange: handleSelectionChange,
-      resolveLocalePath: resolveLocalePath
-    }), renderMarketSelectorModal({
-      isOpen: isOpen,
-      isVisible: isVisible,
-      closeModal: closeModal,
-      parent$: parent$,
-      data: data,
-      text: text,
-      rememberSelection: rememberSelection,
-      rememberToggleSource: rememberToggleSource,
-      isRememberHovered: isRememberHovered,
-      setIsRememberHovered: setIsRememberHovered,
-      setRememberToggleSource: setRememberToggleSource,
-      setRememberSelection: setRememberSelection,
-      isMobileViewport: isMobileViewport,
-      regions: regions,
-      emptyStateText: emptyStateText,
-      persistedSelection: persistedSelection,
-      persistedActiveTabId: persistedActiveTabId,
-      handleSelectionChange: handleSelectionChange,
-      selector: selector,
-      resolveLocalePath: resolveLocalePath
+  var triggerInner = renderTriggerInner({
+    triggerDisplay: triggerDisplay,
+    triggerPillCurrency: triggerPillCurrency,
+    triggerPillLanguage: triggerPillLanguage,
+    triggerPillShowSlash: triggerPillShowSlash
+  });
+  var triggerButtonShared = {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": isVisible,
+    "aria-controls": "market-selector-modal",
+    onClick: openModal,
+    "data-testid": "market-selector-trigger"
+  };
+  var desktopTrigger = /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPill, MarketSelector_objectSpread(MarketSelector_objectSpread({}, triggerButtonShared), {}, {
+    children: triggerInner
+  }));
+  var mobileTrigger = /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerTriggerPill, MarketSelector_objectSpread(MarketSelector_objectSpread({
+    "data-trigger-mode": drawerPortal ? "drawerPortal" : "inline"
+  }, triggerButtonShared), {}, {
+    children: [triggerInner, /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsIcon, {
+      name: "chevronRight",
+      size: "medium",
+      colorOverride: "currentColor",
+      "aria-hidden": true
     })]
+  }));
+  var triggerElement = resolveMarketSelectorTriggerElement({
+    isMobileViewport: isMobileViewport,
+    drawerPortal: drawerPortal,
+    drawerOpen: drawerOpen,
+    drawerTriggerMountRef: drawerTriggerMountRef,
+    desktopTrigger: desktopTrigger,
+    mobileTrigger: mobileTrigger
+  });
+  var modalShared = {
+    isOpen: isOpen,
+    isVisible: isVisible,
+    closeModal: closeModal,
+    parent$: parent$,
+    marketSelectorDollar: marketSelectorDollar,
+    text: text,
+    rememberSelection: rememberSelection,
+    rememberToggleSource: rememberToggleSource,
+    isRememberHovered: isRememberHovered,
+    setIsRememberHovered: setIsRememberHovered,
+    setRememberToggleSource: setRememberToggleSource,
+    setRememberSelection: setRememberSelection,
+    regions: regions,
+    emptyStateText: emptyStateText,
+    persistedSelection: persistedSelection,
+    persistedActiveTabId: persistedActiveTabId,
+    handleSelectionChange: handleSelectionChange,
+    selector: selector,
+    resolveLocalePath: resolveLocalePath,
+    onMobileLocaleRowActivate: handleMobileLocaleRowActivate
+  };
+  var modalElement = isMobileViewport ? renderMarketSelectorModalMobile(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
+    localeRows: localeRows,
+    mobileScrollContentRef: mobileScrollContentRef
+  })) : renderMarketSelectorModalDesktop(MarketSelector_objectSpread(MarketSelector_objectSpread({}, modalShared), {}, {
+    logo: logo
+  }));
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MarketSelectorRoot, {
+    "data-drawer-portal-host": drawerPortal && isMobileViewport ? "true" : undefined,
+    children: [triggerElement, modalElement]
   });
 }
 MarketSelector.propTypes = {
   locale: (external_prop_types_default()).string,
   parent$: (external_prop_types_default()).object,
+  drawerOpen: (external_prop_types_default()).bool,
+  drawerTriggerMountRef: external_prop_types_default().shape({
+    current: (external_prop_types_default()).any
+  }),
+  mobileTriggerMode: external_prop_types_default().oneOf(["inline", "drawerPortal"]),
   data: external_prop_types_default().oneOfType([external_prop_types_default().shape({
     show: (external_prop_types_default()).bool,
     select_your_market_language_text: (external_prop_types_default()).string,
     remember_region_text: (external_prop_types_default()).string,
     cancel_text: (external_prop_types_default()).string,
     regions: external_prop_types_default().arrayOf((external_prop_types_default()).object)
-  }), external_prop_types_default().arrayOf((external_prop_types_default()).object)])
+  }), external_prop_types_default().arrayOf((external_prop_types_default()).object)]),
+  logo: external_prop_types_default().shape({
+    logo: (external_prop_types_default()).string,
+    logoAlt: (external_prop_types_default()).string,
+    href: (external_prop_types_default()).string,
+    showLogo: (external_prop_types_default()).bool,
+    size: external_prop_types_default().oneOf(["Small", "Medium", "Large"]),
+    $: (external_prop_types_default()).object
+  })
 };
 ;// ./src/components/header/HeaderView.jsx
 function HeaderView_slicedToArray(r, e) { return HeaderView_arrayWithHoles(r) || HeaderView_iterableToArrayLimit(r, e) || HeaderView_unsupportedIterableToArray(r, e) || HeaderView_nonIterableRest(); }
@@ -104512,6 +105028,14 @@ var DEFAULT_LOGO = {
 var DEFAULT_LOCALE = {
   control_label: "USD | English"
 };
+var DEFAULT_MARKET_SELECTOR = {
+  show: true,
+  regions: [],
+  select_your_market_language_text: "Select Your Market/Language",
+  remember_region_text: "Remember My Selection",
+  cancel_text: "Cancel",
+  control_label: DEFAULT_LOCALE.control_label
+};
 var DEFAULT_LOYALTY = {
   link_label: "Nu Skin Rewards",
   href: "/rewards"
@@ -104580,7 +105104,7 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
   ariaLabel: "Shop Gifts"
 }];
 function HeaderView(_ref) {
-  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$loyalty, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _ref2, _headerEntry$locale, _headerEntry$$;
+  var _headerEntry$logo, _headerEntry$locale_s, _headerEntry$utility_, _headerEntry$utility_2, _headerEntry$account, _headerEntry$cart, _headerEntry$search, _headerEntry$top_ribb, _headerEntry$navigati, _headerEntry$market_s, _ref2, _headerEntry$locale, _headerEntry$$;
   var country = _ref.country,
     language = _ref.language,
     locale = _ref.locale,
@@ -104589,15 +105113,18 @@ function HeaderView(_ref) {
     _useState2 = HeaderView_slicedToArray(_useState, 2),
     isMobileMenuOpen = _useState2[0],
     setIsMobileMenuOpen = _useState2[1];
+  var mobileMarketTriggerMountRef = (0,external_react_.useRef)(null);
   var logoData = parseLogoData((_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO);
   var localeData = (_headerEntry$locale_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale_selector) !== null && _headerEntry$locale_s !== void 0 ? _headerEntry$locale_s : DEFAULT_LOCALE;
-  var loyaltyData = (_headerEntry$loyalty = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.loyalty) !== null && _headerEntry$loyalty !== void 0 ? _headerEntry$loyalty : DEFAULT_LOYALTY;
+  var loyaltyData = (_headerEntry$utility_ = headerEntry === null || headerEntry === void 0 || (_headerEntry$utility_2 = headerEntry.utility_links) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.find(function (link) {
+    return link === null || link === void 0 ? void 0 : link.loyalty_menu;
+  })) === null || _headerEntry$utility_2 === void 0 || (_headerEntry$utility_2 = _headerEntry$utility_2.loyalty_menu) === null || _headerEntry$utility_2 === void 0 ? void 0 : _headerEntry$utility_2[0]) !== null && _headerEntry$utility_ !== void 0 ? _headerEntry$utility_ : DEFAULT_LOYALTY;
   var accountData = (_headerEntry$account = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.account) !== null && _headerEntry$account !== void 0 ? _headerEntry$account : DEFAULT_ACCOUNT;
   var cartData = (_headerEntry$cart = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.cart) !== null && _headerEntry$cart !== void 0 ? _headerEntry$cart : DEFAULT_CART;
   var searchData = (_headerEntry$search = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.search) !== null && _headerEntry$search !== void 0 ? _headerEntry$search : DEFAULT_SEARCH;
   var topRibbonLinks = (_headerEntry$top_ribb = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.top_ribbon_links) !== null && _headerEntry$top_ribb !== void 0 ? _headerEntry$top_ribb : DEFAULT_TOP_RIBBON_LINKS;
   var navigationData = (_headerEntry$navigati = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.navigation) !== null && _headerEntry$navigati !== void 0 ? _headerEntry$navigati : DEFAULT_NAVIGATION;
-  var marketSelector = (_headerEntry$market_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.market_selector) !== null && _headerEntry$market_s !== void 0 ? _headerEntry$market_s : DEFAULT_LOCALE;
+  var marketSelector = (_headerEntry$market_s = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.market_selector) !== null && _headerEntry$market_s !== void 0 ? _headerEntry$market_s : DEFAULT_MARKET_SELECTOR;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(HeaderRoot, {
     "data-testid": "header-view",
     "data-country": country,
@@ -104638,8 +105165,12 @@ function HeaderView(_ref) {
           "data-region": "utility-bar",
           children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector, {
             data: marketSelector,
+            logo: logoData,
             locale: String((_ref2 = (_headerEntry$locale = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.locale) !== null && _headerEntry$locale !== void 0 ? _headerEntry$locale : locale) !== null && _ref2 !== void 0 ? _ref2 : "").trim(),
-            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.market_selector__0
+            parent$: headerEntry === null || headerEntry === void 0 || (_headerEntry$$ = headerEntry.$) === null || _headerEntry$$ === void 0 ? void 0 : _headerEntry$$.market_selector__0,
+            mobileTriggerMode: "drawerPortal",
+            drawerOpen: isMobileMenuOpen,
+            drawerTriggerMountRef: mobileMarketTriggerMountRef
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLoyaltyRegion, {
             data: loyaltyData
           }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
@@ -104665,7 +105196,8 @@ function HeaderView(_ref) {
       logoData: logoData,
       localeData: localeData,
       navigationData: navigationData,
-      loyaltyData: loyaltyData
+      loyaltyData: loyaltyData,
+      marketTriggerMountRef: mobileMarketTriggerMountRef
     })]
   });
 }