@planetaexo/design-system 0.23.0 → 0.23.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React23 = require('react');
+var React25 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -37,7 +37,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React23__namespace = /*#__PURE__*/_interopNamespace(React23);
+var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -102,7 +102,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React23__namespace.forwardRef(
+var Button = React25__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -323,10 +323,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React23__namespace.forwardRef(
+var FloatingInput = React25__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required"]);
-    const inputId = id != null ? id : React23__namespace.useId();
+    const inputId = id != null ? id : React25__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -366,10 +366,10 @@ var FloatingInput = React23__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React23__namespace.forwardRef(
+var FloatingSelect = React25__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { label, error, id, className, required, children, value } = _b, props = __objRest(_b, ["label", "error", "id", "className", "required", "children", "value"]);
-    const inputId = id != null ? id : React23__namespace.useId();
+    const inputId = id != null ? id : React25__namespace.useId();
     const hasValue = typeof value === "string" ? value !== "" : value !== void 0 && value !== null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -633,11 +633,11 @@ function PhoneCountrySelect({
   disabled
 }) {
   var _a;
-  const [open, setOpen] = React23__namespace.useState(false);
-  const containerRef = React23__namespace.useRef(null);
-  const listRef = React23__namespace.useRef(null);
+  const [open, setOpen] = React25__namespace.useState(false);
+  const containerRef = React25__namespace.useRef(null);
+  const listRef = React25__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -648,7 +648,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -918,8 +918,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React23__namespace.useRef(null);
-  React23__namespace.useEffect(() => {
+  const ref = React25__namespace.useRef(null);
+  React25__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -950,16 +950,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const [text, setText] = React23__namespace.useState(
+  const [open, setOpen] = React25__namespace.useState(false);
+  const [text, setText] = React25__namespace.useState(
     value ? dateFns.format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React23__namespace.useRef(null);
-  const inputId = React23__namespace.useId();
-  React23__namespace.useEffect(() => {
+  const containerRef = React25__namespace.useRef(null);
+  const inputId = React25__namespace.useId();
+  React25__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1168,14 +1168,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React23__namespace.useState("");
-  const [open, setOpen] = React23__namespace.useState(false);
-  const containerRef = React23__namespace.useRef(null);
-  const searchRef = React23__namespace.useRef(null);
+  const [query, setQuery] = React25__namespace.useState("");
+  const [open, setOpen] = React25__namespace.useState(false);
+  const containerRef = React25__namespace.useRef(null);
+  const searchRef = React25__namespace.useRef(null);
   const selected = list.find((c) => c.code === value);
   const isFloated = open || !!selected;
   const filtered = query.trim() ? list.filter((c) => c.name.toLowerCase().includes(query.toLowerCase())) : list;
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1289,7 +1289,7 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React23__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React25__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
   const isChecked = (opt) => {
@@ -1687,7 +1687,7 @@ function BookingShell({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border px-5 py-4 bg-muted/20", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading mb-2", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React25__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1886,7 +1886,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React23__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React25__namespace.useState(false);
   const i18n = (_a = TERMS_I18N[locale]) != null ? _a : TERMS_I18N.en;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border p-4 flex flex-col gap-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-muted-foreground font-heading uppercase tracking-widest", children: title }),
@@ -1955,7 +1955,7 @@ function BookingConfirmedCard({
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-foreground font-heading", children: bookingNumber })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground font-sans max-w-sm mx-auto leading-relaxed", children: message != null ? message : /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
         "A confirmation email has been sent to",
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: email || "your email" }),
@@ -1981,6 +1981,32 @@ function BookingConfirmedCard({
     )
   ] });
 }
+function TransferDetailsBlock({
+  label,
+  items,
+  className
+}) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: [
+        "w-full max-w-md mx-auto rounded-xl border border-border bg-muted/40 px-5 py-4 text-left",
+        className != null ? className : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-xs uppercase tracking-wide text-muted-foreground font-heading", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "space-y-1.5 text-sm font-mono", children: items.map(([term, value], i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: "text-muted-foreground shrink-0", children: [
+            term,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-foreground font-semibold break-all", children: value })
+        ] }, i)) })
+      ]
+    }
+  );
+}
 var WIZARD_STEPS_FN = (l) => {
   var _a, _b, _c, _d, _e, _f;
   return [
@@ -1998,9 +2024,9 @@ function BookingWizard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T;
   const wizardSteps = WIZARD_STEPS_FN(labels);
-  const [step, setStep] = React23__namespace.useState("responsible");
-  const [error, setError] = React23__namespace.useState(null);
-  const [responsible, setResponsible] = React23__namespace.useState({
+  const [step, setStep] = React25__namespace.useState("responsible");
+  const [error, setError] = React25__namespace.useState(null);
+  const [responsible, setResponsible] = React25__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2019,7 +2045,7 @@ function BookingWizard({
     return s + ((_b2 = (_a2 = a.slots) == null ? void 0 : _a2.children) != null ? _b2 : 0);
   }, 0);
   const totalPax = totalAdults + totalChildren;
-  const [travellers, setTravellers] = React23__namespace.useState(
+  const [travellers, setTravellers] = React25__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2027,9 +2053,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React23__namespace.useState("full");
-  const [payMethod, setPayMethod] = React23__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React23__namespace.useState(false);
+  const [payAmount, setPayAmount] = React25__namespace.useState("full");
+  const [payMethod, setPayMethod] = React25__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React25__namespace.useState(false);
   const setR = (k, v) => setResponsible((p) => __spreadProps(__spreadValues({}, p), { [k]: v }));
   const setT = (i, k, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { [k]: v }) : t));
   const setTDob = (i, v) => setTravellers((prev) => prev.map((t, idx) => idx === i ? __spreadProps(__spreadValues({}, t), { dateOfBirth: v }) : t));
@@ -2256,7 +2282,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React23__namespace.useState(false);
+  const [showBooking, setShowBooking] = React25__namespace.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
@@ -2617,7 +2643,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const [detailsOpen, setDetailsOpen] = React23__namespace.useState(false);
+  const [detailsOpen, setDetailsOpen] = React25__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3111,8 +3137,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React23__namespace.useState(() => createInitialAddFormData(config));
-  React23__namespace.useEffect(() => {
+  const [form, setForm] = React25__namespace.useState(() => createInitialAddFormData(config));
+  React25__namespace.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3172,7 +3198,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React23__namespace.useState(() => ({
+  const [form, setForm] = React25__namespace.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3181,7 +3207,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3461,38 +3487,38 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React23__namespace.useState({
+  const [addModalState, setAddModalState] = React25__namespace.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React23__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React23__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const handleRequestOpenAddModal = React23__namespace.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React25__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React25__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const handleRequestOpenAddModal = React25__namespace.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React23__namespace.useCallback(
+  const handleRequestOpenEditModal = React25__namespace.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React23__namespace.useCallback(
+  const handleRequestOpenDeleteModal = React25__namespace.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const closeAddModal = React23__namespace.useCallback(() => {
+  const closeAddModal = React25__namespace.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React23__namespace.useCallback(() => {
+  const closeEditModal = React25__namespace.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React23__namespace.useCallback(() => {
+  const closeDeleteModal = React25__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const submitInFlightRef = React23__namespace.useRef(false);
-  const handleAddSubmit = React23__namespace.useCallback(
+  const submitInFlightRef = React25__namespace.useRef(false);
+  const handleAddSubmit = React25__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3507,7 +3533,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React23__namespace.useCallback(
+  const handleEditSubmit = React25__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3522,7 +3548,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React23__namespace.useCallback(
+  const handleDeleteConfirm = React25__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -4252,7 +4278,7 @@ function BookingConfirmationEmail({
             }, children: i + 1 }) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { style: { verticalAlign: "top" }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "14px", color: emailTokens.bodyText, lineHeight: "1.6", margin: 0 }, children: step }) })
           ] }) }) }, i)) }),
-          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+          nextStepsImportant && nextStepsImportant.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { marginBottom: "32px", fontSize: "14px", color: emailTokens.foreground, lineHeight: "1.6" }, children: nextStepsImportant.split("\n").map((line, idx, arr) => /* @__PURE__ */ jsxRuntime.jsxs(React25__namespace.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
           ] }, idx)) })
@@ -4705,11 +4731,11 @@ function DatePickerField({
   fromDate,
   className
 }) {
-  const [open, setOpen] = React23__namespace.useState(false);
-  const containerRef = React23__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React23__namespace.useState();
+  const [open, setOpen] = React25__namespace.useState(false);
+  const containerRef = React25__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React25__namespace.useState();
   const hasValue = !!value;
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -4818,7 +4844,7 @@ function BookingForm({
   subtitle = "Free enquiry \u2013 no commitment",
   className
 }) {
-  const [values, setValues] = React23__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [values, setValues] = React25__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
   const set = (key, value) => setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -5355,11 +5381,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React23__namespace.useState(false);
-  const containerRef = React23__namespace.useRef(null);
+  const [open, setOpen] = React25__namespace.useState(false);
+  const containerRef = React25__namespace.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -5748,11 +5774,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React23__namespace.useMemo(
+  const L = React25__namespace.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS4), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React23__namespace.useMemo(
+  const sortedFields = React25__namespace.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -5760,7 +5786,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React23__namespace.useState(
+  const [internal, setInternal] = React25__namespace.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -5768,9 +5794,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React23__namespace.useState(false);
-  const [validationErrors, setValidationErrors] = React23__namespace.useState({});
-  React23__namespace.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React25__namespace.useState(false);
+  const [validationErrors, setValidationErrors] = React25__namespace.useState({});
+  React25__namespace.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -5827,7 +5853,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -6289,10 +6315,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React23__namespace.useId();
-  const inputRef = React23__namespace.useRef(null);
-  const [focused, setFocused] = React23__namespace.useState(false);
-  const digits = React23__namespace.useMemo(() => {
+  const baseId = id != null ? id : React25__namespace.useId();
+  const inputRef = React25__namespace.useRef(null);
+  const [focused, setFocused] = React25__namespace.useState(false);
+  const digits = React25__namespace.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -6408,7 +6434,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React23__namespace.createContext("default");
+var AccordionVariantContext = React25__namespace.createContext("default");
 function Accordion(_a) {
   var _b = _a, { className, variant = "default" } = _b, props = __objRest(_b, ["className", "variant"]);
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -6426,7 +6452,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React23__namespace.useContext(AccordionVariantContext);
+  const variant = React25__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -6447,7 +6473,7 @@ function AccordionTrigger(_a) {
     "className",
     "children"
   ]);
-  const variant = React23__namespace.useContext(AccordionVariantContext);
+  const variant = React25__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     accordion.Accordion.Trigger,
     __spreadProps(__spreadValues({
@@ -6501,7 +6527,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React23__namespace.useContext(AccordionVariantContext);
+  const variant = React25__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -6533,7 +6559,7 @@ function FilterPanel({
   title = "Filters",
   className
 }) {
-  const [internalValue, setInternalValue] = React23__namespace.useState(
+  const [internalValue, setInternalValue] = React25__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
@@ -6629,6 +6655,76 @@ function FilterPanel({
     )
   ] });
 }
+var TRUSTPILOT_SCRIPT_SRC = "https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js";
+function TrustpilotEmbed({ config }) {
+  var _a, _b, _c, _d, _e, _f;
+  const ref = React25__namespace.useRef(null);
+  React25__namespace.useEffect(() => {
+    if (typeof document === "undefined" || !ref.current) return;
+    let cancelled = false;
+    const initWidget = () => {
+      if (cancelled || !ref.current) return;
+      const tp = window.Trustpilot;
+      if (tp == null ? void 0 : tp.loadFromElement) {
+        tp.loadFromElement(ref.current, true);
+      }
+    };
+    const existing = document.querySelector(
+      `script[src="${TRUSTPILOT_SCRIPT_SRC}"]`
+    );
+    if (existing) {
+      const tp = window.Trustpilot;
+      if (tp == null ? void 0 : tp.loadFromElement) {
+        initWidget();
+      } else {
+        existing.addEventListener("load", initWidget, { once: true });
+      }
+      return () => {
+        cancelled = true;
+        existing.removeEventListener("load", initWidget);
+      };
+    }
+    const s = document.createElement("script");
+    s.src = TRUSTPILOT_SCRIPT_SRC;
+    s.async = true;
+    s.addEventListener("load", initWidget, { once: true });
+    document.body.appendChild(s);
+    return () => {
+      cancelled = true;
+      s.removeEventListener("load", initWidget);
+    };
+  }, [config]);
+  const sku = Array.isArray(config.sku) ? config.sku.join(",") : config.sku;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: "trustpilot-widget",
+      "data-locale": (_a = config.locale) != null ? _a : "en-US",
+      "data-template-id": (_b = config.templateId) != null ? _b : "5763bccae0a06d08e809ecbb",
+      "data-businessunit-id": config.businessUnitId,
+      "data-style-height": (_c = config.styleHeight) != null ? _c : "700px",
+      "data-style-width": (_d = config.styleWidth) != null ? _d : "100%",
+      "data-sku": sku,
+      "data-no-reviews": (_e = config.noReviews) != null ? _e : "hide",
+      "data-fullwidth": "true",
+      "data-theme": config.theme,
+      "data-token": config.token,
+      "data-scroll-to-list": config.scrollToList ? "true" : void 0,
+      "data-style-alignment": config.styleAlignment,
+      "data-star-color": config.starColor,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: (_f = config.fallbackHref) != null ? _f : "https://www.trustpilot.com/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Trustpilot"
+        }
+      )
+    }
+  );
+}
 function ItineraryDayCard({
   stop,
   onOpen
@@ -6695,11 +6791,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React23__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React25__namespace.useState(0);
   const images = stop ? [stop.coverImage, ...(_a = stop.images) != null ? _a : []] : [];
   const isFirst = (stop == null ? void 0 : stop.dayNumber) === ((_b = allStops[0]) == null ? void 0 : _b.dayNumber);
   const isLast = (stop == null ? void 0 : stop.dayNumber) === ((_c = allStops[allStops.length - 1]) == null ? void 0 : _c.dayNumber);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -6826,8 +6922,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React23__namespace.useState(null);
-  const scrollRef = React23__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React25__namespace.useState(null);
+  const scrollRef = React25__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -6905,147 +7001,6 @@ function Itinerary({ title, subtitle, stops, className }) {
     )
   ] });
 }
-function MenuTrip({
-  sections,
-  activeSection,
-  onSelect,
-  variant = "pill",
-  bold = true,
-  className
-}) {
-  const scrollRef = React23__namespace.useRef(null);
-  React23__namespace.useEffect(() => {
-    if (!scrollRef.current || !activeSection) return;
-    const container = scrollRef.current;
-    const btn = container.querySelector(
-      `[data-section="${activeSection}"]`
-    );
-    if (!btn) return;
-    const btnLeft = btn.offsetLeft;
-    const btnRight = btnLeft + btn.offsetWidth;
-    const cLeft = container.scrollLeft;
-    const cRight = cLeft + container.offsetWidth;
-    if (btnLeft < cLeft) {
-      container.scrollTo({ left: btnLeft - 16, behavior: "smooth" });
-    } else if (btnRight > cRight) {
-      container.scrollTo({ left: btnRight - container.offsetWidth + 16, behavior: "smooth" });
-    }
-  }, [activeSection]);
-  if (variant === "underline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          "border-b border-border",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-end gap-0", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "relative px-4 py-2.5 text-sm font-ui whitespace-nowrap transition-colors duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
-              "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:transition-all",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "text-foreground after:bg-primary" : "text-muted-foreground hover:text-foreground after:bg-transparent"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  if (variant === "outlined") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-2", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "rounded-full border px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:border-foreground/50 hover:text-foreground"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  if (variant === "floating") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: scrollRef,
-        className: cn(
-          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-          "py-1 px-0.5",
-          /* padding so shadow isn't clipped by overflow */
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-0.5 rounded-full border border-border/40 bg-background/90 backdrop-blur-md shadow-sm px-1.5 py-1.5", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            "data-section": s.id,
-            type: "button",
-            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-            className: cn(
-              "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              bold ? "font-semibold" : "font-normal",
-              activeSection === s.id ? "bg-foreground text-background shadow-sm" : "text-foreground/60 hover:text-foreground hover:bg-muted/60"
-            ),
-            children: s.label
-          },
-          s.id
-        )) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: scrollRef,
-      className: cn(
-        "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-1 p-1", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          "data-section": s.id,
-          type: "button",
-          onClick: () => onSelect == null ? void 0 : onSelect(s.id),
-          className: cn(
-            "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            bold ? "font-semibold" : "font-normal",
-            activeSection === s.id ? "bg-foreground text-background shadow-sm" : "bg-white text-foreground/70 hover:text-foreground shadow-sm"
-          ),
-          children: s.label
-        },
-        s.id
-      )) })
-    }
-  );
-}
 function normalise(p) {
   return typeof p === "string" ? { src: p } : p;
 }
@@ -7060,18 +7015,18 @@ function Lightbox({
   onClose
 }) {
   var _a;
-  const [index, setIndex] = React23__namespace.useState(initialIndex);
+  const [index, setIndex] = React25__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React23__namespace.useCallback(
+  const prev = React25__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React23__namespace.useCallback(
+  const next = React25__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -7145,55 +7100,27 @@ function Lightbox({
             ]
           }
         ),
-        total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "absolute bottom-5 inset-x-0 flex items-center justify-center gap-3 px-5",
+            className: "absolute bottom-5 inset-x-0 flex items-center justify-center px-5",
             onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    prev();
-                  },
-                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
-                  "aria-label": "Previous photo",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-4 w-4" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    setIndex(i);
-                  },
-                  "aria-label": `Go to photo ${i + 1}`,
-                  className: cn(
-                    "h-1.5 rounded-full transition-all duration-300 focus-visible:outline-none",
-                    i === index ? "w-6 bg-primary" : "w-1.5 bg-white/40 hover:bg-white/70"
-                  )
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setIndex(i);
                 },
-                i
-              )) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    next();
-                  },
-                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors",
-                  "aria-label": "Next photo",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-4 w-4" })
-                }
-              )
-            ]
+                "aria-label": `Go to photo ${i + 1}`,
+                className: cn(
+                  "h-1.5 rounded-full transition-all duration-300 focus-visible:outline-none",
+                  i === index ? "w-6 bg-primary" : "w-1.5 bg-white/40 hover:bg-white/70"
+                )
+              },
+              i
+            )) })
           }
         )
       ]
@@ -7265,7 +7192,7 @@ function GridGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23__namespace.useState(false);
+  const [expanded, setExpanded] = React25__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -7295,7 +7222,7 @@ function MasonryGallery({
   initialVisible,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23__namespace.useState(false);
+  const [expanded, setExpanded] = React25__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -7368,7 +7295,7 @@ function FeaturedGallery({
   photos,
   onOpen
 }) {
-  const [expanded, setExpanded] = React23__namespace.useState(false);
+  const [expanded, setExpanded] = React25__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -7438,66 +7365,386 @@ function FeaturedGallery({
     )
   ] });
 }
-function PhotoGallery({
+function CarouselGallery({
   photos,
-  variant = "grid",
-  initialVisible = 6,
-  onPhotoClick,
+  index,
+  onIndexChange,
+  onOpen,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React23__namespace.useState(null);
-  const normalised = React23__namespace.useMemo(() => photos.map(normalise), [photos]);
-  const handleOpen = (index) => {
-    setLightboxIndex(index);
-    onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
-  };
-  if (normalised.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
-    variant === "grid" && /* @__PURE__ */ jsxRuntime.jsx(
-      GridGallery,
-      {
-        photos: normalised,
-        initialVisible,
-        onOpen: handleOpen
-      }
-    ),
-    variant === "masonry" && /* @__PURE__ */ jsxRuntime.jsx(
-      MasonryGallery,
-      {
-        photos: normalised,
-        initialVisible,
-        onOpen: handleOpen
-      }
-    ),
-    variant === "filmstrip" && /* @__PURE__ */ jsxRuntime.jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
-    variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
-    lightboxIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
-      Lightbox,
-      {
-        photos: normalised,
-        initialIndex: lightboxIndex,
-        onClose: () => setLightboxIndex(null)
-      }
-    )
-  ] });
-}
-var badgeVariants = classVarianceAuthority.cva(
-  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
+  var _a;
+  const total = photos.length;
+  const photo = photos[index];
+  const prev = () => onIndexChange((index - 1 + total) % total);
+  const next = () => onIndexChange((index + 1) % total);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpen(index),
+            "aria-label": `Open photo ${index + 1} fullscreen`,
+            className: "absolute inset-0 w-full h-full cursor-zoom-in focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: photo.src,
+                alt: (_a = photo.alt) != null ? _a : `Photo ${index + 1}`,
+                className: "h-full w-full object-cover transition-transform duration-500 group-hover/photo:scale-[1.02]",
+                loading: "lazy"
+              },
+              photo.src
+            )
+          }
+        ),
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: prev,
+              "aria-label": "Previous photo",
+              className: cn(
+                "absolute left-3 sm:left-4 top-1/2 -translate-y-1/2 z-10",
+                "flex h-8 w-8 items-center justify-center rounded-full",
+                "bg-black/25 text-white backdrop-blur-sm",
+                "hover:bg-black/45 transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: next,
+              "aria-label": "Next photo",
+              className: cn(
+                "absolute right-3 sm:right-4 top-1/2 -translate-y-1/2 z-10",
+                "flex h-8 w-8 items-center justify-center rounded-full",
+                "bg-black/25 text-white backdrop-blur-sm",
+                "hover:bg-black/45 transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        total > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-3 sm:bottom-4 inset-x-0 z-10 flex justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto flex items-center gap-1.5 rounded-full bg-black/25 backdrop-blur-sm px-2 py-1.5", children: photos.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onIndexChange(i),
+            "aria-label": `Go to photo ${i + 1}`,
+            className: cn(
+              "h-1.5 rounded-full transition-all duration-300",
+              i === index ? "w-5 bg-white" : "w-1.5 bg-white/45 hover:bg-white/75"
+            )
+          },
+          i
+        )) }) })
+      ]
+    }
+  );
+}
+function PhotoGallery({
+  photos,
+  variant = "grid",
+  initialVisible = 6,
+  onPhotoClick,
+  className
+}) {
+  const [lightboxIndex, setLightboxIndex] = React25__namespace.useState(null);
+  const [carouselIndex, setCarouselIndex] = React25__namespace.useState(0);
+  const normalised = React25__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const handleOpen = (index) => {
+    setLightboxIndex(index);
+    onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
+  };
+  if (normalised.length === 0) return null;
+  const lightbox = lightboxIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+    Lightbox,
+    {
+      photos: normalised,
+      initialIndex: lightboxIndex,
+      onClose: () => setLightboxIndex(null)
+    }
+  );
+  if (variant === "carousel" || variant === "fullBleed") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CarouselGallery,
+        {
+          photos: normalised,
+          index: carouselIndex,
+          onIndexChange: setCarouselIndex,
+          onOpen: handleOpen,
+          className: cn(
+            variant === "carousel" && "rounded-2xl",
+            variant === "fullBleed" && "w-screen mx-[calc(50%-50vw)] lg:w-full lg:mx-0",
+            className
+          )
+        }
+      ),
+      lightbox
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
+    variant === "grid" && /* @__PURE__ */ jsxRuntime.jsx(
+      GridGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "masonry" && /* @__PURE__ */ jsxRuntime.jsx(
+      MasonryGallery,
+      {
+        photos: normalised,
+        initialVisible,
+        onOpen: handleOpen
+      }
+    ),
+    variant === "filmstrip" && /* @__PURE__ */ jsxRuntime.jsx(FilmstripGallery, { photos: normalised, onOpen: handleOpen }),
+    variant === "featured" && /* @__PURE__ */ jsxRuntime.jsx(FeaturedGallery, { photos: normalised, onOpen: handleOpen }),
+    lightbox
+  ] });
+}
+var itineraryDaySpecIcons = {
+  hiking: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FootprintsIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  swimming: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WavesIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  driving: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CarIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  boat: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SailboatIcon, { className: "h-5 w-5", strokeWidth: 1.75 }),
+  lodging: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HomeIcon, { className: "h-5 w-5", strokeWidth: 1.75 })
+};
+function normalisePhotos(input) {
+  const list = Array.isArray(input) ? input : [input];
+  return list.filter(Boolean).map((p) => typeof p === "string" ? { src: p } : p);
+}
+function ItineraryDay({
+  dayNumber,
+  dayLabel,
+  title,
+  photos,
+  specs,
+  description,
+  photoLayout = "rounded",
+  className
+}) {
+  const photoList = React25__namespace.useMemo(() => normalisePhotos(photos), [photos]);
+  const isFullBleed = photoLayout === "fullBleed" || photoLayout === "fullBleedBottom";
+  const photoPosition = photoLayout === "fullBleedBottom" ? "bottom" : "top";
+  const gallery = photoList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    PhotoGallery,
+    {
+      photos: photoList,
+      variant: isFullBleed ? "fullBleed" : "carousel"
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("w-full flex flex-col gap-5", className), children: [
+    photoPosition === "top" && gallery,
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground font-ui", children: dayLabel != null ? dayLabel : `Day ${dayNumber}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl font-bold text-foreground leading-tight font-heading", children: title })
+    ] }),
+    specs && specs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-3 sm:gap-2.5", children: specs.map((spec, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: "flex items-start gap-3 text-base text-foreground font-ui",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-foreground", "aria-hidden": true, children: spec.icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: spec.label }),
+              spec.detail && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: spec.detail })
+            ] }),
+            spec.subdetail && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: spec.subdetail })
+          ] })
+        ]
+      },
+      i
+    )) }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "text-base text-foreground/85 leading-relaxed space-y-3",
+          "[&_strong]:font-semibold [&_strong]:text-foreground",
+          "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 hover:[&_a]:no-underline"
+        ),
+        children: description
+      }
+    ),
+    photoPosition === "bottom" && gallery
+  ] });
+}
+function MenuTrip({
+  sections,
+  activeSection,
+  onSelect,
+  variant = "pill",
+  bold = true,
+  className
+}) {
+  const scrollRef = React25__namespace.useRef(null);
+  React25__namespace.useEffect(() => {
+    if (!scrollRef.current || !activeSection) return;
+    const container = scrollRef.current;
+    const btn = container.querySelector(
+      `[data-section="${activeSection}"]`
+    );
+    if (!btn) return;
+    const btnLeft = btn.offsetLeft;
+    const btnRight = btnLeft + btn.offsetWidth;
+    const cLeft = container.scrollLeft;
+    const cRight = cLeft + container.offsetWidth;
+    if (btnLeft < cLeft) {
+      container.scrollTo({ left: btnLeft - 16, behavior: "smooth" });
+    } else if (btnRight > cRight) {
+      container.scrollTo({ left: btnRight - container.offsetWidth + 16, behavior: "smooth" });
+    }
+  }, [activeSection]);
+  if (variant === "underline") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "border-b border-border",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-end gap-0", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "relative px-4 py-2.5 text-sm font-ui whitespace-nowrap transition-colors duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+              "after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full after:transition-all",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "text-foreground after:bg-primary" : "text-muted-foreground hover:text-foreground after:bg-transparent"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-2", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full border px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "border-foreground bg-foreground text-background" : "border-border bg-background text-muted-foreground hover:border-foreground/50 hover:text-foreground"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  if (variant === "floating") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: cn(
+          "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+          "py-1 px-0.5",
+          /* padding so shadow isn't clipped by overflow */
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-0.5 rounded-full border border-border/40 bg-background/90 backdrop-blur-md shadow-sm px-1.5 py-1.5", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            "data-section": s.id,
+            type: "button",
+            onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+            className: cn(
+              "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              bold ? "font-semibold" : "font-normal",
+              activeSection === s.id ? "bg-foreground text-background shadow-sm" : "text-foreground/60 hover:text-foreground hover:bg-muted/60"
+            ),
+            children: s.label
+          },
+          s.id
+        )) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: scrollRef,
+      className: cn(
+        "overflow-x-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex min-w-max items-center gap-1 p-1", children: sections.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "data-section": s.id,
+          type: "button",
+          onClick: () => onSelect == null ? void 0 : onSelect(s.id),
+          className: cn(
+            "rounded-full px-4 py-1.5 text-sm font-ui whitespace-nowrap transition-all duration-150",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            bold ? "font-semibold" : "font-normal",
+            activeSection === s.id ? "bg-foreground text-background shadow-sm" : "bg-white text-foreground/70 hover:text-foreground shadow-sm"
+          ),
+          children: s.label
+        },
+        s.id
+      )) })
+    }
+  );
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
 );
 function Badge(_a) {
   var _b = _a, {
@@ -7529,34 +7776,124 @@ function PricingTrip({
   currency = "CHF",
   season,
   departureTimes,
-  pricingOptions,
   onBook,
   bookLabel = "Check availability",
   variant = "card",
+  sharp = false,
+  belowPrice,
+  benefits,
+  currencyEstimates,
+  priceInfo,
   className
 }) {
-  const [showPricing, setShowPricing] = React23__namespace.useState(false);
+  const rOuter = sharp ? "rounded-none" : "rounded-2xl";
+  const [showEstimates, setShowEstimates] = React25__namespace.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React25__namespace.useState(false);
   if (variant === "compact") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
-          currency,
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: priceFrom })
-        ] })
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground font-ui leading-none mb-0.5", children: "from" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-1.5 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-foreground font-heading leading-none", children: [
+              currency,
+              " ",
+              priceFrom,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-normal text-muted-foreground font-ui ml-1", children: "/ per person" })
+            ] }),
+            (priceInfo || currencyEstimates && currencyEstimates.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowPriceInfo((v) => !v),
+                "aria-label": "Price details and currency estimates",
+                "aria-expanded": showPriceInfo,
+                className: cn(
+                  "inline-flex h-4 w-4 items-center justify-center rounded-full translate-y-px",
+                  "text-muted-foreground hover:text-foreground transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.ChevronDownIcon,
+                  {
+                    className: cn(
+                      "h-4 w-4 transition-transform",
+                      showPriceInfo && "rotate-180"
+                    )
+                  }
+                )
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onBook,
+            className: cn(
+              "shrink-0 rounded-full bg-primary px-5 py-2 text-sm font-semibold",
+              "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: bookLabel
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+      showPriceInfo && (priceInfo || currencyEstimates && currencyEstimates.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
         {
-          type: "button",
-          onClick: onBook,
           className: cn(
-            "flex-1 rounded-full bg-primary px-4 py-2 text-sm font-semibold",
-            "text-primary-foreground font-ui transition-colors hover:bg-primary/90",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            "rounded-xl border border-border bg-muted/40 overflow-hidden",
+            "font-ui text-sm leading-relaxed text-foreground"
           ),
-          children: bookLabel
+          children: [
+            priceInfo && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "p-3",
+                  "[&_a]:font-semibold [&_a]:text-primary [&_a]:underline-offset-4",
+                  "[&_a]:underline [&_a]:decoration-primary/30 hover:[&_a]:decoration-primary"
+                ),
+                children: priceInfo
+              }
+            ),
+            currencyEstimates && currencyEstimates.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "bg-background",
+                  priceInfo && "border-t border-border"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pt-3 pb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "See estimates in other currencies" }),
+                  currencyEstimates.map((est, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "flex items-center justify-between px-3 py-2 text-sm",
+                        "border-t border-border"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: est.currency }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-foreground", children: [
+                          est.symbol ? `${est.symbol} ` : "",
+                          est.price
+                        ] })
+                      ]
+                    },
+                    i
+                  )),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "px-3 py-2 text-[11px] leading-snug text-muted-foreground bg-muted/40 italic border-t border-border", children: [
+                    "Estimates based on the current exchange rate. The final price charged is in ",
+                    currency,
+                    "."
+                  ] })
+                ]
+              }
+            )
+          ]
         }
       )
     ] });
@@ -7566,7 +7903,8 @@ function PricingTrip({
       "div",
       {
         className: cn(
-          "flex items-center gap-4 rounded-2xl border border-border bg-card px-5 py-3 shadow-sm",
+          "flex items-center gap-4 border border-border bg-card px-5 py-3 shadow-sm",
+          rOuter,
           className
         ),
         children: [
@@ -7610,67 +7948,103 @@ function PricingTrip({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide", children: "From" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-3xl font-bold text-foreground font-heading", children: [
-        currency,
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: priceFrom }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-normal text-muted-foreground font-ui", children: " / guest" })
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-2xl font-bold text-foreground font-heading flex items-center gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          currency,
+          " ",
+          priceFrom,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-normal text-muted-foreground font-ui", children: " / per person" })
+        ] }),
+        priceInfo && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowPriceInfo((v) => !v),
+            "aria-label": "Why does the price vary?",
+            "aria-expanded": showPriceInfo,
+            className: cn(
+              "inline-flex h-5 w-5 items-center justify-center rounded-full",
+              "translate-y-[3px] -translate-x-[3px]",
+              "text-muted-foreground hover:text-foreground transition-colors",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronDownIcon,
+              {
+                className: cn(
+                  "h-4 w-4 transition-transform",
+                  showPriceInfo && "rotate-180"
+                )
+              }
+            )
+          }
+        )
       ] })
     ] }),
-    season && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-sm text-muted-foreground font-ui", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-4 w-4 shrink-0 text-primary mt-0.5" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: season })
-    ] }),
-    departureTimes && departureTimes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-foreground font-ui uppercase tracking-wide", children: "Departure times" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: departureTimes.map((t) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "font-ui text-xs", children: t }, t)) })
-    ] }),
-    pricingOptions && pricingOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    priceInfo && showPriceInfo && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "rounded-xl border border-border bg-muted/40 p-4",
+          "font-ui text-sm leading-relaxed text-foreground",
+          "[&_a]:font-semibold [&_a]:text-primary [&_a]:underline-offset-4",
+          "[&_a]:underline [&_a]:decoration-primary/30 hover:[&_a]:decoration-primary"
+        ),
+        children: priceInfo
+      }
+    ),
+    belowPrice && /* @__PURE__ */ jsxRuntime.jsx("div", { children: belowPrice }),
+    benefits && benefits.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: benefits.map((b, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: "flex items-start gap-2.5 text-sm text-foreground font-ui",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4 shrink-0 text-primary mt-0.5" }),
+          b
+        ]
+      },
+      i
+    )) }),
+    currencyEstimates && currencyEstimates.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          onClick: () => setShowPricing((v) => !v),
+          onClick: () => setShowEstimates((v) => !v),
           className: "flex items-center gap-1 text-xs text-primary font-ui text-left hover:underline underline-offset-2",
-          children: showPricing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            "Show pricing options ",
+          children: showEstimates ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            "Hide estimates in other currencies ",
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-3 w-3" })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            "Show pricing options ",
+            "Show estimates in other currencies ",
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-3 w-3" })
           ] })
         }
       ),
-      showPricing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-border overflow-hidden", children: pricingOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "flex items-center justify-between px-3 py-2.5 text-sm",
-            i < pricingOptions.length - 1 && "border-b border-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-ui", children: opt.label }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-right", children: [
-              opt.originalPrice && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground line-through font-ui", children: [
-                currency,
-                " ",
-                opt.originalPrice
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-foreground font-ui", children: [
-                currency,
-                " ",
-                opt.price,
-                opt.unit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-normal text-muted-foreground", children: [
-                  " ",
-                  "/ ",
-                  opt.unit
-                ] })
+      showEstimates && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border overflow-hidden", children: [
+        currencyEstimates.map((est, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between px-3 py-2 text-sm font-ui",
+              i < currencyEstimates.length - 1 && "border-b border-border"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: est.currency }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-foreground", children: [
+                est.symbol ? `${est.symbol} ` : "",
+                est.price
               ] })
-            ] })
-          ]
-        },
-        i
-      )) })
+            ]
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "px-3 py-2 text-[11px] leading-snug text-muted-foreground bg-muted/40 italic font-ui border-t border-border", children: [
+          "Estimates based on the current exchange rate. The final price charged is in ",
+          currency,
+          "."
+        ] })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -7858,14 +8232,14 @@ function SiteHeader({
   className
 }) {
   const t = VARIANT[variant];
-  const [openMenu, setOpenMenu] = React23__namespace.useState(null);
-  const [langOpen, setLangOpen] = React23__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React23__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React23__namespace.useState(null);
-  const [activeLang, setActiveLang] = React23__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React25__namespace.useState(null);
+  const [langOpen, setLangOpen] = React25__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React25__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React25__namespace.useState(null);
+  const [activeLang, setActiveLang] = React25__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React23__namespace.useRef(void 0);
-  const langCloseTimer = React23__namespace.useRef(void 0);
+  const menuCloseTimer = React25__namespace.useRef(void 0);
+  const langCloseTimer = React25__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -7886,7 +8260,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React23__namespace.useEffect(() => () => {
+  React25__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -8151,7 +8525,7 @@ function SiteHeader({
               ), children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: languages.map((lang, i) => {
                   const isActive = lang.code === activeLang;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React25__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -8213,8 +8587,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React23__namespace.useState(false);
-  React23__namespace.useEffect(() => {
+  const [dark, setDark] = React25__namespace.useState(false);
+  React25__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -8365,7 +8739,7 @@ function TripCard({
   );
 }
 function useHlsVideo(videoRef, src) {
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -8402,16 +8776,17 @@ function TripHeader({
   destination,
   duration,
   tagline,
+  belowMeta,
   siteHeader,
   uiVariant = "v1",
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React23__namespace.useState(0);
-  const [videoReady, setVideoReady] = React23__namespace.useState(false);
-  const videoRef = React23__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React25__namespace.useState(0);
+  const [videoReady, setVideoReady] = React25__namespace.useState(false);
+  const videoRef = React25__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React23__namespace.useMemo(
+  const validImages = React25__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -8426,7 +8801,7 @@ function TripHeader({
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
   const hasMeta = !!(destination || duration);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -8568,7 +8943,7 @@ function TripHeader({
               siteHeader ? "-mt-44" : "-mt-36"
             ),
             children: [
-              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+              breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-center gap-1.5 flex-wrap", children: breadcrumb.map((crumb, i) => /* @__PURE__ */ jsxRuntime.jsxs(React25__namespace.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/70 font-ui hover:text-white/90 cursor-default", children: crumb.label })
               ] }, i)) }),
@@ -8593,7 +8968,8 @@ function TripHeader({
                     duration.days === 1 ? "dia" : "dias"
                   ] })
                 ] })
-              ] }) : tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null
+              ] }) : tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm sm:text-base text-white/80 font-ui", children: tagline }) : null,
+              belowMeta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: belowMeta })
             ]
           }
         ) })
@@ -8626,12 +9002,12 @@ function ItineraryTimeline({ steps }) {
         ] }),
         step.isTransfer && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs font-ui h-5 px-2", children: "Transfer" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-muted-foreground leading-relaxed [&_p:not(:last-child)]:mb-2 [&_strong]:text-foreground [&_strong]:font-semibold", children: step.description })
     ] })
   ] }, i)) });
 }
 function Checklist({ items, icon }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2.5 text-sm text-foreground", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2.5 text-base text-foreground", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-primary", children: icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "h-4 w-4" }) }),
     item
   ] }, i)) });
@@ -8646,21 +9022,36 @@ function TripPage({
   breadcrumb,
   highlights,
   infoGroups,
+  keyInfo,
   recommendedFor,
   overview,
+  overviewHighlights,
   itinerary,
+  itineraryDays,
   gallery,
   included,
+  notIncluded,
   whatToBring,
   weather,
+  optionalExtras,
+  accommodation,
+  food,
+  termsAndConditions,
   meetingPoints,
+  meetingPoint,
   faqs,
+  sectionIcons,
   reviews,
+  trustpilot,
+  trustpilotMini,
+  trustpilotHero,
   priceFrom,
   currency = "CHF",
   season,
   departureTimes,
-  pricingOptions,
+  benefits,
+  currencyEstimates,
+  priceInfo,
   onBook,
   bookLabel,
   siteHeader,
@@ -8668,34 +9059,51 @@ function TripPage({
   features,
   className
 }) {
-  const [activeSection, setActiveSection] = React23__namespace.useState("");
-  const [navFloating, setNavFloating] = React23__namespace.useState(false);
-  const [navHidden, setNavHidden] = React23__namespace.useState(false);
-  const [isFloating, setIsFloating] = React23__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React23__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React23__namespace.useState(false);
-  const navRef = React23__namespace.useRef(null);
-  const navSentinelRef = React23__namespace.useRef(null);
-  const sentinelRef = React23__namespace.useRef(null);
-  const sidebarPlaceholderRef = React23__namespace.useRef(null);
-  const pricingBarRef = React23__namespace.useRef(null);
-  const galleryRef = React23__namespace.useRef(null);
-  const sections = React23__namespace.useMemo(
+  const [activeSection, setActiveSection] = React25__namespace.useState("");
+  const [accordionValue, setAccordionValue] = React25__namespace.useState([]);
+  const accordionSectionIds = React25__namespace.useMemo(
+    () => /* @__PURE__ */ new Set([
+      "key-info",
+      "what-to-bring",
+      "weather",
+      "optional-extras",
+      "accommodation",
+      "food",
+      "meeting",
+      "terms"
+    ]),
+    []
+  );
+  const [navFloating, setNavFloating] = React25__namespace.useState(false);
+  const [navHidden, setNavHidden] = React25__namespace.useState(false);
+  const [isFloating, setIsFloating] = React25__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React25__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React25__namespace.useState(false);
+  const navRef = React25__namespace.useRef(null);
+  const navSentinelRef = React25__namespace.useRef(null);
+  const sentinelRef = React25__namespace.useRef(null);
+  const sidebarPlaceholderRef = React25__namespace.useRef(null);
+  const pricingBarRef = React25__namespace.useRef(null);
+  const galleryRef = React25__namespace.useRef(null);
+  const sections = React25__namespace.useMemo(
     () => [
-      { id: "key-info", label: "Key info", show: !!(infoGroups == null ? void 0 : infoGroups.length) },
-      { id: "overview", label: "Overview", show: !!overview },
-      { id: "itinerary", label: "Itinerary", show: !!(itinerary == null ? void 0 : itinerary.length) },
-      { id: "included", label: "Included", show: !!((included == null ? void 0 : included.length) || (whatToBring == null ? void 0 : whatToBring.length)) },
-      { id: "what-to-bring", label: "What to bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
-      { id: "weather", label: "Weather", show: !!weather },
-      { id: "meeting", label: "Meeting point", show: !!(meetingPoints == null ? void 0 : meetingPoints.length) },
+      { id: "overview", label: "Overview", show: !!(overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) },
+      {
+        id: "itinerary",
+        label: "Itinerary",
+        show: !!((itineraryDays == null ? void 0 : itineraryDays.length) || (itinerary == null ? void 0 : itinerary.length))
+      },
+      { id: "included", label: "What is Included", show: !!(included == null ? void 0 : included.length) },
+      { id: "what-to-bring", label: "What to Bring", show: !!(whatToBring == null ? void 0 : whatToBring.length) },
+      { id: "accommodation", label: "Accommodation", show: !!accommodation },
+      { id: "terms", label: "Terms", show: !!termsAndConditions },
       { id: "faq", label: "FAQ", show: !!(faqs == null ? void 0 : faqs.length) },
-      { id: "gallery", label: "Photos", show: !!(gallery == null ? void 0 : gallery.length) }
+      { id: "reviews", label: "Reviews", show: !!(trustpilot || (reviews == null ? void 0 : reviews.length)) }
     ].filter((s) => s.show),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -8703,7 +9111,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -8711,7 +9119,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -8721,7 +9129,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const check = () => {
       var _a;
       const target = (_a = galleryRef.current) != null ? _a : pricingBarRef.current;
@@ -8732,7 +9140,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -8741,7 +9149,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -8776,20 +9184,28 @@ function TripPage({
     }
   };
   const scrollToSection = (id) => {
-    var _a, _b, _c;
-    const el = document.getElementById(`trip-section-${id}`);
-    if (!el) return;
-    const navHeight = (_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56;
-    const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
-    const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
-    const elTop = el.getBoundingClientRect().top;
-    const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
-    const target = currentScroll + (elTop - containerTop) - navHeight - 12;
-    if (scrollEl) {
-      scrollEl.scrollTo({ top: target, behavior: "smooth" });
-    } else {
-      window.scrollTo({ top: target, behavior: "smooth" });
+    const performScroll = () => {
+      var _a, _b, _c;
+      const el = document.getElementById(`trip-section-${id}`);
+      if (!el) return;
+      const navHeight = (_b = (_a = navRef.current) == null ? void 0 : _a.offsetHeight) != null ? _b : 56;
+      const scrollEl = (_c = navRef.current) == null ? void 0 : _c.closest("main");
+      const currentScroll = scrollEl ? scrollEl.scrollTop : window.scrollY;
+      const elTop = el.getBoundingClientRect().top;
+      const containerTop = scrollEl ? scrollEl.getBoundingClientRect().top : 0;
+      const target = currentScroll + (elTop - containerTop) - navHeight - 12;
+      if (scrollEl) {
+        scrollEl.scrollTo({ top: target, behavior: "smooth" });
+      } else {
+        window.scrollTo({ top: target, behavior: "smooth" });
+      }
+    };
+    if (accordionSectionIds.has(id)) {
+      setAccordionValue([id]);
+      window.setTimeout(performScroll, 320);
+      return;
     }
+    performScroll();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -8809,10 +9225,11 @@ function TripPage({
             duration,
             tagline,
             siteHeader,
-            uiVariant
+            uiVariant,
+            belowMeta: trustpilotHero ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8", children: [
           highlights && highlights.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex flex-wrap justify-center gap-6 py-2", children: highlights.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
             h.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full border-2 border-border text-foreground", children: h.icon }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-foreground font-ui", children: h.label })
@@ -8822,7 +9239,7 @@ function TripPage({
             "div",
             {
               className: cn(
-                "py-2 flex justify-center transition-opacity duration-150",
+                "pt-8 pb-2 flex justify-center transition-opacity duration-150",
                 navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -8839,67 +9256,208 @@ function TripPage({
           /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sentinelRef, className: "h-px -mt-px", "aria-hidden": true }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-8 mt-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-12 pb-12", children: [
-              infoGroups && infoGroups.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-key-info", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Key info" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: infoGroups.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
-                    group.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: group.icon }),
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading", children: group.title })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: group.items }),
-                  i < infoGroups.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-6" })
-                ] }, i)) })
-              ] }),
-              overview && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-overview", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-4", children: "Overview" }),
-                recommendedFor && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5 rounded-xl bg-primary/8 border border-primary/20 p-4 mb-4", children: [
+              (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-overview", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.overview) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.overview }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-5 w-5 text-primary" }),
+                  "Overview"
+                ] }),
+                overview && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: overview }),
+                overviewHighlights && overviewHighlights.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-col gap-5", overview && "mt-8"), children: overviewHighlights.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-4", children: [
+                  h.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center text-foreground [&_svg]:h-8 [&_svg]:w-8", children: h.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 pt-1 text-base text-foreground leading-relaxed [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: h.description })
+                ] }, i)) }),
+                recommendedFor && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-start gap-2.5 rounded-xl bg-primary/8 border border-primary/20 p-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "h-4 w-4 text-primary mt-0.5 shrink-0" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-foreground font-ui", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base text-foreground font-ui", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Recommended for: " }),
                     recommendedFor
                   ] })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: overview })
+                ] })
               ] }),
-              itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "Itinerary" }),
+              itineraryDays && itineraryDays.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-5 w-5 text-primary" }),
+                  "Itinerary"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-12", children: itineraryDays.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+                  ItineraryDay,
+                  __spreadProps(__spreadValues({}, day), {
+                    photoLayout: "fullBleedBottom"
+                  }),
+                  day.dayNumber
+                )) })
+              ] }) : itinerary && itinerary.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-itinerary", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-6 flex items-center gap-2", children: [
+                  (sectionIcons == null ? void 0 : sectionIcons.itinerary) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.itinerary }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClockIcon, { className: "h-5 w-5 text-primary" }),
+                  "Itinerary"
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary })
               ] }),
               included && included.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-included", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, { className: "h-5 w-5 text-primary" }),
+                  (sectionIcons == null ? void 0 : sectionIcons.whatIsIncluded) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whatIsIncluded }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, { className: "h-5 w-5 text-primary" }),
                   "Included"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: included })
               ] }),
-              whatToBring && whatToBring.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-what-to-bring", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PackageIcon, { className: "h-5 w-5 text-primary" }),
-                  "What to bring"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4" }) })
-              ] }),
-              weather && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-weather", className: "scroll-mt-20", children: [
+              notIncluded && notIncluded.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-not-included", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-5 w-5 text-primary" }),
-                  "Weather"
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5 text-muted-foreground" }),
+                  "Not included"
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-3 rounded-xl bg-muted/60 border border-border p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground leading-relaxed space-y-2 [&_strong]:font-semibold", children: weather }) })
-              ] }),
-              meetingPoints && meetingPoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-meeting", className: "scroll-mt-20", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl font-bold text-foreground font-heading mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-5 w-5 text-primary" }),
-                  "Meeting point"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    mp.type && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
-                  ] })
-                ] }, i)) })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Checklist,
+                  {
+                    items: notIncluded,
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4 text-muted-foreground" })
+                  }
+                )
               ] }),
+              ((infoGroups == null ? void 0 : infoGroups.length) || keyInfo || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || food || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions) && /* @__PURE__ */ jsxRuntime.jsxs(
+                Accordion,
+                {
+                  multiple: false,
+                  value: accordionValue,
+                  onValueChange: setAccordionValue,
+                  className: "border-t border-border",
+                  children: [
+                    (keyInfo || infoGroups && infoGroups.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "key-info",
+                        id: "trip-section-key-info",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.keyInfo) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.keyInfo }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-5 w-5 text-primary" }),
+                            "Key info"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: keyInfo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: keyInfo }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: infoGroups.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+                              group.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: group.icon }),
+                              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-bold text-foreground font-heading", children: group.title })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: group.items }),
+                            i < infoGroups.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-6" })
+                          ] }, i)) }) })
+                        ]
+                      }
+                    ),
+                    (meetingPoint || meetingPoints && meetingPoints.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "meeting",
+                        id: "trip-section-meeting",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.meetingPoint) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.meetingPoint }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-5 w-5 text-primary" }),
+                            "Meeting point"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: meetingPoint ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: meetingPoint }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: meetingPoints.map((mp, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-border p-4", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPinIcon, { className: "h-4 w-4 text-primary" }) }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                              mp.type && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui uppercase tracking-wide mb-0.5", children: mp.type === "activity" ? "Activity location" : mp.type === "alternative" ? "Alternative meeting point" : "Meeting point" }),
+                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-bold text-foreground font-heading", children: mp.name }),
+                              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui mt-0.5", children: mp.address })
+                            ] })
+                          ] }, i)) }) })
+                        ]
+                      }
+                    ),
+                    optionalExtras && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "optional-extras",
+                        id: "trip-section-optional-extras",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.optionalExtras) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.optionalExtras }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SparklesIcon, { className: "h-5 w-5 text-primary" }),
+                            "Optional extras"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: optionalExtras }) })
+                        ]
+                      }
+                    ),
+                    whatToBring && whatToBring.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "what-to-bring",
+                        id: "trip-section-what-to-bring",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.whatToBring) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whatToBring }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BackpackIcon, { className: "h-5 w-5 text-primary" }),
+                            "What to bring"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: whatToBring, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4" }) }) })
+                        ]
+                      }
+                    ),
+                    accommodation && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "accommodation",
+                        id: "trip-section-accommodation",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.accommodation) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.accommodation }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BedDoubleIcon, { className: "h-5 w-5 text-primary" }),
+                            "Accommodation"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }) })
+                        ]
+                      }
+                    ),
+                    food && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "food",
+                        id: "trip-section-food",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.food) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.food }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UtensilsIcon, { className: "h-5 w-5 text-primary" }),
+                            "Food"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }) })
+                        ]
+                      }
+                    ),
+                    weather && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "weather",
+                        id: "trip-section-weather",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.weather) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.weather }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunIcon, { className: "h-5 w-5 text-primary" }),
+                            "Weather"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-3 rounded-xl bg-muted/60 border border-border p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-2 [&_strong]:font-semibold", children: weather }) }) })
+                        ]
+                      }
+                    ),
+                    termsAndConditions && /* @__PURE__ */ jsxRuntime.jsxs(
+                      AccordionItem,
+                      {
+                        value: "terms",
+                        id: "trip-section-terms",
+                        className: "scroll-mt-20 border-b border-border",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "py-5 text-xl font-bold text-foreground font-heading hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                            (sectionIcons == null ? void 0 : sectionIcons.terms) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.terms }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptIcon, { className: "h-5 w-5 text-primary" }),
+                            "Terms & conditions"
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: termsAndConditions }) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
               faqs && faqs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-faq", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: "FAQ" }),
                 /* @__PURE__ */ jsxRuntime.jsx(Accordion, { variant: "faq", children: faqs.map((faq, i) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `faq-${i}`, children: [
@@ -8907,14 +9465,18 @@ function TripPage({
                   /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: faq.answer })
                 ] }, i)) })
               ] }),
-              reviews && reviews.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              trustpilot ? /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-reviews", className: "scroll-mt-20", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mb-10" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-5", children: "What our guests think" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilot })
+              ] }) : reviews && reviews.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { id: "trip-section-reviews", className: "scroll-mt-20", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mb-10" }),
                 /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-5", children: "What our guests think" }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: reviews.map((r, i) => {
                   var _a;
                   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(Stars, { count: (_a = r.rating) != null ? _a : 5 }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-foreground leading-relaxed line-clamp-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
                       "\u201C",
                       r.text,
                       "\u201D"
@@ -8934,10 +9496,13 @@ function TripPage({
                 currency,
                 season,
                 departureTimes,
-                pricingOptions,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                variant: "card"
+                variant: "card",
+                belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                benefits,
+                currencyEstimates,
+                priceInfo
               }
             ) }) })
           ] })
@@ -8950,7 +9515,7 @@ function TripPage({
               "fixed top-0 left-0 right-0 z-20 py-3 transition-all duration-200",
               navFloating && !navHidden ? "translate-y-0 opacity-100" : "-translate-y-full opacity-0 pointer-events-none"
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
               MenuTrip,
               {
                 sections,
@@ -8973,10 +9538,13 @@ function TripPage({
                 currency,
                 season,
                 departureTimes,
-                pricingOptions,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
                 bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                variant: "card"
+                variant: "card",
+                belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                benefits,
+                currencyEstimates,
+                priceInfo
               }
             ) })
           }
@@ -8989,7 +9557,7 @@ function TripPage({
             initialVisible: 6
           }
         ) }),
-        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-5xl px-4 sm:px-6 py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
+        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: pricingBarRef, className: "mx-auto w-full max-w-6xl px-6 sm:px-8 py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "trip-booking-form", className: "rounded-2xl border border-border bg-card p-8 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(BookingForm, { onSubmit: onBook ? (values) => onBook() : void 0 }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed bottom-0 inset-x-0 z-30 lg:hidden border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
           PricingTrip,
           {
@@ -8997,7 +9565,10 @@ function TripPage({
             currency,
             onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
             bookLabel: bookLabel != null ? bookLabel : "Book now",
-            variant: "compact"
+            variant: "compact",
+            sharp: true,
+            priceInfo,
+            currencyEstimates
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 lg:hidden" })
@@ -9106,12 +9677,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React23__namespace.useState(false);
-  const [visible, setVisible] = React23__namespace.useState(true);
-  React23__namespace.useEffect(() => {
+  const [mounted, setMounted] = React25__namespace.useState(false);
+  const [visible, setVisible] = React25__namespace.useState(true);
+  React25__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  React23__namespace.useEffect(() => {
+  React25__namespace.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -9518,21 +10089,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React23.useState(false);
-  const [closing, setClosing] = React23.useState(false);
-  const [submitted, setSubmitted] = React23.useState(false);
-  const [submitting, setSubmitting] = React23.useState(false);
-  const [error, setError] = React23.useState(null);
-  const [name, setName] = React23.useState("");
-  const [email, setEmail] = React23.useState("");
-  const [travelDate, setTravelDate] = React23.useState("");
-  const panelRef = React23.useRef(null);
-  const nameRef = React23.useRef(null);
-  const show = React23.useCallback(() => {
+  const [open, setOpen] = React25.useState(false);
+  const [closing, setClosing] = React25.useState(false);
+  const [submitted, setSubmitted] = React25.useState(false);
+  const [submitting, setSubmitting] = React25.useState(false);
+  const [error, setError] = React25.useState(null);
+  const [name, setName] = React25.useState("");
+  const [email, setEmail] = React25.useState("");
+  const [travelDate, setTravelDate] = React25.useState("");
+  const panelRef = React25.useRef(null);
+  const nameRef = React25.useRef(null);
+  const show = React25.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -9559,7 +10130,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -9567,7 +10138,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React23.useCallback(() => {
+  const close = React25.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -9575,7 +10146,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -9583,7 +10154,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React23.useCallback(
+  const onOverlayClick = React25.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -9844,6 +10415,7 @@ exports.FilterPanel = FilterPanel;
 exports.FloatingInput = FloatingInput;
 exports.FloatingSelect = FloatingSelect;
 exports.Itinerary = Itinerary;
+exports.ItineraryDay = ItineraryDay;
 exports.LOGO_PLANETAEXO_DATA_URI = LOGO_PLANETAEXO_DATA_URI;
 exports.LeadCapturePopup = LeadCapturePopup;
 exports.MenuTrip = MenuTrip;
@@ -9864,14 +10436,17 @@ exports.TERMS_ACCEPT_KEY = TERMS_ACCEPT_KEY;
 exports.TermsSection = TermsSection;
 exports.ThemeToggle = ThemeToggle;
 exports.Toast = Toast;
+exports.TransferDetailsBlock = TransferDetailsBlock;
 exports.TravellerFormInviteEmail = TravellerFormInviteEmail;
 exports.TripCard = TripCard;
 exports.TripHeader = TripHeader;
 exports.TripPage = TripPage;
+exports.TrustpilotEmbed = TrustpilotEmbed;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.emailTokens = emailTokens;
 exports.getStripeAppearance = getStripeAppearance;
+exports.itineraryDaySpecIcons = itineraryDaySpecIcons;
 exports.stripeAppearance = stripeAppearance;
 exports.wrapEmailHtml = wrapEmailHtml;
 //# sourceMappingURL=index.cjs.map