@planetaexo/design-system 0.69.0 → 0.71.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React32 = require('react');
+var React20 = 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 React32__namespace = /*#__PURE__*/_interopNamespace(React32);
+var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -102,7 +102,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React32__namespace.forwardRef(
+var Button = React20__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -331,10 +331,10 @@ function DialogDescription(_a) {
     }, props)
   );
 }
-var FloatingInput = React32__namespace.forwardRef(
+var FloatingInput = React20__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 : React32__namespace.useId();
+    const inputId = id != null ? id : React20__namespace.useId();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -374,10 +374,10 @@ var FloatingInput = React32__namespace.forwardRef(
   }
 );
 FloatingInput.displayName = "FloatingInput";
-var FloatingSelect = React32__namespace.forwardRef(
+var FloatingSelect = React20__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 : React32__namespace.useId();
+    const inputId = id != null ? id : React20__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(
@@ -642,11 +642,11 @@ function PhoneCountrySelect({
   showDial = true
 }) {
   var _a;
-  const [open, setOpen] = React32__namespace.useState(false);
-  const containerRef = React32__namespace.useRef(null);
-  const listRef = React32__namespace.useRef(null);
+  const [open, setOpen] = React20__namespace.useState(false);
+  const containerRef = React20__namespace.useRef(null);
+  const listRef = React20__namespace.useRef(null);
   const selected = (_a = PHONE_COUNTRIES.find((c) => c.code === value)) != null ? _a : PHONE_COUNTRIES[0];
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -657,7 +657,7 @@ function PhoneCountrySelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open]);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open || !listRef.current) return;
     const activeEl = listRef.current.querySelector("[data-selected=true]");
     activeEl == null ? void 0 : activeEl.scrollIntoView({ block: "nearest" });
@@ -927,8 +927,8 @@ function CalendarDayButton(_a) {
     "locale"
   ]);
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React32__namespace.useRef(null);
-  React32__namespace.useEffect(() => {
+  const ref = React20__namespace.useRef(null);
+  React20__namespace.useEffect(() => {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
@@ -959,16 +959,16 @@ function BirthDateField({
   className,
   disabled
 }) {
-  const [open, setOpen] = React32__namespace.useState(false);
-  const [text, setText] = React32__namespace.useState(
+  const [open, setOpen] = React20__namespace.useState(false);
+  const [text, setText] = React20__namespace.useState(
     value ? dateFns.format(value, "dd/MM/yyyy") : ""
   );
-  const containerRef = React32__namespace.useRef(null);
-  const inputId = React32__namespace.useId();
-  React32__namespace.useEffect(() => {
+  const containerRef = React20__namespace.useRef(null);
+  const inputId = React20__namespace.useId();
+  React20__namespace.useEffect(() => {
     setText(value ? dateFns.format(value, "dd/MM/yyyy") : "");
   }, [value]);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a;
@@ -1177,14 +1177,14 @@ function CountrySearchField({
 }) {
   var _a;
   const list = countries != null ? countries : COUNTRIES;
-  const [query, setQuery] = React32__namespace.useState("");
-  const [open, setOpen] = React32__namespace.useState(false);
-  const containerRef = React32__namespace.useRef(null);
-  const searchRef = React32__namespace.useRef(null);
+  const [query, setQuery] = React20__namespace.useState("");
+  const [open, setOpen] = React20__namespace.useState(false);
+  const containerRef = React20__namespace.useRef(null);
+  const searchRef = React20__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;
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2;
@@ -1329,10 +1329,10 @@ function AdventureCard({
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
-  const [checkedInternal, setCheckedInternal] = React32__namespace.useState(
+  const [checkedInternal, setCheckedInternal] = React20__namespace.useState(
     new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const [openDescriptionId, setOpenDescriptionId] = React32__namespace.useState(null);
+  const [openDescriptionId, setOpenDescriptionId] = React20__namespace.useState(null);
   const openDescriptionOptional = openDescriptionId ? (_e = adventure.optionals) == null ? void 0 : _e.find((o) => o.id === openDescriptionId) : void 0;
   const isChecked = (opt) => {
     var _a2;
@@ -1503,7 +1503,7 @@ function AdventureCard({
       ] }),
       adventure.rooms && adventure.rooms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-5 mt-1", children: adventure.rooms.map((room, i) => {
         var _a2, _b2;
-        const bedLabel = (_b2 = (_a2 = adventure.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement === "DOUBLE" ? "Double" : room.bedArrangement === "TWIN" ? "Twin" : room.bedArrangement === "SINGLE" ? "Single" : "Triple";
+        const bedLabel = (_b2 = (_a2 = adventure.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement === "DOUBLE" ? "Double" : room.bedArrangement === "TWIN" ? "Twin" : room.bedArrangement === "SINGLE" ? "Single" : room.bedArrangement === "TRIPLE" ? "Triple" : room.bedArrangement === "QUADRUPLE" ? "Quadruple" : "Quintuple";
         const heading = adventure.accommodationRoomHeading ? adventure.accommodationRoomHeading(room.accommodationName) : `Accommodation: ${room.accommodationName}`;
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-lg font-semibold text-foreground font-heading", children: heading }),
@@ -1784,7 +1784,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(React32__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: steps.map((label, i) => /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -1983,7 +1983,7 @@ function TermsSection({
   termsContent
 }) {
   var _a;
-  const [modalOpen, setModalOpen] = React32__namespace.useState(false);
+  const [modalOpen, setModalOpen] = React20__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 }),
@@ -2121,9 +2121,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] = React32__namespace.useState("responsible");
-  const [error, setError] = React32__namespace.useState(null);
-  const [responsible, setResponsible] = React32__namespace.useState({
+  const [step, setStep] = React20__namespace.useState("responsible");
+  const [error, setError] = React20__namespace.useState(null);
+  const [responsible, setResponsible] = React20__namespace.useState({
     firstName: "",
     lastName: "",
     email: "",
@@ -2142,7 +2142,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] = React32__namespace.useState(
+  const [travellers, setTravellers] = React20__namespace.useState(
     Array.from({ length: Math.max(totalPax, 1) }, () => ({
       firstName: "",
       lastName: "",
@@ -2150,9 +2150,9 @@ function BookingWizard({
       email: ""
     }))
   );
-  const [payAmount, setPayAmount] = React32__namespace.useState("full");
-  const [payMethod, setPayMethod] = React32__namespace.useState("stripe");
-  const [termsAccepted, setTermsAccepted] = React32__namespace.useState(false);
+  const [payAmount, setPayAmount] = React20__namespace.useState("full");
+  const [payMethod, setPayMethod] = React20__namespace.useState("stripe");
+  const [termsAccepted, setTermsAccepted] = React20__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));
@@ -2380,7 +2380,7 @@ function Offer({
   className
 }) {
   var _a, _b, _c;
-  const [showBooking, setShowBooking] = React32__namespace.useState(false);
+  const [showBooking, setShowBooking] = React20__namespace.useState(false);
   const isShowingCheckout = !confirmedState && (!!checkoutSlot || internalDemoCheckout && showBooking);
   const handleBook = () => {
     if (!checkoutSlot && !externalBookingFlow && internalDemoCheckout) {
@@ -2747,7 +2747,7 @@ function AdventureSection({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-  const [detailsOpen, setDetailsOpen] = React32__namespace.useState(false);
+  const [detailsOpen, setDetailsOpen] = React20__namespace.useState(false);
   const handleCopyUrl = (url) => {
     if (onCopyFormLink) {
       onCopyFormLink(url);
@@ -3286,8 +3286,8 @@ function AddTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React32__namespace.useState(() => createInitialAddFormData(config));
-  React32__namespace.useEffect(() => {
+  const [form, setForm] = React20__namespace.useState(() => createInitialAddFormData(config));
+  React20__namespace.useEffect(() => {
     if (open) {
       setForm(createInitialAddFormData(config));
     }
@@ -3347,7 +3347,7 @@ function EditTravellerDialog({
   errorMessage
 }) {
   var _a, _b, _c, _d, _e;
-  const [form, setForm] = React32__namespace.useState(() => ({
+  const [form, setForm] = React20__namespace.useState(() => ({
     firstName: "",
     lastName: "",
     email: "",
@@ -3356,7 +3356,7 @@ function EditTravellerDialog({
     birthDate: "",
     personType: "ADULT"
   }));
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f;
     if (open && traveller) {
       setForm({
@@ -3692,48 +3692,48 @@ function BookingDetails({
   const hasSubmitAddTraveller = !!onSubmitAddTraveller;
   const hasSubmitEditTraveller = !!onSubmitEditTraveller;
   const hasConfirmRemoveTraveller = !!onConfirmRemoveTraveller;
-  const [addModalState, setAddModalState] = React32__namespace.useState({
+  const [addModalState, setAddModalState] = React20__namespace.useState({
     open: false,
     adventureId: null
   });
-  const [editModalState, setEditModalState] = React32__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [deleteModalState, setDeleteModalState] = React32__namespace.useState({ open: false, adventureId: null, traveller: null });
-  const [resendInviteDialogState, setResendInviteDialogState] = React32__namespace.useState({ open: false, traveller: null });
-  const handleRequestOpenAddModal = React32__namespace.useCallback((adventureId) => {
+  const [editModalState, setEditModalState] = React20__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [deleteModalState, setDeleteModalState] = React20__namespace.useState({ open: false, adventureId: null, traveller: null });
+  const [resendInviteDialogState, setResendInviteDialogState] = React20__namespace.useState({ open: false, traveller: null });
+  const handleRequestOpenAddModal = React20__namespace.useCallback((adventureId) => {
     setAddModalState({ open: true, adventureId });
   }, []);
-  const handleRequestOpenEditModal = React32__namespace.useCallback(
+  const handleRequestOpenEditModal = React20__namespace.useCallback(
     (adventureId, traveller) => {
       setEditModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenDeleteModal = React32__namespace.useCallback(
+  const handleRequestOpenDeleteModal = React20__namespace.useCallback(
     (adventureId, traveller) => {
       setDeleteModalState({ open: true, adventureId, traveller });
     },
     []
   );
-  const handleRequestOpenResendInviteDialog = React32__namespace.useCallback(
+  const handleRequestOpenResendInviteDialog = React20__namespace.useCallback(
     (traveller) => {
       setResendInviteDialogState({ open: true, traveller });
     },
     []
   );
-  const closeAddModal = React32__namespace.useCallback(() => {
+  const closeAddModal = React20__namespace.useCallback(() => {
     setAddModalState({ open: false, adventureId: null });
   }, []);
-  const closeEditModal = React32__namespace.useCallback(() => {
+  const closeEditModal = React20__namespace.useCallback(() => {
     setEditModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeDeleteModal = React32__namespace.useCallback(() => {
+  const closeDeleteModal = React20__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
-  const closeResendInviteDialog = React32__namespace.useCallback(() => {
+  const closeResendInviteDialog = React20__namespace.useCallback(() => {
     setResendInviteDialogState({ open: false, traveller: null });
   }, []);
-  const submitInFlightRef = React32__namespace.useRef(false);
-  const handleAddSubmit = React32__namespace.useCallback(
+  const submitInFlightRef = React20__namespace.useRef(false);
+  const handleAddSubmit = React20__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3748,7 +3748,7 @@ function BookingDetails({
     },
     [onSubmitAddTraveller, closeAddModal]
   );
-  const handleEditSubmit = React32__namespace.useCallback(
+  const handleEditSubmit = React20__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
       if (submitInFlightRef.current) return;
@@ -3763,7 +3763,7 @@ function BookingDetails({
     },
     [onSubmitEditTraveller, closeEditModal]
   );
-  const handleDeleteConfirm = React32__namespace.useCallback(
+  const handleDeleteConfirm = React20__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
       if (submitInFlightRef.current) return;
@@ -4148,7 +4148,9 @@ var DEFAULT_LABELS = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   }
 };
 function BookingAdventureCard({
@@ -4175,7 +4177,7 @@ function BookingAdventureCard({
   labels,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  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;
   const l = {
     travellersHeading: (_a = labels == null ? void 0 : labels.travellersHeading) != null ? _a : DEFAULT_LABELS.travellersHeading,
     detailsHeading: (_b = labels == null ? void 0 : labels.detailsHeading) != null ? _b : DEFAULT_LABELS.detailsHeading,
@@ -4195,7 +4197,9 @@ function BookingAdventureCard({
       DOUBLE: (_p = (_o = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _o.DOUBLE) != null ? _p : DEFAULT_LABELS.bedArrangementLabels.DOUBLE,
       TWIN: (_r = (_q = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _q.TWIN) != null ? _r : DEFAULT_LABELS.bedArrangementLabels.TWIN,
       SINGLE: (_t = (_s = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _s.SINGLE) != null ? _t : DEFAULT_LABELS.bedArrangementLabels.SINGLE,
-      TRIPLE: (_v = (_u = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _u.TRIPLE) != null ? _v : DEFAULT_LABELS.bedArrangementLabels.TRIPLE
+      TRIPLE: (_v = (_u = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _u.TRIPLE) != null ? _v : DEFAULT_LABELS.bedArrangementLabels.TRIPLE,
+      QUADRUPLE: (_x = (_w = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _w.QUADRUPLE) != null ? _x : DEFAULT_LABELS.bedArrangementLabels.QUADRUPLE,
+      QUINTUPLE: (_z = (_y = labels == null ? void 0 : labels.bedArrangementLabels) == null ? void 0 : _y.QUINTUPLE) != null ? _z : DEFAULT_LABELS.bedArrangementLabels.QUINTUPLE
     }
   };
   const hasTravellers = !!travellers && travellers.length > 0;
@@ -5007,16 +5011,20 @@ var DEFAULT_BED_LABELS = {
   DOUBLE: "Double",
   TWIN: "Twin",
   SINGLE: "Single",
-  TRIPLE: "Triple"
+  TRIPLE: "Triple",
+  QUADRUPLE: "Quadruple",
+  QUINTUPLE: "Quintuple"
 };
 function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabels, footer, className }) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const hasRooms = !!rooms && rooms.length > 0;
   const bedLabels = {
     DOUBLE: (_a = bedArrangementLabels == null ? void 0 : bedArrangementLabels.DOUBLE) != null ? _a : DEFAULT_BED_LABELS.DOUBLE,
     TWIN: (_b = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TWIN) != null ? _b : DEFAULT_BED_LABELS.TWIN,
     SINGLE: (_c = bedArrangementLabels == null ? void 0 : bedArrangementLabels.SINGLE) != null ? _c : DEFAULT_BED_LABELS.SINGLE,
-    TRIPLE: (_d = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TRIPLE) != null ? _d : DEFAULT_BED_LABELS.TRIPLE
+    TRIPLE: (_d = bedArrangementLabels == null ? void 0 : bedArrangementLabels.TRIPLE) != null ? _d : DEFAULT_BED_LABELS.TRIPLE,
+    QUADRUPLE: (_e = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUADRUPLE) != null ? _e : DEFAULT_BED_LABELS.QUADRUPLE,
+    QUINTUPLE: (_f = bedArrangementLabels == null ? void 0 : bedArrangementLabels.QUINTUPLE) != null ? _f : DEFAULT_BED_LABELS.QUINTUPLE
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { marginBottom: "24px" }, children: [
     heading && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5141,8 +5149,8 @@ function BookingSummary({ heading, rows, rooms, roomsHeading, bedArrangementLabe
                   style: {
                     padding: "12px 20px",
                     textAlign: "center",
-                    fontWeight: (_e = footer.fontWeight) != null ? _e : 600,
-                    color: (_f = footer.color) != null ? _f : emailTokens.foreground,
+                    fontWeight: (_g = footer.fontWeight) != null ? _g : 600,
+                    color: (_h = footer.color) != null ? _h : emailTokens.foreground,
                     backgroundColor: footer.backgroundColor
                   },
                   children: footer.text
@@ -5284,7 +5292,9 @@ var DEFAULT_LABELS3 = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   },
   paymentSummaryHeading: "\u{1F4B0} Payment Summary",
   paymentDetailsHeading: "Payment Details",
@@ -5680,7 +5690,7 @@ function BookingCreatedEmail({
             }, 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(React32__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(React20__namespace.Fragment, { children: [
             idx === 0 ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: line }) : line,
             idx < arr.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
           ] }, idx)) })
@@ -7245,7 +7255,9 @@ var DEFAULT_LABELS11 = {
     DOUBLE: "Double",
     TWIN: "Twin",
     SINGLE: "Single",
-    TRIPLE: "Triple"
+    TRIPLE: "Triple",
+    QUADRUPLE: "Quadruple",
+    QUINTUPLE: "Quintuple"
   },
   registrationPendingNotice: "The travellers' registration details will be sent to you as soon as all travellers have completed their forms.",
   mustReplyToConfirm: "Please reply to this email to confirm the booking.",
@@ -8461,11 +8473,11 @@ function DatePickerField({
   className,
   error
 }) {
-  const [open, setOpen] = React32__namespace.useState(false);
-  const containerRef = React32__namespace.useRef(null);
-  const [calendarWidth, setCalendarWidth] = React32__namespace.useState();
+  const [open, setOpen] = React20__namespace.useState(false);
+  const containerRef = React20__namespace.useRef(null);
+  const [calendarWidth, setCalendarWidth] = React20__namespace.useState();
   const hasValue = !!value;
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver(([entry]) => {
       setCalendarWidth(entry.contentRect.width);
@@ -8594,15 +8606,15 @@ function BookingForm({
   const titleText = (_a = title != null ? title : L.title) != null ? _a : "Check availability for your trip";
   const subtitleText = (_b = subtitle != null ? subtitle : L.subtitle) != null ? _b : "Free enquiry \u2013 no commitment";
   const submitText = (_c = submitLabel != null ? submitLabel : L.submit) != null ? _c : "Send my request";
-  const [values, setValues] = React32__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
-  const [errors, setErrors] = React32__namespace.useState({});
+  const [values, setValues] = React20__namespace.useState(__spreadValues(__spreadValues({}, defaultInitial), defaultValues));
+  const [errors, setErrors] = React20__namespace.useState({});
   const set = (key, value) => {
     setValues((prev) => __spreadProps(__spreadValues({}, prev), { [key]: value }));
     setErrors(
       (prev) => prev[key] ? __spreadProps(__spreadValues({}, prev), { [key]: void 0 }) : prev
     );
   };
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!defaultValues) return;
     setValues((prev) => {
       let changed = false;
@@ -9241,11 +9253,11 @@ function FloatingTextarea({
 }
 function SelectField({ field, value, onChange, error, disabled }) {
   var _a, _b, _c;
-  const [open, setOpen] = React32__namespace.useState(false);
-  const containerRef = React32__namespace.useRef(null);
+  const [open, setOpen] = React20__namespace.useState(false);
+  const containerRef = React20__namespace.useRef(null);
   const options = (_a = field.options) != null ? _a : [];
   const selectedOpt = (_b = options.find((o) => o.value === value)) != null ? _b : null;
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open) return;
     const handleOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -9713,11 +9725,11 @@ function RegistrationForm({
   readOnly = false
 }) {
   var _a;
-  const L = React32__namespace.useMemo(
+  const L = React20__namespace.useMemo(
     () => __spreadValues(__spreadValues({}, DEFAULT_LABELS14), labels != null ? labels : {}),
     [labels]
   );
-  const sortedFields = React32__namespace.useMemo(
+  const sortedFields = React20__namespace.useMemo(
     () => [...fields].sort((a, b) => {
       var _a2, _b;
       return ((_a2 = a.order) != null ? _a2 : 0) - ((_b = b.order) != null ? _b : 0);
@@ -9725,7 +9737,7 @@ function RegistrationForm({
     [fields]
   );
   const isControlled = values !== void 0;
-  const [internal, setInternal] = React32__namespace.useState(
+  const [internal, setInternal] = React20__namespace.useState(
     () => initializeValues(
       sortedFields,
       defaultValues != null ? defaultValues : {},
@@ -9733,9 +9745,9 @@ function RegistrationForm({
       includeTerms
     )
   );
-  const [submitAttempted, setSubmitAttempted] = React32__namespace.useState(false);
-  const [validationErrors, setValidationErrors] = React32__namespace.useState({});
-  React32__namespace.useEffect(() => {
+  const [submitAttempted, setSubmitAttempted] = React20__namespace.useState(false);
+  const [validationErrors, setValidationErrors] = React20__namespace.useState({});
+  React20__namespace.useEffect(() => {
     if (isControlled) return;
     setInternal((prev) => {
       const next = initializeValues(
@@ -9792,7 +9804,7 @@ function RegistrationForm({
   const termsError = submitAttempted && termsEnabled && !termsAccepted;
   const firstErrorFieldId = Object.keys(fieldErrors)[0];
   const scrollTargetId = firstErrorFieldId ? `rf-${firstErrorFieldId}` : termsError ? "rf-terms" : null;
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!submitAttempted || !scrollTargetId) return;
     const timer = setTimeout(() => {
       const elem = document.getElementById(scrollTargetId);
@@ -10263,18 +10275,18 @@ function CancellationForm({
   className
 }) {
   var _a, _b, _c;
-  const [selectedAdventureIds, setSelectedAdventureIds] = React32__namespace.useState(/* @__PURE__ */ new Set());
-  const [participantsByAdventure, setParticipantsByAdventure] = React32__namespace.useState({});
-  const [reasonCode, setReasonCode] = React32__namespace.useState("");
-  const [reasonOther, setReasonOther] = React32__namespace.useState("");
-  const [refundPreference, setRefundPreference] = React32__namespace.useState("");
-  const [refundOther, setRefundOther] = React32__namespace.useState("");
-  const [agreedToPolicy, setAgreedToPolicy] = React32__namespace.useState(false);
-  const [contactName, setContactName] = React32__namespace.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
-  const [contactEmail, setContactEmail] = React32__namespace.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
-  const [contactPhone, setContactPhone] = React32__namespace.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
-  const [errors, setErrors] = React32__namespace.useState({});
-  const allParticipantsOf = React32__namespace.useCallback(
+  const [selectedAdventureIds, setSelectedAdventureIds] = React20__namespace.useState(/* @__PURE__ */ new Set());
+  const [participantsByAdventure, setParticipantsByAdventure] = React20__namespace.useState({});
+  const [reasonCode, setReasonCode] = React20__namespace.useState("");
+  const [reasonOther, setReasonOther] = React20__namespace.useState("");
+  const [refundPreference, setRefundPreference] = React20__namespace.useState("");
+  const [refundOther, setRefundOther] = React20__namespace.useState("");
+  const [agreedToPolicy, setAgreedToPolicy] = React20__namespace.useState(false);
+  const [contactName, setContactName] = React20__namespace.useState((_a = identity == null ? void 0 : identity.name) != null ? _a : "");
+  const [contactEmail, setContactEmail] = React20__namespace.useState((_b = identity == null ? void 0 : identity.email) != null ? _b : "");
+  const [contactPhone, setContactPhone] = React20__namespace.useState((_c = identity == null ? void 0 : identity.phone) != null ? _c : "");
+  const [errors, setErrors] = React20__namespace.useState({});
+  const allParticipantsOf = React20__namespace.useCallback(
     (advId) => {
       var _a2, _b2;
       return new Set(((_b2 = (_a2 = adventures.find((a) => a.id === advId)) == null ? void 0 : _a2.participants) != null ? _b2 : []).map((p) => p.id));
@@ -10531,10 +10543,10 @@ var OTPCodeInput = ({
   id,
   required
 }) => {
-  const baseId = id != null ? id : React32__namespace.useId();
-  const inputRef = React32__namespace.useRef(null);
-  const [focused, setFocused] = React32__namespace.useState(false);
-  const digits = React32__namespace.useMemo(() => {
+  const baseId = id != null ? id : React20__namespace.useId();
+  const inputRef = React20__namespace.useRef(null);
+  const [focused, setFocused] = React20__namespace.useState(false);
+  const digits = React20__namespace.useMemo(() => {
     const arr = value.split("").slice(0, length);
     while (arr.length < length) arr.push("");
     return arr;
@@ -10647,7 +10659,7 @@ function Checkbox(_a) {
     })
   );
 }
-var AccordionVariantContext = React32__namespace.createContext("default");
+var AccordionVariantContext = React20__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(
@@ -10665,7 +10677,7 @@ function Accordion(_a) {
 }
 function AccordionItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const variant = React32__namespace.useContext(AccordionVariantContext);
+  const variant = React20__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Item,
     __spreadValues({
@@ -10688,7 +10700,7 @@ function AccordionTrigger(_a) {
     "children",
     "headingLevel"
   ]);
-  const variant = React32__namespace.useContext(AccordionVariantContext);
+  const variant = React20__namespace.useContext(AccordionVariantContext);
   const headingRender = headingLevel === 2 ? /* @__PURE__ */ jsxRuntime.jsx("h2", {}) : headingLevel === 4 ? /* @__PURE__ */ jsxRuntime.jsx("h4", {}) : headingLevel === 5 ? /* @__PURE__ */ jsxRuntime.jsx("h5", {}) : headingLevel === 6 ? /* @__PURE__ */ jsxRuntime.jsx("h6", {}) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Header,
@@ -10750,7 +10762,7 @@ function AccordionContent(_a) {
     "className",
     "children"
   ]);
-  const variant = React32__namespace.useContext(AccordionVariantContext);
+  const variant = React20__namespace.useContext(AccordionVariantContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     accordion.Accordion.Panel,
     __spreadProps(__spreadValues({
@@ -10969,15 +10981,15 @@ function FilterPanel({
   labels
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const resolvedGroups = React32__namespace.useMemo(() => resolveGroups(groups), [groups]);
-  const [internalValue, setInternalValue] = React32__namespace.useState(
+  const resolvedGroups = React20__namespace.useMemo(() => resolveGroups(groups), [groups]);
+  const [internalValue, setInternalValue] = React20__namespace.useState(
     () => Object.fromEntries(groups.map((g) => [g.id, []]))
   );
   const selected = value != null ? value : internalValue;
-  const [expandedItems, setExpandedItems] = React32__namespace.useState(
+  const [expandedItems, setExpandedItems] = React20__namespace.useState(
     () => new Set(groups.flatMap((g) => getDefaultExpandedIds(g.items)))
   );
-  const toggleExpanded = React32__namespace.useCallback((id) => {
+  const toggleExpanded = React20__namespace.useCallback((id) => {
     setExpandedItems((prev) => {
       const next = new Set(prev);
       if (next.has(id)) next.delete(id);
@@ -11361,11 +11373,11 @@ 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 = React32__namespace.useRef(null);
-  const [widgetReady, setWidgetReady] = React32__namespace.useState(false);
-  const [delayPassed, setDelayPassed] = React32__namespace.useState(false);
+  const ref = React20__namespace.useRef(null);
+  const [widgetReady, setWidgetReady] = React20__namespace.useState(false);
+  const [delayPassed, setDelayPassed] = React20__namespace.useState(false);
   const showFallback = delayPassed && !widgetReady;
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     var _a2;
     if (typeof document === "undefined" || !ref.current) return;
     const node = ref.current;
@@ -11553,7 +11565,7 @@ function webpVariantUrl(src) {
   return `${withoutQuery}.webp${query}`;
 }
 function PictureLoader() {
-  const gradientId = React32__namespace.useId();
+  const gradientId = React20__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -11623,10 +11635,10 @@ function Picture(_a) {
     "onError"
   ]);
   var _a2, _b2;
-  const ref = React32__namespace.useRef(null);
-  const [visible, setVisible] = React32__namespace.useState(eager);
-  const [loaded, setLoaded] = React32__namespace.useState(false);
-  React32__namespace.useEffect(() => {
+  const ref = React20__namespace.useRef(null);
+  const [visible, setVisible] = React20__namespace.useState(eager);
+  const [loaded, setLoaded] = React20__namespace.useState(false);
+  React20__namespace.useEffect(() => {
     if (eager || visible) return;
     const el = ref.current;
     if (!el || typeof IntersectionObserver === "undefined") {
@@ -11645,7 +11657,7 @@ function Picture(_a) {
     io.observe(el);
     return () => io.disconnect();
   }, [eager, visible, rootMargin]);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     setLoaded(false);
   }, [src]);
   const webp = webpVariantUrl(src);
@@ -11776,11 +11788,11 @@ function ItineraryModal({
   onNext
 }) {
   var _a, _b, _c;
-  const [imgIndex, setImgIndex] = React32__namespace.useState(0);
+  const [imgIndex, setImgIndex] = React20__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);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     setImgIndex(0);
   }, [stop == null ? void 0 : stop.dayNumber]);
   if (!stop) return null;
@@ -11907,8 +11919,8 @@ function ItineraryModal({
   ) });
 }
 function Itinerary({ title, subtitle, stops, className }) {
-  const [activeIndex, setActiveIndex] = React32__namespace.useState(null);
-  const scrollRef = React32__namespace.useRef(null);
+  const [activeIndex, setActiveIndex] = React20__namespace.useState(null);
+  const scrollRef = React20__namespace.useRef(null);
   const activeStop = activeIndex !== null ? stops[activeIndex] : null;
   const scrollBy = (dir) => {
     if (!scrollRef.current) return;
@@ -12001,18 +12013,18 @@ function Lightbox({
   labels
 }) {
   var _a, _b, _c, _d;
-  const [index, setIndex] = React32__namespace.useState(initialIndex);
+  const [index, setIndex] = React20__namespace.useState(initialIndex);
   const total = photos.length;
   const photo = photos[index];
-  const prev = React32__namespace.useCallback(
+  const prev = React20__namespace.useCallback(
     () => setIndex((i) => (i - 1 + total) % total),
     [total]
   );
-  const next = React32__namespace.useCallback(
+  const next = React20__namespace.useCallback(
     () => setIndex((i) => (i + 1) % total),
     [total]
   );
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
       if (e.key === "ArrowLeft") prev();
@@ -12114,6 +12126,260 @@ function Lightbox({
     }
   );
 }
+function FeedLightbox({
+  sections,
+  initialIndex,
+  onClose,
+  labels
+}) {
+  var _a;
+  const { items, total, bounds } = React20__namespace.useMemo(() => {
+    const items2 = [];
+    const bounds2 = [];
+    let i = 0;
+    for (const section of sections) {
+      if (!section.photos.length) continue;
+      bounds2.push({
+        label: section.label,
+        start: i,
+        end: i + section.photos.length - 1
+      });
+      section.photos.forEach((photo, p) => {
+        items2.push({
+          photo,
+          index: i,
+          sectionLabel: section.label,
+          isSectionStart: p === 0
+        });
+        i += 1;
+      });
+    }
+    return { items: items2, total: i, bounds: bounds2 };
+  }, [sections]);
+  const scrollRef = React20__namespace.useRef(null);
+  const itemRefs = React20__namespace.useRef([]);
+  const [active, setActive] = React20__namespace.useState(initialIndex);
+  const activeLabel = React20__namespace.useMemo(
+    () => {
+      var _a2;
+      return (_a2 = bounds.find((b) => active >= b.start && active <= b.end)) == null ? void 0 : _a2.label;
+    },
+    [bounds, active]
+  );
+  React20__namespace.useEffect(() => {
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, []);
+  React20__namespace.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  React20__namespace.useEffect(() => {
+    const root = scrollRef.current;
+    if (!root) return;
+    let frame = 0;
+    let userMoved = false;
+    const recompute = () => {
+      var _a2;
+      frame = 0;
+      if (!userMoved) {
+        (_a2 = itemRefs.current[initialIndex]) == null ? void 0 : _a2.scrollIntoView({ block: "start" });
+      }
+      const anchorY = root.getBoundingClientRect().top + 64;
+      let current = 0;
+      itemRefs.current.forEach((el, i) => {
+        if (el && el.getBoundingClientRect().top <= anchorY) current = i;
+      });
+      if (root.scrollTop + root.clientHeight >= root.scrollHeight - 2) {
+        current = total - 1;
+      }
+      setActive(current);
+    };
+    const schedule = () => {
+      if (!frame) frame = requestAnimationFrame(recompute);
+    };
+    const onScroll = () => schedule();
+    const onUserMove = () => {
+      userMoved = true;
+    };
+    root.addEventListener("scroll", onScroll, { passive: true });
+    root.addEventListener("wheel", onUserMove, { passive: true });
+    root.addEventListener("touchmove", onUserMove, { passive: true });
+    window.addEventListener("keydown", onUserMove);
+    const ro = new ResizeObserver(schedule);
+    itemRefs.current.forEach((el) => el && ro.observe(el));
+    recompute();
+    return () => {
+      root.removeEventListener("scroll", onScroll);
+      root.removeEventListener("wheel", onUserMove);
+      root.removeEventListener("touchmove", onUserMove);
+      window.removeEventListener("keydown", onUserMove);
+      ro.disconnect();
+      if (frame) cancelAnimationFrame(frame);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b border-border/60 bg-background/85 px-3 py-2.5 backdrop-blur-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": (_a = labels == null ? void 0 : labels.close) != null ? _a : "Close lightbox",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
+        }
+      ),
+      activeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-foreground", children: activeLabel }),
+      total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: cn(
+            "shrink-0 font-ui text-sm font-medium tabular-nums text-muted-foreground",
+            !activeLabel && "ml-auto"
+          ),
+          children: [
+            active + 1,
+            " / ",
+            total
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        className: "flex-1 overflow-y-auto overscroll-contain",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-3 py-4", children: items.map(({ photo, index, sectionLabel, isSectionStart }) => {
+          var _a2;
+          return /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
+            sectionLabel && isSectionStart && /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "px-3 font-heading text-lg font-bold uppercase tracking-wide text-foreground sm:px-4",
+                  index > 0 && "mt-3"
+                ),
+                children: sectionLabel
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "figure",
+              {
+                "data-index": index,
+                ref: (el) => {
+                  itemRefs.current[index] = el;
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Picture,
+                    {
+                      src: photo.src,
+                      alt: (_a2 = photo.alt) != null ? _a2 : `Photo ${index + 1}`,
+                      title: photo.caption,
+                      className: "block h-auto w-full",
+                      eager: index < 2,
+                      rootMargin: "800px"
+                    }
+                  ) }),
+                  (photo.caption || photo.credit) && /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "px-3 pt-2 sm:px-4", children: [
+                    photo.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-ui text-sm leading-snug text-foreground/80", children: photo.caption }),
+                    photo.credit && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-ui text-xs text-muted-foreground", children: [
+                      "\xA9 ",
+                      photo.credit
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }, index);
+        }) })
+      }
+    )
+  ] });
+}
+var PhotoTourContext = React20__namespace.createContext(null);
+function PhotoTourProvider({
+  enabled = true,
+  labels,
+  children
+}) {
+  const entries = React20__namespace.useRef(/* @__PURE__ */ new Map());
+  const [open, setOpen] = React20__namespace.useState(null);
+  const register = React20__namespace.useCallback((entry) => {
+    entries.current.set(entry.id, entry);
+  }, []);
+  const unregister = React20__namespace.useCallback((id) => {
+    entries.current.delete(id);
+  }, []);
+  const openTour = React20__namespace.useCallback((id, localIndex) => {
+    var _a, _b;
+    const ordered = [...entries.current.values()].filter((e) => e.photos.length).sort((a, b) => {
+      const ea = a.getEl();
+      const eb = b.getEl();
+      if (!ea || !eb) return 0;
+      const pos = ea.compareDocumentPosition(eb);
+      if (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+      if (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+      return 0;
+    });
+    const targetSrc = (_b = (_a = entries.current.get(id)) == null ? void 0 : _a.photos[localIndex]) == null ? void 0 : _b.src;
+    const seen = /* @__PURE__ */ new Set();
+    const sections = [];
+    for (const entry of ordered) {
+      const photos = entry.photos.filter((p) => {
+        if (seen.has(p.src)) return false;
+        seen.add(p.src);
+        return true;
+      });
+      if (!photos.length) continue;
+      const prev = sections[sections.length - 1];
+      if (prev && prev.label === entry.label) {
+        prev.photos.push(...photos);
+      } else {
+        sections.push({ label: entry.label, photos: [...photos] });
+      }
+    }
+    let index = 0;
+    let running = 0;
+    let done = false;
+    for (const section of sections) {
+      for (const photo of section.photos) {
+        if (photo.src === targetSrc) {
+          index = running;
+          done = true;
+          break;
+        }
+        running += 1;
+      }
+      if (done) break;
+    }
+    setOpen({ sections, index });
+  }, []);
+  const value = React20__namespace.useMemo(
+    () => ({ enabled, register, unregister, open: openTour }),
+    [enabled, register, unregister, openTour]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(PhotoTourContext.Provider, { value, children: [
+    children,
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      FeedLightbox,
+      {
+        sections: open.sections,
+        initialIndex: open.index,
+        labels,
+        onClose: () => setOpen(null)
+      }
+    )
+  ] });
+}
 function PhotoTile({
   photo,
   index,
@@ -12186,7 +12452,7 @@ function GridGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32__namespace.useState(false);
+  const [expanded, setExpanded] = React20__namespace.useState(false);
   const cols = gridCols(photos.length);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
@@ -12218,7 +12484,7 @@ function CompactGridGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32__namespace.useState(false);
+  const [expanded, setExpanded] = React20__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12249,7 +12515,7 @@ function MasonryGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32__namespace.useState(false);
+  const [expanded, setExpanded] = React20__namespace.useState(false);
   const hasMore = photos.length > initialVisible;
   const visible = expanded || !hasMore ? photos : photos.slice(0, initialVisible);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12326,7 +12592,7 @@ function FeaturedGallery({
   onOpen,
   labels
 }) {
-  const [expanded, setExpanded] = React32__namespace.useState(false);
+  const [expanded, setExpanded] = React20__namespace.useState(false);
   const featured = photos.slice(0, 3);
   const extra = photos.slice(3);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -12441,11 +12707,33 @@ function CarouselGallery({
   const photo = photos[index];
   const prev = () => onIndexChange((index - 1 + total) % total);
   const next = () => onIndexChange((index + 1) % total);
+  const touchStart = React20__namespace.useRef(null);
+  const swiped = React20__namespace.useRef(false);
+  const onTouchStart = (e) => {
+    const t = e.touches[0];
+    touchStart.current = { x: t.clientX, y: t.clientY };
+    swiped.current = false;
+  };
+  const onTouchEnd = (e) => {
+    const start = touchStart.current;
+    touchStart.current = null;
+    if (!start || total <= 1) return;
+    const t = e.changedTouches[0];
+    const dx = t.clientX - start.x;
+    const dy = t.clientY - start.y;
+    if (Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)) {
+      swiped.current = true;
+      if (dx < 0) next();
+      else prev();
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      onTouchStart,
+      onTouchEnd,
       className: cn(
-        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo",
+        "relative w-full aspect-[4/3] sm:aspect-[16/10] overflow-hidden bg-muted group/photo touch-pan-y select-none",
         className
       ),
       children: [
@@ -12453,7 +12741,13 @@ function CarouselGallery({
           "button",
           {
             type: "button",
-            onClick: () => onOpen(index),
+            onClick: () => {
+              if (swiped.current) {
+                swiped.current = false;
+                return;
+              }
+              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(
@@ -12526,17 +12820,46 @@ function PhotoGallery({
   initialVisible = 6,
   onPhotoClick,
   labels,
+  lightbox: lightboxMode = "classic",
+  tourSection,
   className
 }) {
-  const [lightboxIndex, setLightboxIndex] = React32__namespace.useState(null);
-  const [carouselIndex, setCarouselIndex] = React32__namespace.useState(0);
-  const normalised = React32__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const [lightboxIndex, setLightboxIndex] = React20__namespace.useState(null);
+  const [carouselIndex, setCarouselIndex] = React20__namespace.useState(0);
+  const normalised = React20__namespace.useMemo(() => photos.map(normalise), [photos]);
+  const tour = React20__namespace.useContext(PhotoTourContext);
+  const tourId = React20__namespace.useId();
+  const markerRef = React20__namespace.useRef(null);
+  const inTour = !!((tour == null ? void 0 : tour.enabled) && tourSection);
+  React20__namespace.useEffect(() => {
+    if (!inTour || !tour) return;
+    tour.register({
+      id: tourId,
+      label: tourSection,
+      getEl: () => markerRef.current,
+      photos: normalised
+    });
+    return () => tour.unregister(tourId);
+  }, [inTour, tour, tourId, tourSection, normalised]);
   const handleOpen = (index) => {
-    setLightboxIndex(index);
     onPhotoClick == null ? void 0 : onPhotoClick(normalised[index].src, index);
+    if (inTour && tour) {
+      tour.open(tourId, index);
+      return;
+    }
+    setLightboxIndex(index);
   };
   if (normalised.length === 0) return null;
-  const lightbox = lightboxIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
+  const tourMarker = inTour && /* @__PURE__ */ jsxRuntime.jsx("span", { ref: markerRef, "aria-hidden": true, className: "hidden" });
+  const lightbox = lightboxIndex !== null && (lightboxMode === "feed" ? /* @__PURE__ */ jsxRuntime.jsx(
+    FeedLightbox,
+    {
+      sections: [{ photos: normalised }],
+      initialIndex: lightboxIndex,
+      onClose: () => setLightboxIndex(null),
+      labels
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
     Lightbox,
     {
       photos: normalised,
@@ -12544,9 +12867,10 @@ function PhotoGallery({
       onClose: () => setLightboxIndex(null),
       labels
     }
-  );
+  ));
   if (variant === "carousel" || variant === "fullBleed") {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      tourMarker,
       /* @__PURE__ */ jsxRuntime.jsx(
         CarouselGallery,
         {
@@ -12565,6 +12889,7 @@ function PhotoGallery({
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [
+    tourMarker,
     variant === "grid" && /* @__PURE__ */ jsxRuntime.jsx(
       GridGallery,
       {
@@ -12620,14 +12945,15 @@ function ItineraryDay({
   photoLayout = "rounded",
   className
 }) {
-  const photoList = React32__namespace.useMemo(() => normalisePhotos(photos), [photos]);
+  const photoList = React20__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"
+      variant: isFullBleed ? "fullBleed" : "carousel",
+      tourSection: dayLabel != null ? dayLabel : `Day ${dayNumber}`
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("w-full flex flex-col gap-5", className), children: [
@@ -12675,8 +13001,8 @@ function MenuTrip({
   bold = true,
   className
 }) {
-  const scrollRef = React32__namespace.useRef(null);
-  React32__namespace.useEffect(() => {
+  const scrollRef = React20__namespace.useRef(null);
+  React20__namespace.useEffect(() => {
     if (!scrollRef.current || !activeSection) return;
     const container = scrollRef.current;
     const btn = container.querySelector(
@@ -12874,8 +13200,8 @@ function PricingTrip({
   className
 }) {
   const rOuter = sharp ? "rounded-none" : "rounded-2xl";
-  const [showEstimates, setShowEstimates] = React32__namespace.useState(false);
-  const [showPriceInfo, setShowPriceInfo] = React32__namespace.useState(false);
+  const [showEstimates, setShowEstimates] = React20__namespace.useState(false);
+  const [showPriceInfo, setShowPriceInfo] = React20__namespace.useState(false);
   if (variant === "compact") {
     const showOverlay = showPriceInfo && (!!priceInfo || !!currencyEstimates && currencyEstimates.length > 0);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -13311,6 +13637,7 @@ function SiteHeader({
   logoSrcDark = "/logo-planetaexo-green.png",
   logoSrc,
   logoAlt = "Planeta Exo",
+  logoHref = "#",
   languages = DEFAULT_LANGUAGES,
   currentLanguage = "EN",
   onLanguageChange,
@@ -13323,14 +13650,14 @@ function SiteHeader({
   var _a, _b, _c, _d, _e, _f, _g;
   const t = VARIANT[variant];
   const resolvedLogo = logoSrc != null ? logoSrc : variant === "white" ? logoSrcDark : logoSrcLight;
-  const [openMenu, setOpenMenu] = React32__namespace.useState(null);
-  const [langOpen, setLangOpen] = React32__namespace.useState(false);
-  const [mobileOpen, setMobileOpen] = React32__namespace.useState(false);
-  const [openMobileSection, setOpenMobileSection] = React32__namespace.useState(null);
-  const [activeLang, setActiveLang] = React32__namespace.useState(currentLanguage);
+  const [openMenu, setOpenMenu] = React20__namespace.useState(null);
+  const [langOpen, setLangOpen] = React20__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React20__namespace.useState(false);
+  const [openMobileSection, setOpenMobileSection] = React20__namespace.useState(null);
+  const [activeLang, setActiveLang] = React20__namespace.useState(currentLanguage);
   const toggleMobileSection = (label) => setOpenMobileSection((prev) => prev === label ? null : label);
-  const menuCloseTimer = React32__namespace.useRef(void 0);
-  const langCloseTimer = React32__namespace.useRef(void 0);
+  const menuCloseTimer = React20__namespace.useRef(void 0);
+  const langCloseTimer = React20__namespace.useRef(void 0);
   const handleMenuEnter = (label) => {
     clearTimeout(menuCloseTimer.current);
     setOpenMenu(label);
@@ -13351,7 +13678,7 @@ function SiteHeader({
     setOpenMenu(null);
     setLangOpen(false);
   };
-  React32__namespace.useEffect(() => () => {
+  React20__namespace.useEffect(() => () => {
     clearTimeout(menuCloseTimer.current);
     clearTimeout(langCloseTimer.current);
   }, []);
@@ -13389,7 +13716,7 @@ function SiteHeader({
           /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
-              href: "#",
+              href: logoHref,
               className: cn(
                 "shrink-0 flex items-center",
                 "absolute left-1/2 -translate-x-1/2",
@@ -13541,7 +13868,7 @@ function SiteHeader({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 h-[72px] shrink-0 border-b border-white/8", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#", className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx("a", { href: logoHref, className: "shrink-0 flex items-center", onClick: () => setMobileOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(
                   "img",
                   {
                     src: resolvedLogo,
@@ -13627,7 +13954,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(React32__namespace.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
                     i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
                       "text-xs select-none",
                       variant === "white" ? "text-border" : "text-white/15"
@@ -13689,8 +14016,8 @@ function SiteHeader({
   );
 }
 function ThemeToggle({ className }) {
-  const [dark, setDark] = React32__namespace.useState(false);
-  React32__namespace.useEffect(() => {
+  const [dark, setDark] = React20__namespace.useState(false);
+  React20__namespace.useEffect(() => {
     const saved = localStorage.getItem("theme");
     const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const isDark = saved === "dark" || !saved && prefersDark;
@@ -13740,7 +14067,7 @@ var chipVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Chip = React32__namespace.forwardRef(function Chip2(_a, ref) {
+var Chip = React20__namespace.forwardRef(function Chip2(_a, ref) {
   var _b = _a, { className, variant, size, href, children } = _b, props = __objRest(_b, ["className", "variant", "size", "href", "children"]);
   const classes = cn(chipVariants({ variant, size }), className);
   if (href) {
@@ -13807,6 +14134,19 @@ var statusConfig = {
     icon: /* @__PURE__ */ jsxRuntime.jsx(TrendingIcon, {})
   }
 };
+function StarIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17.27l-5.4 3.27 1.43-6.16-4.78-4.14 6.3-.54L12 4l2.45 5.7 6.3.54-4.78 4.14 1.43 6.16z" })
+    }
+  );
+}
 function HeartIcon({ filled = false }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -13824,7 +14164,7 @@ function HeartIcon({ filled = false }) {
   );
 }
 function TripCardEditorial(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     image,
     imageAlt = "",
@@ -13841,10 +14181,14 @@ function TripCardEditorial(props) {
     location,
     locationHref,
     difficulty,
+    rating,
+    reviewCount,
     tag,
     tagHref
   } = props;
-  const [internalFav, setInternalFav] = React32__namespace.useState(false);
+  const hasRating = typeof rating === "number" && rating > 0;
+  const reviewsWord = reviewCount === 1 ? (_a = labels == null ? void 0 : labels.review) != null ? _a : "review" : (_b = labels == null ? void 0 : labels.reviews) != null ? _b : "reviews";
+  const [internalFav, setInternalFav] = React20__namespace.useState(false);
   const favorited = favoritedProp != null ? favoritedProp : internalFav;
   const handleFav = (e) => {
     e.preventDefault();
@@ -13886,7 +14230,7 @@ function TripCardEditorial(props) {
         "button",
         {
           type: "button",
-          "aria-label": favorited ? (_a = labels == null ? void 0 : labels.removeFromFavorites) != null ? _a : "Remove from favorites" : (_b = labels == null ? void 0 : labels.addToFavorites) != null ? _b : "Add to favorites",
+          "aria-label": favorited ? (_c = labels == null ? void 0 : labels.removeFromFavorites) != null ? _c : "Remove from favorites" : (_d = labels == null ? void 0 : labels.addToFavorites) != null ? _d : "Add to favorites",
           "aria-pressed": favorited,
           onClick: handleFav,
           className: cn(
@@ -13900,7 +14244,24 @@ function TripCardEditorial(props) {
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 p-5 text-white", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg sm:text-xl font-bold font-heading leading-tight", children: title }) })
     ] }),
-    (description || price || nights || location || difficulty) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
+    (description || price || nights || location || difficulty || hasRating) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 bg-card p-6", children: [
+      hasRating && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "flex items-center gap-1.5 text-foreground/85",
+          "aria-label": reviewCount ? `${rating.toFixed(1)} (${reviewCount} ${reviewsWord})` : `${rating.toFixed(1)}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-500", children: /* @__PURE__ */ jsxRuntime.jsx(StarIcon, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-ui font-semibold", children: rating.toFixed(1) }),
+            reviewCount ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-ui text-muted-foreground", children: [
+              "\xB7 ",
+              reviewCount,
+              " ",
+              reviewsWord
+            ] }) : null
+          ]
+        }
+      ),
       (location || difficulty) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         location ? locationHref ? (
           // Above the card's stretched link (z-20) so the location is
@@ -13930,7 +14291,7 @@ function TripCardEditorial(props) {
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-ui font-semibold", children: [
             nights,
             " ",
-            nights === 1 ? (_c = labels == null ? void 0 : labels.night) != null ? _c : "night" : (_d = labels == null ? void 0 : labels.nights) != null ? _d : "nights"
+            nights === 1 ? (_e = labels == null ? void 0 : labels.night) != null ? _e : "night" : (_f = labels == null ? void 0 : labels.nights) != null ? _f : "nights"
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
         price && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-bold text-foreground font-ui", children: price })
@@ -14359,7 +14720,7 @@ function BlogPost({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-transparent" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-3xl px-6 sm:px-8 pb-9 sm:pb-11", 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(React32__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(React20__namespace.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
           crumb.href ? /* @__PURE__ */ jsxRuntime.jsx(
             "a",
@@ -14413,7 +14774,7 @@ function BlogPost({
   ] });
 }
 function useHlsVideo(videoRef, src) {
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!src || !videoRef.current) return;
     const video = videoRef.current;
     if (!src.includes(".m3u8")) return;
@@ -14459,11 +14820,11 @@ function TripHeader({
   className
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [heroIndex, setHeroIndex] = React32__namespace.useState(0);
-  const [videoReady, setVideoReady] = React32__namespace.useState(false);
-  const videoRef = React32__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React20__namespace.useState(0);
+  const [videoReady, setVideoReady] = React20__namespace.useState(false);
+  const videoRef = React20__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React32__namespace.useMemo(
+  const validImages = React20__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -14478,7 +14839,7 @@ function TripHeader({
   const nights = duration ? (_a = duration.nights) != null ? _a : Math.max(duration.days - 1, 1) : null;
   const hasMeta = !!(destination || duration || groupSize);
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -14621,7 +14982,7 @@ function TripHeader({
               chips && chips.length > 0 ? siteHeader ? "-mt-[200px] sm:-mt-[214px]" : "-mt-[168px] sm:-mt-[182px]" : 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(React32__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(React20__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)) }),
@@ -14791,10 +15152,10 @@ function LanguagePicker({
 }) {
   var _a;
   const t = VARIANT2[variant];
-  const [open, setOpen] = React32__namespace.useState(false);
-  const ref = React32__namespace.useRef(null);
+  const [open, setOpen] = React20__namespace.useState(false);
+  const ref = React20__namespace.useRef(null);
   const active = (_a = languages.find((l) => l.code === currentLanguage)) != null ? _a : languages[0];
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!open) return;
     const onDocClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -15002,7 +15363,7 @@ function SiteFooter({
               children: wrapper
             },
             b.alt + i
-          ) : /* @__PURE__ */ jsxRuntime.jsx(React32__namespace.Fragment, { children: wrapper }, b.alt + i);
+          ) : /* @__PURE__ */ jsxRuntime.jsx(React20__namespace.Fragment, { children: wrapper }, b.alt + i);
         }) })
       ] }),
       themes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
@@ -15144,6 +15505,7 @@ function TripPage({
   itinerary,
   itineraryDays,
   gallery,
+  galleryLightbox = "classic",
   included,
   notIncluded,
   whatToBring,
@@ -15183,15 +15545,16 @@ function TripPage({
   fromLabel,
   perPersonLabel,
   siteHeader,
+  footerBadges,
   uiVariant = "v1",
   features,
   className
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const [activeSection, setActiveSection] = React32__namespace.useState("");
-  const [accordionValue, setAccordionValue] = React32__namespace.useState([]);
-  const [faqsExpanded, setFaqsExpanded] = React32__namespace.useState(false);
-  const accordionSectionIds = React32__namespace.useMemo(
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  const [activeSection, setActiveSection] = React20__namespace.useState("");
+  const [accordionValue, setAccordionValue] = React20__namespace.useState([]);
+  const [faqsExpanded, setFaqsExpanded] = React20__namespace.useState(false);
+  const accordionSectionIds = React20__namespace.useMemo(
     () => /* @__PURE__ */ new Set([
       "when-it-operates",
       "how-to-get-there",
@@ -15205,18 +15568,18 @@ function TripPage({
     ]),
     []
   );
-  const [navFloating, setNavFloating] = React32__namespace.useState(false);
-  const [navHidden, setNavHidden] = React32__namespace.useState(false);
-  const [isFloating, setIsFloating] = React32__namespace.useState(false);
-  const [sidebarPos, setSidebarPos] = React32__namespace.useState(null);
-  const [pricingBarVisible, setPricingBarVisible] = React32__namespace.useState(false);
-  const navRef = React32__namespace.useRef(null);
-  const navSentinelRef = React32__namespace.useRef(null);
-  const sentinelRef = React32__namespace.useRef(null);
-  const sidebarPlaceholderRef = React32__namespace.useRef(null);
-  const pricingBarRef = React32__namespace.useRef(null);
-  const galleryRef = React32__namespace.useRef(null);
-  const sections = React32__namespace.useMemo(
+  const [navFloating, setNavFloating] = React20__namespace.useState(false);
+  const [navHidden, setNavHidden] = React20__namespace.useState(false);
+  const [isFloating, setIsFloating] = React20__namespace.useState(false);
+  const [sidebarPos, setSidebarPos] = React20__namespace.useState(null);
+  const [pricingBarVisible, setPricingBarVisible] = React20__namespace.useState(false);
+  const navRef = React20__namespace.useRef(null);
+  const navSentinelRef = React20__namespace.useRef(null);
+  const sentinelRef = React20__namespace.useRef(null);
+  const sidebarPlaceholderRef = React20__namespace.useRef(null);
+  const pricingBarRef = React20__namespace.useRef(null);
+  const galleryRef = React20__namespace.useRef(null);
+  const sections = React20__namespace.useMemo(
     () => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
       return [
@@ -15238,7 +15601,7 @@ function TripPage({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const sentinel = navSentinelRef.current;
     if (!sentinel) return;
     const update = () => setNavFloating(sentinel.getBoundingClientRect().top < 1);
@@ -15246,7 +15609,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
     const update = () => setIsFloating(sentinel.getBoundingClientRect().top < 1);
@@ -15254,7 +15617,7 @@ function TripPage({
     update();
     return () => document.removeEventListener("scroll", update, { capture: true });
   }, []);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const measure = () => {
       if (!sidebarPlaceholderRef.current) return;
       const rect = sidebarPlaceholderRef.current.getBoundingClientRect();
@@ -15264,7 +15627,7 @@ function TripPage({
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [isFloating]);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const check = () => {
       var _a2;
       const target = (_a2 = galleryRef.current) != null ? _a2 : pricingBarRef.current;
@@ -15275,7 +15638,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const check = () => {
       if (!pricingBarRef.current) return;
       setNavHidden(pricingBarRef.current.getBoundingClientRect().top < window.innerHeight * 0.92);
@@ -15284,7 +15647,7 @@ function TripPage({
     check();
     return () => document.removeEventListener("scroll", check, { capture: true });
   }, []);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (sections.length === 0) return;
     setActiveSection(sections[0].id);
     const update = () => {
@@ -15342,468 +15705,483 @@ function TripPage({
     }
     performScroll();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PhotoTourProvider,
     {
-      className: cn("w-full overflow-x-hidden", className),
-      "data-ui-variant": uiVariant,
-      "data-features": features ? JSON.stringify(features) : void 0,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TripHeader,
-          {
-            images,
-            videoUrl,
-            title,
-            breadcrumb,
-            destination,
-            duration,
-            groupSize,
-            labels: {
-              night: labels == null ? void 0 : labels.night,
-              nights: labels == null ? void 0 : labels.nights,
-              day: labels == null ? void 0 : labels.day,
-              days: labels == null ? void 0 : labels.days,
-              previousImage: labels == null ? void 0 : labels.previousImage,
-              nextImage: labels == null ? void 0 : labels.nextImage
-            },
-            tagline,
-            chips,
-            siteHeader,
-            uiVariant,
-            belowMeta: trustpilotHero ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
-          }
-        ),
-        /* @__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 })
-          ] }, i)) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: navSentinelRef, className: "h-px", "aria-hidden": true }),
-          sections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "pt-8 pb-2 flex justify-center transition-opacity duration-150",
-                navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
-              ),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                MenuTrip,
+      enabled: galleryLightbox === "feed",
+      labels: {
+        close: labels == null ? void 0 : labels.galleryClose,
+        previous: labels == null ? void 0 : labels.galleryPrevious,
+        next: labels == null ? void 0 : labels.galleryNext
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn("w-full overflow-x-hidden", className),
+          "data-ui-variant": uiVariant,
+          "data-features": features ? JSON.stringify(features) : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TripHeader,
+              {
+                images,
+                videoUrl,
+                title,
+                breadcrumb,
+                destination,
+                duration,
+                groupSize,
+                labels: {
+                  night: labels == null ? void 0 : labels.night,
+                  nights: labels == null ? void 0 : labels.nights,
+                  day: labels == null ? void 0 : labels.day,
+                  days: labels == null ? void 0 : labels.days,
+                  previousImage: labels == null ? void 0 : labels.previousImage,
+                  nextImage: labels == null ? void 0 : labels.nextImage
+                },
+                tagline,
+                chips,
+                siteHeader,
+                uiVariant,
+                belowMeta: trustpilotHero ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotHero }) : void 0
+              }
+            ),
+            /* @__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 })
+              ] }, i)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { ref: navSentinelRef, className: "h-px", "aria-hidden": true }),
+              sections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
                 {
-                  sections,
-                  activeSection,
-                  onSelect: scrollToSection,
-                  variant: "floating"
+                  className: cn(
+                    "pt-8 pb-2 flex justify-center transition-opacity duration-150",
+                    navFloating ? "opacity-0 pointer-events-none" : "opacity-100"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    MenuTrip,
+                    {
+                      sections,
+                      activeSection,
+                      onSelect: scrollToSection,
+                      variant: "floating"
+                    }
+                  )
                 }
-              )
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
-          /* @__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: [
-              (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__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: (_a = labels == null ? void 0 : labels.overview) != null ? _a : "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-base text-foreground font-ui", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Recommended for: " }),
-                    recommendedFor
-                  ] })
-                ] })
-              ] }),
-              itineraryDays && itineraryDays.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: (_b = labels == null ? void 0 : labels.itinerary) != null ? _b : "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.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: (_c = labels == null ? void 0 : labels.itinerary) != null ? _c : "Itinerary" }),
-                /* @__PURE__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary, transferLabel: labels == null ? void 0 : labels.transfer })
-              ] }),
-              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: [
-                  (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" }),
-                  (_d = labels == null ? void 0 : labels.whatIsIncluded) != null ? _d : "Included"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: included })
-              ] }),
-              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.XIcon, { className: "h-5 w-5 text-muted-foreground" }),
-                  (_e = labels == null ? void 0 : labels.notIncluded) != null ? _e : "Not included"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Checklist,
-                  {
-                    items: notIncluded,
-                    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4 text-muted-foreground" })
-                  }
-                )
-              ] }),
-              (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length) || food || (foodGallery == null ? void 0 : foodGallery.length) || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxRuntime.jsxs(
-                Accordion,
-                {
-                  multiple: false,
-                  value: accordionValue,
-                  onValueChange: setAccordionValue,
-                  className: "border-t border-border",
-                  children: [
-                    whenItOperates && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "when-it-operates",
-                        id: "trip-section-when-it-operates",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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.whenItOperates) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whenItOperates }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-5 w-5 text-primary" }),
-                            (_f = labels == null ? void 0 : labels.whenItOperates) != null ? _f : "When this tour operates"
-                          ] }) }),
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-bold [&_a]:text-primary [&_a]:underline", children: whenItOperates }) })
-                        ]
-                      }
-                    ),
-                    (accommodation || accommodationGallery && accommodationGallery.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "accommodation",
-                        id: "trip-section-accommodation",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
-                          ] }) }),
-                          /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "pb-6", children: [
-                            accommodation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }),
-                            accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
-                              PhotoGallery,
-                              {
-                                labels: {
-                                  seeMore: labels == null ? void 0 : labels.seeMore,
-                                  showLess: labels == null ? void 0 : labels.showLess,
-                                  close: labels == null ? void 0 : labels.galleryClose,
-                                  previous: labels == null ? void 0 : labels.galleryPrevious,
-                                  next: labels == null ? void 0 : labels.galleryNext
-                                },
-                                photos: accommodationGallery,
-                                variant: accommodationGalleryVariant,
-                                initialVisible: 6
-                              }
-                            ) })
-                          ] })
-                        ]
-                      }
-                    ),
-                    (food || foodGallery && foodGallery.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "food",
-                        id: "trip-section-food",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_h = labels == null ? void 0 : labels.food) != null ? _h : "Food"
-                          ] }) }),
-                          /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "pb-6", children: [
-                            food && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }),
-                            foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
-                              PhotoGallery,
-                              {
-                                labels: {
-                                  seeMore: labels == null ? void 0 : labels.seeMore,
-                                  showLess: labels == null ? void 0 : labels.showLess,
-                                  close: labels == null ? void 0 : labels.galleryClose,
-                                  previous: labels == null ? void 0 : labels.galleryPrevious,
-                                  next: labels == null ? void 0 : labels.galleryNext
-                                },
-                                photos: foodGallery,
-                                variant: foodGalleryVariant,
-                                initialVisible: 6
-                              }
-                            ) })
-                          ] })
-                        ]
-                      }
-                    ),
-                    (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, { headingLevel: 2, 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" }),
-                            (_i = labels == null ? void 0 : labels.meetingPoint) != null ? _i : "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) => {
-                            var _a2, _b2, _c2;
-                            return /* @__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" ? (_a2 = labels == null ? void 0 : labels.meetingPointActivity) != null ? _a2 : "Activity location" : mp.type === "alternative" ? (_b2 = labels == null ? void 0 : labels.meetingPointAlternative) != null ? _b2 : "Alternative meeting point" : (_c2 = labels == null ? void 0 : labels.meetingPoint) != null ? _c2 : "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);
-                          }) }) })
-                        ]
-                      }
-                    ),
-                    howToGetThere && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "how-to-get-there",
-                        id: "trip-section-how-to-get-there",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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.howToGetThere) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.howToGetThere }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, { className: "h-5 w-5 text-primary" }),
-                            (_j = labels == null ? void 0 : labels.howToGetThere) != null ? _j : "How to get there"
-                          ] }) }),
-                          /* @__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: howToGetThere }) })
-                        ]
-                      }
-                    ),
-                    weather && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
-                      {
-                        value: "weather",
-                        id: "trip-section-weather",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_k = labels == null ? void 0 : labels.weather) != null ? _k : "Weather"
-                          ] }) }),
-                          /* @__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: weather }) })
-                        ]
-                      }
-                    ),
-                    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, { headingLevel: 2, 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" }),
-                            (_l = labels == null ? void 0 : labels.whatToBring) != null ? _l : "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" }) }) })
-                        ]
-                      }
-                    ),
-                    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, { headingLevel: 2, 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.CherryIcon, { className: "h-5 w-5 text-primary" }),
-                            (_m = labels == null ? void 0 : labels.optionalExtras) != null ? _m : "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 }) })
-                        ]
-                      }
-                    ),
-                    termsAndConditions && /* @__PURE__ */ jsxRuntime.jsxs(
-                      AccordionItem,
+              ) : /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
+              /* @__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: [
+                  (overview || (overviewHighlights == null ? void 0 : overviewHighlights.length)) && /* @__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: (_a = labels == null ? void 0 : labels.overview) != null ? _a : "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-base text-foreground font-ui", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Recommended for: " }),
+                        recommendedFor
+                      ] })
+                    ] })
+                  ] }),
+                  itineraryDays && itineraryDays.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: (_b = labels == null ? void 0 : labels.itinerary) != null ? _b : "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.jsx("h2", { className: "text-xl font-bold text-foreground font-heading mb-6", children: (_c = labels == null ? void 0 : labels.itinerary) != null ? _c : "Itinerary" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ItineraryTimeline, { steps: itinerary, transferLabel: labels == null ? void 0 : labels.transfer })
+                  ] }),
+                  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: [
+                      (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" }),
+                      (_d = labels == null ? void 0 : labels.whatIsIncluded) != null ? _d : "Included"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Checklist, { items: included })
+                  ] }),
+                  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.XIcon, { className: "h-5 w-5 text-muted-foreground" }),
+                      (_e = labels == null ? void 0 : labels.notIncluded) != null ? _e : "Not included"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Checklist,
                       {
-                        value: "terms",
-                        id: "trip-section-terms",
-                        className: "scroll-mt-20 border-b border-border",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
-                            (_n = labels == null ? void 0 : labels.terms) != null ? _n : "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 }) })
-                        ]
+                        items: notIncluded,
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-4 w-4 text-muted-foreground" })
                       }
                     )
-                  ]
-                }
-              ),
-              faqs && faqs.length > 0 && (() => {
-                var _a2, _b2, _c2;
-                const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
-                const hiddenCount = faqs.length - visibleFaqs.length;
-                return /* @__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: (_a2 = labels == null ? void 0 : labels.faq) != null ? _a2 : "FAQ" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Accordion, { variant: "faq", children: visibleFaqs.map((faq, i) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `faq-${i}`, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: faq.question }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: faq.answer })
-                  ] }, i)) }),
-                  faqs.length > faqInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
+                  ] }),
+                  (howToGetThere || (whatToBring == null ? void 0 : whatToBring.length) || weather || optionalExtras || accommodation || (accommodationGallery == null ? void 0 : accommodationGallery.length) || food || (foodGallery == null ? void 0 : foodGallery.length) || (meetingPoints == null ? void 0 : meetingPoints.length) || meetingPoint || termsAndConditions || whenItOperates) && /* @__PURE__ */ jsxRuntime.jsxs(
+                    Accordion,
                     {
-                      type: "button",
-                      onClick: () => setFaqsExpanded((v) => !v),
-                      className: cn(
-                        "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
-                        "text-sm font-semibold text-foreground shadow-sm",
-                        "hover:bg-muted transition-colors duration-150",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                      ),
-                      children: faqsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        (_b2 = labels == null ? void 0 : labels.showLess) != null ? _b2 : "Show less"
-                      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
-                        (_c2 = labels == null ? void 0 : labels.seeMore) != null ? _c2 : "See more",
-                        " (",
-                        hiddenCount,
-                        ")"
-                      ] })
+                      multiple: false,
+                      value: accordionValue,
+                      onValueChange: setAccordionValue,
+                      className: "border-t border-border",
+                      children: [
+                        whenItOperates && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "when-it-operates",
+                            id: "trip-section-when-it-operates",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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.whenItOperates) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.whenItOperates }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "h-5 w-5 text-primary" }),
+                                (_f = labels == null ? void 0 : labels.whenItOperates) != null ? _f : "When this tour operates"
+                              ] }) }),
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-bold [&_a]:text-primary [&_a]:underline", children: whenItOperates }) })
+                            ]
+                          }
+                        ),
+                        (accommodation || accommodationGallery && accommodationGallery.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "accommodation",
+                            id: "trip-section-accommodation",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_g = labels == null ? void 0 : labels.accommodation) != null ? _g : "Accommodation"
+                              ] }) }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "pb-6", keepMounted: true, children: [
+                                accommodation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: accommodation }),
+                                accommodationGallery && accommodationGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(accommodation && "mt-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                                  PhotoGallery,
+                                  {
+                                    labels: {
+                                      seeMore: labels == null ? void 0 : labels.seeMore,
+                                      showLess: labels == null ? void 0 : labels.showLess,
+                                      close: labels == null ? void 0 : labels.galleryClose,
+                                      previous: labels == null ? void 0 : labels.galleryPrevious,
+                                      next: labels == null ? void 0 : labels.galleryNext
+                                    },
+                                    photos: accommodationGallery,
+                                    variant: accommodationGalleryVariant,
+                                    initialVisible: 6,
+                                    tourSection: (_h = labels == null ? void 0 : labels.accommodation) != null ? _h : "Accommodation"
+                                  }
+                                ) })
+                              ] })
+                            ]
+                          }
+                        ),
+                        (food || foodGallery && foodGallery.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "food",
+                            id: "trip-section-food",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_i = labels == null ? void 0 : labels.food) != null ? _i : "Food"
+                              ] }) }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "pb-6", keepMounted: true, children: [
+                                food && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base text-foreground leading-relaxed space-y-3 [&_strong]:font-semibold [&_a]:text-primary [&_a]:underline", children: food }),
+                                foodGallery && foodGallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(food && "mt-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                                  PhotoGallery,
+                                  {
+                                    labels: {
+                                      seeMore: labels == null ? void 0 : labels.seeMore,
+                                      showLess: labels == null ? void 0 : labels.showLess,
+                                      close: labels == null ? void 0 : labels.galleryClose,
+                                      previous: labels == null ? void 0 : labels.galleryPrevious,
+                                      next: labels == null ? void 0 : labels.galleryNext
+                                    },
+                                    photos: foodGallery,
+                                    variant: foodGalleryVariant,
+                                    initialVisible: 6,
+                                    tourSection: (_j = labels == null ? void 0 : labels.food) != null ? _j : "Food"
+                                  }
+                                ) })
+                              ] })
+                            ]
+                          }
+                        ),
+                        (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, { headingLevel: 2, 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" }),
+                                (_k = labels == null ? void 0 : labels.meetingPoint) != null ? _k : "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) => {
+                                var _a2, _b2, _c2;
+                                return /* @__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" ? (_a2 = labels == null ? void 0 : labels.meetingPointActivity) != null ? _a2 : "Activity location" : mp.type === "alternative" ? (_b2 = labels == null ? void 0 : labels.meetingPointAlternative) != null ? _b2 : "Alternative meeting point" : (_c2 = labels == null ? void 0 : labels.meetingPoint) != null ? _c2 : "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);
+                              }) }) })
+                            ]
+                          }
+                        ),
+                        howToGetThere && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "how-to-get-there",
+                            id: "trip-section-how-to-get-there",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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.howToGetThere) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary [&>svg]:h-5 [&>svg]:w-5", children: sectionIcons.howToGetThere }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CompassIcon, { className: "h-5 w-5 text-primary" }),
+                                (_l = labels == null ? void 0 : labels.howToGetThere) != null ? _l : "How to get there"
+                              ] }) }),
+                              /* @__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: howToGetThere }) })
+                            ]
+                          }
+                        ),
+                        weather && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "weather",
+                            id: "trip-section-weather",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_m = labels == null ? void 0 : labels.weather) != null ? _m : "Weather"
+                              ] }) }),
+                              /* @__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: weather }) })
+                            ]
+                          }
+                        ),
+                        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, { headingLevel: 2, 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" }),
+                                (_n = labels == null ? void 0 : labels.whatToBring) != null ? _n : "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" }) }) })
+                            ]
+                          }
+                        ),
+                        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, { headingLevel: 2, 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.CherryIcon, { className: "h-5 w-5 text-primary" }),
+                                (_o = labels == null ? void 0 : labels.optionalExtras) != null ? _o : "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 }) })
+                            ]
+                          }
+                        ),
+                        termsAndConditions && /* @__PURE__ */ jsxRuntime.jsxs(
+                          AccordionItem,
+                          {
+                            value: "terms",
+                            id: "trip-section-terms",
+                            className: "scroll-mt-20 border-b border-border",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { headingLevel: 2, 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" }),
+                                (_p = labels == null ? void 0 : labels.terms) != null ? _p : "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 }) })
+                            ]
+                          }
+                        )
+                      ]
                     }
-                  ) })
-                ] });
-              })(),
-              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: (_o = labels == null ? void 0 : labels.reviews) != null ? _o : "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: (_p = labels == null ? void 0 : labels.reviews) != null ? _p : "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 _a2;
-                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Stars, { count: (_a2 = r.rating) != null ? _a2 : 5 }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
-                      "\u201C",
-                      r.text,
-                      "\u201D"
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-semibold text-muted-foreground font-ui mt-auto", children: [
-                      "\u2014 ",
-                      r.author
-                    ] })
-                  ] }, i);
-                }) })
+                  ),
+                  faqs && faqs.length > 0 && (() => {
+                    var _a2, _b2, _c2;
+                    const visibleFaqs = faqsExpanded ? faqs : faqs.slice(0, faqInitialCount);
+                    const hiddenCount = faqs.length - visibleFaqs.length;
+                    return /* @__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: (_a2 = labels == null ? void 0 : labels.faq) != null ? _a2 : "FAQ" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(Accordion, { variant: "faq", children: visibleFaqs.map((faq, i) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: `faq-${i}`, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { children: faq.question }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { children: faq.answer })
+                      ] }, i)) }),
+                      faqs.length > faqInitialCount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setFaqsExpanded((v) => !v),
+                          className: cn(
+                            "inline-flex items-center gap-2 rounded-full border border-border bg-background px-5 py-2.5",
+                            "text-sm font-semibold text-foreground shadow-sm",
+                            "hover:bg-muted transition-colors duration-150",
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                          ),
+                          children: faqsExpanded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                            (_b2 = labels == null ? void 0 : labels.showLess) != null ? _b2 : "Show less"
+                          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "h-4 w-4 text-muted-foreground" }),
+                            (_c2 = labels == null ? void 0 : labels.seeMore) != null ? _c2 : "See more",
+                            " (",
+                            hiddenCount,
+                            ")"
+                          ] })
+                        }
+                      ) })
+                    ] });
+                  })(),
+                  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: (_q = labels == null ? void 0 : labels.reviews) != null ? _q : "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: (_r = labels == null ? void 0 : labels.reviews) != null ? _r : "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 _a2;
+                      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border p-5", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Stars, { count: (_a2 = r.rating) != null ? _a2 : 5 }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base text-foreground leading-relaxed line-clamp-4", children: [
+                          "\u201C",
+                          r.text,
+                          "\u201D"
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-semibold text-muted-foreground font-ui mt-auto", children: [
+                          "\u2014 ",
+                          r.author
+                        ] })
+                      ] }, i);
+                    }) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sidebarPlaceholderRef, className: "hidden lg:block lg:w-72 xl:w-80 shrink-0", children: !isFloating && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-20 rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  PricingTrip,
+                  {
+                    priceFrom,
+                    currency,
+                    season,
+                    departureTimes,
+                    onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                    bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                    fromLabel,
+                    perPersonLabel,
+                    variant: "card",
+                    belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                    benefits,
+                    currencyEstimates,
+                    priceInfo
+                  }
+                ) }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { ref: sidebarPlaceholderRef, className: "hidden lg:block lg:w-72 xl:w-80 shrink-0", children: !isFloating && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-20 rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
-              PricingTrip,
+            sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                priceFrom,
-                currency,
-                season,
-                departureTimes,
-                onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-                bookLabel: bookLabel != null ? bookLabel : "Check availability",
-                fromLabel,
-                perPersonLabel,
-                variant: "card",
-                belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
-                benefits,
-                currencyEstimates,
-                priceInfo
+                ref: navRef,
+                className: cn(
+                  "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-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  MenuTrip,
+                  {
+                    sections,
+                    activeSection,
+                    onSelect: scrollToSection,
+                    variant: "floating"
+                  }
+                ) })
               }
-            ) }) })
-          ] })
-        ] }),
-        sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: navRef,
-            className: cn(
-              "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-6xl px-6 sm:px-8 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-              MenuTrip,
+            isFloating && !pricingBarVisible && sidebarPos && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                sections,
-                activeSection,
-                onSelect: scrollToSection,
-                variant: "floating"
+                className: "hidden lg:block fixed z-20",
+                style: { top: "5rem", left: sidebarPos.left, width: sidebarPos.width },
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  PricingTrip,
+                  {
+                    priceFrom,
+                    currency,
+                    season,
+                    departureTimes,
+                    onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
+                    bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                    fromLabel,
+                    perPersonLabel,
+                    variant: "card",
+                    belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
+                    benefits,
+                    currencyEstimates,
+                    priceInfo
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        isFloating && !pricingBarVisible && sidebarPos && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "hidden lg:block fixed z-20",
-            style: { top: "5rem", left: sidebarPos.left, width: sidebarPos.width },
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl border border-border bg-card p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ),
+            gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsxRuntime.jsx(
+              PhotoGallery,
+              {
+                labels: {
+                  seeMore: labels == null ? void 0 : labels.seeMore,
+                  showLess: labels == null ? void 0 : labels.showLess,
+                  close: labels == null ? void 0 : labels.galleryClose,
+                  previous: labels == null ? void 0 : labels.galleryPrevious,
+                  next: labels == null ? void 0 : labels.galleryNext
+                },
+                photos: gallery,
+                variant: "gridCompact",
+                initialVisible: 8,
+                lightbox: galleryLightbox,
+                tourSection: (_s = labels == null ? void 0 : labels.gallery) != null ? _s : "Gallery"
+              }
+            ) }),
+            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,
+              {
+                labels: bookingLabels,
+                defaultValues: bookingDefaults,
+                onSubmit: onBookingSubmit,
+                loading: bookingLoading
+              }
+            ) }) }),
+            /* @__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,
               {
                 priceFrom,
                 currency,
-                season,
-                departureTimes,
                 onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-                bookLabel: bookLabel != null ? bookLabel : "Check availability",
+                bookLabel: bookLabel != null ? bookLabel : "Book now",
                 fromLabel,
                 perPersonLabel,
-                variant: "card",
-                belowPrice: trustpilotMini ? /* @__PURE__ */ jsxRuntime.jsx(TrustpilotEmbed, { config: trustpilotMini }) : void 0,
-                benefits,
-                currencyEstimates,
-                priceInfo
+                variant: "compact",
+                sharp: true,
+                priceInfo,
+                currencyEstimates
               }
-            ) })
-          }
-        ),
-        gallery && gallery.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("section", { ref: galleryRef, id: "trip-section-gallery", className: "scroll-mt-20", children: /* @__PURE__ */ jsxRuntime.jsx(
-          PhotoGallery,
-          {
-            labels: {
-              seeMore: labels == null ? void 0 : labels.seeMore,
-              showLess: labels == null ? void 0 : labels.showLess,
-              close: labels == null ? void 0 : labels.galleryClose,
-              previous: labels == null ? void 0 : labels.galleryPrevious,
-              next: labels == null ? void 0 : labels.galleryNext
-            },
-            photos: gallery,
-            variant: "gridCompact",
-            initialVisible: 8
-          }
-        ) }),
-        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,
-          {
-            labels: bookingLabels,
-            defaultValues: bookingDefaults,
-            onSubmit: onBookingSubmit,
-            loading: bookingLoading
-          }
-        ) }) }),
-        /* @__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,
-          {
-            priceFrom,
-            currency,
-            onBook: (gallery == null ? void 0 : gallery.length) ? scrollToBookingForm : onBook,
-            bookLabel: bookLabel != null ? bookLabel : "Book now",
-            fromLabel,
-            perPersonLabel,
-            variant: "compact",
-            sharp: true,
-            priceInfo,
-            currencyEstimates
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 lg:hidden" }),
-        /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, {})
-      ]
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 lg:hidden" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, { badges: footerBadges })
+          ]
+        }
+      )
     }
   );
 }
@@ -15862,14 +16240,15 @@ function CategoryPage2({
   viewAllPostsLabel,
   cardLabels,
   filterLabels,
+  footerBadges,
   className
 }) {
   var _a;
-  const [videoReady, setVideoReady] = React32__namespace.useState(false);
-  const videoRef = React32__namespace.useRef(null);
+  const [videoReady, setVideoReady] = React20__namespace.useState(false);
+  const videoRef = React20__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -15884,13 +16263,13 @@ function CategoryPage2({
     io.observe(el);
     return () => io.disconnect();
   }, [videoUrl]);
-  const [faqsExpanded, setFaqsExpanded] = React32__namespace.useState(false);
-  const [tripsExpanded, setTripsExpanded] = React32__namespace.useState(false);
-  const [filterValue, setFilterValue] = React32__namespace.useState({});
-  const [sort, setSort] = React32__namespace.useState(
+  const [faqsExpanded, setFaqsExpanded] = React20__namespace.useState(false);
+  const [tripsExpanded, setTripsExpanded] = React20__namespace.useState(false);
+  const [filterValue, setFilterValue] = React20__namespace.useState({});
+  const [sort, setSort] = React20__namespace.useState(
     defaultSort != null ? defaultSort : (_a = sortOptions == null ? void 0 : sortOptions[0]) == null ? void 0 : _a.id
   );
-  const sortedTrips = React32__namespace.useMemo(() => {
+  const sortedTrips = React20__namespace.useMemo(() => {
     const active = Object.entries(filterValue).filter(
       ([, vals]) => vals && vals.length > 0
     );
@@ -15994,7 +16373,7 @@ function CategoryPage2({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mx-auto w-full max-w-6xl px-6 sm:px-8", 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) => {
               const isLast = i === breadcrumb.length - 1;
-              return /* @__PURE__ */ jsxRuntime.jsxs(React32__namespace.Fragment, { children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs(React20__namespace.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "h-3 w-3 text-white/50 shrink-0" }),
                 crumb.href && !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
@@ -16186,7 +16565,7 @@ function CategoryPage2({
         ) })
       ] });
     })(),
-    /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, {})
+    /* @__PURE__ */ jsxRuntime.jsx(SiteFooter, { badges: footerBadges })
   ] });
 }
 var sizeConfig3 = {
@@ -16291,12 +16670,12 @@ function Toast({
   duration = 6e3,
   className
 }) {
-  const [mounted, setMounted] = React32__namespace.useState(false);
-  const [visible, setVisible] = React32__namespace.useState(true);
-  React32__namespace.useEffect(() => {
+  const [mounted, setMounted] = React20__namespace.useState(false);
+  const [visible, setVisible] = React20__namespace.useState(true);
+  React20__namespace.useEffect(() => {
     setMounted(true);
   }, []);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (duration === 0) return;
     const t = setTimeout(() => {
       setVisible(false);
@@ -16703,21 +17082,21 @@ function LeadCapturePopup({
 }) {
   var _a;
   const config = __spreadValues(__spreadValues({}, DEFAULTS), _config);
-  const [open, setOpen] = React32.useState(false);
-  const [closing, setClosing] = React32.useState(false);
-  const [submitted, setSubmitted] = React32.useState(false);
-  const [submitting, setSubmitting] = React32.useState(false);
-  const [error, setError] = React32.useState(null);
-  const [name, setName] = React32.useState("");
-  const [email, setEmail] = React32.useState("");
-  const [travelDate, setTravelDate] = React32.useState("");
-  const panelRef = React32.useRef(null);
-  const nameRef = React32.useRef(null);
-  const show = React32.useCallback(() => {
+  const [open, setOpen] = React20.useState(false);
+  const [closing, setClosing] = React20.useState(false);
+  const [submitted, setSubmitted] = React20.useState(false);
+  const [submitting, setSubmitting] = React20.useState(false);
+  const [error, setError] = React20.useState(null);
+  const [name, setName] = React20.useState("");
+  const [email, setEmail] = React20.useState("");
+  const [travelDate, setTravelDate] = React20.useState("");
+  const panelRef = React20.useRef(null);
+  const nameRef = React20.useRef(null);
+  const show = React20.useCallback(() => {
     if (isDismissed()) return;
     setOpen(true);
   }, []);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     var _a2;
     if (isDismissed()) return;
     if (config.trigger === "delay") {
@@ -16744,7 +17123,7 @@ function LeadCapturePopup({
       return () => window.removeEventListener("scroll", handler);
     }
   }, [config.trigger, config.delaySeconds, config.scrollPercent, show]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (open && !submitted) {
       requestAnimationFrame(() => {
         var _a2;
@@ -16752,7 +17131,7 @@ function LeadCapturePopup({
       });
     }
   }, [open, submitted]);
-  const close = React32.useCallback(() => {
+  const close = React20.useCallback(() => {
     setClosing(true);
     setDismissed(config.dismissDays);
     setTimeout(() => {
@@ -16760,7 +17139,7 @@ function LeadCapturePopup({
       setClosing(false);
     }, 250);
   }, [config.dismissDays]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (e.key === "Escape") close();
@@ -16768,7 +17147,7 @@ function LeadCapturePopup({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, close]);
-  const onOverlayClick = React32.useCallback(
+  const onOverlayClick = React20.useCallback(
     (e) => {
       if (panelRef.current && !panelRef.current.contains(e.target)) {
         close();
@@ -17006,11 +17385,11 @@ function ExoOrb({
   trackCursor = true,
   className
 }) {
-  const uid = React32.useId().replace(/:/g, "");
+  const uid = React20.useId().replace(/:/g, "");
   const id = (name) => `exo-orb-${uid}-${name}`;
-  const rootRef = React32.useRef(null);
-  const pupilRef = React32.useRef(null);
-  React32.useEffect(() => {
+  const rootRef = React20.useRef(null);
+  const pupilRef = React20.useRef(null);
+  React20.useEffect(() => {
     if (!trackCursor) return;
     if (typeof window === "undefined") return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
@@ -17206,13 +17585,13 @@ function AskExo({
   teaserDelayMs = 2500,
   teaserDurationMs = 6e3
 }) {
-  const [open, setOpen] = React32.useState(false);
-  const [question, setQuestion] = React32.useState("");
-  const [teaserVisible, setTeaserVisible] = React32.useState(false);
+  const [open, setOpen] = React20.useState(false);
+  const [question, setQuestion] = React20.useState("");
+  const [teaserVisible, setTeaserVisible] = React20.useState(false);
   const teaserEnabled = !!teaser && teaser !== "";
-  const inputRef = React32.useRef(null);
-  const textareaRef = React32.useRef(null);
-  React32.useEffect(() => {
+  const inputRef = React20.useRef(null);
+  const textareaRef = React20.useRef(null);
+  React20.useEffect(() => {
     if (!open) {
       setQuestion("");
       return;
@@ -17224,7 +17603,7 @@ function AskExo({
     }, 200);
     return () => clearTimeout(t);
   }, [open, variant]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") setOpen(false);
@@ -17232,7 +17611,7 @@ function AskExo({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (!teaserEnabled || open) return;
     if (typeof window === "undefined") return;
     const showTimer = setTimeout(() => setTeaserVisible(true), teaserDelayMs);
@@ -17245,7 +17624,7 @@ function AskExo({
       clearTimeout(hideTimer);
     };
   }, [teaserEnabled, teaserDelayMs, teaserDurationMs, open]);
-  React32.useEffect(() => {
+  React20.useEffect(() => {
     if (open) setTeaserVisible(false);
   }, [open]);
   const askExo = (q) => {
@@ -17798,8 +18177,8 @@ function ShareWidget({
   title = "Invite friends & lower the price",
   className
 }) {
-  const [copied, setCopied] = React32__namespace.useState(false);
-  const [showToast, setShowToast] = React32__namespace.useState(false);
+  const [copied, setCopied] = React20__namespace.useState(false);
+  const [showToast, setShowToast] = React20__namespace.useState(false);
   const encodedUrl = encodeURIComponent(url);
   const encodedMsg = encodeURIComponent(`${message} ${url}`);
   const channels = [
@@ -18016,11 +18395,11 @@ function HomeHeader({
   className
 }) {
   var _a;
-  const [heroIndex, setHeroIndex] = React32__namespace.useState(0);
-  const [videoReady, setVideoReady] = React32__namespace.useState(false);
-  const videoRef = React32__namespace.useRef(null);
+  const [heroIndex, setHeroIndex] = React20__namespace.useState(0);
+  const [videoReady, setVideoReady] = React20__namespace.useState(false);
+  const videoRef = React20__namespace.useRef(null);
   const isHls = !!(videoUrl == null ? void 0 : videoUrl.includes(".m3u8"));
-  const validImages = React32__namespace.useMemo(
+  const validImages = React20__namespace.useMemo(
     () => images.map((u) => u == null ? void 0 : u.trim()).filter(Boolean),
     [images]
   );
@@ -18034,7 +18413,7 @@ function HomeHeader({
   const showCarousel = !videoUrl && validImages.length > 1;
   const tpConfig = trustpilot ? typeof trustpilot === "object" ? __spreadValues(__spreadValues({}, DEFAULT_TRUSTPILOT), trustpilot) : DEFAULT_TRUSTPILOT : null;
   useHlsVideo(videoRef, isHls ? videoUrl : void 0);
-  React32__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!videoUrl) return;
     const el = videoRef.current;
     if (!el) return;
@@ -18392,7 +18771,7 @@ function AdventureExplorer({
   className
 }) {
   var _a, _b, _c, _d, _e;
-  const [activeId, setActiveId] = React32__namespace.useState(
+  const [activeId, setActiveId] = React20__namespace.useState(
     defaultTabId != null ? defaultTabId : (_a = tabs[0]) == null ? void 0 : _a.id
   );
   const active = (_b = tabs.find((t2) => t2.id === activeId)) != null ? _b : tabs[0];
@@ -18732,8 +19111,8 @@ function RotatingSubtitle({
   interval,
   className
 }) {
-  const [index, setIndex] = React32__namespace.useState(0);
-  React32__namespace.useEffect(() => {
+  const [index, setIndex] = React20__namespace.useState(0);
+  React20__namespace.useEffect(() => {
     var _a;
     if (phrases.length < 2) return;
     const reduce = typeof window !== "undefined" && ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches);
@@ -18772,7 +19151,7 @@ function CtaBanner({
   overlayOpacity = 35,
   className
 }) {
-  const phrases = React32__namespace.useMemo(
+  const phrases = React20__namespace.useMemo(
     () => (Array.isArray(subtitle) ? subtitle : subtitle ? [subtitle] : []).map((s) => s.trim()).filter(Boolean),
     [subtitle]
   );
@@ -19053,7 +19432,7 @@ function SectionHead({
 }
 function ExpeditionsRail({ eyebrow, title, subtitle, link, trips }) {
   var _a;
-  const railRef = React32__namespace.useRef(null);
+  const railRef = React20__namespace.useRef(null);
   const scrollByCard = (dir) => {
     const rail = railRef.current;
     if (!rail) return;
@@ -19261,7 +19640,7 @@ function SegmentedControl({
 }) {
   var _a;
   const isControlled = value != null;
-  const [internal, setInternal] = React32__namespace.useState(
+  const [internal, setInternal] = React20__namespace.useState(
     defaultValue != null ? defaultValue : (_a = items[0]) == null ? void 0 : _a.id
   );
   const active = isControlled ? value : internal;
@@ -19420,6 +19799,7 @@ exports.PaymentReceiptEmail = PaymentReceiptEmail;
 exports.PaymentReminderEmail = PaymentReminderEmail;
 exports.PhoneCountrySelect = PhoneCountrySelect;
 exports.PhotoGallery = PhotoGallery;
+exports.PhotoTourProvider = PhotoTourProvider;
 exports.Picture = Picture;
 exports.PriceProgress = PriceProgress;
 exports.PricingMatrixCard = PricingMatrixCard;