@nuskin/nextgen-header 1.19.0 → 1.21.0

package/package-dist/index.js

@@ -100564,151 +100564,600 @@ var colors = {
   accentHover: "#0d9488"
 };
 var HeaderRoot = /*#__PURE__*/createStyled("header",  true ? {
-  target: "e1607tyl27"
+  target: "e1607tyl38"
 } : 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: "e1607tyl26"
+  target: "e1607tyl37"
 } : 0)( true ? {
-  name: "bqxjfk",
-  styles: "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1rem clamp(1rem, 4vw, 2rem) 0.75rem;max-width:1440px;margin:0 auto"
+  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;}"
 } : 0);
 var LogoSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl25"
-} : 0)("flex:0 0 auto;align-self:center;[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: "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));
 var WordmarkButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl24"
+  target: "e1607tyl35"
 } : 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: "e1607tyl23"
+  target: "e1607tyl34"
 } : 0)( true ? {
-  name: "1smm9bm",
-  styles: "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: "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;}"
 } : 0);
 var UtilityBar = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl22"
+  target: "e1607tyl33"
 } : 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: "e1607tyl21"
+  target: "e1607tyl32"
 } : 0)("color:", colors.muted, ";user-select:none;" + ( true ? "" : 0));
 var UtilityButton = /*#__PURE__*/createStyled("button",  true ? {
-  target: "e1607tyl20"
+  target: "e1607tyl31"
 } : 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: "e1607tyl19"
+  target: "e1607tyl30"
 } : 0)( true ? {
   name: "101gt3q",
   styles: "display:inline-flex;align-items:center;gap:0.3rem"
 } : 0);
 var AccountCluster = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl18"
+  target: "e1607tyl29"
 } : 0)( true ? {
-  name: "b18bkv",
-  styles: "display:inline-flex;flex-wrap:wrap;align-items:center;gap:0.125rem 0.35rem"
+  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;}}"
 } : 0);
 var CartButtonInner = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl17"
+  target: "e1607tyl28"
 } : 0)( true ? {
-  name: "ml2e3u",
-  styles: "display:inline-flex;align-items:center;gap:0.4rem"
+  name: "ww3r3k",
+  styles: "display:inline-flex;align-items:center;position:relative"
 } : 0);
 var CartBadge = /*#__PURE__*/createStyled("span",  true ? {
-  target: "e1607tyl16"
-} : 0)("display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 0.35rem;border-radius:999px;font-size:0.7rem;font-weight:700;line-height:1;background:", colors.text, ";color:#fff;" + ( true ? "" : 0));
+  target: "e1607tyl27"
+} : 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"
+} : 0);
 
 /** Pill search: icon left, full-width field, submit control on right */
 var SearchSlot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl15"
+  target: "e1607tyl26"
 } : 0)( true ? {
   name: "kuwwf0",
   styles: "width:100%;[data-region=\"search\"]{width:100%;}"
 } : 0);
 var SearchPillForm = /*#__PURE__*/createStyled("form",  true ? {
-  target: "e1607tyl14"
+  target: "e1607tyl25"
 } : 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: "e1607tyl13"
-} : 0)("border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";" + ( true ? "" : 0));
+  target: "e1607tyl24"
+} : 0)("display:none;border-top:1px solid ", colors.borderLight, ";background:", colors.surface, ";@media (min-width: 1024px){display:block;}" + ( true ? "" : 0));
 var PrimaryNav = /*#__PURE__*/createStyled("nav",  true ? {
-  target: "e1607tyl12"
+  target: "e1607tyl23"
 } : 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: "e1607tyl11"
+  target: "e1607tyl22"
 } : 0)("border-top:1px solid ", colors.borderLight, ";background:#f9fafb;" + ( true ? "" : 0));
 var MegaMenuInner = /*#__PURE__*/createStyled("div",  true ? {
-  target: "e1607tyl10"
+  target: "e1607tyl21"
 } : 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: "e1607tyl9"
+  target: "e1607tyl20"
 } : 0)("padding:1rem;border:1px solid ", colors.border, ";border-radius:6px;background:", colors.surface, ";" + ( true ? "" : 0));
 var JumpToTitle = /*#__PURE__*/createStyled("h3",  true ? {
-  target: "e1607tyl8"
+  target: "e1607tyl19"
 } : 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: "e1607tyl7"
+  target: "e1607tyl18"
 } : 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: "e1607tyl6"
+  target: "e1607tyl17"
 } : 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: "e1607tyl5"
+  target: "e1607tyl16"
 } : 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: "e1607tyl4"
+  target: "e1607tyl15"
 } : 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: "e1607tyl3"
+  target: "e1607tyl14"
 } : 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: "e1607tyl2"
+  target: "e1607tyl13"
 } : 0)( true ? "" : 0);
 var CategorySubLabel = /*#__PURE__*/createStyled("p",  true ? {
-  target: "e1607tyl1"
+  target: "e1607tyl12"
 } : 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: "e1607tyl0"
+  target: "e1607tyl11"
 } : 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));
+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));
+var MobileDrawer = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl8"
+} : 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"
+} : 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));
+var MobileDrawerHeader = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl5"
+} : 0)("padding:1.5rem 1.5rem 1rem;border-bottom:1px solid ", colors.borderLight, ";flex-shrink:0;" + ( true ? "" : 0));
+var MobileDrawerLogoSlot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl4"
+} : 0)( true ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : 0);
+var MobileDrawerNav = /*#__PURE__*/createStyled("nav",  true ? {
+  target: "e1607tyl3"
+} : 0)( true ? {
+  name: "j6pmxf",
+  styles: "flex:1;overflow-y:auto;padding:1rem 0"
+} : 0);
+var MobileDrawerNavItem = /*#__PURE__*/createStyled("div",  true ? {
+  target: "e1607tyl2"
+} : 0)( true ? "" : 0);
+var MobileDrawerNavButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "e1607tyl1"
+} : 0)("display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:1.125rem 1.5rem;border:none;background:none;font-size:1rem;font-weight:400;text-align:left;color:", colors.text, ";cursor:pointer;transition:background 0.15s ease;text-decoration:none;&:hover{background:rgba(0, 0, 0, 0.03);}svg{flex-shrink:0;color:", colors.muted, ";transition:transform 0.2s ease;}" + ( true ? "" : 0));
+var MobileDrawerLocaleButton = /*#__PURE__*/createStyled("button",  true ? {
+  target: "e1607tyl0"
+} : 0)("display:inline-flex;align-items:center;gap:0.5rem;margin:15px 18px;padding:7px;border:1px solid ", colors.border, ";border-radius:24px;background:transparent;font-size:0.875rem;color:", colors.text, ";cursor:pointer;justify-content:center;transition:all 0.15s ease;&:hover{background:rgba(0, 0, 0, 0.03);border-color:", colors.text, ";}svg{flex-shrink:0;color:", colors.muted, ";width:16px;height:16px;}" + ( true ? "" : 0));
+// EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
+var dist = __webpack_require__(4814);
+;// ./src/components/brand/Brand.styled.jsx
+
+function Brand_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 BrandRoot = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eum1fxs3"
+} : 0)("display:flex;position:relative;", function (_ref) {
+  var isEditing = _ref.isEditing;
+  return isEditing && "\n    & > * {\n      pointer-events: none;\n    }\n  ";
+}, ";" + ( true ? "" : 0));
+var BrandLogoLink = /*#__PURE__*/createStyled("a",  true ? {
+  target: "eum1fxs2"
+} : 0)( true ? {
+  name: "1puv40q",
+  styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
+} : 0);
+var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div",  true ? {
+  target: "eum1fxs1"
+} : 0)("display:flex;align-items:center;", function (_ref2) {
+  var mobileWidth = _ref2.mobileWidth,
+    desktopWidth = _ref2.desktopWidth,
+    mobileHeight = _ref2.mobileHeight,
+    desktopHeight = _ref2.desktopHeight;
+  return "\n    width: ".concat(mobileWidth, ";\n    height: ").concat(mobileHeight, ";\n\n    & > * {\n      width: 100%;\n      height: 100%;\n    }\n\n    && img,\n    && svg {\n      height: 100%;\n      width: 100%;\n      max-height: 100%;\n      max-width: 100%;\n      object-fit: contain;\n    }\n\n    @media (min-width: 1024px) {\n      width: ").concat(desktopWidth, ";\n      height: ").concat(desktopHeight, ";\n    }\n  ");
+}, ";" + ( true ? "" : 0));
+var BrandLogoImg = /*#__PURE__*/createStyled("img",  true ? {
+  target: "eum1fxs0"
+} : 0)( true ? {
+  name: "kmohbm",
+  styles: "display:block;width:auto;height:24px"
+} : 0);
+;// ./src/components/brand/constants.js
+var DEFAULT_LOGO_ALT = "Nuskin Brand Logo";
+var DEFAULT_HREF = typeof window !== "undefined" ? window.location.origin : "/";
+var SIZE_MAP = {
+  desktop: {
+    Small: "68.18px",
+    Medium: "108px",
+    Large: "136.36px"
+  },
+  mobile: {
+    Small: "45px",
+    Medium: "64px",
+    Large: "90px"
+  }
+};
+var HEIGHT_MAP = {
+  desktop: "30px",
+  mobile: "18px"
+};
+;// external "@contentstack/delivery-sdk"
+const delivery_sdk_namespaceObject = require("@contentstack/delivery-sdk");
+var delivery_sdk_default = /*#__PURE__*/__webpack_require__.n(delivery_sdk_namespaceObject);
+;// external "@contentstack/live-preview-utils"
+const live_preview_utils_namespaceObject = require("@contentstack/live-preview-utils");
+var live_preview_utils_default = /*#__PURE__*/__webpack_require__.n(live_preview_utils_namespaceObject);
+;// external "@contentstack/utils"
+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 CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
+var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
+var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
+var CONTENTSTACK_PREVIEW_TOKEN = process.env.CONTENTSTACK_PREVIEW_TOKEN;
+
+;// ./src/utils/contentstack.js
+/* unused harmony import specifier */ var ContentstackLivePreview;
+/* unused harmony import specifier */ var addEditableTags;
+/* unused harmony import specifier */ var contentstack_CONTENTSTACK_API_KEY;
+/* unused harmony import specifier */ var contentstack_CONTENTSTACK_ENVIRONMENT;
+function _typeof(o) { "@babel/helpers - typeof"; return _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; }, _typeof(o); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+/**
+ * Contentstack delivery stack, live preview, and entry fetch.
+ * TODO: Call getContent from header UI once the URL/slug strategy is defined;
+ * wire initLivePreview / onEntryChange in Visual Builder.
+ */
+
+// Detect cs_branch from the current URL.
+// Client-side: read from window.location.search at module load time.
+// SSR: call setRequestUrl(req.url) from the server before rendering.
+var _branch = "main";
+if (typeof window !== "undefined") {
+  var _params$get;
+  var params = new URLSearchParams(window.location.search);
+  _branch = (_params$get = params.get("cs_branch")) !== null && _params$get !== void 0 ? _params$get : "main";
+}
+
+// Called by the server render layer to detect cs_branch from the request URL.
+function setRequestUrl(url) {
+  var _url$split$, _params$get2;
+  var search = (_url$split$ = url === null || url === void 0 ? void 0 : url.split("?")[1]) !== null && _url$split$ !== void 0 ? _url$split$ : "";
+  var params = new URLSearchParams(search);
+  var newBranch = (_params$get2 = params.get("cs_branch")) !== null && _params$get2 !== void 0 ? _params$get2 : "main";
+  if (newBranch !== _branch) {
+    _branch = newBranch;
+    _stack = null;
+    _livePreviewInitialized = false; // ← add this
+  }
+}
+
+// Lazy-initialize the stack to avoid "API key is required" errors
+// when this module is loaded via Module Federation on the host server
+// (where env vars may not be available).
+var _stack = null;
+function getStack() {
+  if (!_stack) {
+    _stack = delivery_sdk_default().stack(_objectSpread(_objectSpread({
+      apiKey: CONTENTSTACK_API_KEY,
+      deliveryToken: CONTENTSTACK_DELIVERY_TOKEN,
+      environment: CONTENTSTACK_ENVIRONMENT
+    }, _branch && {
+      branch: _branch
+    }), {}, {
+      live_preview: {
+        enable: true,
+        preview_token: CONTENTSTACK_PREVIEW_TOKEN,
+        host: "rest-preview.contentstack.com"
+      }
+    }));
+  }
+  return _stack;
+}
+var BRIDGED_CONFIG_KEYS = ["live_preview", "headers", "environment"];
+var stack = new Proxy({}, {
+  get: function get(_, prop) {
+    var s = getStack();
+    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
+      var _s$config;
+      return (_s$config = s.config) === null || _s$config === void 0 ? void 0 : _s$config[prop];
+    }
+    return s[prop];
+  },
+  set: function set(_, prop, value) {
+    var s = getStack();
+    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
+      if (!s.config) return false;
+      s.config[prop] = value;
+      return true;
+    }
+    s[prop] = value;
+    return true;
+  },
+  has: function has(_, prop) {
+    if (BRIDGED_CONFIG_KEYS.includes(prop)) return true;
+    return prop in getStack();
+  },
+  ownKeys: function ownKeys() {
+    return _toConsumableArray(new Set([].concat(_toConsumableArray(Reflect.ownKeys(getStack())), BRIDGED_CONFIG_KEYS)));
+  },
+  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(_, prop) {
+    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
+      var _getStack$config;
+      return {
+        configurable: true,
+        enumerable: true,
+        writable: true,
+        value: (_getStack$config = getStack().config) === null || _getStack$config === void 0 ? void 0 : _getStack$config[prop]
+      };
+    }
+    return Object.getOwnPropertyDescriptor(getStack(), prop);
+  }
+});
+var _livePreviewInitialized = false;
+var onEntryChange = live_preview_utils_default().onEntryChange.bind((live_preview_utils_default()));
+function initLivePreview() {
+  if (_livePreviewInitialized) return;
+  _livePreviewInitialized = true;
+  ContentstackLivePreview.init({
+    ssr: false,
+    enable: true,
+    mode: "builder",
+    stackSdk: stack,
+    stackDetails: {
+      apiKey: contentstack_CONTENTSTACK_API_KEY,
+      environment: contentstack_CONTENTSTACK_ENVIRONMENT
+    },
+    clientUrlParams: {
+      host: "app.contentstack.com"
+    },
+    editButton: {
+      enable: false
+    }
+  });
+}
+function isEditingMode() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  if (window.self !== window.top) {
+    return true;
+  }
+  var params = new URLSearchParams(window.location.search);
+  return params.has("visual-builder") || params.has("contentstack") || params.has("live_preview");
+}
+var getContent = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var _ref2,
+      url,
+      uid,
+      contentType,
+      language,
+      _ref2$referenceFields,
+      referenceFields,
+      tryFetch,
+      result,
+      fallbackResult,
+      _args2 = arguments,
+      _t,
+      _t2;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
+        case 0:
+          _ref2 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, url = _ref2.url, uid = _ref2.uid, contentType = _ref2.contentType, language = _ref2.language, _ref2$referenceFields = _ref2.referenceFields, referenceFields = _ref2$referenceFields === void 0 ? [] : _ref2$referenceFields;
+          tryFetch = /*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(locale) {
+              var CT, fetched, _result$entries, urlWithSlash, result;
+              return _regenerator().w(function (_context) {
+                while (1) switch (_context.n) {
+                  case 0:
+                    CT = stack.contentType(contentType);
+                    fetched = null;
+                    if (!uid) {
+                      _context.n = 2;
+                      break;
+                    }
+                    _context.n = 1;
+                    return CT.entry(uid).locale(locale).includeReference(referenceFields).fetch();
+                  case 1:
+                    fetched = _context.v;
+                    _context.n = 4;
+                    break;
+                  case 2:
+                    if (!url) {
+                      _context.n = 4;
+                      break;
+                    }
+                    urlWithSlash = url.startsWith("/") ? url : "/".concat(url);
+                    _context.n = 3;
+                    return CT.entry().locale(locale).includeReference(referenceFields).query({
+                      url: urlWithSlash
+                    }).find();
+                  case 3:
+                    result = _context.v;
+                    fetched = (_result$entries = result.entries) === null || _result$entries === void 0 ? void 0 : _result$entries[0];
+                  case 4:
+                    if (isEditingMode() && fetched) {
+                      addEditableTags(fetched, contentType, true, language, {
+                        useLowerCaseLocale: false
+                      });
+                    }
+                    return _context.a(2, fetched);
+                }
+              }, _callee);
+            }));
+            return function tryFetch(_x) {
+              return _ref3.apply(this, arguments);
+            };
+          }();
+          _context2.p = 1;
+          _context2.n = 2;
+          return tryFetch(language);
+        case 2:
+          result = _context2.v;
+          return _context2.a(2, result);
+        case 3:
+          _context2.p = 3;
+          _t = _context2.v;
+          console.warn("Failed to fetch content with language:", language, _t.message);
+          _context2.p = 4;
+          _context2.n = 5;
+          return tryFetch("en");
+        case 5:
+          fallbackResult = _context2.v;
+          return _context2.a(2, fallbackResult);
+        case 6:
+          _context2.p = 6;
+          _t2 = _context2.v;
+          console.warn("Failed to fetch content with fallback language:", _t2.message);
+          return _context2.a(2, null);
+      }
+    }, _callee2, null, [[4, 6], [1, 3]]);
+  }));
+  return function getContent() {
+    return _ref.apply(this, arguments);
+  };
+}()));
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(8732);
-;// ./src/components/header/regions/HeaderLogoRegion.jsx
+;// ./src/components/brand/Brand.jsx
+function Brand_typeof(o) { "@babel/helpers - typeof"; return Brand_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; }, Brand_typeof(o); }
+function Brand_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 Brand_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Brand_ownKeys(Object(t), !0).forEach(function (r) { Brand_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Brand_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Brand_defineProperty(e, r, t) { return (r = Brand_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function Brand_toPropertyKey(t) { var i = Brand_toPrimitive(t, "string"); return "symbol" == Brand_typeof(i) ? i : i + ""; }
+function Brand_toPrimitive(t, r) { if ("object" != Brand_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != Brand_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
 
-function HeaderLogoRegion(_ref) {
-  var _data$aria_label;
-  var data = _ref.data;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("div", {
-    "data-region": "logo",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(WordmarkButton, {
-      type: "button",
-      "aria-label": (_data$aria_label = data.aria_label) !== null && _data$aria_label !== void 0 ? _data$aria_label : "Nu Skin home",
-      children: data.wordmark
+
+
+
+function getResponsiveSize(size) {
+  return {
+    mobileWidth: SIZE_MAP.mobile[size] || SIZE_MAP.mobile.Large,
+    desktopWidth: SIZE_MAP.desktop[size] || SIZE_MAP.desktop.Large,
+    mobileHeight: HEIGHT_MAP.mobile,
+    desktopHeight: HEIGHT_MAP.desktop
+  };
+}
+function Brand(_ref) {
+  var logo = _ref.logo,
+    logoAlt = _ref.logoAlt,
+    href = _ref.href,
+    showLogo = _ref.showLogo,
+    size = _ref.size,
+    $ = _ref.$;
+  var resolvedHref = href || DEFAULT_HREF;
+  var responsiveSize = getResponsiveSize(size);
+  var editing = isEditingMode();
+  if (!showLogo) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandRoot, Brand_objectSpread(Brand_objectSpread({
+    "data-testid": "brand",
+    isEditing: editing
+  }, ($ === null || $ === void 0 ? void 0 : $.header_logo) || {}), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandLogoLink, {
+      href: resolvedHref,
+      "data-testid": "brand-logo-link",
+      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ResponsiveBrandWrapper, {
+        mobileWidth: responsiveSize.mobileWidth,
+        desktopWidth: responsiveSize.desktopWidth,
+        mobileHeight: responsiveSize.mobileHeight,
+        desktopHeight: responsiveSize.desktopHeight,
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsBrandComponent, Brand_objectSpread(Brand_objectSpread(Brand_objectSpread({}, logo && {
+          logoUrl: logo,
+          logoAlt: logoAlt
+        }), !logo && {
+          variant: "wordmark",
+          color: "black"
+        }), {}, {
+          size: responsiveSize.desktopWidth,
+          "data-testid": "brand-logo-img"
+        }))
+      })
     })
-  });
+  }));
 }
-HeaderLogoRegion.propTypes = {
-  data: external_prop_types_default().shape({
-    wordmark: (external_prop_types_default()).string,
-    home_href: (external_prop_types_default()).string,
-    aria_label: (external_prop_types_default()).string
-  })
+Brand.propTypes = {
+  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
+};
+Brand.defaultProps = {
+  logo: undefined,
+  logoAlt: DEFAULT_LOGO_ALT,
+  href: DEFAULT_HREF,
+  showLogo: true,
+  size: "Large",
+  $: null
 };
+;// ./src/components/brand/brand.helpers.js
+function parseLogoData(logoData) {
+  if (!logoData) {
+    return {
+      logo: undefined,
+      logoAlt: undefined,
+      href: undefined,
+      showLogo: true,
+      size: "Large",
+      $: null
+    };
+  }
+  var _logoData$show = logoData.show,
+    show = _logoData$show === void 0 ? true : _logoData$show,
+    header_logo = logoData.header_logo,
+    logo_alt = logoData.logo_alt,
+    logo_url = logoData.logo_url,
+    _logoData$logo_size = logoData.logo_size,
+    logo_size = _logoData$logo_size === void 0 ? "Large" : _logoData$logo_size;
+  var logoUrl;
+  if (header_logo) {
+    try {
+      var parsed = JSON.parse(header_logo);
+      var imageArray = parsed === null || parsed === void 0 ? void 0 : parsed.image;
+      if (Array.isArray(imageArray) && imageArray.length > 0) {
+        var _firstImage$selected, _firstImage$files, _firstImage$files2;
+        var firstImage = imageArray[0];
+        logoUrl = (firstImage === null || firstImage === void 0 || (_firstImage$selected = firstImage.selected) === null || _firstImage$selected === void 0 ? void 0 : _firstImage$selected.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files = firstImage.files) === null || _firstImage$files === void 0 || (_firstImage$files = _firstImage$files.transformBaseUrl) === null || _firstImage$files === void 0 ? void 0 : _firstImage$files.url) || (firstImage === null || firstImage === void 0 || (_firstImage$files2 = firstImage.files) === null || _firstImage$files2 === void 0 || (_firstImage$files2 = _firstImage$files2.thumbnail) === null || _firstImage$files2 === void 0 ? void 0 : _firstImage$files2.url);
+      }
+    } catch (err) {
+      console.warn("Failed to parse header_logo JSON:", err);
+    }
+  }
+  return {
+    logo: logoUrl,
+    logoAlt: logo_alt,
+    href: logo_url,
+    showLogo: show,
+    size: logo_size,
+    $: logoData.$ || null
+  };
+}
 ;// ./src/components/header/regions/HeaderLoyaltyRegion.jsx
 
 
@@ -100728,19 +101177,36 @@ HeaderLoyaltyRegion.propTypes = {
   }).isRequired
 };
 ;// ./src/components/header/HeaderIcons.jsx
-/* unused harmony import specifier */ var _jsx;
-function _typeof(o) { "@babel/helpers - typeof"; return _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; }, _typeof(o); }
-function 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function HeaderIcons_typeof(o) { "@babel/helpers - typeof"; return HeaderIcons_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; }, HeaderIcons_typeof(o); }
+function HeaderIcons_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 HeaderIcons_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? HeaderIcons_ownKeys(Object(t), !0).forEach(function (r) { HeaderIcons_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : HeaderIcons_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function HeaderIcons_defineProperty(e, r, t) { return (r = HeaderIcons_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function HeaderIcons_toPropertyKey(t) { var i = HeaderIcons_toPrimitive(t, "string"); return "symbol" == HeaderIcons_typeof(i) ? i : i + ""; }
+function HeaderIcons_toPrimitive(t, r) { if ("object" != HeaderIcons_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != HeaderIcons_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 /** 16–20px inline SVGs for header chrome (wireframe parity). */
 
+function IconMenu(props) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": true
+  }, props), {}, {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
+      d: "M3 12h18M3 6h18M3 18h18",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  }));
+}
 function IconSearch(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "20",
     height: "20",
     viewBox: "0 0 24 24",
@@ -100757,7 +101223,7 @@ function IconSearch(props) {
   }));
 }
 function IconChevronDown(props) {
-  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "12",
     height: "12",
     viewBox: "0 0 12 12",
@@ -100765,7 +101231,7 @@ function IconChevronDown(props) {
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": true
   }, props), {}, {
-    children: /*#__PURE__*/_jsx("path", {
+    children: /*#__PURE__*/(0,jsx_runtime_.jsx)("path", {
       d: "M2.5 4.5L6 8l3.5-3.5",
       stroke: "currentColor",
       strokeWidth: "1.5",
@@ -100775,7 +101241,7 @@ function IconChevronDown(props) {
   }));
 }
 function IconUser(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "18",
     height: "18",
     viewBox: "0 0 24 24",
@@ -100792,7 +101258,7 @@ function IconUser(props) {
   }));
 }
 function IconCart(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "20",
     height: "20",
     viewBox: "0 0 24 24",
@@ -100820,7 +101286,7 @@ function IconCart(props) {
   }));
 }
 function IconArrowRight(props) {
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,jsx_runtime_.jsx)("svg", HeaderIcons_objectSpread(HeaderIcons_objectSpread({
     width: "14",
     height: "14",
     viewBox: "0 0 24 24",
@@ -100847,14 +101313,19 @@ function HeaderAccountRegion(_ref) {
   var data = _ref.data;
   return /*#__PURE__*/(0,jsx_runtime_.jsxs)(AccountCluster, {
     "data-region": "account",
-    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconUser, {}), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(IconUser, {
+      className: "account-icon"
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
       type: "button",
+      className: "account-sign-up",
       children: data.sign_up_label
     }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityBarDivider, {
       "aria-hidden": true,
+      className: "account-divider",
       children: "/"
     }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
       type: "button",
+      className: "account-sign-in",
       children: data.sign_in_label
     })]
   });
@@ -100891,10 +101362,10 @@ HeaderCartRegion.propTypes = {
   }).isRequired
 };
 ;// ./src/components/header/regions/HeaderSearchRegion.jsx
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || HeaderSearchRegion_unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function HeaderSearchRegion_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderSearchRegion_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderSearchRegion_arrayLikeToArray(r, a) : void 0; } }
+function HeaderSearchRegion_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
@@ -101226,124 +101697,70 @@ var TopRibbon = function TopRibbon(_ref) {
 };
 TopRibbon.propTypes = TopRibbonPropTypes;
 /* harmony default export */ const top_ribbon_TopRibbon = (TopRibbon);
-// EXTERNAL MODULE: ./node_modules/@nuskin/foundation-ui-components/dist/index.js
-var dist = __webpack_require__(4814);
-;// ./src/components/brand/Brand.styled.jsx
-
-function Brand_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 BrandRoot = /*#__PURE__*/createStyled("div",  true ? {
-  target: "eum1fxs3"
-} : 0)( true ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : 0);
-var BrandLogoLink = /*#__PURE__*/createStyled("a",  true ? {
-  target: "eum1fxs2"
-} : 0)( true ? {
-  name: "1puv40q",
-  styles: "display:inline-flex;align-items:center;line-height:0;text-decoration:none"
-} : 0);
-var ResponsiveBrandWrapper = /*#__PURE__*/createStyled("div",  true ? {
-  target: "eum1fxs1"
-} : 0)("display:flex;align-items:center;", function (_ref) {
-  var mobileWidth = _ref.mobileWidth,
-    desktopWidth = _ref.desktopWidth,
-    mobileHeight = _ref.mobileHeight,
-    desktopHeight = _ref.desktopHeight;
-  return "\n    width: ".concat(mobileWidth, ";\n    height: ").concat(mobileHeight, ";\n\n    & > * {\n      width: 100%;\n      height: 100%;\n    }\n\n    && img,\n    && svg {\n      height: 100%;\n      width: 100%;\n      max-height: 100%;\n      max-width: 100%;\n      object-fit: contain;\n    }\n\n    @media (min-width: 1024px) {\n      width: ").concat(desktopWidth, ";\n      height: ").concat(desktopHeight, ";\n    }\n  ");
-}, ";" + ( true ? "" : 0));
-var BrandLogoImg = /*#__PURE__*/createStyled("img",  true ? {
-  target: "eum1fxs0"
-} : 0)( true ? {
-  name: "kmohbm",
-  styles: "display:block;width:auto;height:24px"
-} : 0);
-;// ./src/components/brand/constants.js
-var DEFAULT_LOGO_ALT = "Nuskin Brand Logo";
-var DEFAULT_HREF = typeof window !== "undefined" ? window.location.origin : "/";
-var SIZE_MAP = {
-  desktop: {
-    small: "68.18px",
-    medium: "108px",
-    large: "136.36px"
-  },
-  mobile: {
-    small: "45px",
-    medium: "64px",
-    large: "90px"
-  }
-};
-var HEIGHT_MAP = {
-  desktop: "30px",
-  mobile: "18px"
-};
-;// ./src/components/brand/Brand.jsx
-function Brand_typeof(o) { "@babel/helpers - typeof"; return Brand_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; }, Brand_typeof(o); }
-function Brand_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 Brand_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Brand_ownKeys(Object(t), !0).forEach(function (r) { Brand_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Brand_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Brand_defineProperty(e, r, t) { return (r = Brand_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function Brand_toPropertyKey(t) { var i = Brand_toPrimitive(t, "string"); return "symbol" == Brand_typeof(i) ? i : i + ""; }
-function Brand_toPrimitive(t, r) { if ("object" != Brand_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != Brand_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+;// ./src/components/header/MobileHeaderDrawer.jsx
 
 
 
 
 
 
-function getResponsiveSize(size) {
-  return {
-    mobileWidth: SIZE_MAP.mobile[size] || SIZE_MAP.mobile.medium,
-    desktopWidth: SIZE_MAP.desktop[size] || SIZE_MAP.desktop.medium,
-    mobileHeight: HEIGHT_MAP.mobile,
-    desktopHeight: HEIGHT_MAP.desktop
-  };
-}
-function Brand(_ref) {
-  var logo = _ref.logo,
-    logoAlt = _ref.logoAlt,
-    href = _ref.href,
-    showLogo = _ref.showLogo,
-    size = _ref.size;
-  var resolvedHref = href || DEFAULT_HREF;
-  var responsiveSize = getResponsiveSize(size);
-  if (!showLogo) return null;
-  return /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandRoot, {
-    "data-testid": "brand",
-    children: /*#__PURE__*/(0,jsx_runtime_.jsx)(BrandLogoLink, {
-      href: resolvedHref,
-      "data-testid": "brand-logo-link",
-      children: /*#__PURE__*/(0,jsx_runtime_.jsx)(ResponsiveBrandWrapper, {
-        mobileWidth: responsiveSize.mobileWidth,
-        desktopWidth: responsiveSize.desktopWidth,
-        mobileHeight: responsiveSize.mobileHeight,
-        desktopHeight: responsiveSize.desktopHeight,
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsBrandComponent, Brand_objectSpread(Brand_objectSpread(Brand_objectSpread({}, logo && {
-          logoUrl: logo,
-          logoAlt: logoAlt
-        }), !logo && {
-          variant: "wordmark",
-          color: "black"
-        }), {}, {
-          size: responsiveSize.desktopWidth,
-          "data-testid": "brand-logo-img"
-        }))
-      })
-    })
-  });
-}
-Brand.propTypes = {
-  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"])
-};
-Brand.defaultProps = {
-  logo: undefined,
-  logoAlt: DEFAULT_LOGO_ALT,
-  href: DEFAULT_HREF,
-  showLogo: true,
-  size: "medium"
+function MobileHeaderDrawer(_ref) {
+  var _navigationData$topNa;
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    logoData = _ref.logoData,
+    localeData = _ref.localeData,
+    navigationData = _ref.navigationData,
+    loyaltyData = _ref.loyaltyData;
+  if (!isOpen) return null;
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawer, {
+    children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerBackdrop, {
+      onClick: onClose,
+      "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.$
+          })
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNav, {
+        children: [(_navigationData$topNa = navigationData.topNavItems) === null || _navigationData$topNa === void 0 ? void 0 : _navigationData$topNa.map(function (item) {
+          return /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+            children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerNavButton, {
+              children: [item.label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
+            })
+          }, item.id);
+        }), (loyaltyData === null || loyaltyData === void 0 ? void 0 : loyaltyData.link_label) && /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavButton, {
+            as: "a",
+            href: loyaltyData.href,
+            style: {
+              justifyContent: 'flex-start'
+            },
+            children: loyaltyData.link_label
+          })
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileDrawerNavItem, {
+          children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileDrawerLocaleButton, {
+            children: [localeData.control_label, /*#__PURE__*/(0,jsx_runtime_.jsx)(IconChevronDown, {})]
+          })
+        })]
+      })]
+    })]
+  });
+}
+MobileHeaderDrawer.propTypes = {
+  isOpen: (external_prop_types_default()).bool.isRequired,
+  onClose: (external_prop_types_default()).func.isRequired,
+  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
 };
 // EXTERNAL MODULE: ./node_modules/@mui/material/Button/Button.js
 var Button = __webpack_require__(1629);
@@ -102573,10 +102990,10 @@ var EmptyState = /*#__PURE__*/createStyled("p",  true ? {
 } : 0)("margin:0;text-align:center;color:", CountryListSelectorTheme.colors.mutedText, ";" + ( true ? "" : 0));
 ;// ./src/components/country-list-selector/CountryListSelector.jsx
 function CountryListSelector_typeof(o) { "@babel/helpers - typeof"; return CountryListSelector_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; }, CountryListSelector_typeof(o); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function CountryListSelector_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return CountryListSelector_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (CountryListSelector_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, CountryListSelector_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, CountryListSelector_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), CountryListSelector_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", CountryListSelector_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), CountryListSelector_regeneratorDefine2(u), CountryListSelector_regeneratorDefine2(u, o, "Generator"), CountryListSelector_regeneratorDefine2(u, n, function () { return this; }), CountryListSelector_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (CountryListSelector_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function CountryListSelector_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } CountryListSelector_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { CountryListSelector_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, CountryListSelector_regeneratorDefine2(e, r, n, t); }
+function CountryListSelector_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function CountryListSelector_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { CountryListSelector_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { CountryListSelector_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function CountryListSelector_slicedToArray(r, e) { return CountryListSelector_arrayWithHoles(r) || CountryListSelector_iterableToArrayLimit(r, e) || CountryListSelector_unsupportedIterableToArray(r, e) || CountryListSelector_nonIterableRest(); }
 function CountryListSelector_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function CountryListSelector_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return CountryListSelector_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? CountryListSelector_arrayLikeToArray(r, a) : void 0; } }
@@ -102797,9 +103214,9 @@ function CountryListSelector(_ref3) {
   var effectiveSelectedCountryId = selectedCountryId !== null && selectedCountryId !== void 0 ? selectedCountryId : internalSelection.countryId;
   var effectiveSelectedLocaleId = (_ref4 = selectedLocaleId !== null && selectedLocaleId !== void 0 ? selectedLocaleId : selectedLocaleCode) !== null && _ref4 !== void 0 ? _ref4 : internalSelection.localeId;
   var navigateByLocale = (0,external_react_.useCallback)(/*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref5) {
+    var _ref6 = CountryListSelector_asyncToGenerator(/*#__PURE__*/CountryListSelector_regenerator().m(function _callee(_ref5) {
       var country, locale, region, onNavigate, resolved, _t, _t2;
-      return _regenerator().w(function (_context) {
+      return CountryListSelector_regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
           case 0:
             country = _ref5.country, locale = _ref5.locale, region = _ref5.region, onNavigate = _ref5.onNavigate;
@@ -103504,263 +103921,6 @@ function createHeaderMarketSelectorService() {
     }
   };
 }
-;// external "@contentstack/delivery-sdk"
-const delivery_sdk_namespaceObject = require("@contentstack/delivery-sdk");
-var delivery_sdk_default = /*#__PURE__*/__webpack_require__.n(delivery_sdk_namespaceObject);
-;// external "@contentstack/live-preview-utils"
-const live_preview_utils_namespaceObject = require("@contentstack/live-preview-utils");
-var live_preview_utils_default = /*#__PURE__*/__webpack_require__.n(live_preview_utils_namespaceObject);
-;// external "@contentstack/utils"
-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 CONTENTSTACK_API_KEY = process.env.CONTENTSTACK_API_KEY;
-var CONTENTSTACK_DELIVERY_TOKEN = process.env.CONTENTSTACK_DELIVERY_TOKEN;
-var CONTENTSTACK_ENVIRONMENT = process.env.CONTENTSTACK_ENVIRONMENT;
-var CONTENTSTACK_PREVIEW_TOKEN = process.env.CONTENTSTACK_PREVIEW_TOKEN;
-
-;// ./src/utils/contentstack.js
-/* unused harmony import specifier */ var ContentstackLivePreview;
-/* unused harmony import specifier */ var addEditableTags;
-/* unused harmony import specifier */ var contentstack_CONTENTSTACK_API_KEY;
-/* unused harmony import specifier */ var contentstack_CONTENTSTACK_ENVIRONMENT;
-function contentstack_typeof(o) { "@babel/helpers - typeof"; return contentstack_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; }, contentstack_typeof(o); }
-function contentstack_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return contentstack_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (contentstack_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, contentstack_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, contentstack_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), contentstack_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", contentstack_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), contentstack_regeneratorDefine2(u), contentstack_regeneratorDefine2(u, o, "Generator"), contentstack_regeneratorDefine2(u, n, function () { return this; }), contentstack_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (contentstack_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function contentstack_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } contentstack_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { contentstack_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, contentstack_regeneratorDefine2(e, r, n, t); }
-function contentstack_asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function contentstack_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { contentstack_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { contentstack_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || contentstack_unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function contentstack_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return contentstack_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? contentstack_arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return contentstack_arrayLikeToArray(r); }
-function contentstack_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function contentstack_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 contentstack_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? contentstack_ownKeys(Object(t), !0).forEach(function (r) { contentstack_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : contentstack_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function contentstack_defineProperty(e, r, t) { return (r = contentstack_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function contentstack_toPropertyKey(t) { var i = contentstack_toPrimitive(t, "string"); return "symbol" == contentstack_typeof(i) ? i : i + ""; }
-function contentstack_toPrimitive(t, r) { if ("object" != contentstack_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != contentstack_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-/**
- * Contentstack delivery stack, live preview, and entry fetch.
- * TODO: Call getContent from header UI once the URL/slug strategy is defined;
- * wire initLivePreview / onEntryChange in Visual Builder.
- */
-
-// Detect cs_branch from the current URL.
-// Client-side: read from window.location.search at module load time.
-// SSR: call setRequestUrl(req.url) from the server before rendering.
-var _branch = "main";
-if (typeof window !== "undefined") {
-  var _params$get;
-  var params = new URLSearchParams(window.location.search);
-  _branch = (_params$get = params.get("cs_branch")) !== null && _params$get !== void 0 ? _params$get : "main";
-}
-
-// Called by the server render layer to detect cs_branch from the request URL.
-function setRequestUrl(url) {
-  var _url$split$, _params$get2;
-  var search = (_url$split$ = url === null || url === void 0 ? void 0 : url.split("?")[1]) !== null && _url$split$ !== void 0 ? _url$split$ : "";
-  var params = new URLSearchParams(search);
-  var newBranch = (_params$get2 = params.get("cs_branch")) !== null && _params$get2 !== void 0 ? _params$get2 : "main";
-  if (newBranch !== _branch) {
-    _branch = newBranch;
-    _stack = null;
-    _livePreviewInitialized = false; // ← add this
-  }
-}
-
-// Lazy-initialize the stack to avoid "API key is required" errors
-// when this module is loaded via Module Federation on the host server
-// (where env vars may not be available).
-var _stack = null;
-function getStack() {
-  if (!_stack) {
-    _stack = delivery_sdk_default().stack(contentstack_objectSpread(contentstack_objectSpread({
-      apiKey: CONTENTSTACK_API_KEY,
-      deliveryToken: CONTENTSTACK_DELIVERY_TOKEN,
-      environment: CONTENTSTACK_ENVIRONMENT
-    }, _branch && {
-      branch: _branch
-    }), {}, {
-      live_preview: {
-        enable: true,
-        preview_token: CONTENTSTACK_PREVIEW_TOKEN,
-        host: "rest-preview.contentstack.com"
-      }
-    }));
-  }
-  return _stack;
-}
-var BRIDGED_CONFIG_KEYS = ["live_preview", "headers", "environment"];
-var stack = new Proxy({}, {
-  get: function get(_, prop) {
-    var s = getStack();
-    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
-      var _s$config;
-      return (_s$config = s.config) === null || _s$config === void 0 ? void 0 : _s$config[prop];
-    }
-    return s[prop];
-  },
-  set: function set(_, prop, value) {
-    var s = getStack();
-    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
-      if (!s.config) return false;
-      s.config[prop] = value;
-      return true;
-    }
-    s[prop] = value;
-    return true;
-  },
-  has: function has(_, prop) {
-    if (BRIDGED_CONFIG_KEYS.includes(prop)) return true;
-    return prop in getStack();
-  },
-  ownKeys: function ownKeys() {
-    return _toConsumableArray(new Set([].concat(_toConsumableArray(Reflect.ownKeys(getStack())), BRIDGED_CONFIG_KEYS)));
-  },
-  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(_, prop) {
-    if (BRIDGED_CONFIG_KEYS.includes(prop)) {
-      var _getStack$config;
-      return {
-        configurable: true,
-        enumerable: true,
-        writable: true,
-        value: (_getStack$config = getStack().config) === null || _getStack$config === void 0 ? void 0 : _getStack$config[prop]
-      };
-    }
-    return Object.getOwnPropertyDescriptor(getStack(), prop);
-  }
-});
-var _livePreviewInitialized = false;
-var onEntryChange = live_preview_utils_default().onEntryChange.bind((live_preview_utils_default()));
-function initLivePreview() {
-  if (_livePreviewInitialized) return;
-  _livePreviewInitialized = true;
-  ContentstackLivePreview.init({
-    ssr: false,
-    enable: true,
-    mode: "builder",
-    stackSdk: stack,
-    stackDetails: {
-      apiKey: contentstack_CONTENTSTACK_API_KEY,
-      environment: contentstack_CONTENTSTACK_ENVIRONMENT
-    },
-    clientUrlParams: {
-      host: "app.contentstack.com"
-    },
-    editButton: {
-      enable: false
-    }
-  });
-}
-function isEditingMode() {
-  if (typeof window === "undefined") {
-    return false;
-  }
-  if (window.self !== window.top) {
-    return true;
-  }
-  var params = new URLSearchParams(window.location.search);
-  return params.has("visual-builder") || params.has("contentstack") || params.has("live_preview");
-}
-var getContent = /*#__PURE__*/(/* unused pure expression or super */ null && (function () {
-  var _ref = contentstack_asyncToGenerator(/*#__PURE__*/contentstack_regenerator().m(function _callee2() {
-    var _ref2,
-      url,
-      uid,
-      contentType,
-      language,
-      _ref2$referenceFields,
-      referenceFields,
-      tryFetch,
-      result,
-      fallbackResult,
-      _args2 = arguments,
-      _t,
-      _t2;
-    return contentstack_regenerator().w(function (_context2) {
-      while (1) switch (_context2.p = _context2.n) {
-        case 0:
-          _ref2 = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : {}, url = _ref2.url, uid = _ref2.uid, contentType = _ref2.contentType, language = _ref2.language, _ref2$referenceFields = _ref2.referenceFields, referenceFields = _ref2$referenceFields === void 0 ? [] : _ref2$referenceFields;
-          tryFetch = /*#__PURE__*/function () {
-            var _ref3 = contentstack_asyncToGenerator(/*#__PURE__*/contentstack_regenerator().m(function _callee(locale) {
-              var CT, fetched, _result$entries, urlWithSlash, result;
-              return contentstack_regenerator().w(function (_context) {
-                while (1) switch (_context.n) {
-                  case 0:
-                    CT = stack.contentType(contentType);
-                    fetched = null;
-                    if (!uid) {
-                      _context.n = 2;
-                      break;
-                    }
-                    _context.n = 1;
-                    return CT.entry(uid).locale(locale).includeReference(referenceFields).fetch();
-                  case 1:
-                    fetched = _context.v;
-                    _context.n = 4;
-                    break;
-                  case 2:
-                    if (!url) {
-                      _context.n = 4;
-                      break;
-                    }
-                    urlWithSlash = url.startsWith("/") ? url : "/".concat(url);
-                    _context.n = 3;
-                    return CT.entry().locale(locale).includeReference(referenceFields).query({
-                      url: urlWithSlash
-                    }).find();
-                  case 3:
-                    result = _context.v;
-                    fetched = (_result$entries = result.entries) === null || _result$entries === void 0 ? void 0 : _result$entries[0];
-                  case 4:
-                    if (isEditingMode() && fetched) {
-                      addEditableTags(fetched, contentType, true, language, {
-                        useLowerCaseLocale: false
-                      });
-                    }
-                    return _context.a(2, fetched);
-                }
-              }, _callee);
-            }));
-            return function tryFetch(_x) {
-              return _ref3.apply(this, arguments);
-            };
-          }();
-          _context2.p = 1;
-          _context2.n = 2;
-          return tryFetch(language);
-        case 2:
-          result = _context2.v;
-          return _context2.a(2, result);
-        case 3:
-          _context2.p = 3;
-          _t = _context2.v;
-          console.warn("Failed to fetch content with language:", language, _t.message);
-          _context2.p = 4;
-          _context2.n = 5;
-          return tryFetch("en");
-        case 5:
-          fallbackResult = _context2.v;
-          return _context2.a(2, fallbackResult);
-        case 6:
-          _context2.p = 6;
-          _t2 = _context2.v;
-          console.warn("Failed to fetch content with fallback language:", _t2.message);
-          return _context2.a(2, null);
-      }
-    }, _callee2, null, [[4, 6], [1, 3]]);
-  }));
-  return function getContent() {
-    return _ref.apply(this, arguments);
-  };
-}()));
 ;// ./src/components/market-selector/MarketSelector.jsx
 function MarketSelector_typeof(o) { "@babel/helpers - typeof"; return MarketSelector_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; }, MarketSelector_typeof(o); }
 function MarketSelector_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return MarketSelector_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (MarketSelector_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, MarketSelector_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, MarketSelector_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), MarketSelector_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", MarketSelector_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), MarketSelector_regeneratorDefine2(u), MarketSelector_regeneratorDefine2(u, o, "Generator"), MarketSelector_regeneratorDefine2(u, n, function () { return this; }), MarketSelector_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (MarketSelector_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
@@ -104323,6 +104483,15 @@ MarketSelector.propTypes = {
   }), external_prop_types_default().arrayOf((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(); }
+function HeaderView_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function HeaderView_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return HeaderView_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? HeaderView_arrayLikeToArray(r, a) : void 0; } }
+function HeaderView_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function HeaderView_iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function HeaderView_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
 
 
 
@@ -104411,12 +104580,17 @@ var DEFAULT_TOP_RIBBON_LINKS = [{
   ariaLabel: "Shop Gifts"
 }];
 function HeaderView(_ref) {
-  var _headerEntry$logo, _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$loyalty, _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,
     headerEntry = _ref.headerEntry;
-  var logoData = (_headerEntry$logo = headerEntry === null || headerEntry === void 0 ? void 0 : headerEntry.logo) !== null && _headerEntry$logo !== void 0 ? _headerEntry$logo : DEFAULT_LOGO;
+  var _useState = (0,external_react_.useState)(false),
+    _useState2 = HeaderView_slicedToArray(_useState, 2),
+    isMobileMenuOpen = _useState2[0],
+    setIsMobileMenuOpen = _useState2[1];
+  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 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;
@@ -104434,10 +104608,31 @@ function HeaderView(_ref) {
       ariaLabel: "Top navigation",
       dataTestId: "header-top-ribbon"
     }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(TopHeaderRow, {
-      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
-        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderLogoRegion, {
-          data: logoData
+      children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileMenuButton, {
+        onClick: function onClick() {
+          return setIsMobileMenuOpen(true);
+        },
+        "aria-label": "Open menu",
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconMenu, {})
+      }), /*#__PURE__*/(0,jsx_runtime_.jsx)(LogoSlot, {
+        children: /*#__PURE__*/(0,jsx_runtime_.jsx)(Brand, {
+          logo: logoData.logo,
+          logoAlt: logoData.logoAlt,
+          href: logoData.href,
+          showLogo: logoData.showLogo,
+          size: logoData.size,
+          $: logoData.$
         })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileUtilityBar, {
+        children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderAccountRegion, {
+          data: accountData
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(UtilityButton, {
+          type: "button",
+          "aria-label": searchData.input_aria_label,
+          children: /*#__PURE__*/(0,jsx_runtime_.jsx)(IconSearch, {})
+        }), /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderCartRegion, {
+          data: cartData
+        })]
       }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(RightHeaderCluster, {
         children: [/*#__PURE__*/(0,jsx_runtime_.jsxs)(UtilityBar, {
           "data-region": "utility-bar",
@@ -104462,6 +104657,15 @@ function HeaderView(_ref) {
       children: /*#__PURE__*/(0,jsx_runtime_.jsx)(HeaderNavigationRegion, {
         data: navigationData
       })
+    }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileHeaderDrawer, {
+      isOpen: isMobileMenuOpen,
+      onClose: function onClose() {
+        return setIsMobileMenuOpen(false);
+      },
+      logoData: logoData,
+      localeData: localeData,
+      navigationData: navigationData,
+      loyaltyData: loyaltyData
     })]
   });
 }