@heycater/qualification-funnel 1.19.28 → 1.19.30

package/dist/index.esm.js

@@ -7224,15 +7224,21 @@ const EVENT_TYPE_ITEMS = [
   },
   {
     value: "conference",
-    labelDe: "Konferenz/Messe",
-    labelEn: "Conference/Trade Show",
+    labelDe: "Konferenz / Messe",
+    labelEn: "Conference / Trade Show",
     iconName: "conference"
   },
   {
     value: "workshop",
-    labelDe: "Workshop/Teamtag",
-    labelEn: "Workshop/Team Day",
+    labelDe: "Workshop / Teamtag",
+    labelEn: "Workshop / Team Day",
     iconName: "workshop"
+  },
+  {
+    value: "other",
+    labelDe: "Anderer Anlass",
+    labelEn: "Other occasion",
+    iconName: "other"
   }
 ];
 function mapEventTypeToServiceAndCategory(eventType) {
@@ -12703,7 +12709,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     var ys = arrObjKeys(obj, inspect2);
     var isPlainObject2 = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
     var protoTag = obj instanceof Object ? "" : "null prototype";
-    var stringTag2 = !isPlainObject2 && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag2 = !isPlainObject2 && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
     var constructorTag = isPlainObject2 || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
     var tag = constructorTag + (stringTag2 || protoTag ? "[" + $join.call($concat$1.call([], stringTag2 || [], protoTag || []), ": ") + "] " : "");
     if (ys.length === 0) {
@@ -12728,25 +12734,25 @@ function canTrustToString(obj) {
   return !toStringTag || !(typeof obj === "object" && (toStringTag in obj || typeof obj[toStringTag] !== "undefined"));
 }
 function isArray$3(obj) {
-  return toStr(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate(obj) {
-  return toStr(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$1(obj) {
-  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString(obj) {
-  return toStr(obj) === "[object String]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber(obj) {
-  return toStr(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean(obj) {
-  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -12782,7 +12788,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$4(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr(obj) {
+function toStr$1(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -13091,7 +13097,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$1 = Math.abs;
 var floor$1 = Math.floor;
-var max$1 = Math.max;
+var max$2 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$2 = Math.round;
@@ -13220,99 +13226,78 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-var implementation;
-var hasRequiredImplementation;
-function requireImplementation() {
-  if (hasRequiredImplementation) return implementation;
-  hasRequiredImplementation = 1;
-  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-  var toStr2 = Object.prototype.toString;
-  var max2 = Math.max;
-  var funcType = "[object Function]";
-  var concatty = function concatty2(a3, b2) {
-    var arr = [];
-    for (var i2 = 0; i2 < a3.length; i2 += 1) {
-      arr[i2] = a3[i2];
-    }
-    for (var j = 0; j < b2.length; j += 1) {
-      arr[j + a3.length] = b2[j];
-    }
-    return arr;
-  };
-  var slicy = function slicy2(arrLike, offset2) {
-    var arr = [];
-    for (var i2 = offset2, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
-      arr[j] = arrLike[i2];
+var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+var toStr = Object.prototype.toString;
+var max$1 = Math.max;
+var funcType = "[object Function]";
+var concatty = function concatty2(a3, b2) {
+  var arr = [];
+  for (var i2 = 0; i2 < a3.length; i2 += 1) {
+    arr[i2] = a3[i2];
+  }
+  for (var j = 0; j < b2.length; j += 1) {
+    arr[j + a3.length] = b2[j];
+  }
+  return arr;
+};
+var slicy = function slicy2(arrLike, offset2) {
+  var arr = [];
+  for (var i2 = offset2, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
+    arr[j] = arrLike[i2];
+  }
+  return arr;
+};
+var joiny = function(arr, joiner) {
+  var str = "";
+  for (var i2 = 0; i2 < arr.length; i2 += 1) {
+    str += arr[i2];
+    if (i2 + 1 < arr.length) {
+      str += joiner;
     }
-    return arr;
-  };
-  var joiny = function(arr, joiner) {
-    var str = "";
-    for (var i2 = 0; i2 < arr.length; i2 += 1) {
-      str += arr[i2];
-      if (i2 + 1 < arr.length) {
-        str += joiner;
+  }
+  return str;
+};
+var implementation$1 = function bind(that) {
+  var target = this;
+  if (typeof target !== "function" || toStr.apply(target) !== funcType) {
+    throw new TypeError(ERROR_MESSAGE + target);
+  }
+  var args = slicy(arguments, 1);
+  var bound;
+  var binder = function() {
+    if (this instanceof bound) {
+      var result = target.apply(
+        this,
+        concatty(args, arguments)
+      );
+      if (Object(result) === result) {
+        return result;
       }
+      return this;
     }
-    return str;
+    return target.apply(
+      that,
+      concatty(args, arguments)
+    );
   };
-  implementation = function bind2(that) {
-    var target = this;
-    if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
-      throw new TypeError(ERROR_MESSAGE + target);
-    }
-    var args = slicy(arguments, 1);
-    var bound;
-    var binder = function() {
-      if (this instanceof bound) {
-        var result = target.apply(
-          this,
-          concatty(args, arguments)
-        );
-        if (Object(result) === result) {
-          return result;
-        }
-        return this;
-      }
-      return target.apply(
-        that,
-        concatty(args, arguments)
-      );
+  var boundLength = max$1(0, target.length - args.length);
+  var boundArgs = [];
+  for (var i2 = 0; i2 < boundLength; i2++) {
+    boundArgs[i2] = "$" + i2;
+  }
+  bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+  if (target.prototype) {
+    var Empty = function Empty2() {
     };
-    var boundLength = max2(0, target.length - args.length);
-    var boundArgs = [];
-    for (var i2 = 0; i2 < boundLength; i2++) {
-      boundArgs[i2] = "$" + i2;
-    }
-    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-    if (target.prototype) {
-      var Empty = function Empty2() {
-      };
-      Empty.prototype = target.prototype;
-      bound.prototype = new Empty();
-      Empty.prototype = null;
-    }
-    return bound;
-  };
-  return implementation;
-}
-var functionBind;
-var hasRequiredFunctionBind;
-function requireFunctionBind() {
-  if (hasRequiredFunctionBind) return functionBind;
-  hasRequiredFunctionBind = 1;
-  var implementation2 = requireImplementation();
-  functionBind = Function.prototype.bind || implementation2;
-  return functionBind;
-}
-var functionCall;
-var hasRequiredFunctionCall;
-function requireFunctionCall() {
-  if (hasRequiredFunctionCall) return functionCall;
-  hasRequiredFunctionCall = 1;
-  functionCall = Function.prototype.call;
-  return functionCall;
-}
+    Empty.prototype = target.prototype;
+    bound.prototype = new Empty();
+    Empty.prototype = null;
+  }
+  return bound;
+};
+var implementation = implementation$1;
+var functionBind = Function.prototype.bind || implementation;
+var functionCall = Function.prototype.call;
 var functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -13322,14 +13307,14 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$2 = requireFunctionBind();
+var bind$2 = functionBind;
 var $apply$1 = requireFunctionApply();
-var $call$2 = requireFunctionCall();
+var $call$2 = functionCall;
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
-var bind$1 = requireFunctionBind();
+var bind$1 = functionBind;
 var $TypeError$4 = type;
-var $call$1 = requireFunctionCall();
+var $call$1 = functionCall;
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -13395,8 +13380,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind2 = requireFunctionBind();
-  hasown = bind2.call(call, $hasOwn);
+  var bind3 = functionBind;
+  hasown = bind3.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -13410,7 +13395,7 @@ var $TypeError$3 = type;
 var $URIError = uri;
 var abs = abs$1;
 var floor = floor$1;
-var max = max$1;
+var max = max$2;
 var min = min$1;
 var pow = pow$1;
 var round$1 = round$2;
@@ -13444,7 +13429,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = requireFunctionCall();
+var $call = functionCall;
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {
@@ -13615,13 +13600,13 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind = requireFunctionBind();
+var bind2 = functionBind;
 var hasOwn = requireHasown();
-var $concat = bind.call($call, Array.prototype.concat);
-var $spliceApply = bind.call($apply, Array.prototype.splice);
-var $replace = bind.call($call, String.prototype.replace);
-var $strSlice = bind.call($call, String.prototype.slice);
-var $exec = bind.call($call, RegExp.prototype.exec);
+var $concat = bind2.call($call, Array.prototype.concat);
+var $spliceApply = bind2.call($apply, Array.prototype.splice);
+var $replace = bind2.call($call, String.prototype.replace);
+var $strSlice = bind2.call($call, String.prototype.slice);
+var $exec = bind2.call($call, RegExp.prototype.exec);
 var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
 var reEscapeChar = /\\(\\)?/g;
 var stringToPath = function stringToPath2(string2) {
@@ -26840,9 +26825,10 @@ function useFunnelCheckout() {
   const { locale: locale2 } = useRouter();
   const client = useClient();
   const funnelCheckout = async (variables) => {
-    var _a2;
     try {
-      const result = await funnelCheckoutMutation(
+      const {
+        data: { funnelCheckout: response }
+      } = await funnelCheckoutMutation(
         {
           userAttributes: {
             email: variables.email,
@@ -26856,22 +26842,13 @@ function useFunnelCheckout() {
         },
         { client }
       );
-      if (!((_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.funnelCheckout)) {
-        const error = new Error("funnelCheckout returned no data");
-        BugsnagExport.notify(error, (event) => {
-          event.addMetadata("funnelCheckoutArgs", variables);
-          event.addMetadata("funnelCheckoutResult", result);
-        });
-        throw error;
-      }
-      return result.data.funnelCheckout;
+      return response;
     } catch (error) {
       if (error instanceof Error) {
         BugsnagExport.notify(error, (event) => {
           event.addMetadata("funnelCheckoutArgs", variables);
         });
       }
-      throw error;
     }
   };
   return {
@@ -27059,18 +27036,17 @@ function useRequestForm() {
         return { success: false, isUkLead };
       }
     } else {
-      try {
-        const result = await funnelCheckout(buildOpportunityPayload(values2));
-        return {
-          signInToken: result.signInToken,
-          customerAccount: result.customerAccount,
-          opportunity: result.opportunity,
-          isUkLead: false
-        };
-      } catch (error) {
-        console.error("[HeyCater Funnel] funnelCheckout failed:", error);
-        throw error;
-      }
+      const {
+        signInToken,
+        customerAccount,
+        opportunity
+      } = await funnelCheckout(buildOpportunityPayload(values2));
+      return {
+        signInToken,
+        customerAccount,
+        opportunity,
+        isUkLead: false
+      };
     }
   };
   return {
@@ -30562,9 +30538,10 @@ const EVENT_TYPE_TO_ICON = {
   lunch: "business_lunch",
   breakfast: "breakfast",
   party: "buffet",
-  meeting: "fingerfood",
-  conference: "buffet",
-  workshop: "business_lunch"
+  meeting: "drinks",
+  conference: "fine_dining",
+  workshop: "fingerfood",
+  other: null
 };
 const EventTypeTiles = ({
   onSelect,
@@ -30589,10 +30566,11 @@ const EventTypeTiles = ({
         children: [
           isSelected && /* @__PURE__ */ jsx(SelectionBadge, { children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) }) }),
           /* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(EventIcon, { iconName: item.iconName }) }),
-          /* @__PURE__ */ jsx(TileLabel, { children: label.includes("/") ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            label.split("/")[0],
+          /* @__PURE__ */ jsx(TileLabel, { children: label.includes(" / ") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            label.split(" / ")[0],
+            " /",
             /* @__PURE__ */ jsx("br", {}),
-            label.split("/")[1]
+            label.split(" / ")[1]
           ] }) : label })
         ]
       },
@@ -30603,7 +30581,7 @@ const EventTypeTiles = ({
 const EventIcon = ({ iconName }) => {
   const mappedIcon = EVENT_TYPE_TO_ICON[iconName];
   if (!mappedIcon) {
-    return /* @__PURE__ */ jsx(QuestionMark, { height: "46px" });
+    return /* @__PURE__ */ jsx(GreyIconWrapper, { children: /* @__PURE__ */ jsx(QuestionMark, { height: "46px" }) });
   }
   return /* @__PURE__ */ jsx(
     StyledImg,
@@ -30618,6 +30596,10 @@ const EventIcon = ({ iconName }) => {
 const StyledImg = styled.img`
   object-fit: contain;
 `;
+const GreyIconWrapper = styled.div`
+  opacity: 0.4;
+  filter: grayscale(100%);
+`;
 const popIn = keyframes`
   0% { transform: scale(0.4); opacity: 0; }
   60% { transform: scale(1.12); }
@@ -30964,35 +30946,94 @@ const BudgetPeopleStep = ({
   var _a2;
   const { i18n } = useTranslation();
   const isGerman = (_a2 = i18n.language) == null ? void 0 : _a2.startsWith("de");
+  const [peopleInputValue, setPeopleInputValue] = useState(String(peopleCount));
+  const [budgetInputValue, setBudgetInputValue] = useState(String(budgetPerPerson2));
+  const peopleInputRef = useRef(null);
+  const budgetInputRef = useRef(null);
   const totalBudget = peopleCount * budgetPerPerson2;
   const formattedTotal = totalBudget.toLocaleString("de-DE");
   const handlePeopleIncrement = useCallback(() => {
-    onPeopleCountChange(peopleCount + 5);
+    const newValue = peopleCount + 5;
+    onPeopleCountChange(newValue);
+    setPeopleInputValue(String(newValue));
   }, [peopleCount, onPeopleCountChange]);
   const handlePeopleDecrement = useCallback(() => {
-    onPeopleCountChange(Math.max(1, peopleCount - 5));
+    const newValue = Math.max(1, peopleCount - 5);
+    onPeopleCountChange(newValue);
+    setPeopleInputValue(String(newValue));
   }, [peopleCount, onPeopleCountChange]);
   const handleBudgetIncrement = useCallback(() => {
-    onBudgetPerPersonChange(budgetPerPerson2 + 5);
+    const newValue = budgetPerPerson2 + 5;
+    onBudgetPerPersonChange(newValue);
+    setBudgetInputValue(String(newValue));
   }, [budgetPerPerson2, onBudgetPerPersonChange]);
   const handleBudgetDecrement = useCallback(() => {
-    onBudgetPerPersonChange(Math.max(5, budgetPerPerson2 - 5));
+    const newValue = Math.max(5, budgetPerPerson2 - 5);
+    onBudgetPerPersonChange(newValue);
+    setBudgetInputValue(String(newValue));
   }, [budgetPerPerson2, onBudgetPerPersonChange]);
+  const handlePeopleInputChange = useCallback((e2) => {
+    const value = e2.target.value.replace(/[^0-9]/g, "");
+    setPeopleInputValue(value);
+    const numValue = parseInt(value, 10);
+    if (!isNaN(numValue) && numValue >= 1) {
+      onPeopleCountChange(numValue);
+    }
+  }, [onPeopleCountChange]);
+  const handlePeopleInputBlur = useCallback(() => {
+    const numValue = parseInt(peopleInputValue, 10);
+    if (isNaN(numValue) || numValue < 1) {
+      setPeopleInputValue(String(peopleCount));
+    }
+  }, [peopleInputValue, peopleCount]);
+  const handleBudgetInputChange = useCallback((e2) => {
+    const value = e2.target.value.replace(/[^0-9]/g, "");
+    setBudgetInputValue(value);
+    const numValue = parseInt(value, 10);
+    if (!isNaN(numValue) && numValue >= 1) {
+      onBudgetPerPersonChange(numValue);
+    }
+  }, [onBudgetPerPersonChange]);
+  const handleBudgetInputBlur = useCallback(() => {
+    const numValue = parseInt(budgetInputValue, 10);
+    if (isNaN(numValue) || numValue < 1) {
+      setBudgetInputValue(String(budgetPerPerson2));
+    }
+  }, [budgetInputValue, budgetPerPerson2]);
+  const handlePresetClick = useCallback((preset) => {
+    onPeopleCountChange(preset);
+    setPeopleInputValue(String(preset));
+  }, [onPeopleCountChange]);
   return /* @__PURE__ */ jsx(Container$2, { children: /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsxs(Row, { children: [
       /* @__PURE__ */ jsx(Label, { children: isGerman ? "Personenanzahl" : "Number of people" }),
       /* @__PURE__ */ jsxs(InputGroup, { children: [
-        /* @__PURE__ */ jsx(StepButton, { onClick: handlePeopleDecrement, children: "−" }),
-        /* @__PURE__ */ jsx(ValueDisplay, { children: peopleCount }),
-        /* @__PURE__ */ jsx(StepButton, { onClick: handlePeopleIncrement, children: "+" })
+        /* @__PURE__ */ jsx(StepButton, { onClick: handlePeopleDecrement, type: "button", children: "−" }),
+        /* @__PURE__ */ jsx(
+          ValueInput,
+          {
+            ref: peopleInputRef,
+            type: "tel",
+            inputMode: "numeric",
+            value: peopleInputValue,
+            onChange: handlePeopleInputChange,
+            onBlur: handlePeopleInputBlur
+          }
+        ),
+        /* @__PURE__ */ jsx(StepButton, { onClick: handlePeopleIncrement, type: "button", children: "+" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(PresetRow, { children: PRESETS.map((preset) => /* @__PURE__ */ jsx(
-      PresetButton,
+    /* @__PURE__ */ jsx(PresetRow, { children: PRESETS.map((preset) => /* @__PURE__ */ jsxs(
+      PresetLink,
       {
         $selected: peopleCount === preset,
-        onClick: () => onPeopleCountChange(preset),
-        children: preset
+        onClick: () => handlePresetClick(preset),
+        type: "button",
+        children: [
+          preset,
+          " ",
+          isGerman ? "Personen" : "People"
+        ]
       },
       preset
     )) }),
@@ -31003,12 +31044,22 @@ const BudgetPeopleStep = ({
         isGerman ? "pro Person" : "per person"
       ] }),
       /* @__PURE__ */ jsxs(InputGroup, { children: [
-        /* @__PURE__ */ jsx(StepButton, { onClick: handleBudgetDecrement, children: "−" }),
-        /* @__PURE__ */ jsxs(ValueDisplay, { children: [
-          budgetPerPerson2,
-          " €"
+        /* @__PURE__ */ jsx(StepButton, { onClick: handleBudgetDecrement, type: "button", children: "−" }),
+        /* @__PURE__ */ jsxs(ValueInputWrapper, { children: [
+          /* @__PURE__ */ jsx(
+            ValueInput,
+            {
+              ref: budgetInputRef,
+              type: "tel",
+              inputMode: "numeric",
+              value: budgetInputValue,
+              onChange: handleBudgetInputChange,
+              onBlur: handleBudgetInputBlur
+            }
+          ),
+          /* @__PURE__ */ jsx(CurrencyLabel, { children: "€" })
         ] }),
-        /* @__PURE__ */ jsx(StepButton, { onClick: handleBudgetIncrement, children: "+" })
+        /* @__PURE__ */ jsx(StepButton, { onClick: handleBudgetIncrement, type: "button", children: "+" })
       ] })
     ] }),
     /* @__PURE__ */ jsxs(TotalRow, { children: [
@@ -31078,47 +31129,64 @@ const StepButton = styled.button`
     transform: scale(0.95);
   }
 `;
-const ValueDisplay = styled.div`
-  width: 96px;
+const ValueInput = styled.input`
+  width: 80px;
   height: 40px;
   border-radius: 12px;
   background: ${REDESIGN_COLORS.white};
   border: 1px solid ${REDESIGN_COLORS.inputBorder};
+  font-family: ${REDESIGN_FONTS.family};
+  font-weight: ${REDESIGN_FONTS.weight.semibold};
+  font-size: 16px;
+  color: ${REDESIGN_COLORS.mainText};
+  text-align: center;
+  outline: none;
+  transition: border-color 0.15s;
+
+  &:focus {
+    border-color: ${REDESIGN_COLORS.orange};
+  }
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+`;
+const ValueInputWrapper = styled.div`
+  position: relative;
   display: flex;
   align-items: center;
-  justify-content: center;
+`;
+const CurrencyLabel = styled.span`
+  position: absolute;
+  right: 12px;
   font-family: ${REDESIGN_FONTS.family};
   font-weight: ${REDESIGN_FONTS.weight.semibold};
   font-size: 16px;
   color: ${REDESIGN_COLORS.mainText};
+  pointer-events: none;
 `;
 const PresetRow = styled.div`
   display: flex;
-  gap: 8px;
+  gap: 16px;
   margin-bottom: 20px;
+  flex-wrap: wrap;
 `;
-const PresetButton = styled.button`
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
+const PresetLink = styled.button`
+  background: none;
+  border: none;
+  padding: 0;
   font-family: ${REDESIGN_FONTS.family};
   font-size: 13px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  line-height: 1;
-  flex: none;
-  box-sizing: border-box;
-  transition: all 0.15s;
-  background: ${({ $selected }) => $selected ? REDESIGN_COLORS.orange : REDESIGN_COLORS.white};
-  color: ${({ $selected }) => $selected ? "#fff" : REDESIGN_COLORS.secondaryText};
-  border: 1px solid ${({ $selected }) => $selected ? REDESIGN_COLORS.orange : REDESIGN_COLORS.inputBorder};
+  color: ${({ $selected }) => $selected ? REDESIGN_COLORS.mainText : REDESIGN_COLORS.secondaryText};
   font-weight: ${({ $selected }) => $selected ? REDESIGN_FONTS.weight.semibold : REDESIGN_FONTS.weight.regular};
+  text-decoration: underline;
+  cursor: pointer;
+  transition: color 0.15s;
 
   &:hover {
-    border-color: ${REDESIGN_COLORS.orange};
+    color: ${REDESIGN_COLORS.mainText};
   }
 `;
 const Divider = styled.div`
@@ -31168,9 +31236,9 @@ const REDESIGN_STEPS = {
   [REDESIGN_STEP_IDS.city]: {
     id: REDESIGN_STEP_IDS.city,
     titleDe: "Wo findet dein Event statt?",
-    titleEn: "Where is your event?",
-    subtitleDe: "Wähle deinen Standort – dort finden wir die passenden Caterer.",
-    subtitleEn: "Choose your location – we'll find the right caterers there.",
+    titleEn: "Where is your event taking place?",
+    subtitleDe: "Wähle deinen Standort – wir kennen die besten Caterer in deiner Region.",
+    subtitleEn: "Choose your location – we know the best caterers around you.",
     breadcrumbDe: "Stadt",
     breadcrumbEn: "City"
   },
@@ -31201,10 +31269,12 @@ const REDESIGN_STEPS = {
   },
   [REDESIGN_STEP_IDS.contact]: {
     id: REDESIGN_STEP_IDS.contact,
-    titleDe: "Fast geschafft! Wie können wir dich erreichen?",
-    titleEn: "Almost done! How can we reach you?",
-    breadcrumbDe: "Kontakt",
-    breadcrumbEn: "Contact"
+    titleDe: "Wohin dürfen wir deine Angebote schicken?",
+    titleEn: "Where should we send your quotes?",
+    subtitleDe: "Nur noch deine Kontaktdaten – danach erhältst du kostenlos & unverbindlich passende Angebote.",
+    subtitleEn: "Just your contact details, and you'll receive matching quotes, free and with no obligation.",
+    breadcrumbDe: "Angebote erhalten",
+    breadcrumbEn: "Get quotes"
   }
 };
 function getRedesignTotalSteps() {
@@ -31214,7 +31284,7 @@ const RAIL_DISPLAY_STEPS = [
   ...REDESIGN_STEP_ORDER,
   REDESIGN_STEP_IDS.contact
 ];
-const StepRail = ({ currentStepId, onStepClick }) => {
+const StepRail = ({ currentStepId, onStepClick, answers }) => {
   var _a2;
   const { i18n } = useTranslation();
   const isGerman = (_a2 = i18n.language) == null ? void 0 : _a2.startsWith("de");
@@ -31224,45 +31294,53 @@ const StepRail = ({ currentStepId, onStepClick }) => {
       onStepClick(stepId);
     }
   };
+  const getAnswerDisplay = (stepId) => {
+    if (!answers) return null;
+    switch (stepId) {
+      case REDESIGN_STEP_IDS.city:
+        return answers.city ? CITY_LABELS[answers.city] || answers.city : null;
+      case REDESIGN_STEP_IDS.eventType:
+        if (!answers.eventType) return null;
+        const labels2 = isGerman ? EVENT_LABELS_DE : EVENT_LABELS_EN;
+        return labels2[answers.eventType] || answers.eventType;
+      case REDESIGN_STEP_IDS.date:
+        return answers.eventDate ? format(answers.eventDate, "dd.MM.yy") : null;
+      case REDESIGN_STEP_IDS.peopleCount:
+        return answers.peopleCount ? `${answers.peopleCount} Pax` : null;
+      default:
+        return null;
+    }
+  };
   return /* @__PURE__ */ jsxs(RailContainer, { children: [
     /* @__PURE__ */ jsxs(TopSection, { children: [
       /* @__PURE__ */ jsx(LogoWrapper$1, { children: /* @__PURE__ */ jsx(Logo, { height: 26 }) }),
       /* @__PURE__ */ jsx(SectionLabel, { children: isGerman ? "Catering anfragen" : "Request catering" }),
       /* @__PURE__ */ jsx(Title$1, { children: isGerman ? "In wenigen Schritten zum passenden Catering." : "Get the perfect catering in just a few steps." }),
-      /* @__PURE__ */ jsxs(StepList, { children: [
-        RAIL_DISPLAY_STEPS.map((stepId, index) => {
-          const step2 = REDESIGN_STEPS[stepId];
-          const isActive = index === currentIndex;
-          const isCompleted = index < currentIndex;
-          const breadcrumb = isGerman ? step2.breadcrumbDe : step2.breadcrumbEn;
-          const isClickable = index < currentIndex;
-          return /* @__PURE__ */ jsxs(StepItemWrapper, { children: [
-            index > 0 && /* @__PURE__ */ jsx(Connector, { $completed: index <= currentIndex }),
-            /* @__PURE__ */ jsxs(
-              StepRow,
-              {
-                $clickable: isClickable,
-                onClick: () => handleStepClick(stepId, index),
-                children: [
-                  /* @__PURE__ */ jsx(StepCircle, { $isActive: isActive, $isCompleted: isCompleted, children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon$2, {}) : index + 1 }),
-                  /* @__PURE__ */ jsx(StepLabel, { $isActive: isActive, $isCompleted: isCompleted, children: breadcrumb })
-                ]
-              }
-            )
-          ] }, stepId);
-        }),
-        /* @__PURE__ */ jsx(FinalConnector, {}),
-        /* @__PURE__ */ jsxs(OffersRow, { children: [
-          /* @__PURE__ */ jsx(OffersCircle, { children: /* @__PURE__ */ jsx(CheckIconMuted, {}) }),
-          /* @__PURE__ */ jsxs(OffersText, { children: [
-            /* @__PURE__ */ jsxs(OffersTitle, { children: [
-              "3 ",
-              isGerman ? "passende Angebote" : "matching offers"
-            ] }),
-            /* @__PURE__ */ jsx(OffersSubtitle, { children: isGerman ? "nach wenigen Stunden" : "within hours" })
-          ] })
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(StepList, { children: RAIL_DISPLAY_STEPS.map((stepId, index) => {
+        const step2 = REDESIGN_STEPS[stepId];
+        const isActive = index === currentIndex;
+        const isCompleted = index < currentIndex;
+        const breadcrumb = isGerman ? step2.breadcrumbDe : step2.breadcrumbEn;
+        const isClickable = index < currentIndex;
+        const answerDisplay = isCompleted ? getAnswerDisplay(stepId) : null;
+        return /* @__PURE__ */ jsxs(StepItemWrapper, { children: [
+          index > 0 && /* @__PURE__ */ jsx(Connector, { $completed: index <= currentIndex }),
+          /* @__PURE__ */ jsxs(
+            StepRow,
+            {
+              $clickable: isClickable,
+              onClick: () => handleStepClick(stepId, index),
+              children: [
+                /* @__PURE__ */ jsx(StepCircle, { $isActive: isActive, $isCompleted: isCompleted, children: isCompleted ? /* @__PURE__ */ jsx(CheckIcon$2, {}) : index + 1 }),
+                /* @__PURE__ */ jsxs(StepLabelGroup, { children: [
+                  /* @__PURE__ */ jsx(StepLabel, { $isActive: isActive, $isCompleted: isCompleted, children: breadcrumb }),
+                  answerDisplay && /* @__PURE__ */ jsx(StepAnswerValue, { children: answerDisplay })
+                ] })
+              ]
+            }
+          )
+        ] }, stepId);
+      }) })
     ] }),
     /* @__PURE__ */ jsx(BottomSection, { children: /* @__PURE__ */ jsxs(RatingRow, { children: [
       /* @__PURE__ */ jsx(Stars, { children: "★★★★★" }),
@@ -31275,7 +31353,6 @@ const StepRail = ({ currentStepId, onStepClick }) => {
   ] });
 };
 const CheckIcon$2 = () => /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) });
-const CheckIconMuted = () => /* @__PURE__ */ jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17l-5-5" }) });
 const RailContainer = styled.div`
   display: none;
 
@@ -31319,13 +31396,8 @@ const Connector = styled.div`
   width: 2px;
   height: ${REDESIGN_SPACING.connectorHeight};
   margin: 3px 0 3px 14px;
-  background: ${({ $completed }) => $completed ? REDESIGN_COLORS.mainText : REDESIGN_COLORS.railConnector};
-`;
-const FinalConnector = styled.div`
-  width: 2px;
-  height: ${REDESIGN_SPACING.connectorHeight};
-  margin: 3px 0 3px 14px;
-  background: ${REDESIGN_COLORS.railConnector};
+  background: ${({ $completed }) => $completed ? REDESIGN_COLORS.orange : REDESIGN_COLORS.railConnector};
+  transition: background 0.3s ease;
 `;
 const StepRow = styled.div`
   display: flex;
@@ -31352,6 +31424,7 @@ const StepCircle = styled.div`
   font-size: 13px;
   font-weight: ${REDESIGN_FONTS.weight.semibold};
   flex: none;
+  transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
   background: ${({ $isActive, $isCompleted }) => {
   if ($isCompleted) return REDESIGN_COLORS.mainText;
   if ($isActive) return REDESIGN_COLORS.orange;
@@ -31362,45 +31435,39 @@ const StepCircle = styled.div`
   return REDESIGN_COLORS.railMuted;
 }};
 `;
+const StepLabelGroup = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+`;
 const StepLabel = styled.span`
   font-family: ${REDESIGN_FONTS.family};
   font-size: 14px;
   font-weight: ${({ $isActive }) => $isActive ? REDESIGN_FONTS.weight.semibold : REDESIGN_FONTS.weight.regular};
+  transition: color 0.3s ease;
   color: ${({ $isActive, $isCompleted }) => {
   if ($isActive) return REDESIGN_COLORS.mainText;
   if ($isCompleted) return REDESIGN_COLORS.secondaryText;
   return REDESIGN_COLORS.railMuted;
 }};
 `;
-const OffersRow = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 13px;
-`;
-const OffersCircle = styled.div`
-  width: ${REDESIGN_SPACING.stepCircleSize};
-  height: ${REDESIGN_SPACING.stepCircleSize};
-  border-radius: 50%;
-  flex: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${REDESIGN_COLORS.railInactive};
-  color: ${REDESIGN_COLORS.muted};
-`;
-const OffersText = styled.div``;
-const OffersTitle = styled.div`
-  font-family: ${REDESIGN_FONTS.family};
-  font-size: 14px;
-  font-weight: ${REDESIGN_FONTS.weight.semibold};
-  color: ${REDESIGN_COLORS.mainText};
-  line-height: 1.25;
-`;
-const OffersSubtitle = styled.div`
+const StepAnswerValue = styled.span`
   font-family: ${REDESIGN_FONTS.family};
   font-size: 12px;
-  color: ${REDESIGN_COLORS.muted};
-  line-height: 1.3;
+  font-weight: ${REDESIGN_FONTS.weight.medium};
+  color: ${REDESIGN_COLORS.mainText};
+  animation: fadeIn 0.3s ease;
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+      transform: translateY(-4px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
 `;
 const BottomSection = styled.div``;
 const RatingRow = styled.div`
@@ -31578,8 +31645,8 @@ const RedesignContactForm = ({
     company: create$5().required(isGerman ? "Bitte Firma eingeben" : "Please enter company"),
     email: create$5().email(isGerman ? "Bitte gültige E-Mail eingeben" : "Please enter valid email").required(isGerman ? "Bitte E-Mail eingeben" : "Please enter email"),
     phone: create$5().required(isGerman ? "Bitte Telefon eingeben" : "Please enter phone"),
-    deliveryAddressStreet: create$5().min(1).required(),
-    deliveryAddressCity: create$5().min(1).required()
+    deliveryAddressStreet: create$5().min(1).required(isGerman ? "Bitte Lieferadresse eingeben" : "Please enter delivery address"),
+    deliveryAddressCity: create$5().min(1).required(isGerman ? "Bitte Stadt eingeben" : "Please enter city")
   });
   const buildSummaryChips = () => {
     const chips = [];
@@ -31655,12 +31722,12 @@ const RedesignContactForm = ({
             ] }, index))
           ] }),
           /* @__PURE__ */ jsx(NudgeWrap, { children: !commentOpen ? /* @__PURE__ */ jsxs(NudgeClosed, { onClick: () => setCommentOpen(true), children: [
-            /* @__PURE__ */ jsx(NudgeIconWrap, { children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12h14" }) }) }),
             /* @__PURE__ */ jsxs(NudgeContent, { children: [
-              /* @__PURE__ */ jsx(NudgeTitle, { children: isGerman ? "Du möchtest uns weitere Wünsche mitteilen?" : "Would you like to share additional preferences?" }),
-              /* @__PURE__ */ jsx(NudgeDesc, { children: isGerman ? "Schreib uns Wünsche, Ernährungspräferenzen oder den Ablauf." : "Tell us your preferences, dietary requirements or schedule." })
+              /* @__PURE__ */ jsx(NudgeTitle, { children: isGerman ? "Hast du weitere konkrete Vorstellungen?" : "Anything specific you have in mind?" }),
+              /* @__PURE__ */ jsx(NudgeDesc, { children: isGerman ? "Je genauer du Ablauf oder besondere Wünsche beschreibst, desto passender werden deine Angebote." : "The more you tell us about the schedule or any special requests, the better your quotes will match." }),
+              /* @__PURE__ */ jsx(NudgeReassurance, { children: isGerman ? "Optional – du kannst uns auch ohne weitere Details anfragen und wir beraten dich." : "Optional. You can also send your enquiry without any further details and we'll advise you." })
             ] }),
-            /* @__PURE__ */ jsx(NudgeAction, { children: isGerman ? "Ergänzen" : "Add" })
+            /* @__PURE__ */ jsx(NudgeIconWrap, { children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12h14" }) }) })
           ] }) : /* @__PURE__ */ jsxs(NudgeOpen, { children: [
             /* @__PURE__ */ jsxs(FormLabel, { children: [
               isGerman ? "Deine Wünsche" : "Your preferences",
@@ -31909,7 +31976,8 @@ const NudgeWrap = styled.div`
 `;
 const NudgeClosed = styled.div`
   display: flex;
-  align-items: center;
+  align-items: flex-start;
+  justify-content: space-between;
   gap: 12px;
   cursor: pointer;
   padding: 13px 16px;
@@ -31924,6 +31992,7 @@ const NudgeIconWrap = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
+  margin-top: 2px;
 `;
 const NudgeContent = styled.div`
   flex: 1;
@@ -31942,12 +32011,14 @@ const NudgeDesc = styled.div`
   line-height: 1.4;
   margin-top: 1px;
 `;
-const NudgeAction = styled.span`
-  flex: none;
+const NudgeReassurance = styled.div`
   font-family: ${REDESIGN_FONTS.family};
-  font-size: 12.5px;
-  font-weight: ${REDESIGN_FONTS.weight.semibold};
-  color: ${REDESIGN_COLORS.orange};
+  font-size: 11px;
+  color: ${REDESIGN_COLORS.muted};
+  line-height: 1.4;
+  margin-top: 8px;
+  padding-top: 8px;
+  border-top: 1px solid ${REDESIGN_COLORS.inputBorder};
 `;
 const NudgeOpen = styled.div`
   padding: 14px 16px;
@@ -32012,8 +32083,10 @@ const AddressFieldWrapper = styled.div`
   position: relative;
   z-index: 1;
 
-  .MuiFormControl-root {
+  .MuiFormControl-root,
+  .hc-form-control {
     width: 100%;
+    margin-bottom: 0;
   }
 
   .MuiAutocomplete-root {
@@ -32032,7 +32105,7 @@ const AddressFieldWrapper = styled.div`
     font-family: ${REDESIGN_FONTS.family};
     font-size: 15px;
     color: ${REDESIGN_COLORS.mainText};
-    background: ${REDESIGN_COLORS.white};
+    background: ${REDESIGN_COLORS.white} !important;
     transition: border-color 0.15s;
     cursor: text;
 
@@ -32057,6 +32130,7 @@ const AddressFieldWrapper = styled.div`
       font-family: ${REDESIGN_FONTS.family};
       font-size: 15px;
       cursor: text;
+      background: transparent !important;
 
       &::placeholder {
         color: #a5a5a5;
@@ -32065,7 +32139,35 @@ const AddressFieldWrapper = styled.div`
     }
   }
 
-  .MuiInputLabel-root {
+  /* Override the custom Input component styles */
+  .hc-form-control input[name="delivery_address"] {
+    width: 100%;
+    padding: 13px 16px;
+    border: 1px solid ${REDESIGN_COLORS.inputBorder};
+    border-radius: 12px;
+    font-family: ${REDESIGN_FONTS.family};
+    font-size: 15px;
+    color: ${REDESIGN_COLORS.mainText};
+    background: ${REDESIGN_COLORS.white} !important;
+    transition: border-color 0.15s;
+
+    &:hover {
+      border-color: #cfcfcf;
+    }
+
+    &:focus {
+      border-color: ${REDESIGN_COLORS.orange};
+      outline: none;
+    }
+
+    &::placeholder {
+      color: #a5a5a5;
+      opacity: 1;
+    }
+  }
+
+  .MuiInputLabel-root,
+  label {
     font-family: ${REDESIGN_FONTS.family};
     font-size: 13px;
     font-weight: ${REDESIGN_FONTS.weight.semibold};
@@ -32073,25 +32175,37 @@ const AddressFieldWrapper = styled.div`
     position: relative;
     transform: none;
     margin-bottom: 6px;
+    margin-left: 0 !important;
     pointer-events: none;
+    display: block;
 
     &.Mui-focused {
       color: ${REDESIGN_COLORS.mainText};
     }
   }
 
-  .MuiFormHelperText-root {
+  .MuiFormHelperText-root,
+  .hc-form-control span {
     font-family: ${REDESIGN_FONTS.family};
     font-size: 11.5px;
     color: ${REDESIGN_COLORS.muted};
     margin: 5px 0 0;
+    margin-left: 0 !important;
+    display: block;
 
     &.Mui-error {
-      ${({ $hideInitialError }) => $hideInitialError && "display: none;"}
+      display: ${({ $hideInitialError }) => $hideInitialError ? "none !important" : "block"};
       color: ${REDESIGN_COLORS.error};
     }
   }
 
+  /* Hide error text from AddressAutocomplete until form submission */
+  .hc-form-control--error {
+    span:not(:last-of-type) {
+      display: ${({ $hideInitialError }) => $hideInitialError ? "none" : "block"} !important;
+    }
+  }
+
   .MuiAutocomplete-listbox {
     font-family: ${REDESIGN_FONTS.family};
   }
@@ -32290,11 +32404,17 @@ const RedesignedFunnel = ({
   useEffect(() => {
     if (currentStepId === "redesign_people_count") {
       const existingCount = answerOf("min_order_number");
-      const existingBudget = answerOf("price_per_person");
       if (existingCount === void 0) {
         actions.answerQuestion("min_order_number", 100);
       }
-      if (existingBudget === void 0) {
+      const eventType = answerOf("event_type");
+      const existingBudget = answerOf("price_per_person");
+      if (existingBudget === void 0 && eventType) {
+        const category = EVENT_TYPE_MAPPINGS[eventType].catering_category;
+        const defaultBudget = PRICE_PER_PERSON_OF_CATEGORY[category].defaultPricePerPerson;
+        setBudgetPerPerson(defaultBudget);
+        actions.answerQuestion("price_per_person", defaultBudget);
+      } else if (existingBudget === void 0) {
         actions.answerQuestion("price_per_person", budgetPerPerson2);
       }
     }
@@ -32395,10 +32515,13 @@ const RedesignedFunnel = ({
       };
       const response = await submitAsNewCustomer(buildValues);
       const { signInToken, opportunity } = response || {};
-      if (opportunity == null ? void 0 : opportunity.id) {
-        const accountUrl = signInToken ? `/${router.locale}/account/requests/${opportunity.id}?one_time_sign_in_token=${signInToken}` : `/${router.locale}/account/external/requests/${opportunity.id}`;
-        setRedirectUrl(accountUrl);
+      if (!opportunity || !opportunity.id) {
+        console.error("[HeyCater Funnel] submitAsNewCustomer returned invalid opportunity:", response);
+        setIsSubmitting(false);
+        return;
       }
+      const accountUrl = signInToken ? `/${router.locale}/account/requests/${opportunity.id}?one_time_sign_in_token=${signInToken}` : `/${router.locale}/account/external/requests/${opportunity.id}`;
+      setRedirectUrl(accountUrl);
       trackCompleted(funnelContextRef.current);
       setSubmittedData(formData);
       setPhase("done");
@@ -32426,6 +32549,12 @@ const RedesignedFunnel = ({
         return false;
     }
   }, [currentStepId, answerOf]);
+  const buildStepAnswers = () => ({
+    city: answerOf("city"),
+    eventType: answerOf("event_type"),
+    eventDate: answerOf("event_date"),
+    peopleCount: answerOf("min_order_number")
+  });
   const buildSelectionChips = () => {
     const chips2 = [];
     const city = answerOf("city");
@@ -32447,10 +32576,11 @@ const RedesignedFunnel = ({
     return /* @__PURE__ */ jsx(FunnelContainer, { children: /* @__PURE__ */ jsx(MainContent, { $fullWidth: true, children: /* @__PURE__ */ jsx(LoadingScreen, { onComplete: handleLoadingComplete }) }) });
   }
   if (phase === "contact") {
-    const contactTitle = isGerman ? "Fast geschafft – nur noch deine Kontaktdaten" : "Almost done – just your contact details";
-    const contactSubtitle = isGerman ? "Danach meldet sich dein Cateringexperte und schickt dir passende Angebote." : "Your catering expert will then get in touch and send you matching offers.";
+    const contactStep = REDESIGN_STEPS[REDESIGN_STEP_IDS.contact];
+    const contactTitle = isGerman ? contactStep.titleDe : contactStep.titleEn;
+    const contactSubtitle = isGerman ? contactStep.subtitleDe : contactStep.subtitleEn;
     return /* @__PURE__ */ jsxs(FunnelContainer, { children: [
-      /* @__PURE__ */ jsx(StepRail, { currentStepId: REDESIGN_STEP_IDS.contact, onStepClick: goToStep }),
+      /* @__PURE__ */ jsx(StepRail, { currentStepId: REDESIGN_STEP_IDS.contact, onStepClick: goToStep, answers: buildStepAnswers() }),
       /* @__PURE__ */ jsxs(MainContent, { children: [
         /* @__PURE__ */ jsxs(MobileHeader, { children: [
           /* @__PURE__ */ jsx(MobileLogoWrapper, { children: /* @__PURE__ */ jsx(Logo, { height: 20 }) }),
@@ -32569,7 +32699,7 @@ const RedesignedFunnel = ({
     }
   };
   return /* @__PURE__ */ jsxs(FunnelContainer, { children: [
-    /* @__PURE__ */ jsx(StepRail, { currentStepId, onStepClick: goToStep }),
+    /* @__PURE__ */ jsx(StepRail, { currentStepId, onStepClick: goToStep, answers: buildStepAnswers() }),
     /* @__PURE__ */ jsxs(MainContent, { children: [
       /* @__PURE__ */ jsxs(MobileHeader, { children: [
         /* @__PURE__ */ jsx(MobileLogoWrapper, { children: /* @__PURE__ */ jsx(Logo, { height: 20 }) }),
@@ -32698,9 +32828,7 @@ const CancelText = styled.span`
   }
 `;
 const DesktopStepCount = styled.span`
-  font-family: ${REDESIGN_FONTS.family};
-  font-size: 13px;
-  color: ${REDESIGN_COLORS.muted};
+  display: none;
 `;
 const ContentArea = styled.div`
   flex: 1;
@@ -32783,7 +32911,7 @@ const ChipRow = styled.div`
   justify-content: center;
 
   @media (min-width: 960px) {
-    gap: 8px;
+    display: none;
   }
 `;
 const ChipLabel = styled.span`