hey-pharmacist-ecommerce 1.1.2 → 1.1.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import React19, { createContext, forwardRef, useContext, useEffect, useState, useCallback, useMemo, useRef } from 'react';
+import React20, { createContext, forwardRef, useContext, useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import globalAxios4 from 'axios';
 import { Toaster, toast } from 'sonner';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -13,7 +13,111 @@ import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 
-// src/providers/EcommerceProvider.tsx
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/Apis/configuration.ts
+var Configuration;
+var init_configuration = __esm({
+  "src/lib/Apis/configuration.ts"() {
+    Configuration = class {
+      constructor(param = {}) {
+        this.apiKey = param.apiKey;
+        this.username = param.username;
+        this.password = param.password;
+        this.accessToken = param.accessToken;
+        this.basePath = param.basePath;
+        this.baseOptions = param.baseOptions;
+      }
+    };
+  }
+});
+
+// src/lib/api-adapter/config.ts
+var config_exports = {};
+__export(config_exports, {
+  clearAuthToken: () => clearAuthToken,
+  getApiConfiguration: () => getApiConfiguration,
+  getAuthToken: () => getAuthToken,
+  getCurrentConfig: () => getCurrentConfig,
+  initializeApiAdapter: () => initializeApiAdapter,
+  setAuthToken: () => setAuthToken
+});
+function initializeApiAdapter(config) {
+  currentConfig = config;
+  apiConfiguration = new Configuration({
+    basePath: config.apiBaseUrl,
+    apiKey: () => config.storeId,
+    // x-store-key header
+    accessToken: () => getAuthToken() || ""
+    // Bearer token
+  });
+  return apiConfiguration;
+}
+function getApiConfiguration() {
+  if (!apiConfiguration) {
+    throw new Error("API adapter not initialized. Call initializeApiAdapter first.");
+  }
+  return apiConfiguration;
+}
+function getCurrentConfig() {
+  if (!currentConfig) {
+    throw new Error("API adapter not initialized.");
+  }
+  return currentConfig;
+}
+function getTokenKey() {
+  const storeId = currentConfig?.storeId || "default";
+  return `ecommerce_access_token_${storeId}`;
+}
+function setAuthToken(token) {
+  if (typeof window !== "undefined") {
+    localStorage.setItem(getTokenKey(), token);
+    if (apiConfiguration) {
+      apiConfiguration.accessToken = () => token;
+    }
+  }
+}
+function getAuthToken() {
+  if (typeof window !== "undefined") {
+    return localStorage.getItem(getTokenKey());
+  }
+  return null;
+}
+function clearAuthToken() {
+  if (typeof window !== "undefined") {
+    localStorage.removeItem(getTokenKey());
+    if (apiConfiguration) {
+      apiConfiguration.accessToken = () => "";
+    }
+  }
+}
+var apiConfiguration, currentConfig;
+var init_config = __esm({
+  "src/lib/api-adapter/config.ts"() {
+    init_configuration();
+    apiConfiguration = null;
+    currentConfig = null;
+  }
+});
 
 // src/lib/utils/colors.ts
 function hexToRgb(hex) {
@@ -94,70 +198,11 @@ function ThemeProvider({ config, children }) {
       root.style.setProperty(`--header-to`, secondaryShades[600]);
     }
   }, [config]);
-  return /* @__PURE__ */ React19.createElement(ThemeContext.Provider, { value: { config } }, children);
+  return /* @__PURE__ */ React20.createElement(ThemeContext.Provider, { value: { config } }, children);
 }
 
-// src/lib/Apis/configuration.ts
-var Configuration = class {
-  constructor(param = {}) {
-    this.apiKey = param.apiKey;
-    this.username = param.username;
-    this.password = param.password;
-    this.accessToken = param.accessToken;
-    this.basePath = param.basePath;
-    this.baseOptions = param.baseOptions;
-  }
-};
-
-// src/lib/api-adapter/config.ts
-var apiConfiguration = null;
-var currentConfig = null;
-function initializeApiAdapter(config) {
-  currentConfig = config;
-  apiConfiguration = new Configuration({
-    basePath: config.apiBaseUrl,
-    apiKey: () => config.storeId,
-    // x-store-key header
-    accessToken: () => getAuthToken() || ""
-    // Bearer token
-  });
-  return apiConfiguration;
-}
-function getApiConfiguration() {
-  if (!apiConfiguration) {
-    throw new Error("API adapter not initialized. Call initializeApiAdapter first.");
-  }
-  return apiConfiguration;
-}
-function getCurrentConfig() {
-  if (!currentConfig) {
-    throw new Error("API adapter not initialized.");
-  }
-  return currentConfig;
-}
-var TOKEN_KEY = "ecommerce_access_token";
-function setAuthToken(token) {
-  if (typeof window !== "undefined") {
-    localStorage.setItem(TOKEN_KEY, token);
-    if (apiConfiguration) {
-      apiConfiguration.accessToken = () => token;
-    }
-  }
-}
-function getAuthToken() {
-  if (typeof window !== "undefined") {
-    return localStorage.getItem(TOKEN_KEY);
-  }
-  return null;
-}
-function clearAuthToken() {
-  if (typeof window !== "undefined") {
-    localStorage.removeItem(TOKEN_KEY);
-    if (apiConfiguration) {
-      apiConfiguration.accessToken = () => "";
-    }
-  }
-}
+// src/providers/AuthProvider.tsx
+init_config();
 var BASE_PATH = "/".replace(/\/+$/, "");
 var BaseAPI = class {
   constructor(configuration, basePath = BASE_PATH, axios = globalAxios4) {
@@ -1896,7 +1941,17 @@ function useAuth() {
 function AuthProvider({ children }) {
   const [user, setUser] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const USER_KEY = "ecommerce_user";
+  const getUserKey = () => {
+    if (typeof window === "undefined") return "ecommerce_user";
+    const token = getAuthToken();
+    if (!token) return "ecommerce_user";
+    try {
+      const config = (init_config(), __toCommonJS(config_exports)).getCurrentConfig();
+      return `ecommerce_user_${config?.storeId || "default"}`;
+    } catch {
+      return "ecommerce_user";
+    }
+  };
   const refreshUser = useCallback(async () => {
     try {
       const token = getAuthToken();
@@ -1914,7 +1969,8 @@ function AuthProvider({ children }) {
   useEffect(() => {
     if (typeof window !== "undefined") {
       try {
-        const cached = localStorage.getItem(USER_KEY);
+        const userKey = getUserKey();
+        const cached = localStorage.getItem(userKey);
         if (cached) {
           const parsed = JSON.parse(cached);
           setUser(parsed);
@@ -1934,7 +1990,7 @@ function AuthProvider({ children }) {
       }
       setUser(response.data.userData);
       if (typeof window !== "undefined") {
-        localStorage.setItem(USER_KEY, JSON.stringify(response.data.userData));
+        localStorage.setItem(getUserKey(), JSON.stringify(response.data.userData));
       }
       return response.data;
     } finally {
@@ -1950,7 +2006,7 @@ function AuthProvider({ children }) {
       }
       setUser(response.data.userData);
       if (typeof window !== "undefined") {
-        localStorage.setItem(USER_KEY, JSON.stringify(response.data.userData));
+        localStorage.setItem(getUserKey(), JSON.stringify(response.data.userData));
       }
       return response.data;
     } finally {
@@ -1963,7 +2019,7 @@ function AuthProvider({ children }) {
       clearAuthToken();
       setUser(null);
       if (typeof window !== "undefined") {
-        localStorage.removeItem(USER_KEY);
+        localStorage.removeItem(getUserKey());
       }
     } finally {
       setIsLoading(false);
@@ -1992,7 +2048,7 @@ function AuthProvider({ children }) {
     updateUser,
     refreshUser
   };
-  return /* @__PURE__ */ React19.createElement(AuthContext.Provider, { value }, children);
+  return /* @__PURE__ */ React20.createElement(AuthContext.Provider, { value }, children);
 }
 var AddressesApiAxiosParamCreator = function(configuration) {
   return {
@@ -6660,6 +6716,9 @@ var WishlistApi = class extends BaseAPI {
   }
 };
 
+// src/lib/Apis/index.ts
+init_configuration();
+
 // src/lib/Apis/models/manual-order-dto.ts
 var ManualOrderDTOOrderStatusEnum = /* @__PURE__ */ ((ManualOrderDTOOrderStatusEnum2) => {
   ManualOrderDTOOrderStatusEnum2["Pending"] = "Pending";
@@ -6696,6 +6755,9 @@ var PaymentPaymentStatusEnum = /* @__PURE__ */ ((PaymentPaymentStatusEnum2) => {
   return PaymentPaymentStatusEnum2;
 })(PaymentPaymentStatusEnum || {});
 
+// src/lib/api-adapter/index.ts
+init_config();
+
 // src/providers/CartProvider.tsx
 var CartContext = createContext(void 0);
 function useCart() {
@@ -6782,8 +6844,13 @@ function CartProvider({ children }) {
     clearCart,
     refreshCart
   };
-  return /* @__PURE__ */ React19.createElement(CartContext.Provider, { value }, children);
+  return /* @__PURE__ */ React20.createElement(CartContext.Provider, { value }, children);
 }
+
+// src/lib/Apis/wrapper.ts
+init_configuration();
+init_config();
+init_config();
 var BaseUrl = "https://api.heypharmacist.com";
 globalAxios4.interceptors.request.use(async (config) => {
   if (!config?.headers) {
@@ -6917,7 +6984,7 @@ function WishlistProvider({ children }) {
   const refreshWishlist = async () => {
     await fetchWishlist();
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     WishlistContext.Provider,
     {
       value: {
@@ -6940,14 +7007,31 @@ var useWishlist = () => {
   }
   return context;
 };
-function EcommerceProvider({ config, children, withToaster = true }) {
+var BasePathContext = createContext(void 0);
+function BasePathProvider({ basePath = "", children }) {
+  const normalized = basePath ? basePath.startsWith("/") ? basePath : `/${basePath}` : "";
+  const buildPath = (path) => {
+    if (!normalized) return path;
+    if (!path) return normalized;
+    if (path.startsWith(normalized + "/")) return path;
+    if (path.startsWith("/")) return `${normalized}${path}`;
+    return `${normalized}/${path}`;
+  };
+  return /* @__PURE__ */ React20.createElement(BasePathContext.Provider, { value: { basePath: normalized, buildPath } }, children);
+}
+function useBasePath() {
+  const ctx = useContext(BasePathContext);
+  if (!ctx) throw new Error("useBasePath must be used within BasePathProvider");
+  return ctx;
+}
+function EcommerceProvider({ config, children, withToaster = true, basePath = "" }) {
   useEffect(() => {
     initializeApiAdapter(config);
   }, [config]);
-  const [client] = React19.useState(
+  const [client] = React20.useState(
     new QueryClient({ defaultOptions: { queries: { staleTime: 5e3 } } })
   );
-  return /* @__PURE__ */ React19.createElement(QueryClientProvider, { client }, /* @__PURE__ */ React19.createElement(ThemeProvider, { config }, /* @__PURE__ */ React19.createElement(AuthProvider, null, /* @__PURE__ */ React19.createElement(CartProvider, null, /* @__PURE__ */ React19.createElement(WishlistProvider, null, children, withToaster && /* @__PURE__ */ React19.createElement(Toaster, { position: "top-right", richColors: true }))))));
+  return /* @__PURE__ */ React20.createElement(QueryClientProvider, { client }, /* @__PURE__ */ React20.createElement(ThemeProvider, { config }, /* @__PURE__ */ React20.createElement(BasePathProvider, { basePath }, /* @__PURE__ */ React20.createElement(AuthProvider, null, /* @__PURE__ */ React20.createElement(CartProvider, null, /* @__PURE__ */ React20.createElement(WishlistProvider, null, children, withToaster && /* @__PURE__ */ React20.createElement(Toaster, { position: "top-right", richColors: true })))))));
 }
 
 // src/lib/utils/format.ts
@@ -6990,6 +7074,7 @@ function ProductCard({
   className
 }) {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const [isFavorite, setIsFavorite] = useState(isFavorited);
   const { addToWishlist, removeFromWishlist, isInWishlist } = useWishlist();
   const [isHovered, setIsHovered] = useState(false);
@@ -7036,7 +7121,7 @@ function ProductCard({
       alt: product.name || "Product image"
     };
   }, [product.productMedia, product.name]);
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     motion.article,
     {
       className: "relative group bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all duration-300 border border-gray-100 hover:border-gray-200 flex h-[420px] flex-col",
@@ -7049,7 +7134,7 @@ function ProductCard({
       onClick: handleCardClick,
       onKeyDown: handleKeyDown
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "relative h-48 w-full overflow-hidden bg-gray-50" }, /* @__PURE__ */ React19.createElement(AnimatePresence, null, !isImageLoaded && /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "relative h-48 w-full overflow-hidden bg-gray-50" }, /* @__PURE__ */ React20.createElement(AnimatePresence, null, !isImageLoaded && /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         className: "absolute inset-0 bg-gray-200 animate-pulse",
@@ -7057,7 +7142,7 @@ function ProductCard({
         exit: { opacity: 0 },
         transition: { duration: 0.2 }
       }
-    )), product.productMedia?.[0]?.file && /* @__PURE__ */ React19.createElement(
+    )), product.productMedia?.[0]?.file && /* @__PURE__ */ React20.createElement(
       Image3,
       {
         src: product.productMedia?.[0]?.file || "/placeholder-product.jpg",
@@ -7068,7 +7153,7 @@ function ProductCard({
         priority: false,
         onLoad: handleImageLoad
       }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10" }, product.isDiscounted && /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10" }, product.isDiscounted && /* @__PURE__ */ React20.createElement(
       motion.span,
       {
         initial: { scale: 0.9, opacity: 0 },
@@ -7078,7 +7163,7 @@ function ProductCard({
       "-",
       product.discountAmount,
       "%"
-    ), product.inventoryCount === 0 && /* @__PURE__ */ React19.createElement(
+    ), product.inventoryCount === 0 && /* @__PURE__ */ React20.createElement(
       motion.span,
       {
         initial: { scale: 0.9, opacity: 0 },
@@ -7086,7 +7171,7 @@ function ProductCard({
         className: "inline-flex items-center justify-center px-2.5 py-1 rounded-full text-xs font-bold text-white bg-red-600"
       },
       "Out of Stock"
-    )), showFavoriteButton && /* @__PURE__ */ React19.createElement(
+    )), showFavoriteButton && /* @__PURE__ */ React20.createElement(
       motion.button,
       {
         type: "button",
@@ -7096,10 +7181,10 @@ function ProductCard({
         whileTap: { scale: 0.95 },
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19.createElement(Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
+      /* @__PURE__ */ React20.createElement(Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
     )),
-    /* @__PURE__ */ React19.createElement("div", { className: "absolute top-4 left-4 flex flex-col gap-2" }, product.inventoryCount === 0 && /* @__PURE__ */ React19.createElement("span", { className: "px-3 py-1 rounded-full text-sm font-bold bg-red-100 text-red-800" }, "Out of Stock")),
-    showFavoriteButton && /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "absolute top-4 left-4 flex flex-col gap-2" }, product.inventoryCount === 0 && /* @__PURE__ */ React20.createElement("span", { className: "px-3 py-1 rounded-full text-sm font-bold bg-red-100 text-red-800" }, "Out of Stock")),
+    showFavoriteButton && /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -7107,21 +7192,21 @@ function ProductCard({
         className: `absolute top-2 right-2 p-2 rounded-full transition-colors ${isFavorite ? "text-red-500" : "text-gray-400 hover:text-red-500"}`,
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19.createElement(Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
+      /* @__PURE__ */ React20.createElement(Heart, { className: `w-5 h-5 ${isFavorite ? "fill-current" : ""}` })
     ),
-    /* @__PURE__ */ React19.createElement("div", { className: "p-4" }, product.parentCategories && product.parentCategories?.length > 0 && /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-2" }, product.parentCategories?.map((category) => category?.name).join(", ") || "No categories"), /* @__PURE__ */ React19.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900 line-clamp-1 group-hover:text-primary-600 transition-colors" }, product.name), product?.sku && /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-gray-400 mt-1" }, "SKU: ", product.sku)), /* @__PURE__ */ React19.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React19.createElement("span", { className: "text-2xl font-bold text-gray-900" }, formatPrice(product.finalPrice)), product.inventoryCount > 0 && /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-gray-500" }, product.inventoryCount > 0 ? "In Stock" : "Out of Stock")), product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice && /* @__PURE__ */ React19.createElement("span", { className: "text-sm text-gray-500 line-through" }, formatPrice(product.priceBeforeDiscount)))),
-    /* @__PURE__ */ React19.createElement("div", { className: "mt-auto p-4 pt-0" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "p-4" }, product.parentCategories && product.parentCategories?.length > 0 && /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-gray-500 uppercase tracking-wider mb-2" }, product.parentCategories?.map((category) => category?.name).join(", ") || "No categories"), /* @__PURE__ */ React20.createElement("div", { className: "mb-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900 line-clamp-1 group-hover:text-primary-600 transition-colors" }, product.name), product?.sku && /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-gray-400 mt-1" }, "SKU: ", product.sku)), /* @__PURE__ */ React20.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("span", { className: "text-2xl font-bold text-gray-900" }, formatPrice(product.finalPrice)), product.inventoryCount > 0 && /* @__PURE__ */ React20.createElement("span", { className: "text-xs text-gray-500" }, product.inventoryCount > 0 ? "In Stock" : "Out of Stock")), product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice && /* @__PURE__ */ React20.createElement("span", { className: "text-sm text-gray-500 line-through" }, formatPrice(product.priceBeforeDiscount)))),
+    /* @__PURE__ */ React20.createElement("div", { className: "mt-auto p-4 pt-0" }, /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
         onClick: (e) => {
           e.stopPropagation();
-          router.push(`/products/${product._id}`);
+          router.push(buildPath(`/products/${product._id}`));
         },
         className: `w-full flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium  bg-primary-600 hover:bg-primary-700 text-white`
       },
       "View Product"
-    ), showFavoriteButton && /* @__PURE__ */ React19.createElement(
+    ), showFavoriteButton && /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -7129,7 +7214,7 @@ function ProductCard({
         className: "mt-2 w-full flex items-center justify-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium text-primary-600 hover:bg-gray-50",
         "aria-label": isFavorite ? "Remove from wishlist" : "Add to wishlist"
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         Heart,
         {
           className: `mr-2 h-4 w-4 ${isFavorite ? "fill-red-500 text-red-500" : "text-primary-600"}`
@@ -7140,13 +7225,13 @@ function ProductCard({
   );
 }
 function Skeleton({ className = "" }) {
-  return /* @__PURE__ */ React19.createElement("div", { className: `animate-pulse bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 bg-[length:200%_100%] rounded ${className}` });
+  return /* @__PURE__ */ React20.createElement("div", { className: `animate-pulse bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 bg-[length:200%_100%] rounded ${className}` });
 }
 function ProductCardSkeleton() {
-  return /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-64 w-full" }), /* @__PURE__ */ React19.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-6 w-3/4" }), /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-4 w-1/2" }), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-center pt-2" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-8 w-24" }), /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-10 w-10 rounded-full" }))));
+  return /* @__PURE__ */ React20.createElement("div", { className: "bg-white rounded-2xl overflow-hidden shadow-sm" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-64 w-full" }), /* @__PURE__ */ React20.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-6 w-3/4" }), /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-4 w-1/2" }), /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-center pt-2" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-8 w-24" }), /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-10 w-10 rounded-full" }))));
 }
 function OrderCardSkeleton() {
-  return /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-2 flex-1" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-6 w-32" }), /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-4 w-48" })), /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-6 w-20 rounded-full" })), /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React19.createElement(Skeleton, { className: "h-4 w-2/3" })));
+  return /* @__PURE__ */ React20.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-2 flex-1" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-6 w-32" }), /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-4 w-48" })), /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-6 w-20 rounded-full" })), /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-4 w-full" }), /* @__PURE__ */ React20.createElement(Skeleton, { className: "h-4 w-2/3" })));
 }
 var MotionDiv = dynamic(() => import('framer-motion').then((mod) => mod.motion.div), {
   ssr: false
@@ -7172,14 +7257,14 @@ function Button({
     md: "px-6 py-3 text-base",
     lg: "px-8 py-4 text-lg"
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     MotionDiv,
     {
       whileHover: { scale: 1.02 },
       whileTap: { scale: 0.98 },
       className: "inline-block"
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       "button",
       {
         className: `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`,
@@ -7188,18 +7273,18 @@ function Button({
         "aria-busy": isLoading,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true" }, /* @__PURE__ */ React19.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React19.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })), "Loading...") : children
+      isLoading ? /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("svg", { className: "animate-spin h-5 w-5", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true" }, /* @__PURE__ */ React20.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React20.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })), "Loading...") : children
     )
   );
 }
 
 // src/components/EmptyState.tsx
 function EmptyState({ icon: Icon, title, description, actionLabel, onAction }) {
-  return /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center justify-center py-16 px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ React19.createElement(Icon, { className: "w-12 h-12 text-gray-400" })), /* @__PURE__ */ React19.createElement("h3", { className: "text-2xl font-bold text-gray-900 mb-2" }, title), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-600 text-center max-w-md mb-8" }, description), actionLabel && onAction && /* @__PURE__ */ React19.createElement(Button, { onClick: onAction }, actionLabel));
+  return /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col items-center justify-center py-16 px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "w-24 h-24 bg-gray-100 rounded-full flex items-center justify-center mb-6" }, /* @__PURE__ */ React20.createElement(Icon, { className: "w-12 h-12 text-gray-400" })), /* @__PURE__ */ React20.createElement("h3", { className: "text-2xl font-bold text-gray-900 mb-2" }, title), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-600 text-center max-w-md mb-8" }, description), actionLabel && onAction && /* @__PURE__ */ React20.createElement(Button, { onClick: onAction }, actionLabel));
 }
 var Input = forwardRef(
   ({ label, error, helperText, className = "", ...props }, ref) => {
-    return /* @__PURE__ */ React19.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React19.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, label), /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement("div", { className: "w-full" }, label && /* @__PURE__ */ React20.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, label), /* @__PURE__ */ React20.createElement(
       "input",
       {
         ref,
@@ -7213,7 +7298,7 @@ var Input = forwardRef(
           `,
         ...props
       }
-    ), error && /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-sm text-red-600" }, error), helperText && !error && /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-sm text-gray-500" }, helperText));
+    ), error && /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-sm text-red-600" }, error), helperText && !error && /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-sm text-gray-500" }, helperText));
   }
 );
 Input.displayName = "Input";
@@ -7333,6 +7418,7 @@ function useCategories() {
 // src/screens/ShopScreen.tsx
 function ShopScreen({ initialFilters = {}, categoryName }) {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const [filters, setFilters] = useState(initialFilters);
   const [page, setPage] = useState(1);
   const [showFilters, setShowFilters] = useState(false);
@@ -7352,7 +7438,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     e.preventDefault();
     if (searchQuery.trim()) {
       setIsSearching(true);
-      router.push(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
+      router.push(buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`));
     }
   };
   const handleInputChange = (e) => {
@@ -7362,7 +7448,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
     if (e.key === "Enter" && searchQuery.trim()) {
       e.preventDefault();
       setIsSearching(true);
-      router.push(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
+      router.push(buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`));
     }
   };
   const priceRanges = useMemo(
@@ -7774,7 +7860,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
   ]);
   const hasActiveFilters = activeFilterChips.length > 0;
   const isCustomPriceDirty = customPrice.min.trim() !== "" || customPrice.max.trim() !== "";
-  const renderFiltersPanel = () => /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Refine results"), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Filter by category, price, and availability to find the perfect fit faster.")), hasActiveFilters && /* @__PURE__ */ React19.createElement(
+  const renderFiltersPanel = () => /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-8" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Refine results"), /* @__PURE__ */ React20.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Filter by category, price, and availability to find the perfect fit faster.")), hasActiveFilters && /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -7782,10 +7868,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "text-sm font-semibold text-primary-600 hover:text-primary-700"
     },
     "Clear all"
-  )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Categories"), /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, sortedCategories.length === 0 && /* @__PURE__ */ React19.createElement("span", { className: "text-sm text-gray-500" }, "No categories available yet."), sortedCategories.map((category) => {
+  )), /* @__PURE__ */ React20.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Categories"), /* @__PURE__ */ React20.createElement("div", { className: "space-y-2" }, sortedCategories.length === 0 && /* @__PURE__ */ React20.createElement("span", { className: "text-sm text-gray-500" }, "No categories available yet."), sortedCategories.map((category) => {
     const isCategoryActive = categoryFilter === category.id;
     const isExpanded = !!expandedCategories[category.id];
-    return /* @__PURE__ */ React19.createElement("div", { key: category.id, className: "rounded-xl  border-gray-100 bg-white/50" }, /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement("div", { key: category.id, className: "rounded-xl  border-gray-100 bg-white/50" }, /* @__PURE__ */ React20.createElement(
       "div",
       {
         role: "button",
@@ -7796,8 +7882,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         },
         className: `flex w-full items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition ${isCategoryActive ? "text-primary-700 bg-primary-50" : "text-gray-700 hover:text-primary-700 hover:bg-primary-50/50"}`
       },
-      /* @__PURE__ */ React19.createElement("span", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("span", { className: "font-medium" }, category.name), category.productCount > 0 && /* @__PURE__ */ React19.createElement("span", { className: `ml-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs ${isCategoryActive ? "text-primary-700" : "text-gray-500"}` }, category.productCount)),
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement("span", { className: "font-medium" }, category.name), category.productCount > 0 && /* @__PURE__ */ React20.createElement("span", { className: `ml-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs ${isCategoryActive ? "text-primary-700" : "text-gray-500"}` }, category.productCount)),
+      /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
@@ -7809,11 +7895,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "rounded-md p-1 hover:bg-gray-100",
           "aria-label": isExpanded ? "Collapse" : "Expand"
         },
-        /* @__PURE__ */ React19.createElement(ChevronDown, { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-180 text-primary-600" : "rotate-0 text-gray-400"}` })
+        /* @__PURE__ */ React20.createElement(ChevronDown, { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-180 text-primary-600" : "rotate-0 text-gray-400"}` })
       )
-    ), isExpanded && Array.isArray(category.categorySubCategories) && category.categorySubCategories.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "mt-1  border-gray-100 px-2 pb-2 pl-4" }, /* @__PURE__ */ React19.createElement("div", { className: "divide-y divide-gray-100" }, category.categorySubCategories.map((sub) => {
+    ), isExpanded && Array.isArray(category.categorySubCategories) && category.categorySubCategories.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "mt-1  border-gray-100 px-2 pb-2 pl-4" }, /* @__PURE__ */ React20.createElement("div", { className: "divide-y divide-gray-100" }, category.categorySubCategories.map((sub) => {
       const isSubActive = subCategoryFilter === sub.id;
-      return /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React20.createElement(
         "button",
         {
           key: sub.id,
@@ -7824,9 +7910,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         sub.name
       );
     }))));
-  }))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Price"), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, priceRanges.map((range) => {
+  }))))), /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Price"), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2" }, priceRanges.map((range) => {
     const isActive = selectedPriceRange === range.value;
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -7836,7 +7922,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       range.label
     );
-  })), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React19.createElement(
+  })), /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React20.createElement(
     Input,
     {
       type: "number",
@@ -7845,7 +7931,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       value: customPrice.min,
       onChange: (event) => setCustomPrice((current) => ({ ...current, min: event.target.value }))
     }
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     Input,
     {
       type: "number",
@@ -7854,7 +7940,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       value: customPrice.max,
       onChange: (event) => setCustomPrice((current) => ({ ...current, max: event.target.value }))
     }
-  )), /* @__PURE__ */ React19.createElement(
+  )), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -7863,48 +7949,48 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "w-full rounded-xl border border-primary-500 bg-primary-500/10 px-4 py-2.5 text-sm font-semibold text-primary-700 transition hover:bg-primary-500/20 disabled:cursor-not-allowed disabled:border-gray-200 disabled:text-gray-400"
     },
     "Apply price range"
-  )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Availability"), /* @__PURE__ */ React19.createElement(
+  )), /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("h4", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-gray-500" }, "Availability"), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
       onClick: handleToggleStock,
       className: `flex w-full items-center justify-between rounded-xl border px-4 py-3 text-sm font-medium transition ${inStockOnly ? "border-primary-500 bg-primary-50 text-primary-700" : "border-gray-200 bg-white text-gray-600 hover:border-primary-300 hover:text-primary-600"}`
     },
-    /* @__PURE__ */ React19.createElement("span", null, "In stock only"),
-    /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" })
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", null, "In stock only"),
+    /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" })
+  ), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
       onClick: handleToggleNewArrivals,
       className: `mt-2 flex w-full items-center justify-between rounded-xl border px-4 py-3 text-sm font-medium transition ${newArrivals ? "border-secondary-500 bg-secondary-50 text-secondary-700" : "border-gray-200 bg-white text-gray-600 hover:border-secondary-300 hover:text-secondary-600"}`
     },
-    /* @__PURE__ */ React19.createElement("span", null, "New arrivals (last 30 days)"),
-    /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-secondary-500" })
+    /* @__PURE__ */ React20.createElement("span", null, "New arrivals (last 30 days)"),
+    /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4 text-secondary-500" })
   ))));
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20.createElement(
     "div",
     {
       className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]",
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(94,234,212,0.35),_transparent_55%)] opacity-60" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-24" }, /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(94,234,212,0.35),_transparent_55%)] opacity-60" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-24" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "max-w-3xl space-y-8 text-center md:mx-auto md:text-left"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4" }), "Wellness products, curated for you"),
-    /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-6xl" }, "Find pharmacy favorites crafted to keep your family thriving"),
-    /* @__PURE__ */ React19.createElement("p", { className: "text-lg text-white/80 md:text-xl" }, "Explore a modern storefront with real-time inventory, smart filters, and rich product details designed to make healthier choices easier."),
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4" }), "Wellness products, curated for you"),
+    /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-6xl" }, "Find pharmacy favorites crafted to keep your family thriving"),
+    /* @__PURE__ */ React20.createElement("p", { className: "text-lg text-white/80 md:text-xl" }, "Explore a modern storefront with real-time inventory, smart filters, and rich product details designed to make healthier choices easier."),
+    /* @__PURE__ */ React20.createElement(
       "form",
       {
         onSubmit: handleSearch,
         className: "mx-auto max-w-2xl md:mx-0"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React20.createElement(
         "input",
         {
           type: "search",
@@ -7915,17 +8001,17 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "flex h-12 w-full rounded-xl border border-white/20 bg-white/10 px-4 py-2 pr-14 text-lg text-white placeholder-white/60 shadow-2xl shadow-primary-900/20 backdrop-blur focus:border-white/30 focus:outline-none focus:ring-2 focus:ring-white/20 disabled:opacity-50",
           disabled: isSearching
         }
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "submit",
           className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-xl bg-white/20 p-3 text-white transition hover:bg-white/30 disabled:opacity-50",
           disabled: !searchQuery.trim() || isSearching
         },
-        isSearching ? /* @__PURE__ */ React19.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent" }) : /* @__PURE__ */ React19.createElement(Search, { className: "h-5 w-5" })
+        isSearching ? /* @__PURE__ */ React20.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent" }) : /* @__PURE__ */ React20.createElement(Search, { className: "h-5 w-5" })
       ))
     )
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -7933,7 +8019,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       transition: { delay: 0.15 },
       className: "mt-12 flex flex-col gap-6 rounded-3xl border border-white/20 bg-white/10 p-6 backdrop-blur md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Explore popular searches"), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, quickSearches.map((term) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Explore popular searches"), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2" }, quickSearches.map((term) => /* @__PURE__ */ React20.createElement(
       "button",
       {
         key: term,
@@ -7943,7 +8029,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       term
     )))),
-    topCategories.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "space-y-3 md:text-right" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Trending categories"), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, topCategories.map((category) => /* @__PURE__ */ React19.createElement(
+    topCategories.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "space-y-3 md:text-right" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, "Trending categories"), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, topCategories.map((category) => /* @__PURE__ */ React20.createElement(
       "button",
       {
         key: category.id,
@@ -7953,9 +8039,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       category.name
     ))))
-  ), /* @__PURE__ */ React19.createElement("div", { className: "mt-10 grid gap-4 md:grid-cols-3" }, insightCards.map((card, index) => {
+  ), /* @__PURE__ */ React20.createElement("div", { className: "mt-10 grid gap-4 md:grid-cols-3" }, insightCards.map((card, index) => {
     const Icon = card.icon;
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         key: card.id,
@@ -7968,10 +8054,10 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         "aria-pressed": card.id === "new" ? newArrivals ? "true" : "false" : void 0,
         title: card.id === "new" ? newArrivals ? "Filter active: showing products from the last 30 days" : "Click to filter products from the last 30 days" : void 0
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, card.label), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-3xl font-semibold text-white" }, card.value)), /* @__PURE__ */ React19.createElement("span", { className: "rounded-full bg-white/20 p-3 text-white" }, /* @__PURE__ */ React19.createElement(Icon, { className: "h-5 w-5" }))),
-      /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm text-white/70" }, card.helper)
+      /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-white/60" }, card.label), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-3xl font-semibold text-white" }, card.value)), /* @__PURE__ */ React20.createElement("span", { className: "rounded-full bg-white/20 p-3 text-white" }, /* @__PURE__ */ React20.createElement(Icon, { className: "h-5 w-5" }))),
+      /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-sm text-white/70" }, card.helper)
     );
-  })))), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10 -mt-12 pb-16" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-8 lg:flex-row" }, /* @__PURE__ */ React19.createElement("aside", { className: "hidden w-72 flex-shrink-0 lg:block" }, /* @__PURE__ */ React19.createElement("div", { className: "sticky top-24 rounded-3xl border border-gray-100 bg-white p-6 shadow-xl shadow-gray-200/40" }, renderFiltersPanel())), /* @__PURE__ */ React19.createElement("main", { className: "flex-1 space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "All products"), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Browse a pharmacy-grade catalogue with smart merchandising and modern UI.")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(ArrowUpDown, { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), /* @__PURE__ */ React19.createElement(
+  })))), /* @__PURE__ */ React20.createElement("div", { className: "relative z-10 -mt-12 pb-16" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-8 lg:flex-row" }, /* @__PURE__ */ React20.createElement("aside", { className: "hidden w-72 flex-shrink-0 lg:block" }, /* @__PURE__ */ React20.createElement("div", { className: "sticky top-24 rounded-3xl border border-gray-100 bg-white p-6 shadow-xl shadow-gray-200/40" }, renderFiltersPanel())), /* @__PURE__ */ React20.createElement("main", { className: "flex-1 space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "All products"), /* @__PURE__ */ React20.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Browse a pharmacy-grade catalogue with smart merchandising and modern UI.")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center" }, /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(ArrowUpDown, { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }), /* @__PURE__ */ React20.createElement(
     "select",
     {
       value: sortOption,
@@ -7980,11 +8066,11 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       },
       className: "appearance-none rounded-xl border border-gray-200 bg-white py-2.5 pl-10 pr-9 text-sm font-medium text-gray-700 shadow-sm transition focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/30"
     },
-    /* @__PURE__ */ React19.createElement("option", { value: "featured" }, "Featured products"),
-    /* @__PURE__ */ React19.createElement("option", { value: "price-low-high" }, "Price: low to high"),
-    /* @__PURE__ */ React19.createElement("option", { value: "price-high-low" }, "Price: high to low"),
-    /* @__PURE__ */ React19.createElement("option", { value: "newest" }, "Newest arrivals")
-  ), /* @__PURE__ */ React19.createElement(ChevronDown, { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" })), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center rounded-xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("option", { value: "featured" }, "Featured products"),
+    /* @__PURE__ */ React20.createElement("option", { value: "price-low-high" }, "Price: low to high"),
+    /* @__PURE__ */ React20.createElement("option", { value: "price-high-low" }, "Price: high to low"),
+    /* @__PURE__ */ React20.createElement("option", { value: "newest" }, "Newest arrivals")
+  ), /* @__PURE__ */ React20.createElement(ChevronDown, { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" })), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center rounded-xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -7992,9 +8078,9 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: `flex items-center gap-2 rounded-l-xl px-4 py-2 text-sm font-medium transition ${viewMode === "grid" ? "bg-primary-50 text-primary-600" : "text-gray-500 hover:text-gray-700"}`,
       "aria-pressed": viewMode === "grid"
     },
-    /* @__PURE__ */ React19.createElement(LayoutGrid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React20.createElement(LayoutGrid, { className: "h-4 w-4" }),
     "Grid"
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -8002,19 +8088,19 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: `flex items-center gap-2 rounded-r-xl px-4 py-2 text-sm font-medium transition ${viewMode === "list" ? "bg-primary-50 text-primary-600" : "text-gray-500 hover:text-gray-700"}`,
       "aria-pressed": viewMode === "list"
     },
-    /* @__PURE__ */ React19.createElement(LayoutList, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React20.createElement(LayoutList, { className: "h-4 w-4" }),
     "List"
-  )))), /* @__PURE__ */ React19.createElement("div", { className: "mt-4 md:hidden" }, /* @__PURE__ */ React19.createElement(
+  )))), /* @__PURE__ */ React20.createElement("div", { className: "mt-4 md:hidden" }, /* @__PURE__ */ React20.createElement(
     Button,
     {
       variant: "outline",
       className: "w-full",
       onClick: () => setShowFilters(true)
     },
-    /* @__PURE__ */ React19.createElement(SlidersHorizontal, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20.createElement(SlidersHorizontal, { className: "h-5 w-5" }),
     "Filters",
-    hasActiveFilters && /* @__PURE__ */ React19.createElement("span", { className: "ml-2 rounded-full bg-primary-600 px-2 py-0.5 text-xs font-semibold text-white" }, activeFilterChips.length)
-  )), hasActiveFilters && /* @__PURE__ */ React19.createElement("div", { className: "mt-6 flex flex-wrap items-center gap-2 border-t border-gray-100 pt-4" }, activeFilterChips.map((chip) => /* @__PURE__ */ React19.createElement(
+    hasActiveFilters && /* @__PURE__ */ React20.createElement("span", { className: "ml-2 rounded-full bg-primary-600 px-2 py-0.5 text-xs font-semibold text-white" }, activeFilterChips.length)
+  )), hasActiveFilters && /* @__PURE__ */ React20.createElement("div", { className: "mt-6 flex flex-wrap items-center gap-2 border-t border-gray-100 pt-4" }, activeFilterChips.map((chip) => /* @__PURE__ */ React20.createElement(
     "button",
     {
       key: chip.key,
@@ -8023,8 +8109,8 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "group flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1.5 text-sm font-medium text-primary-700 transition hover:bg-primary-100"
     },
     chip.label,
-    /* @__PURE__ */ React19.createElement(X, { className: "h-4 w-4 text-primary-500 group-hover:text-primary-700" })
-  )), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(X, { className: "h-4 w-4 text-primary-500 group-hover:text-primary-700" })
+  )), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -8032,28 +8118,28 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       className: "text-sm font-semibold text-gray-500 hover:text-gray-700"
     },
     "Reset all"
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3 text-sm text-gray-600 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("span", null, isLoading ? "Loading products..." : `Showing ${displayedProducts.length} of ${pagination.total || displayedProducts.length} products`), /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 text-gray-400" }, /* @__PURE__ */ React19.createElement(Clock, { className: "h-4 w-4" }), "Updated a moment ago")), /* @__PURE__ */ React19.createElement("div", { className: "mt-6" }, isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React19.createElement(ProductCardSkeleton, { key: index }))) : displayedProducts.length > 0 ? viewMode === "grid" ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, displayedProducts.map((product) => /* @__PURE__ */ React19.createElement("div", { key: product.id, className: "h-full" }, /* @__PURE__ */ React19.createElement(
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-gray-100 bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3 text-sm text-gray-600 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement("span", null, isLoading ? "Loading products..." : `Showing ${displayedProducts.length} of ${pagination.total || displayedProducts.length} products`), /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 text-gray-400" }, /* @__PURE__ */ React20.createElement(Clock, { className: "h-4 w-4" }), "Updated a moment ago")), /* @__PURE__ */ React20.createElement("div", { className: "mt-6" }, isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ React20.createElement(ProductCardSkeleton, { key: index }))) : displayedProducts.length > 0 ? viewMode === "grid" ? /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3" }, displayedProducts.map((product) => /* @__PURE__ */ React20.createElement("div", { key: product.id, className: "h-full" }, /* @__PURE__ */ React20.createElement(
     ProductCard,
     {
       product,
       onClickProduct: (item) => {
         const productData = encodeURIComponent(JSON.stringify(item));
-        router.push(`/products/${item.id}?product=${productData}`);
+        router.push(buildPath(`/products/${item.id}?product=${productData}`));
       }
     }
-  )))) : /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, displayedProducts.map((product) => {
+  )))) : /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, displayedProducts.map((product) => {
     product.priceBeforeDiscount && product.priceBeforeDiscount > product.finalPrice ? Math.round(
       (product.priceBeforeDiscount - product.finalPrice) / product.priceBeforeDiscount * 100
     ) : 0;
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         key: product.id,
         whileHover: { y: -4 },
         className: "group flex cursor-pointer flex-col gap-6 rounded-2xl border border-gray-100 bg-white p-5 shadow-sm transition hover:shadow-xl md:flex-row md:items-start",
-        onClick: () => router.push(`/products/${product.id}`)
+        onClick: () => router.push(buildPath(`/products/${product.id}`))
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative h-48 w-full overflow-hidden rounded-2xl bg-gray-100 md:h-40 md:w-40" }, /* @__PURE__ */ React20.createElement(
         Image3,
         {
           src: product.productMedia[0]?.file || "/placeholder-product.jpg",
@@ -8062,27 +8148,27 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
           className: "object-cover transition duration-500 group-hover:scale-105"
         }
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex-1 space-y-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary-600" }, product.parentCategories.length > 0 && /* @__PURE__ */ React19.createElement("span", { className: "rounded-full bg-primary-50 px-3 py-1 text-primary-700" }, product.parentCategories.map((category) => category?.name).join(", ")), product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex-1 space-y-3" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary-600" }, product.parentCategories.length > 0 && /* @__PURE__ */ React20.createElement("span", { className: "rounded-full bg-primary-50 px-3 py-1 text-primary-700" }, product.parentCategories.map((category) => category?.name).join(", ")), product.tags?.slice(0, 3).map((tag) => /* @__PURE__ */ React20.createElement(
         "span",
         {
           key: tag,
           className: "rounded-full bg-slate-100 px-3 py-1 text-gray-600"
         },
         tag
-      ))), /* @__PURE__ */ React19.createElement("h3", { className: "text-xl font-semibold text-gray-900" }, product.name), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 font-medium text-primary-600" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-4 w-4" }), product.inventoryCount > 0 ? "In stock & ready to ship" : "Restocking soon"), /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(Clock, { className: "h-4 w-4 text-primary-500" }), "Added ", new Date(product.createdAt).toLocaleDateString()))),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex w-full flex-col items-end gap-3 md:w-auto" }, /* @__PURE__ */ React19.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19.createElement("p", { className: "text-3xl font-semibold text-gray-900" }, formatPrice(product.finalPrice)), product.priceBeforeDiscount && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-gray-400 line-through" }, formatPrice(product.priceBeforeDiscount))), /* @__PURE__ */ React19.createElement(
+      ))), /* @__PURE__ */ React20.createElement("h3", { className: "text-xl font-semibold text-gray-900" }, product.name), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 font-medium text-primary-600" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-4 w-4" }), product.inventoryCount > 0 ? "In stock & ready to ship" : "Restocking soon"), /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React20.createElement(Clock, { className: "h-4 w-4 text-primary-500" }), "Added ", new Date(product.createdAt).toLocaleDateString()))),
+      /* @__PURE__ */ React20.createElement("div", { className: "flex w-full flex-col items-end gap-3 md:w-auto" }, /* @__PURE__ */ React20.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20.createElement("p", { className: "text-3xl font-semibold text-gray-900" }, formatPrice(product.finalPrice)), product.priceBeforeDiscount && /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-gray-400 line-through" }, formatPrice(product.priceBeforeDiscount))), /* @__PURE__ */ React20.createElement(
         Button,
         {
           size: "sm",
           onClick: (event) => {
             event.stopPropagation();
-            router.push(`/products/${product._id}`);
+            router.push(buildPath(`/products/${product._id}`));
           }
         },
         "View product"
       ))
     );
-  })) : /* @__PURE__ */ React19.createElement(
+  })) : /* @__PURE__ */ React20.createElement(
     EmptyState,
     {
       icon: Package,
@@ -8091,7 +8177,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       actionLabel: hasActiveFilters ? "Clear filters" : void 0,
       onAction: hasActiveFilters ? handleClearFilters : void 0
     }
-  )), pagination.totalPages > 1 && /* @__PURE__ */ React19.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-3" }, /* @__PURE__ */ React19.createElement(
+  )), pagination.totalPages > 1 && /* @__PURE__ */ React20.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-3" }, /* @__PURE__ */ React20.createElement(
     Button,
     {
       variant: "outline",
@@ -8099,7 +8185,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       disabled: page === 1
     },
     "Previous"
-  ), /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-semibold text-gray-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-semibold text-gray-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React20.createElement(
     Button,
     {
       variant: "outline",
@@ -8107,7 +8193,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       disabled: page === pagination.totalPages
     },
     "Next"
-  ))))))), /* @__PURE__ */ React19.createElement(AnimatePresence, null, showFilters && /* @__PURE__ */ React19.createElement(
+  ))))))), /* @__PURE__ */ React20.createElement(AnimatePresence, null, showFilters && /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0 },
@@ -8115,7 +8201,7 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
       exit: { opacity: 0 },
       className: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm lg:hidden"
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         initial: { y: "100%" },
@@ -8124,14 +8210,14 @@ function ShopScreen({ initialFilters = {}, categoryName }) {
         transition: { type: "spring", stiffness: 260, damping: 26 },
         className: "absolute inset-x-0 bottom-0 max-h-[85vh] overflow-y-auto rounded-t-3xl bg-white p-6 shadow-2xl"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Filters"), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "mb-6 flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, "Filters"), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowFilters(false),
           className: "rounded-full border border-gray-200 p-2 text-gray-500 hover:text-gray-700"
         },
-        /* @__PURE__ */ React19.createElement(X, { className: "h-4 w-4" })
+        /* @__PURE__ */ React20.createElement(X, { className: "h-4 w-4" })
       )),
       renderFiltersPanel()
     )
@@ -8150,7 +8236,7 @@ function Badge({ children, variant = "primary", size = "md", className = "" }) {
     sm: "px-2 py-1 text-xs",
     md: "px-3 py-1 text-sm"
   };
-  return /* @__PURE__ */ React19.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
+  return /* @__PURE__ */ React20.createElement("span", { className: `inline-flex items-center font-medium rounded-full border ${variants[variant]} ${sizes[size]} ${className}` }, children);
 }
 var safeFormatDate = (date, format = "long") => {
   if (!date) return "N/A";
@@ -8164,6 +8250,7 @@ var safeFormatDate = (date, format = "long") => {
 };
 function ProductDetailScreen({ productId }) {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const { product: productData, isLoading } = useProduct(productId);
   const { addToCart } = useCart();
   const [selectedVariant, setSelectedVariant] = useState(null);
@@ -8309,10 +8396,10 @@ function ProductDetailScreen({ productId }) {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React19.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
+    return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "h-[520px] animate-pulse rounded-3xl bg-slate-200" }), /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-3 gap-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20.createElement("div", { key: index, className: "h-32 animate-pulse rounded-2xl bg-slate-200" })))), /* @__PURE__ */ React20.createElement("div", { className: "space-y-4 rounded-3xl bg-white p-6 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "h-8 w-32 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20.createElement("div", { className: "h-10 w-48 animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20.createElement("div", { className: "h-6 w-full animate-pulse rounded-full bg-slate-200" }), /* @__PURE__ */ React20.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" }), /* @__PURE__ */ React20.createElement("div", { className: "h-12 w-full animate-pulse rounded-2xl bg-slate-200" })))));
   }
   if (!product) {
-    return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React19.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React19.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React19.createElement(Button, null, "Browse products"))))));
+    return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl bg-white p-10 text-center shadow-sm" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "mx-auto h-10 w-10 text-primary-500" }), /* @__PURE__ */ React20.createElement("h1", { className: "mt-6 text-2xl font-semibold text-gray-900" }, "Product not found"), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-gray-600" }, "It may have been removed or is temporarily unavailable. Discover other pharmacy essentials in our catalogue."), /* @__PURE__ */ React20.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React20.createElement(Link8, { href: "/shop", className: "inline-block" }, /* @__PURE__ */ React20.createElement(Button, null, "Browse products"))))));
   }
   product.tags && product.tags.length > 0 ? product.tags.slice(0, 6) : ["Pharmacist approved", "Gentle on daily routines", "Backed by real customers"];
   const highlightCards = [
@@ -8332,29 +8419,29 @@ function ProductDetailScreen({ productId }) {
       description: "Average rating 4.8/5 with over 120 verified customer experiences."
     }
   ];
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement(
     "div",
     {
       className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]",
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(255,255,255,0.25),_transparent_55%)] opacity-70" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_rgba(255,255,255,0.25),_transparent_55%)] opacity-70" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement(
     Button,
     {
       variant: "ghost",
       className: "text-white hover:bg-white/10",
-      onClick: () => router.push("/shop")
+      onClick: () => router.push(buildPath("/shop"))
     },
-    /* @__PURE__ */ React19.createElement(ArrowLeft, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20.createElement(ArrowLeft, { className: "h-5 w-5" }),
     "Continue shopping"
-  ), /* @__PURE__ */ React19.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/", className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React19.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "hidden items-center gap-3 text-sm text-white/80 md:flex" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/"), className: "transition hover:text-white" }, "Home"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/shop"), className: "transition hover:text-white" }, "Shop"), /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-4 w-4" }), /* @__PURE__ */ React20.createElement("span", { className: "truncate font-medium text-white" }, product.name))), /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "max-w-3xl space-y-4"
     },
-    product.category && /* @__PURE__ */ React19.createElement(
+    product.category && /* @__PURE__ */ React20.createElement(
       Badge,
       {
         variant: "secondary",
@@ -8362,9 +8449,9 @@ function ProductDetailScreen({ productId }) {
       },
       product.category
     ),
-    /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, product.name),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4" }), "Ready to ship today"), /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React19.createElement(Shield, { className: "h-4 w-4" }), "30-day happiness guarantee"))
-  )))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ React19.createElement("section", { className: "rounded-3xl border border-white bg-white/70 p-6 shadow-xl shadow-primary-100/40 backdrop-blur" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_220px]" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, product.name),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4" }), "Ready to ship today"), /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 font-medium text-white" }, /* @__PURE__ */ React20.createElement(Shield, { className: "h-4 w-4" }), "30-day happiness guarantee"))
+  )))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-10" }, /* @__PURE__ */ React20.createElement("section", { className: "rounded-3xl border border-white bg-white/70 p-6 shadow-xl shadow-primary-100/40 backdrop-blur" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,1fr)_220px]" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       key: variantImages[activeImageIndex],
@@ -8373,7 +8460,7 @@ function ProductDetailScreen({ productId }) {
       transition: { duration: 0.35 },
       className: "relative overflow-hidden rounded-3xl bg-slate-100 h-[420px] md:h-[560px]"
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       Image3,
       {
         src: variantImages[activeImageIndex],
@@ -8384,7 +8471,7 @@ function ProductDetailScreen({ productId }) {
         className: "object-contain"
       }
     ),
-    discount > 0 && /* @__PURE__ */ React19.createElement(
+    discount > 0 && /* @__PURE__ */ React20.createElement(
       Badge,
       {
         variant: "danger",
@@ -8394,7 +8481,7 @@ function ProductDetailScreen({ productId }) {
       discount,
       "%"
     ),
-    !variantInStock && /* @__PURE__ */ React19.createElement(
+    !variantInStock && /* @__PURE__ */ React20.createElement(
       Badge,
       {
         variant: "secondary",
@@ -8402,7 +8489,7 @@ function ProductDetailScreen({ productId }) {
       },
       "Out of Stock"
     )
-  ), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4" }, product?.productVariants?.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "mb-2 text-sm font-semibold uppercase tracking-[0.25em] text-slate-400" }, "Variant"), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, product?.productVariants?.map((variant, index) => /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4" }, product?.productVariants?.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "mb-2 text-sm font-semibold uppercase tracking-[0.25em] text-slate-400" }, "Variant"), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2" }, product?.productVariants?.map((variant, index) => /* @__PURE__ */ React20.createElement(
     "button",
     {
       key: variant.id,
@@ -8411,7 +8498,7 @@ function ProductDetailScreen({ productId }) {
       className: `rounded-full px-4 py-2 text-sm font-medium transition ${selectedVariant?.id === variant.id ? "bg-primary-600 text-white" : "bg-slate-100 text-slate-700 hover:bg-slate-200"}`
     },
     variant.name
-  )))), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-3 gap-3" }, variantImages.map((image, index) => /* @__PURE__ */ React19.createElement(
+  )))), /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-3 gap-3" }, variantImages.map((image, index) => /* @__PURE__ */ React20.createElement(
     "button",
     {
       key: image.src + index,
@@ -8419,7 +8506,7 @@ function ProductDetailScreen({ productId }) {
       onClick: () => setActiveImageIndex(index),
       className: `relative aspect-square overflow-hidden rounded-2xl border transition ${activeImageIndex === index ? "border-primary-500 shadow-lg shadow-primary-200/60" : "border-transparent hover:border-primary-200"}`
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       Image3,
       {
         src: image.src,
@@ -8430,18 +8517,18 @@ function ProductDetailScreen({ productId }) {
         unoptimized: true
       }
     )
-  )))))), /* @__PURE__ */ React19.createElement("section", { className: "grid gap-6 lg:grid-cols-3" }, highlightCards.map((card) => {
+  )))))), /* @__PURE__ */ React20.createElement("section", { className: "grid gap-6 lg:grid-cols-3" }, highlightCards.map((card) => {
     const Icon = card.icon;
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       "div",
       {
         key: card.title,
         className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-lg"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19.createElement(Icon, { className: "h-5 w-5" })), /* @__PURE__ */ React19.createElement("h3", { className: "text-base font-semibold text-slate-900" }, card.title)),
-      /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm leading-relaxed text-slate-600" }, card.description)
+      /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20.createElement(Icon, { className: "h-5 w-5" })), /* @__PURE__ */ React20.createElement("h3", { className: "text-base font-semibold text-slate-900" }, card.title)),
+      /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-sm leading-relaxed text-slate-600" }, card.description)
     );
-  })), /* @__PURE__ */ React19.createElement("section", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-4 pb-6" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-1 text-amber-500" }, Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ React19.createElement(Star, { key: index, className: "h-4 w-4 fill-current" }))), /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium text-slate-500" }, "Rated 4.8 \u2022 Patients love the results")), /* @__PURE__ */ React19.createElement("div", { className: "space-y-8" }, product.description && /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Description"), /* @__PURE__ */ React19.createElement("p", { className: "text-base leading-relaxed text-slate-600", dangerouslySetInnerHTML: { __html: product.description } })))), /* @__PURE__ */ React19.createElement("div", { className: "h-full rounded-3xl border border-slate-100 bg-gradient-to-br from-primary-50 via-white to-secondary-50 p-8 shadow-sm" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-primary-500" }, "Care tips"), /* @__PURE__ */ React19.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("p", { className: "leading-relaxed" }, "Store in a cool, dry place away from direct sunlight. Check packaging for allergen statements."), /* @__PURE__ */ React19.createElement("p", { className: "leading-relaxed" }, "Consult with your local pharmacist if you are combining with other treatments or have chronic conditions."), /* @__PURE__ */ React19.createElement("p", { className: "rounded-2xl bg-white/60 p-4 leading-relaxed text-primary-700" }, "Questions? Our care team is on standby \u2014 reach us via chat for tailored support before you checkout.")))), /* @__PURE__ */ React19.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Product insights"), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 grid gap-6 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Availability"), /* @__PURE__ */ React19.createElement("div", { className: "mt-3 flex items-center gap-2 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement(Check, { className: "h-4 w-4 text-primary-500" }), product.inStock ? "Available for dispatch today" : "Currently restocking"), product.stock !== void 0 && /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-xs text-slate-500" }, product.stock > 0 ? `${product.stock} units remaining in inventory` : "Join the waitlist to be notified first")), /* @__PURE__ */ React19.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Product details"), /* @__PURE__ */ React19.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("span", { className: "font-medium text-slate-700" }, "Variant:"), " ", currentVariant.name), /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("span", { className: "font-medium text-slate-700" }, "SKU:"), " ", variantSku), /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("span", { className: "font-medium text-slate-700" }, "Status:"), " ", /* @__PURE__ */ React19.createElement("span", { className: variantInStock ? "text-green-600" : "text-amber-600" }, variantInStock ? "In Stock" : "Out of Stock")), /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("span", { className: "font-medium text-slate-700" }, "Last updated:"), " ", lastUpdatedLabel), /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("span", { className: "font-medium text-slate-700" }, "Ships from:"), " Local pharmacy distribution center")))))), /* @__PURE__ */ React19.createElement("aside", { className: "space-y-6 lg:sticky lg:top-24" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-100/40" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-baseline gap-3" }, /* @__PURE__ */ React19.createElement("p", { className: "text-3xl font-bold text-slate-900" }, selectedVariant ? formatPrice(selectedVariant.finalPrice) : formatPrice(product.price)), variantComparePrice && variantComparePrice > variantPrice && /* @__PURE__ */ React19.createElement("p", { className: "text-base text-slate-400 line-through" }, formatPrice(variantComparePrice)), discount > 0 && /* @__PURE__ */ React19.createElement(Badge, { variant: "danger", size: "sm" }, "-", discount, "%")), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 rounded-2xl bg-primary-50/80 px-4 py-3 text-sm font-medium text-primary-700" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-4 w-4" }), "Pharmacist verified product"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between rounded-2xl border border-slate-200 px-4 py-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium text-slate-600" }, "Qty"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React19.createElement(
+  })), /* @__PURE__ */ React20.createElement("section", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-4 pb-6" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-1 text-amber-500" }, Array.from({ length: 5 }).map((_, index) => /* @__PURE__ */ React20.createElement(Star, { key: index, className: "h-4 w-4 fill-current" }))), /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-medium text-slate-500" }, "Rated 4.8 \u2022 Patients love the results")), /* @__PURE__ */ React20.createElement("div", { className: "space-y-8" }, product.description && /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Description"), /* @__PURE__ */ React20.createElement("p", { className: "text-base leading-relaxed text-slate-600", dangerouslySetInnerHTML: { __html: product.description } })))), /* @__PURE__ */ React20.createElement("div", { className: "h-full rounded-3xl border border-slate-100 bg-gradient-to-br from-primary-50 via-white to-secondary-50 p-8 shadow-sm" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-sm font-semibold uppercase tracking-[0.3em] text-primary-500" }, "Care tips"), /* @__PURE__ */ React20.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("p", { className: "leading-relaxed" }, "Store in a cool, dry place away from direct sunlight. Check packaging for allergen statements."), /* @__PURE__ */ React20.createElement("p", { className: "leading-relaxed" }, "Consult with your local pharmacist if you are combining with other treatments or have chronic conditions."), /* @__PURE__ */ React20.createElement("p", { className: "rounded-2xl bg-white/60 p-4 leading-relaxed text-primary-700" }, "Questions? Our care team is on standby \u2014 reach us via chat for tailored support before you checkout.")))), /* @__PURE__ */ React20.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-sm" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Product insights"), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 grid gap-6 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React20.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Availability"), /* @__PURE__ */ React20.createElement("div", { className: "mt-3 flex items-center gap-2 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement(Check, { className: "h-4 w-4 text-primary-500" }), product.inStock ? "Available for dispatch today" : "Currently restocking"), product.stock !== void 0 && /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-xs text-slate-500" }, product.stock > 0 ? `${product.stock} units remaining in inventory` : "Join the waitlist to be notified first")), /* @__PURE__ */ React20.createElement("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/60 p-5" }, /* @__PURE__ */ React20.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-slate-500" }, "Product details"), /* @__PURE__ */ React20.createElement("div", { className: "mt-3 space-y-2 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-700" }, "Variant:"), " ", currentVariant.name), /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-700" }, "SKU:"), " ", variantSku), /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-700" }, "Status:"), " ", /* @__PURE__ */ React20.createElement("span", { className: variantInStock ? "text-green-600" : "text-amber-600" }, variantInStock ? "In Stock" : "Out of Stock")), /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-700" }, "Last updated:"), " ", lastUpdatedLabel), /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-700" }, "Ships from:"), " Local pharmacy distribution center")))))), /* @__PURE__ */ React20.createElement("aside", { className: "space-y-6 lg:sticky lg:top-24" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-100/40" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-baseline gap-3" }, /* @__PURE__ */ React20.createElement("p", { className: "text-3xl font-bold text-slate-900" }, selectedVariant ? formatPrice(selectedVariant.finalPrice) : formatPrice(product.price)), variantComparePrice && variantComparePrice > variantPrice && /* @__PURE__ */ React20.createElement("p", { className: "text-base text-slate-400 line-through" }, formatPrice(variantComparePrice)), discount > 0 && /* @__PURE__ */ React20.createElement(Badge, { variant: "danger", size: "sm" }, "-", discount, "%")), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3 rounded-2xl bg-primary-50/80 px-4 py-3 text-sm font-medium text-primary-700" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-4 w-4" }), "Pharmacist verified product"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between rounded-2xl border border-slate-200 px-4 py-3" }, /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-medium text-slate-600" }, "Qty"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -8449,8 +8536,8 @@ function ProductDetailScreen({ productId }) {
       className: "rounded-l-full p-2 hover:bg-primary-100/60",
       "aria-label": "Decrease quantity"
     },
-    /* @__PURE__ */ React19.createElement(Minus, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React19.createElement("span", { className: "w-12 text-center text-sm font-semibold text-slate-700" }, quantity), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(Minus, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React20.createElement("span", { className: "w-12 text-center text-sm font-semibold text-slate-700" }, quantity), /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -8458,8 +8545,8 @@ function ProductDetailScreen({ productId }) {
       className: "rounded-r-full p-2 hover:bg-primary-100/60",
       "aria-label": "Increase quantity"
     },
-    /* @__PURE__ */ React19.createElement(Plus, { className: "h-4 w-4" })
-  )))), selectedVariant && /* @__PURE__ */ React19.createElement("div", { className: "mt-4 text-sm" }, selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ || selectedVariant.inventoryStatus === "LOW_STOCK" /* LOWSTOCK */ ? /* @__PURE__ */ React19.createElement("div", { className: "text-red-600 font-medium" }, "Out of Stock") : /* @__PURE__ */ React19.createElement("div", { className: "text-green-600 font-medium" }, "In Stock")), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 space-x-3" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(Plus, { className: "h-4 w-4" })
+  )))), selectedVariant && /* @__PURE__ */ React20.createElement("div", { className: "mt-4 text-sm" }, selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ || selectedVariant.inventoryStatus === "LOW_STOCK" /* LOWSTOCK */ ? /* @__PURE__ */ React20.createElement("div", { className: "text-red-600 font-medium" }, "Out of Stock") : /* @__PURE__ */ React20.createElement("div", { className: "text-green-600 font-medium" }, "In Stock")), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 space-x-3" }, /* @__PURE__ */ React20.createElement(
     Button,
     {
       size: "lg",
@@ -8468,9 +8555,9 @@ function ProductDetailScreen({ productId }) {
       isLoading: isAddingToCart,
       disabled: !selectedVariant || selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */
     },
-    /* @__PURE__ */ React19.createElement(ShoppingCart, { className: "h-5 w-5" }),
+    /* @__PURE__ */ React20.createElement(ShoppingCart, { className: "h-5 w-5" }),
     !selectedVariant ? "Select a variant" : selectedVariant.inventoryStatus === "OUT_OF_STOCK" /* OUTOFSTOCK */ ? "Out of Stock" : `Add to Cart`
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     Button,
     {
       size: "lg",
@@ -8478,14 +8565,14 @@ function ProductDetailScreen({ productId }) {
       className: "w-full",
       onClick: handleToggleFavorite
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       Heart,
       {
         className: `h-5 w-5 ${isFavorited ? "fill-red-500 text-red-500" : "text-slate-500"}`
       }
     ),
     isFavorited ? "Saved" : "Save for later"
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React19.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React19.createElement(Link8, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React19.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React19.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.25em]" }, "Need advice?"), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist in real time before completing your purchase. We will help you choose supporting supplements and answer dosing questions.")))), relatedProducts.length > 0 && /* @__PURE__ */ React20.createElement("section", { className: "mt-20" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "You may also like"), /* @__PURE__ */ React20.createElement("p", { className: "mt-1 text-sm text-slate-500" }, "Hand-picked recommendations that pair nicely with this product.")), /* @__PURE__ */ React20.createElement(Link8, { href: "/shop", className: "hidden md:inline-flex" }, /* @__PURE__ */ React20.createElement(Button, { variant: "ghost", className: "text-primary-600" }, "View all products"))), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4" }, relatedProducts?.map((relatedProduct) => /* @__PURE__ */ React20.createElement(ProductCard, { key: relatedProduct.id, product: relatedProduct })))))));
 }
 function CartItem({ item }) {
   const { updateQuantity, removeFromCart } = useCart();
@@ -8503,7 +8590,7 @@ function CartItem({ item }) {
     await removeFromCart(item.productVariantId);
   };
   const itemTotal = item.productVariantData.finalPrice * item.quantity;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       layout: true,
@@ -8512,7 +8599,7 @@ function CartItem({ item }) {
       exit: { opacity: 0, x: -100 },
       className: "flex gap-4 bg-white p-4 rounded-xl border border-gray-200 hover:border-primary-300 transition-colors"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "relative w-24 h-24 rounded-lg overflow-hidden flex-shrink-0 bg-gray-100" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "relative w-24 h-24 rounded-lg overflow-hidden flex-shrink-0 bg-gray-100" }, /* @__PURE__ */ React20.createElement(
       Image3,
       {
         src: item.productVariantData.productMedia[0]?.file || "/placeholder-product.jpg",
@@ -8521,46 +8608,47 @@ function CartItem({ item }) {
         className: "object-cover"
       }
     )),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-gray-500 mt-1" }, formatPrice(item.productVariantData.finalPrice), " each"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 mt-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center border-2 border-gray-200 rounded-lg" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-gray-500 mt-1" }, formatPrice(item.productVariantData.finalPrice), " each"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3 mt-3" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center border-2 border-gray-200 rounded-lg" }, /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => handleUpdateQuantity(item.quantity - 1),
         disabled: isUpdating || item.quantity <= 0,
         className: "p-2 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
       },
-      /* @__PURE__ */ React19.createElement(Minus, { className: "w-4 h-4" })
-    ), /* @__PURE__ */ React19.createElement("span", { className: "px-4 font-medium min-w-[3rem] text-center" }, isUpdating ? /* @__PURE__ */ React19.createElement("span", { className: "inline-block h-4 w-4 align-middle animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : item.quantity), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(Minus, { className: "w-4 h-4" })
+    ), /* @__PURE__ */ React20.createElement("span", { className: "px-4 font-medium min-w-[3rem] text-center" }, isUpdating ? /* @__PURE__ */ React20.createElement("span", { className: "inline-block h-4 w-4 align-middle animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : item.quantity), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => handleUpdateQuantity(item.quantity + 1),
         disabled: isUpdating || item.quantity >= item.productVariantData.inventoryCount,
         className: "p-2 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
       },
-      /* @__PURE__ */ React19.createElement(Plus, { className: "w-4 h-4" })
-    )), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(Plus, { className: "w-4 h-4" })
+    )), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: handleRemove,
         className: "p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors",
         "aria-label": "Remove item"
       },
-      /* @__PURE__ */ React19.createElement(Trash2, { className: "w-5 h-5" })
+      /* @__PURE__ */ React20.createElement(Trash2, { className: "w-5 h-5" })
     ))),
-    /* @__PURE__ */ React19.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19.createElement("p", { className: "text-xl font-bold text-gray-900" }, formatPrice(itemTotal)))
+    /* @__PURE__ */ React20.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20.createElement("p", { className: "text-xl font-bold text-gray-900" }, formatPrice(itemTotal)))
   );
 }
 function CartScreen() {
   const router = useRouter();
   const { cart, isLoading } = useCart();
+  const { buildPath } = useBasePath();
   if (!cart || cart.cartBody.items.length === 0) {
-    return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-gradient-to-br from-primary-700 via-primary-600 to-secondary-600 flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "mx-auto px-20 py-5 bg-white rounded-3xl" }, /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-gradient-to-br from-primary-700 via-primary-600 to-secondary-600 flex items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto px-20 py-5 bg-white rounded-3xl" }, /* @__PURE__ */ React20.createElement(
       EmptyState,
       {
         icon: ShoppingBag,
         title: "Your bag feels a little empty",
         description: "Add pharmacy favorites to unlock quick shipping, curated bundles, and personalized recommendations.",
         actionLabel: "Discover products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )));
   }
@@ -8568,16 +8656,16 @@ function CartScreen() {
   const shipping = 0;
   const tax = 0;
   const total = subtotal + shipping + tax;
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16 mb-8" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16 mb-8" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "max-w-2xl space-y-4" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "Wellness essentials, ready when you are"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Your curated cart"), /* @__PURE__ */ React19.createElement("p", { className: "text-white/75 md:text-lg" }, "Review your selections, unlock exclusive perks, and check out with pharmacist-backed confidence.")),
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur-md" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Cart summary"), /* @__PURE__ */ React19.createElement("p", { className: "mt-4 text-4xl font-semibold" }, formatPrice(total)), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/70" }, "Taxes and shipping calculated below"))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "max-w-2xl space-y-4" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold tracking-wide text-white/80 backdrop-blur" }, /* @__PURE__ */ React20.createElement(HeartPulse, { className: "h-4 w-4" }), "Wellness essentials, ready when you are"), /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Your curated cart"), /* @__PURE__ */ React20.createElement("p", { className: "text-white/75 md:text-lg" }, "Review your selections, unlock exclusive perks, and check out with pharmacist-backed confidence.")),
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur-md" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Cart summary"), /* @__PURE__ */ React20.createElement("p", { className: "mt-4 text-4xl font-semibold" }, formatPrice(total)), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-white/70" }, "Taxes and shipping calculated below"))
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, y: 24 },
@@ -8585,10 +8673,10 @@ function CartScreen() {
       transition: { delay: 0.05 },
       className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Items (", cart.cartBody.items.length, ")"), /* @__PURE__ */ React19.createElement("div", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-4 w-4" }), "Guaranteed cold-chain handling")),
-    isLoading && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" }), "Updating cart\u2026"),
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-5" }, cart.cartBody.items.map((item) => /* @__PURE__ */ React19.createElement(CartItem, { key: item.productVariantId, item })))
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Items (", cart.cartBody.items.length, ")"), /* @__PURE__ */ React20.createElement("div", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-4 w-4" }), "Guaranteed cold-chain handling")),
+    isLoading && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" }), "Updating cart\u2026"),
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-5" }, cart.cartBody.items.map((item) => /* @__PURE__ */ React20.createElement(CartItem, { key: item.productVariantId, item })))
+  ), /* @__PURE__ */ React20.createElement(
     motion.aside,
     {
       initial: { opacity: 0, y: 24 },
@@ -8596,25 +8684,25 @@ function CartScreen() {
       transition: { delay: 0.1 },
       className: "space-y-6 lg:sticky lg:top-28"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Checkout summary"), /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold text-primary-700" }, /* @__PURE__ */ React19.createElement(BadgePercent, { className: "h-4 w-4" }), "Savings applied")), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", null, "Subtotal"), /* @__PURE__ */ React19.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", null, "Shipping"), /* @__PURE__ */ React19.createElement("span", { className: "font-semibold" }, "Will be calculated at checkout")), /* @__PURE__ */ React19.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React19.createElement("span", null, "Order total"), /* @__PURE__ */ React19.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-xs text-slate-500" }, "Prices include pharmacy-grade quality control and packaging."))), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Checkout summary"), /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold text-primary-700" }, /* @__PURE__ */ React20.createElement(BadgePercent, { className: "h-4 w-4" }), "Savings applied")), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", null, "Subtotal"), /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", null, "Shipping"), /* @__PURE__ */ React20.createElement("span", { className: "font-semibold" }, "Will be calculated at checkout")), /* @__PURE__ */ React20.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React20.createElement("span", null, "Order total"), /* @__PURE__ */ React20.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-xs text-slate-500" }, "Prices include pharmacy-grade quality control and packaging."))), /* @__PURE__ */ React20.createElement(
       Button,
       {
         size: "lg",
         className: "mt-6 w-full",
-        onClick: () => router.push("/checkout")
+        onClick: () => router.push(buildPath("/checkout"))
       },
       "Secure checkout",
-      /* @__PURE__ */ React19.createElement(ArrowRight, { className: "h-5 w-5" })
-    ), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(ArrowRight, { className: "h-5 w-5" })
+    ), /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
-        onClick: () => router.push("/shop"),
+        onClick: () => router.push(buildPath("/shop")),
         className: "mt-4 w-full text-sm font-semibold text-primary-600 transition hover:text-primary-700"
       },
       "Continue shopping"
     )),
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need help?"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist to optimize your regimen or discuss substitutions before you check out."))
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need help?"), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 leading-relaxed" }, "Chat with a pharmacist to optimize your regimen or discuss substitutions before you check out."))
   )))));
 }
 function useAddresses() {
@@ -8676,7 +8764,7 @@ function useAddresses() {
   };
 }
 function Card({ className = "", ...props }) {
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     "div",
     {
       className: `rounded-lg border bg-white shadow-sm ${className}`,
@@ -8701,7 +8789,7 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
     lg: "max-w-2xl",
     xl: "max-w-4xl"
   };
-  return /* @__PURE__ */ React19.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(AnimatePresence, null, isOpen && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0 },
@@ -8710,7 +8798,7 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
       onClick: onClose,
       className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50"
     }
-  ), /* @__PURE__ */ React19.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, scale: 0.95, y: 20 },
@@ -8718,15 +8806,15 @@ function Modal({ isOpen, onClose, title, children, size = "md" }) {
       exit: { opacity: 0, scale: 0.95, y: 20 },
       className: `bg-white rounded-2xl shadow-2xl w-full ${sizes[size]} max-h-[90vh] overflow-hidden flex flex-col`
     },
-    title && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, title), /* @__PURE__ */ React19.createElement(
+    title && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, title), /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: onClose,
         className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
       },
-      /* @__PURE__ */ React19.createElement(X, { className: "w-5 h-5" })
+      /* @__PURE__ */ React20.createElement(X, { className: "w-5 h-5" })
     )),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex-1 overflow-y-auto p-6" }, children)
+    /* @__PURE__ */ React20.createElement("div", { className: "flex-1 overflow-y-auto p-6" }, children)
   ))));
 }
 var addressSchema = z.object({
@@ -8897,7 +8985,7 @@ var PAYMENT_METHODS = [
   {
     label: "Card",
     value: "Card",
-    icon: /* @__PURE__ */ React19.createElement(CreditCard, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20.createElement(CreditCard, { className: "w-5 h-5" }),
     description: "Pay securely with your credit or debit card",
     className: "border-blue-500 hover:bg-blue-50",
     activeClass: "bg-blue-50 border-blue-500 text-blue-700"
@@ -8905,7 +8993,7 @@ var PAYMENT_METHODS = [
   {
     label: "Cash",
     value: "Cash",
-    icon: /* @__PURE__ */ React19.createElement(PackageCheck, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20.createElement(PackageCheck, { className: "w-5 h-5" }),
     description: "Pay with cash on delivery or at pickup",
     className: "border-amber-500 hover:bg-amber-50",
     activeClass: "bg-amber-50 border-amber-500 text-amber-700"
@@ -8913,7 +9001,7 @@ var PAYMENT_METHODS = [
   {
     label: "Credit",
     value: "Credit",
-    icon: /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "w-5 h-5" }),
+    icon: /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "w-5 h-5" }),
     description: "Use your account credit",
     className: "border-emerald-500 hover:bg-emerald-50",
     activeClass: "bg-emerald-50 border-emerald-500 text-emerald-700"
@@ -8923,6 +9011,7 @@ function CheckoutScreen() {
   const router = useRouter();
   const { cart, clearCart } = useCart();
   const { isAuthenticated, user } = useAuth();
+  const { buildPath } = useBasePath();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isDelivery, setIsDelivery] = useState(true);
   const [paymentMethod, setPaymentMethod] = useState("Card");
@@ -9065,7 +9154,7 @@ function CheckoutScreen() {
     setError(null);
     if (!isAuthenticated) {
       toast.error("Please login to continue");
-      setTimeout(() => router.push("/login?redirect=/checkout"), 50);
+      setTimeout(() => router.push(buildPath("/login?redirect=/checkout")), 50);
       return;
     }
     if (!cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
@@ -9116,7 +9205,7 @@ function CheckoutScreen() {
       }
     }
     setIsSubmitting(true);
-    toast("Submitting order...", { icon: /* @__PURE__ */ React19.createElement(CreditCard, { className: "h-4 w-4" }) });
+    toast("Submitting order...", { icon: /* @__PURE__ */ React20.createElement(CreditCard, { className: "h-4 w-4" }) });
     try {
       const items = (cart?.cartBody?.items || []).map((item) => ({
         productVariantId: String(item.productVariantId),
@@ -9160,11 +9249,11 @@ function CheckoutScreen() {
         }
         toast.success("Order placed successfully!");
         await clearCart();
-        router.push(`/orders/${response.data?.id}`);
+        router.push(buildPath(`/orders/${response.data?.id}`));
       } else {
         toast.success("Order placed successfully!");
         await clearCart();
-        router.push(`/orders/${response.data?.id}`);
+        router.push(buildPath(`/orders/${response.data?.id}`));
       }
     } catch (err) {
       const msg = err?.message || err?.response?.data?.message || "Failed to place order";
@@ -9175,39 +9264,39 @@ function CheckoutScreen() {
     }
   };
   if (!cart || cart?.cartBody?.items?.length === 0 || !cart?.cartBody?.items) {
-    router.push("/cart");
+    router.push(buildPath("/cart"));
     return null;
   }
   const subtotal = cart.total;
   const tax = 0;
   const total = subtotal + shippingPrice + tax;
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-4 w-4" }), "Secure checkout"),
-    /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Provide delivery details"),
-    /* @__PURE__ */ React19.createElement("p", { className: "text-white/75 md:text-lg" }, "Our pharmacists handle every package with care. Share your shipping and billing information so we can dispatch your order within the next 12 hours."),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-3" }, checkoutSteps.map((step) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-4 w-4" }), "Secure checkout"),
+    /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Provide delivery details"),
+    /* @__PURE__ */ React20.createElement("p", { className: "text-white/75 md:text-lg" }, "Our pharmacists handle every package with care. Share your shipping and billing information so we can dispatch your order within the next 12 hours."),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-3" }, checkoutSteps.map((step) => /* @__PURE__ */ React20.createElement(
       "div",
       {
         key: step.id,
         className: `flex items-center gap-3 rounded-2xl px-4 py-2 text-sm font-semibold ${step.status === "complete" ? "bg-white/20 text-white" : step.status === "current" ? "bg-white text-primary-700" : "bg-white/10 text-white/60"}`
       },
-      /* @__PURE__ */ React19.createElement("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-white/20 text-xs font-bold" }, step.id),
+      /* @__PURE__ */ React20.createElement("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-white/20 text-xs font-bold" }, step.id),
       step.label
     )))
-  )))), /* @__PURE__ */ React19.createElement("form", { onSubmit: handleSubmit(onSubmit) }, error && /* @__PURE__ */ React19.createElement("div", { className: "mb-4 text-red-600 font-semibold" }, error), /* @__PURE__ */ React19.createElement("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React19.createElement(
+  )))), /* @__PURE__ */ React20.createElement("form", { onSubmit: handleSubmit(onSubmit) }, error && /* @__PURE__ */ React20.createElement("div", { className: "mb-4 text-red-600 font-semibold" }, error), /* @__PURE__ */ React20.createElement("div", { className: "pt-12 container mx-auto grid gap-10 px-4 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-8"
     },
-    /* @__PURE__ */ React19.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Shipping information"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "We use temperature-aware packaging and real-time tracking on every shipment.")), /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React19.createElement(Truck, { className: "h-4 w-4" }), "Dispatch in 12h")), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2" }, isDelivery && /* @__PURE__ */ React19.createElement("div", { className: "md:col-span-2 space-y-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("label", { className: "block font-semibold" }, "Select Address"), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center justify-between gap-4" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Shipping information"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "We use temperature-aware packaging and real-time tracking on every shipment.")), /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-primary-700" }, /* @__PURE__ */ React20.createElement(Truck, { className: "h-4 w-4" }), "Dispatch in 12h")), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2" }, isDelivery && /* @__PURE__ */ React20.createElement("div", { className: "md:col-span-2 space-y-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("label", { className: "block font-semibold" }, "Select Address"), /* @__PURE__ */ React20.createElement(
       Button,
       {
         type: "button",
@@ -9218,15 +9307,15 @@ function CheckoutScreen() {
           setIsAddressModalOpen(true);
         }
       },
-      /* @__PURE__ */ React19.createElement(Plus, { className: "h-4 w-4 mr-2" }),
+      /* @__PURE__ */ React20.createElement(Plus, { className: "h-4 w-4 mr-2" }),
       "Add New Address"
-    )), userAddresses.length > 0 ? /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4" }, userAddresses.map((addr) => /* @__PURE__ */ React19.createElement(
+    )), userAddresses.length > 0 ? /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4" }, userAddresses.map((addr) => /* @__PURE__ */ React20.createElement(
       "label",
       {
         key: addr.id,
         className: `group relative flex items-start gap-3 p-4 rounded-2xl border ${selectedAddressId === addr.id ? "border-primary-500 bg-primary-50 shadow-sm" : "border-slate-200 bg-white"} cursor-pointer hover:border-primary-300 transition-colors`
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         "input",
         {
           type: "radio",
@@ -9247,7 +9336,7 @@ function CheckoutScreen() {
           className: "mt-1"
         }
       ),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-900" }, addr.name), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-600" }, addr.street1), addr.street2 && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-600" }, addr.street2), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-600" }, addr.city, ", ", addr.state, " ", addr.zip), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-600" }, addr.country), addr.phone && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-600 mt-1" }, addr.phone), /* @__PURE__ */ React19.createElement("div", { className: "mt-3 flex items-center gap-2" }, addr.isDefault && /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700" }, "Default"), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-900" }, addr.name), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-600" }, addr.street1), addr.street2 && /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-600" }, addr.street2), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-600" }, addr.city, ", ", addr.state, " ", addr.zip), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-600" }, addr.country), addr.phone && /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-600 mt-1" }, addr.phone), /* @__PURE__ */ React20.createElement("div", { className: "mt-3 flex items-center gap-2" }, addr.isDefault && /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-primary-100 px-2.5 py-0.5 text-xs font-semibold text-primary-700" }, "Default"), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
@@ -9258,9 +9347,9 @@ function CheckoutScreen() {
           },
           className: "inline-flex items-center gap-1 rounded-full border border-slate-200 px-2.5 py-0.5 text-xs font-medium text-slate-600 hover:border-primary-300 hover:text-primary-600"
         },
-        /* @__PURE__ */ React19.createElement(Edit3, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ React20.createElement(Edit3, { className: "h-3.5 w-3.5" }),
         " Edit"
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
@@ -9278,23 +9367,23 @@ function CheckoutScreen() {
           },
           className: "inline-flex items-center gap-1 rounded-full border border-red-200 px-2.5 py-0.5 text-xs font-semibold text-red-600 hover:border-red-300 hover:text-red-700"
         },
-        /* @__PURE__ */ React19.createElement(Trash2, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ React20.createElement(Trash2, { className: "h-3.5 w-3.5" }),
         " Delete"
       )))
-    ))) : /* @__PURE__ */ React19.createElement("div", { className: "text-center py-8 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React19.createElement(MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 text-slate-600" }, "No addresses found"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "Add a new address to continue"))), !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React19.createElement("label", { className: "block mb-2 font-semibold" }, "Select Pickup Location"), /* @__PURE__ */ React19.createElement(
+    ))) : /* @__PURE__ */ React20.createElement("div", { className: "text-center py-8 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React20.createElement(MapPin, { className: "h-12 w-12 mx-auto text-slate-400" }), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 text-slate-600" }, "No addresses found"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Add a new address to continue"))), !isDelivery && storeAddresses.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React20.createElement("label", { className: "block mb-2 font-semibold" }, "Select Pickup Location"), /* @__PURE__ */ React20.createElement(
       "select",
       {
         className: "w-full border rounded p-2",
         value: selectedStoreAddressId || "",
         onChange: (e) => setSelectedStoreAddressId(e.target.value)
       },
-      storeAddresses.map((addr) => /* @__PURE__ */ React19.createElement("option", { key: addr.id, value: addr.id }, addr.name, " - ", addr.street1, ", ", addr.city))
+      storeAddresses.map((addr) => /* @__PURE__ */ React20.createElement("option", { key: addr.id, value: addr.id }, addr.name, " - ", addr.street1, ", ", addr.city))
     )))),
-    isDelivery && selectedAddressId && /* @__PURE__ */ React19.createElement(Card, { className: "p-6 border border-gray-200 rounded-xl shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-6 border-b" }, /* @__PURE__ */ React19.createElement(Truck, { className: "text-accent w-6 h-6" }), /* @__PURE__ */ React19.createElement("span", null, "Shipping Options")), shippingRatesLoading ? /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-center py-12" }, /* @__PURE__ */ React19.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }), /* @__PURE__ */ React19.createElement("span", { className: "ml-3 text-gray-600" }, "Loading shipping options...")) : shippingRatesError ? /* @__PURE__ */ React19.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React19.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }))), /* @__PURE__ */ React19.createElement("p", { className: "text-red-500 text-lg font-medium" }, "Error loading shipping options"), /* @__PURE__ */ React19.createElement("p", { className: "text-red-400 text-sm mt-1" }, shippingRatesError)) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, shippingRates.map((rate) => {
+    isDelivery && selectedAddressId && /* @__PURE__ */ React20.createElement(Card, { className: "p-6 border border-gray-200 rounded-xl shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3 text-xl font-semibold text-gray-900 pb-4 mb-6 border-b" }, /* @__PURE__ */ React20.createElement(Truck, { className: "text-accent w-6 h-6" }), /* @__PURE__ */ React20.createElement("span", null, "Shipping Options")), shippingRatesLoading ? /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-center py-12" }, /* @__PURE__ */ React20.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-accent" }), /* @__PURE__ */ React20.createElement("span", { className: "ml-3 text-gray-600" }, "Loading shipping options...")) : shippingRatesError ? /* @__PURE__ */ React20.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React20.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-red-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-8 h-8 text-red-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }))), /* @__PURE__ */ React20.createElement("p", { className: "text-red-500 text-lg font-medium" }, "Error loading shipping options"), /* @__PURE__ */ React20.createElement("p", { className: "text-red-400 text-sm mt-1" }, shippingRatesError)) : shippingRates && shippingRates.length > 0 ? /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, shippingRates.map((rate) => {
       const isSelected = !!selectedShippingRateId && selectedShippingRateId === rate.objectId;
       const isTest = rate.test;
       const hasAttributes = rate.attributes && rate.attributes.length > 0;
-      return /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React20.createElement(
         "div",
         {
           key: rate.objectId,
@@ -9303,7 +9392,7 @@ function CheckoutScreen() {
           onMouseLeave: () => setShippingPrice(parseFloat(rate.amountLocal)),
           className: `relative p-5 border-2 rounded-xl cursor-pointer transition-all duration-200 hover:shadow-md ${isSelected ? "border-primary-500 bg-primary-50 ring-2 ring-primary-200" : "border-gray-200 hover:border-gray-300"}`
         },
-        /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-4 flex-1" }, /* @__PURE__ */ React19.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-4 flex-1" }, /* @__PURE__ */ React20.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React20.createElement(
           Image3,
           {
             src: rate.providerImage75 || "/placeholder-product.jpg",
@@ -9316,18 +9405,18 @@ function CheckoutScreen() {
             width: 48,
             height: 48
           }
-        )), /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, rate.provider, " ", rate.servicelevel?.name), isTest && /* @__PURE__ */ React19.createElement("span", { className: "px-2 py-1 text-xs font-medium bg-orange-100 text-orange-800 rounded-full" }, "TEST")), hasAttributes && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2 mb-3" }, rate.attributes.map((attr) => /* @__PURE__ */ React19.createElement(
+        )), /* @__PURE__ */ React20.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900" }, rate.provider, " ", rate.servicelevel?.name), isTest && /* @__PURE__ */ React20.createElement("span", { className: "px-2 py-1 text-xs font-medium bg-orange-100 text-orange-800 rounded-full" }, "TEST")), hasAttributes && /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2 mb-3" }, rate.attributes.map((attr) => /* @__PURE__ */ React20.createElement(
           "span",
           {
             key: attr,
             className: `px-2 py-1 text-xs font-medium rounded-full ${attr === "FASTEST" ? "bg-green-100 text-green-800" : attr === "BESTVALUE" ? "bg-blue-100 text-blue-800" : attr === "CHEAPEST" ? "bg-purple-100 text-purple-800" : "bg-gray-100 text-gray-800"}`
           },
           attr
-        ))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1 text-sm text-gray-600" }, rate.durationTerms && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React19.createElement("span", null, rate.durationTerms)), rate.estimatedDays && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React19.createElement("span", null, "Estimated ", rate.estimatedDays, " day", rate.estimatedDays !== 1 ? "s" : "")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" })), /* @__PURE__ */ React19.createElement("span", null, "Carrier: ", rate.provider)), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React19.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" })), /* @__PURE__ */ React19.createElement("span", null, "Currency: ", rate.currency))))), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React19.createElement("div", { className: "text-2xl font-bold text-gray-900" }, formatPrice(parseFloat(rate.amount))), rate.amount !== rate.amountLocal && /* @__PURE__ */ React19.createElement("div", { className: "text-sm text-gray-500" }, rate.amountLocal, " ", rate.currencyLocal))),
-        isSelected && /* @__PURE__ */ React19.createElement("div", { className: "absolute top-3 right-3" }, /* @__PURE__ */ React19.createElement("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19.createElement(Check, { className: "w-4 h-4 text-white" })))
+        ))), /* @__PURE__ */ React20.createElement("div", { className: "space-y-1 text-sm text-gray-600" }, rate.durationTerms && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React20.createElement("span", null, rate.durationTerms)), rate.estimatedDays && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React20.createElement("span", null, "Estimated ", rate.estimatedDays, " day", rate.estimatedDays !== 1 ? "s" : "")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" })), /* @__PURE__ */ React20.createElement("span", null, "Carrier: ", rate.provider)), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React20.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" })), /* @__PURE__ */ React20.createElement("span", null, "Currency: ", rate.currency))))), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React20.createElement("div", { className: "text-2xl font-bold text-gray-900" }, formatPrice(parseFloat(rate.amount))), rate.amount !== rate.amountLocal && /* @__PURE__ */ React20.createElement("div", { className: "text-sm text-gray-500" }, rate.amountLocal, " ", rate.currencyLocal))),
+        isSelected && /* @__PURE__ */ React20.createElement("div", { className: "absolute top-3 right-3" }, /* @__PURE__ */ React20.createElement("div", { className: "w-6 h-6 bg-primary-500 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20.createElement(Check, { className: "w-4 h-4 text-white" })))
       );
-    })) : /* @__PURE__ */ React19.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React19.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React19.createElement(Truck, { className: "w-8 h-8 text-gray-400" })), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-500 text-lg font-medium" }, "No shipping options available"), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-400 text-sm mt-1" }, "Please check the shipping address or try a different location.")))
-  ), /* @__PURE__ */ React19.createElement(
+    })) : /* @__PURE__ */ React20.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React20.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React20.createElement(Truck, { className: "w-8 h-8 text-gray-400" })), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-500 text-lg font-medium" }, "No shipping options available"), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-400 text-sm mt-1" }, "Please check the shipping address or try a different location.")))
+  ), /* @__PURE__ */ React20.createElement(
     motion.aside,
     {
       initial: { opacity: 0, y: 32 },
@@ -9335,22 +9424,22 @@ function CheckoutScreen() {
       transition: { duration: 0.5, ease: "easeOut", delay: 0.1 },
       className: "space-y-10 lg:sticky lg:top-24"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50/50 transition hover:shadow-primary-100/60" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Order Summary"), /* @__PURE__ */ React19.createElement("section", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Delivery Method"), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 gap-3" }, [
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50/50 transition hover:shadow-primary-100/60" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Order Summary"), /* @__PURE__ */ React20.createElement("section", { className: "mt-6 space-y-4" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Delivery Method"), /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 gap-3" }, [
       {
         label: "Delivery",
-        icon: /* @__PURE__ */ React19.createElement(Truck, { className: "w-5 h-5" }),
+        icon: /* @__PURE__ */ React20.createElement(Truck, { className: "w-5 h-5" }),
         value: true,
         desc: "Shipped to your address"
       },
       {
         label: "Pickup",
-        icon: /* @__PURE__ */ React19.createElement(MapPin, { className: "w-5 h-5" }),
+        icon: /* @__PURE__ */ React20.createElement(MapPin, { className: "w-5 h-5" }),
         value: false,
         desc: "Collect from pharmacy"
       }
     ].map((option) => {
       const active = isDelivery === option.value;
-      return /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React20.createElement(
         "button",
         {
           key: option.label,
@@ -9359,18 +9448,18 @@ function CheckoutScreen() {
           "aria-pressed": active,
           className: `relative flex w-full items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-400 focus-visible:ring-offset-2 ${active ? "border-primary-500 bg-primary-50 shadow-sm" : "border-slate-200 bg-white hover:border-primary-200 hover:bg-primary-50/40"}`
         },
-        /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(
           "div",
           {
             className: `p-2 rounded-lg ${active ? "bg-primary-100 text-primary-600" : "bg-slate-100 text-slate-600 group-hover:bg-slate-50"}`
           },
           option.icon
-        ), /* @__PURE__ */ React19.createElement("div", { className: "text-left" }, /* @__PURE__ */ React19.createElement("div", { className: "font-medium text-slate-900" }, option.label), /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-slate-500" }, option.desc))),
-        active && /* @__PURE__ */ React19.createElement("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React19.createElement(Check, { className: "w-3 h-3" }))
+        ), /* @__PURE__ */ React20.createElement("div", { className: "text-left" }, /* @__PURE__ */ React20.createElement("div", { className: "font-medium text-slate-900" }, option.label), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-slate-500" }, option.desc))),
+        active && /* @__PURE__ */ React20.createElement("div", { className: "w-5 h-5 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React20.createElement(Check, { className: "w-3 h-3" }))
       );
-    }))), /* @__PURE__ */ React19.createElement("section", { className: "mt-8 space-y-4" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Payment Method"), /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, PAYMENT_METHODS.map((pm) => {
+    }))), /* @__PURE__ */ React20.createElement("section", { className: "mt-8 space-y-4" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-xs font-semibold text-slate-700 uppercase tracking-wider" }, "Payment Method"), /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, PAYMENT_METHODS.map((pm) => {
       const active = paymentMethod === pm.value;
-      return /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React20.createElement(
         "button",
         {
           key: pm.value,
@@ -9378,22 +9467,22 @@ function CheckoutScreen() {
           onClick: () => setPaymentMethod(pm.value),
           className: `w-full flex items-center justify-between rounded-xl border-2 p-3 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ${active ? `${pm.activeClass} border-current shadow-sm` : `${pm.className} border-slate-200 hover:border-primary-200 hover:shadow-sm`}`
         },
-        /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(
           "div",
           {
             className: `p-1.5 rounded-md ${pm.value === "Card" ? "bg-blue-100 text-blue-600" : pm.value === "Cash" ? "bg-amber-100 text-amber-600" : "bg-emerald-100 text-emerald-600"} ${active ? "bg-opacity-30" : "bg-opacity-100"}`
           },
           pm.icon
-        ), /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium text-slate-900" }, pm.label)),
-        active && /* @__PURE__ */ React19.createElement("div", { className: "w-4 h-4 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React19.createElement(Check, { className: "w-2.5 h-2.5" }))
+        ), /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-medium text-slate-900" }, pm.label)),
+        active && /* @__PURE__ */ React20.createElement("div", { className: "w-4 h-4 rounded-full bg-primary-500 flex items-center justify-center text-white shadow-sm" }, /* @__PURE__ */ React20.createElement(Check, { className: "w-2.5 h-2.5" }))
       );
-    })), /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-slate-500 mt-2 pl-1 leading-relaxed" }, paymentMethod === "Card" && "You will be redirected to a secure payment page.", paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.", paymentMethod === "Credit" && "Use your available account credit for this order.")), /* @__PURE__ */ React19.createElement("section", { className: "mt-8 pt-6 border-t border-slate-100" }, /* @__PURE__ */ React19.createElement("div", { className: "max-h-60 space-y-4 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-slate-200 hover:scrollbar-thumb-slate-300" }, cart?.cartBody?.items?.map((item) => /* @__PURE__ */ React19.createElement(
+    })), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-slate-500 mt-2 pl-1 leading-relaxed" }, paymentMethod === "Card" && "You will be redirected to a secure payment page.", paymentMethod === "Cash" && "Pay with cash at the time of delivery or pickup.", paymentMethod === "Credit" && "Use your available account credit for this order.")), /* @__PURE__ */ React20.createElement("section", { className: "mt-8 pt-6 border-t border-slate-100" }, /* @__PURE__ */ React20.createElement("div", { className: "max-h-60 space-y-4 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-slate-200 hover:scrollbar-thumb-slate-300" }, cart?.cartBody?.items?.map((item) => /* @__PURE__ */ React20.createElement(
       "div",
       {
         key: item.productId,
         className: "flex gap-4 rounded-2xl border border-slate-100 p-4 hover:bg-slate-50/50 transition"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-slate-100 text-slate-400" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-slate-100 text-slate-400" }, /* @__PURE__ */ React20.createElement(
         Image3,
         {
           src: item.productVariantData.productMedia?.[0]?.file || "/placeholder-product.jpg",
@@ -9403,9 +9492,9 @@ function CheckoutScreen() {
           className: "object-contain"
         }
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold text-slate-900" }, item?.productVariantData?.name), /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-slate-500" }, "Qty ", item.quantity)),
-      /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold text-slate-900" }, formatPrice(item.productVariantData.finalPrice * item.quantity))
-    ))), /* @__PURE__ */ React19.createElement("div", { className: "mt-6 space-y-3 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", null, "Subtotal"), /* @__PURE__ */ React19.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), isDelivery && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", null, "Shipping"), /* @__PURE__ */ React19.createElement("span", { className: "font-semibold" }, formatPrice(shippingPrice))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("span", null, "Estimated tax"), /* @__PURE__ */ React19.createElement("span", { className: "font-semibold" }, formatPrice(tax))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React19.createElement("span", null, "Total Due"), /* @__PURE__ */ React19.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-xs text-slate-500" }, "Tax is estimated. Final amount confirmed after payment.")))), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold text-slate-900" }, item?.productVariantData?.name), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-slate-500" }, "Qty ", item.quantity)),
+      /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold text-slate-900" }, formatPrice(item.productVariantData.finalPrice * item.quantity))
+    ))), /* @__PURE__ */ React20.createElement("div", { className: "mt-6 space-y-3 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", null, "Subtotal"), /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-slate-900" }, formatPrice(subtotal))), isDelivery && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", null, "Shipping"), /* @__PURE__ */ React20.createElement("span", { className: "font-semibold" }, formatPrice(shippingPrice))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", null, "Estimated tax"), /* @__PURE__ */ React20.createElement("span", { className: "font-semibold" }, formatPrice(tax))), /* @__PURE__ */ React20.createElement("div", { className: "rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between text-base font-semibold text-slate-900" }, /* @__PURE__ */ React20.createElement("span", null, "Total Due"), /* @__PURE__ */ React20.createElement("span", null, formatPrice(total))), /* @__PURE__ */ React20.createElement("p", { className: "mt-1 text-xs text-slate-500" }, "Tax is estimated. Final amount confirmed after payment.")))), /* @__PURE__ */ React20.createElement(
       Button,
       {
         type: "submit",
@@ -9413,11 +9502,11 @@ function CheckoutScreen() {
         isLoading: isSubmitting,
         className: "mt-6 w-full transition-transform hover:scale-[1.02] active:scale-[0.99]"
       },
-      /* @__PURE__ */ React19.createElement(CreditCard, { className: "h-5 w-5" }),
+      /* @__PURE__ */ React20.createElement(CreditCard, { className: "h-5 w-5" }),
       isSubmitting ? "Placing order..." : "Place Secure Order"
-    ), /* @__PURE__ */ React19.createElement("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500" }, /* @__PURE__ */ React19.createElement(Lock, { className: "h-4 w-4" }), "Fully encrypted checkout \u2014 cancel anytime before shipment.")),
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/80 p-6 text-sm text-primary-700 shadow-sm hover:shadow-md transition-shadow" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.3em] text-primary-800" }, "Why Patients Choose Us"), /* @__PURE__ */ React19.createElement("ul", { className: "mt-4 space-y-3 text-primary-700 leading-relaxed" }, /* @__PURE__ */ React19.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19.createElement(PackageCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19.createElement("span", null, "Pharmacy-grade verification on every order.")), /* @__PURE__ */ React19.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19.createElement("span", null, "Cold-chain logistics for sensitive medications.")), /* @__PURE__ */ React19.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19.createElement(Truck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React19.createElement("span", null, "Real-time tracking and SMS updates from prep to delivery."))))
-  ))), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement("p", { className: "mt-4 flex items-center justify-center gap-2 text-xs text-slate-500" }, /* @__PURE__ */ React20.createElement(Lock, { className: "h-4 w-4" }), "Fully encrypted checkout \u2014 cancel anytime before shipment.")),
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/80 p-6 text-sm text-primary-700 shadow-sm hover:shadow-md transition-shadow" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.3em] text-primary-800" }, "Why Patients Choose Us"), /* @__PURE__ */ React20.createElement("ul", { className: "mt-4 space-y-3 text-primary-700 leading-relaxed" }, /* @__PURE__ */ React20.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20.createElement(PackageCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20.createElement("span", null, "Pharmacy-grade verification on every order.")), /* @__PURE__ */ React20.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20.createElement("span", null, "Cold-chain logistics for sensitive medications.")), /* @__PURE__ */ React20.createElement("li", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20.createElement(Truck, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ React20.createElement("span", null, "Real-time tracking and SMS updates from prep to delivery."))))
+  ))), /* @__PURE__ */ React20.createElement(
     AddressFormModal,
     {
       isOpen: isAddressModalOpen,
@@ -9448,8 +9537,9 @@ var loginSchema = z.object({
 });
 function LoginScreen() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const searchParams = useSearchParams();
-  const redirectUrl = searchParams?.get("redirect") || "/";
+  const redirectUrl = searchParams?.get("redirect") || buildPath("/");
   const { login } = useAuth();
   const [showPassword, setShowPassword] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -9472,7 +9562,7 @@ function LoginScreen() {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[1.1fr_0.9fr]" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[1.1fr_0.9fr]" }, /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, x: -24 },
@@ -9480,18 +9570,18 @@ function LoginScreen() {
       transition: { duration: 0.4 },
       className: "relative flex flex-col justify-between bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] px-10 py-14 text-white"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "Hey Pharmacist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Pharmacy-grade care for your household"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-xl text-white/80" }, "Log in to unlock personalized regimens, pharmacist support, and fast delivery on wellness essentials curated just for you.")),
-    /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/80" }, "HIPAA-compliant security keeps your health information protected.")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/80" }, "Pharmacists ready to chat in under 10 minutes for medication support."))),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", null, "Need an account?"), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(HeartPulse, { className: "h-4 w-4" }), "Hey Pharmacist"), /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Pharmacy-grade care for your household"), /* @__PURE__ */ React20.createElement("p", { className: "max-w-xl text-white/80" }, "Log in to unlock personalized regimens, pharmacist support, and fast delivery on wellness essentials curated just for you.")),
+    /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-white/80" }, "HIPAA-compliant security keeps your health information protected.")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-white/80" }, "Pharmacists ready to chat in under 10 minutes for medication support."))),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement("span", null, "Need an account?"), /* @__PURE__ */ React20.createElement(
       Link8,
       {
         href: "/register",
         className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2 font-semibold transition hover:bg-white/25"
       },
       "Create one now",
-      /* @__PURE__ */ React19.createElement(ArrowRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ React20.createElement(ArrowRight, { className: "h-4 w-4" })
     ))
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, x: 24 },
@@ -9499,7 +9589,7 @@ function LoginScreen() {
       transition: { duration: 0.4 },
       className: "flex items-center justify-center px-6 py-12 lg:px-16"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md space-y-10" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Sign in"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "Welcome back! Enter your details to continue your personalized care plan.")), /* @__PURE__ */ React19.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "w-full max-w-md space-y-10" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Sign in"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Welcome back! Enter your details to continue your personalized care plan.")), /* @__PURE__ */ React20.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement(
       Input,
       {
         type: "email",
@@ -9508,7 +9598,7 @@ function LoginScreen() {
         ...register("email"),
         error: errors.email?.message
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         type: showPassword ? "text" : "password",
@@ -9517,28 +9607,28 @@ function LoginScreen() {
         ...register("password"),
         error: errors.password?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
         onClick: () => setShowPassword((prev) => !prev),
         className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
       },
-      showPassword ? /* @__PURE__ */ React19.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19.createElement(Eye, { className: "h-5 w-5" })
-    )), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between text-sm" }, /* @__PURE__ */ React19.createElement("label", { className: "flex items-center gap-2 text-slate-600" }, /* @__PURE__ */ React19.createElement(
+      showPassword ? /* @__PURE__ */ React20.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20.createElement(Eye, { className: "h-5 w-5" })
+    )), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between text-sm" }, /* @__PURE__ */ React20.createElement("label", { className: "flex items-center gap-2 text-slate-600" }, /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "checkbox",
         className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
       }
-    ), "Remember me"), /* @__PURE__ */ React19.createElement(
+    ), "Remember me"), /* @__PURE__ */ React20.createElement(
       Link8,
       {
         href: "/forgot-password",
         className: "font-medium text-primary-600 transition hover:text-primary-700"
       },
       "Forgot password?"
-    )), /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement(
       Button,
       {
         type: "submit",
@@ -9547,7 +9637,7 @@ function LoginScreen() {
         className: "w-full"
       },
       "Sign in securely"
-    )), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19.createElement(Lock, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-800" }, "Secure by design"), /* @__PURE__ */ React19.createElement("p", null, "Encrypted sessions, multi-factor ready, and privacy-first policies keep your personal data safe.")))))
+    )), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20.createElement(Lock, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Secure by design"), /* @__PURE__ */ React20.createElement("p", null, "Encrypted sessions, multi-factor ready, and privacy-first policies keep your personal data safe.")))))
   )));
 }
 var registerSchema = z.object({
@@ -9569,6 +9659,7 @@ var BENEFITS = [
 function RegisterScreen() {
   const router = useRouter();
   const { register: registerUser } = useAuth();
+  const { buildPath } = useBasePath();
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -9590,14 +9681,14 @@ function RegisterScreen() {
         role: "User" /* User */
       });
       toast.success("Account created successfully!");
-      router.push("/");
+      router.push(buildPath("/"));
     } catch (error) {
       toast.error(error.response?.data?.message || "Failed to create account");
     } finally {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[0.95fr_1.05fr]" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("div", { className: "grid min-h-screen overflow-hidden bg-white lg:grid-cols-[0.95fr_1.05fr]" }, /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, x: -24 },
@@ -9605,9 +9696,9 @@ function RegisterScreen() {
       transition: { duration: 0.4 },
       className: "flex flex-col justify-between bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] px-10 py-14 text-white"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "Join Hey Pharmacist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Create your wellness account"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-xl text-white/80" }, "Unlock concierge-level pharmacy support, curated product recommendations, and smarter refills designed for busy families.")),
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, BENEFITS.map((benefit) => /* @__PURE__ */ React19.createElement("div", { key: benefit, className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(CheckCircle2, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/85" }, benefit)))),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", null, "Already part of the community?"), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(HeartPulse, { className: "h-4 w-4" }), "Join Hey Pharmacist"), /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold leading-tight lg:text-5xl" }, "Create your wellness account"), /* @__PURE__ */ React20.createElement("p", { className: "max-w-xl text-white/80" }, "Unlock concierge-level pharmacy support, curated product recommendations, and smarter refills designed for busy families.")),
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-4 rounded-3xl bg-white/10 p-6 backdrop-blur" }, BENEFITS.map((benefit) => /* @__PURE__ */ React20.createElement("div", { key: benefit, className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(CheckCircle2, { className: "h-5 w-5 text-white" }), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-white/85" }, benefit)))),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-6 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement("span", null, "Already part of the community?"), /* @__PURE__ */ React20.createElement(
       Link8,
       {
         href: "/login",
@@ -9615,7 +9706,7 @@ function RegisterScreen() {
       },
       "Sign in"
     ))
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, x: 24 },
@@ -9623,13 +9714,13 @@ function RegisterScreen() {
       transition: { duration: 0.4 },
       className: "flex items-center justify-center px-6 py-12 lg:px-16"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-lg space-y-10" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Create an account"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "Start your personalized care journey with pharmacist-backed guidance.")), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "w-full max-w-lg space-y-10" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-3xl font-bold text-slate-900" }, "Create an account"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Start your personalized care journey with pharmacist-backed guidance.")), /* @__PURE__ */ React20.createElement(
       "form",
       {
         onSubmit: handleSubmit(onSubmit),
         className: "space-y-6 rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement(
         Input,
         {
           label: "First name",
@@ -9637,7 +9728,7 @@ function RegisterScreen() {
           ...register("firstName"),
           error: errors.firstName?.message
         }
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         Input,
         {
           label: "Last name",
@@ -9646,7 +9737,7 @@ function RegisterScreen() {
           error: errors.lastName?.message
         }
       )),
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         Input,
         {
           type: "email",
@@ -9656,7 +9747,7 @@ function RegisterScreen() {
           error: errors.email?.message
         }
       ),
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         Input,
         {
           type: "tel",
@@ -9666,7 +9757,7 @@ function RegisterScreen() {
           error: errors.phone?.message
         }
       ),
-      /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
         Input,
         {
           type: showPassword ? "text" : "password",
@@ -9675,16 +9766,16 @@ function RegisterScreen() {
           ...register("password"),
           error: errors.password?.message
         }
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowPassword((prev) => !prev),
           className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
         },
-        showPassword ? /* @__PURE__ */ React19.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19.createElement(Eye, { className: "h-5 w-5" })
+        showPassword ? /* @__PURE__ */ React20.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20.createElement(Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
         Input,
         {
           type: showConfirmPassword ? "text" : "password",
@@ -9693,16 +9784,16 @@ function RegisterScreen() {
           ...register("confirmPassword"),
           error: errors.confirmPassword?.message
         }
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => setShowConfirmPassword((prev) => !prev),
           className: "absolute right-3 top-[42px] text-slate-400 transition hover:text-slate-600"
         },
-        showConfirmPassword ? /* @__PURE__ */ React19.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React19.createElement(Eye, { className: "h-5 w-5" })
+        showConfirmPassword ? /* @__PURE__ */ React20.createElement(EyeOff, { className: "h-5 w-5" }) : /* @__PURE__ */ React20.createElement(Eye, { className: "h-5 w-5" })
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement(Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React19.createElement(Link8, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement(Shield, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "By creating an account, you agree to our", " ", /* @__PURE__ */ React20.createElement(Link8, { href: "/terms", className: "font-semibold text-primary-600 hover:text-primary-700" }, "Terms of Service"), " ", "and", " ", /* @__PURE__ */ React20.createElement(
         Link8,
         {
           href: "/privacy",
@@ -9710,7 +9801,7 @@ function RegisterScreen() {
         },
         "Privacy Policy"
       ), ". We protect your information with bank-level encryption.")),
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(
         Button,
         {
           type: "submit",
@@ -9718,10 +9809,10 @@ function RegisterScreen() {
           isLoading: isSubmitting,
           className: "w-full"
         },
-        /* @__PURE__ */ React19.createElement(UserPlus, { className: "h-5 w-5" }),
+        /* @__PURE__ */ React20.createElement(UserPlus, { className: "h-5 w-5" }),
         "Create my account"
       )
-    ), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React19.createElement(Heart, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-800" }, "Members love us"), /* @__PURE__ */ React19.createElement("p", null, "92% of patients report improved adherence after receiving pharmacist touchpoints through their Hey Pharmacist account.")))))
+    ), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-slate-50 p-6 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React20.createElement(Heart, { className: "mt-0.5 h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Members love us"), /* @__PURE__ */ React20.createElement("p", null, "92% of patients report improved adherence after receiving pharmacist touchpoints through their Hey Pharmacist account.")))))
   )));
 }
 var profileSchema = z.object({
@@ -9733,6 +9824,7 @@ var profileSchema = z.object({
 function ProfileScreen() {
   const router = useRouter();
   const { user, updateUser, logout } = useAuth();
+  const { buildPath } = useBasePath();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const {
     register,
@@ -9761,10 +9853,10 @@ function ProfileScreen() {
   const handleLogout = async () => {
     await logout();
     toast.success("Logged out successfully");
-    router.push("/");
+    router.push(buildPath("/"));
   };
   if (!user) {
-    router.push("/login");
+    router.push(buildPath("/login"));
     return null;
   }
   const quickLinks = [
@@ -9772,46 +9864,46 @@ function ProfileScreen() {
       icon: Package,
       label: "Order history",
       description: "Track shipments and download invoices",
-      href: "/orders"
+      href: buildPath("/orders")
     },
     {
       icon: Heart,
       label: "Wishlist",
       description: "Curate go-to remedies and favorites",
-      href: "/wishlist"
+      href: buildPath("/wishlist")
     },
     {
       icon: MapPin,
       label: "Delivery addresses",
       description: "Manage saved delivery locations",
-      href: "/account/addresses"
+      href: buildPath("/account/addresses")
     }
   ];
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "flex flex-col gap-8 md:flex-row md:items-center md:justify-between"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-5" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(HeartPulse, { className: "h-4 w-4" }), "My account"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Hello, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Manage profile details, shipping preferences, and personalized recommendations. Our pharmacists keep your care plan up to date."), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2" }, /* @__PURE__ */ React19.createElement(ShieldCheck, { className: "h-4 w-4" }), "Account secured with multi-factor ready login"))),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center gap-4 rounded-3xl bg-white/15 p-6 text-center backdrop-blur" }, /* @__PURE__ */ React19.createElement("div", { className: "flex h-24 w-24 items-center justify-center rounded-full bg-white/20 text-3xl font-bold text-white" }, getInitials(user?.firstname || "", user?.lastname || "") || ""), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-white/80" }, user.email), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-5" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(HeartPulse, { className: "h-4 w-4" }), "My account"), /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Hello, ", user.firstname, " ", user.lastname), /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Manage profile details, shipping preferences, and personalized recommendations. Our pharmacists keep your care plan up to date."), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2" }, /* @__PURE__ */ React20.createElement(ShieldCheck, { className: "h-4 w-4" }), "Account secured with multi-factor ready login"))),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col items-center gap-4 rounded-3xl bg-white/15 p-6 text-center backdrop-blur" }, /* @__PURE__ */ React20.createElement("div", { className: "flex h-24 w-24 items-center justify-center rounded-full bg-white/20 text-3xl font-bold text-white" }, getInitials(user?.firstname || "", user?.lastname || "") || ""), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-white/80" }, user.email), /* @__PURE__ */ React20.createElement(
       Button,
       {
         variant: "ghost",
         className: "text-white hover:bg-white/20",
-        onClick: () => router.push("/account/change-password")
+        onClick: () => router.push(buildPath("/account/change-password"))
       },
       "Change password"
     ))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]" }, /* @__PURE__ */ React19.createElement(
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)]" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Personal information"), /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React19.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "mt-6 space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("section", { className: "rounded-3xl border border-slate-100 bg-white p-8 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-xl font-semibold text-slate-900" }, "Personal information"), /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-5 w-5 text-primary-500" })), /* @__PURE__ */ React20.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "mt-6 space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "First name",
@@ -9819,7 +9911,7 @@ function ProfileScreen() {
         ...register("firstName"),
         error: errors.firstName?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Last name",
@@ -9827,7 +9919,7 @@ function ProfileScreen() {
         ...register("lastName"),
         error: errors.lastName?.message
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         type: "email",
@@ -9837,7 +9929,7 @@ function ProfileScreen() {
         ...register("email"),
         error: errors.email?.message
       }
-    ), /* @__PURE__ */ React19.createElement(Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(Mail, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         type: "tel",
@@ -9847,7 +9939,7 @@ function ProfileScreen() {
         ...register("phone"),
         error: errors.phone?.message
       }
-    ), /* @__PURE__ */ React19.createElement(Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-4" }, /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(Phone, { className: "absolute left-3 top-[38px] h-4 w-4 text-slate-400" })), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-4" }, /* @__PURE__ */ React20.createElement(
       Button,
       {
         type: "submit",
@@ -9855,26 +9947,26 @@ function ProfileScreen() {
         isLoading: isSubmitting
       },
       "Save changes"
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Button,
       {
         type: "button",
         variant: "outline",
         size: "lg",
-        onClick: () => router.push("/orders")
+        onClick: () => router.push(buildPath("/orders"))
       },
       "View recent orders"
     )))),
-    /* @__PURE__ */ React19.createElement("section", { className: "grid gap-4 md:grid-cols-2" }, quickLinks.map((item) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("section", { className: "grid gap-4 md:grid-cols-2" }, quickLinks.map((item) => /* @__PURE__ */ React20.createElement(
       Link8,
       {
         key: item.href,
         href: item.href,
         className: "group rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-lg"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19.createElement(item.icon, { className: "h-5 w-5" })), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "text-base font-semibold text-slate-900 group-hover:text-primary-600" }, item.label), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, item.description)))
+      /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("span", { className: "rounded-2xl bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20.createElement(item.icon, { className: "h-5 w-5" })), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "text-base font-semibold text-slate-900 group-hover:text-primary-600" }, item.label), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, item.description)))
     )))
-  ), /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React20.createElement(
     motion.aside,
     {
       initial: { opacity: 0, y: 24 },
@@ -9882,30 +9974,31 @@ function ProfileScreen() {
       transition: { delay: 0.1 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Care preferences"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm text-slate-600" }, "Customize how we support you. Set refill reminders or manage communication preferences to stay aligned with your wellness goals."), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, "Care preferences"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-sm text-slate-600" }, "Customize how we support you. Set refill reminders or manage communication preferences to stay aligned with your wellness goals."), /* @__PURE__ */ React20.createElement(
       Button,
       {
         variant: "outline",
         className: "mt-4 w-full",
-        onClick: () => router.push("/account/preferences")
+        onClick: () => router.push(buildPath("/account/preferences"))
       },
       "Manage preferences"
     )),
-    /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Pharmacist tip"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 leading-relaxed" }, "Keep your phone number current so pharmacists can reach you quickly with dosage advice or time-sensitive updates about your order.")),
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Pharmacist tip"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 leading-relaxed" }, "Keep your phone number current so pharmacists can reach you quickly with dosage advice or time-sensitive updates about your order.")),
+    /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: handleLogout,
         className: "flex w-full items-center justify-center gap-2 rounded-3xl border border-red-200 bg-red-50 px-4 py-3 text-sm font-semibold text-red-600 transition hover:bg-red-100"
       },
-      /* @__PURE__ */ React19.createElement(LogOut, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20.createElement(LogOut, { className: "h-4 w-4" }),
       "Log out"
     )
   )))));
 }
 function OrderCard({ order }) {
+  const { buildPath } = useBasePath();
   const config = order.orderStatus;
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 20 },
@@ -9913,9 +10006,9 @@ function OrderCard({ order }) {
       whileHover: { y: -4 },
       className: "bg-white rounded-2xl p-6 shadow-sm hover:shadow-xl transition-all duration-300 border border-gray-100"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-bold text-gray-900 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(Package, { className: "w-5 h-5 text-primary-600" }), "Order #", order?._id?.slice(0, 6) || ""), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-gray-500 mt-1 flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(Calendar, { className: "w-4 h-4" }), formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React19.createElement(Badge, { variant: config }, config)),
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-2 mb-4" }, order.items?.slice(0, 2).map((item) => /* @__PURE__ */ React19.createElement("div", { key: item.productVariantId, className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React19.createElement(Image3, { src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item?.productVariantData?.name || "Product image", width: 48, height: 48, className: "w-12 h-12 rounded-lg bg-gray-100 flex-shrink-0" }), /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: "font-medium text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-gray-900" }, formatPrice(item.productVariantData.finalPrice)))), order.items?.length && order.items?.length > 2 && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-gray-500 pl-15" }, "+", order.items.length - 2, " more item", order.items.length - 2 > 1 ? "s" : "")),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-center pt-4 border-t border-gray-200" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-gray-500" }, "Total Amount"), /* @__PURE__ */ React19.createElement("p", { className: "text-2xl font-bold text-gray-900" }, formatPrice(order.grandTotal || 0))), /* @__PURE__ */ React19.createElement("div", { className: "flex gap-2" }, order.payment.paymentStatus !== "Paid" /* Paid */ && order.payment.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-start mb-4" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-bold text-gray-900 flex items-center gap-2" }, /* @__PURE__ */ React20.createElement(Package, { className: "w-5 h-5 text-primary-600" }), "Order #", order?._id?.slice(0, 6) || ""), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-gray-500 mt-1 flex items-center gap-2" }, /* @__PURE__ */ React20.createElement(Calendar, { className: "w-4 h-4" }), formatDate(order.createdAt || /* @__PURE__ */ new Date(), "long"))), /* @__PURE__ */ React20.createElement(Badge, { variant: config }, config)),
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-2 mb-4" }, order.items?.slice(0, 2).map((item) => /* @__PURE__ */ React20.createElement("div", { key: item.productVariantId, className: "flex items-center gap-3 text-sm" }, /* @__PURE__ */ React20.createElement(Image3, { src: item?.productVariantData?.productMedia?.[0]?.file || "/placeholder-product.jpg", alt: item?.productVariantData?.name || "Product image", width: 48, height: 48, className: "w-12 h-12 rounded-lg bg-gray-100 flex-shrink-0" }), /* @__PURE__ */ React20.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React20.createElement("p", { className: "font-medium text-gray-900 truncate" }, item.productVariantData.name), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-500" }, "Qty: ", item.quantity)), /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-gray-900" }, formatPrice(item.productVariantData.finalPrice)))), order.items?.length && order.items?.length > 2 && /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-gray-500 pl-15" }, "+", order.items.length - 2, " more item", order.items.length - 2 > 1 ? "s" : "")),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex justify-between items-center pt-4 border-t border-gray-200" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-gray-500" }, "Total Amount"), /* @__PURE__ */ React20.createElement("p", { className: "text-2xl font-bold text-gray-900" }, formatPrice(order.grandTotal || 0))), /* @__PURE__ */ React20.createElement("div", { className: "flex gap-2" }, order.payment.paymentStatus !== "Paid" /* Paid */ && order.payment.paymentMethod === "Card" /* Card */ && /* @__PURE__ */ React20.createElement(
       "a",
       {
         href: order?.payment?.paymentIntent?.hostedInvoiceUrl || "",
@@ -9923,7 +10016,7 @@ function OrderCard({ order }) {
         rel: "noopener noreferrer",
         className: "inline-flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors"
       },
-      /* @__PURE__ */ React19.createElement(CreditCard, { className: "w-4 h-4" }),
+      /* @__PURE__ */ React20.createElement(CreditCard, { className: "w-4 h-4" }),
       "Pay Now"
     )))
   );
@@ -10079,7 +10172,7 @@ function FilterChips({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOverflowOpen]);
-  return /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:gap-4" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-600" }, /* @__PURE__ */ React19.createElement(Icon, { className: "h-4 w-4" }), label), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, visibleFilters.map((filter) => /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:gap-4" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-600" }, /* @__PURE__ */ React20.createElement(Icon, { className: "h-4 w-4" }), label), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-3" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2" }, visibleFilters.map((filter) => /* @__PURE__ */ React20.createElement(
     "button",
     {
       key: filter,
@@ -10088,16 +10181,16 @@ function FilterChips({
       className: `rounded-full border px-3 py-1 text-sm font-medium transition ${selected === filter ? `border-${color}-600 bg-${color}-600 text-white shadow-lg shadow-${color}-500/30` : `border-slate-200 bg-slate-50 text-slate-600 hover:border-${color}-300 hover:text-${color}-600`}`
     },
     filter
-  ))), overflowFilters.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "relative", ref: overflowMenuRef }, /* @__PURE__ */ React19.createElement(
+  ))), overflowFilters.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "relative", ref: overflowMenuRef }, /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
       onClick: () => setIsOverflowOpen((prev) => !prev),
       className: `flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium transition ${overflowFilters.includes(selected) ? `border-${color}-600 bg-${color}-50 text-${color}-700 shadow-lg shadow-${color}-500/20` : "border-slate-200 bg-white text-slate-600 hover:border-slate-300"}`
     },
-    /* @__PURE__ */ React19.createElement("span", null, overflowFilters.includes(selected) ? selected : "More"),
-    /* @__PURE__ */ React19.createElement("span", { className: `inline-flex h-5 min-w-[1.5rem] items-center justify-center rounded-full bg-${color}-100 px-1 text-xs font-semibold text-${color}-600` }, overflowFilters.length)
-  ), /* @__PURE__ */ React19.createElement(AnimatePresence, null, isOverflowOpen && /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", null, overflowFilters.includes(selected) ? selected : "More"),
+    /* @__PURE__ */ React20.createElement("span", { className: `inline-flex h-5 min-w-[1.5rem] items-center justify-center rounded-full bg-${color}-100 px-1 text-xs font-semibold text-${color}-600` }, overflowFilters.length)
+  ), /* @__PURE__ */ React20.createElement(AnimatePresence, null, isOverflowOpen && /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 8 },
@@ -10106,7 +10199,7 @@ function FilterChips({
       transition: { duration: 0.15 },
       className: "absolute right-0 z-50 mt-2 w-64 rounded-2xl border border-slate-100 bg-white shadow-xl shadow-primary-50"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "border-b border-slate-100 px-4 py-3" }, /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "border-b border-slate-100 px-4 py-3" }, /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }), /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "text",
@@ -10116,7 +10209,7 @@ function FilterChips({
         className: "w-full rounded-full border border-slate-200 bg-slate-50 py-2 pl-9 pr-3 text-sm text-slate-600 outline-none transition focus:border-primary-300 focus:bg-white focus:ring-2 focus:ring-primary-200"
       }
     ))),
-    /* @__PURE__ */ React19.createElement("div", { className: "max-h-60 overflow-y-auto px-2 py-2" }, filteredOverflowFilters.length > 0 ? filteredOverflowFilters.map((filter) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "max-h-60 overflow-y-auto px-2 py-2" }, filteredOverflowFilters.length > 0 ? filteredOverflowFilters.map((filter) => /* @__PURE__ */ React20.createElement(
       "button",
       {
         key: filter,
@@ -10127,10 +10220,10 @@ function FilterChips({
         },
         className: `flex w-full items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition ${selected === filter ? `bg-${color}-600 text-white shadow-lg shadow-${color}-500/30` : "text-slate-600 hover:bg-slate-100"}`
       },
-      /* @__PURE__ */ React19.createElement("span", null, filter),
-      selected === filter && /* @__PURE__ */ React19.createElement(Check, { className: "h-4 w-4" })
-    )) : /* @__PURE__ */ React19.createElement("p", { className: "px-3 py-4 text-sm text-slate-500" }, "No items found.")),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between gap-2 border-t border-slate-100 px-4 py-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-xs font-semibold uppercase tracking-wide text-slate-400" }, "Quick actions"), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", null, filter),
+      selected === filter && /* @__PURE__ */ React20.createElement(Check, { className: "h-4 w-4" })
+    )) : /* @__PURE__ */ React20.createElement("p", { className: "px-3 py-4 text-sm text-slate-500" }, "No items found.")),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between gap-2 border-t border-slate-100 px-4 py-3" }, /* @__PURE__ */ React20.createElement("span", { className: "text-xs font-semibold uppercase tracking-wide text-slate-400" }, "Quick actions"), /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -10148,6 +10241,7 @@ var STATUS_FILTERS = ["All", ...Object.values(ManualOrderDTOOrderStatusEnum)];
 var PAYMENT_FILTERS = ["All", ...Object.values(PaymentPaymentStatusEnum)];
 function OrdersScreen() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const [page, setPage] = useState(1);
   const [selectedFilter, setSelectedFilter] = useState("All");
   const [selectedPaymentFilter, setSelectedPaymentFilter] = useState("All");
@@ -10187,23 +10281,23 @@ function OrdersScreen() {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isOverflowOpen]);
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen  bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative  overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen  bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative  overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(CalendarDays, { className: "h-4 w-4" }), "Order history"),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "All of your pharmacy orders"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Access receipts, shipping statuses, and reorder suggestions in one organized timeline curated by our pharmacists.")), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use filters to review previous prescriptions, reorder favorites, or download invoices for insurance claims.")))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-16 container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(CalendarDays, { className: "h-4 w-4" }), "Order history"),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "All of your pharmacy orders"), /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Access receipts, shipping statuses, and reorder suggestions in one organized timeline curated by our pharmacists.")), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use filters to review previous prescriptions, reorder favorites, or download invoices for insurance claims.")))
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-16 container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "Explore your complete order archive with pharmacist notes.")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 md:items-end" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "Explore your complete order archive with pharmacist notes.")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 md:items-end" }, /* @__PURE__ */ React20.createElement(
       FilterChips,
       {
         label: "Status filters",
@@ -10217,7 +10311,7 @@ function OrdersScreen() {
         maxVisible: MAX_VISIBLE_FILTERS,
         variant: "primary"
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       FilterChips,
       {
         label: "Payment status",
@@ -10232,26 +10326,26 @@ function OrdersScreen() {
         variant: "primary"
       }
     ))),
-    /* @__PURE__ */ React19.createElement("div", { className: "mt-6 space-y-4" }, isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19.createElement(OrderCardSkeleton, { key: index })) : hasOrders ? filteredOrders.map((order) => /* @__PURE__ */ React19.createElement(OrderCard, { key: order.id, order })) : /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "mt-6 space-y-4" }, isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20.createElement(OrderCardSkeleton, { key: index })) : hasOrders ? filteredOrders.map((order) => /* @__PURE__ */ React20.createElement(OrderCard, { key: order.id, order })) : /* @__PURE__ */ React20.createElement(
       EmptyState,
       {
         icon: Package,
         title: "No orders found for these filters",
         description: "Adjust the status or payment filters, or browse the shop for new essentials.",
         actionLabel: "Shop products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )),
-    !isLoading && pagination.totalPages > 1 && hasOrders && /* @__PURE__ */ React19.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-4" }, /* @__PURE__ */ React19.createElement(
+    !isLoading && pagination.totalPages > 1 && hasOrders && /* @__PURE__ */ React20.createElement("div", { className: "mt-10 flex flex-wrap items-center justify-center gap-4" }, /* @__PURE__ */ React20.createElement(
       Button,
       {
         variant: "outline",
         onClick: () => setPage((current) => Math.max(1, current - 1)),
         disabled: page === 1
       },
-      /* @__PURE__ */ React19.createElement(ChevronLeft, { className: "h-5 w-5" }),
+      /* @__PURE__ */ React20.createElement(ChevronLeft, { className: "h-5 w-5" }),
       "Previous"
-    ), /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-semibold text-slate-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-semibold text-slate-600" }, "Page ", page, " of ", pagination.totalPages), /* @__PURE__ */ React20.createElement(
       Button,
       {
         variant: "outline",
@@ -10259,25 +10353,26 @@ function OrdersScreen() {
         disabled: page === pagination.totalPages
       },
       "Next",
-      /* @__PURE__ */ React19.createElement(ChevronRight, { className: "h-5 w-5" })
+      /* @__PURE__ */ React20.createElement(ChevronRight, { className: "h-5 w-5" })
     ))
   ))));
 }
 function CurrentOrdersScreen() {
   const router = useRouter();
   const { orders, isLoading } = useCurrentOrders();
+  const { buildPath } = useBasePath();
   const hasOrders = orders.length > 0;
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-4"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Truck, { className: "h-4 w-4" }), "Live order tracking"),
-    /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Current orders"),
-    /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Follow your pharmacy orders from preparation to delivery. Real-time updates, SMS alerts, and pharmacist oversight come standard.")
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(Truck, { className: "h-4 w-4" }), "Live order tracking"),
+    /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Current orders"),
+    /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Follow your pharmacy orders from preparation to delivery. Real-time updates, SMS alerts, and pharmacist oversight come standard.")
+  ), /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -10285,34 +10380,34 @@ function CurrentOrdersScreen() {
       transition: { delay: 0.1 },
       className: "rounded-3xl bg-white/15 p-6 backdrop-blur"
     },
-    /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
-    /* @__PURE__ */ React19.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick actions"),
+    /* @__PURE__ */ React20.createElement("div", { className: "mt-4 space-y-3 text-sm text-white/80" }, /* @__PURE__ */ React20.createElement(
       Link8,
       {
-        href: "/orders",
+        href: buildPath("/orders"),
         className: "flex items-center justify-between rounded-2xl bg-white/10 px-4 py-3 transition hover:bg-white/20"
       },
-      /* @__PURE__ */ React19.createElement("span", { className: "font-semibold text-white" }, "View order history"),
-      /* @__PURE__ */ React19.createElement(ArrowUpRight, { className: "h-4 w-4" })
-    ), /* @__PURE__ */ React19.createElement("p", null, "Need help fast? Chat with a pharmacist and we will triage your request in under 10 minutes."))
-  )))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-white" }, "View order history"),
+      /* @__PURE__ */ React20.createElement(ArrowUpRight, { className: "h-4 w-4" })
+    ), /* @__PURE__ */ React20.createElement("p", null, "Need help fast? Chat with a pharmacist and we will triage your request in under 10 minutes."))
+  )))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement(
     motion.section,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "space-y-6" }, isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19.createElement(OrderCardSkeleton, { key: index }))) : hasOrders ? /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, orders.map((order) => /* @__PURE__ */ React19.createElement(OrderCard, { key: order.id, order }))) : /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-10 shadow-sm" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "space-y-6" }, isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20.createElement(OrderCardSkeleton, { key: index }))) : hasOrders ? /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, orders.map((order) => /* @__PURE__ */ React20.createElement(OrderCard, { key: order.id, order }))) : /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-10 shadow-sm" }, /* @__PURE__ */ React20.createElement(
       EmptyState,
       {
         icon: PackageCheck,
         title: "No active orders",
         description: "Start a new order to see live preparation, packing, and delivery updates here.",
         actionLabel: "Shop wellness essentials",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     ))),
-    /* @__PURE__ */ React19.createElement("aside", { className: "space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-lg font-semibold text-slate-900" }, "Real-time milestones"), /* @__PURE__ */ React19.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19.createElement(Warehouse, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-800" }, "Preparation"), /* @__PURE__ */ React19.createElement("p", null, "Our pharmacists verify ingredients and pack thermo-sensitive items."))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19.createElement(Truck, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-800" }, "In transit"), /* @__PURE__ */ React19.createElement("p", null, "Track live courier location with ETA updates tailored to your delivery window."))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React19.createElement(BellRing, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold text-slate-800" }, "Arrival alerts"), /* @__PURE__ */ React19.createElement("p", null, "Receive SMS and email notifications when parcels are out for delivery."))))), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React19.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need support?"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 leading-relaxed" }, "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance.")))
+    /* @__PURE__ */ React20.createElement("aside", { className: "space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-lg font-semibold text-slate-900" }, "Real-time milestones"), /* @__PURE__ */ React20.createElement("div", { className: "mt-4 space-y-4 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(Warehouse, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Preparation"), /* @__PURE__ */ React20.createElement("p", null, "Our pharmacists verify ingredients and pack thermo-sensitive items."))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(Truck, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "In transit"), /* @__PURE__ */ React20.createElement("p", null, "Track live courier location with ETA updates tailored to your delivery window."))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-start gap-3 rounded-2xl bg-slate-50 p-4" }, /* @__PURE__ */ React20.createElement(BellRing, { className: "h-5 w-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold text-slate-800" }, "Arrival alerts"), /* @__PURE__ */ React20.createElement("p", null, "Receive SMS and email notifications when parcels are out for delivery."))))), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-primary-100 bg-primary-50/70 p-6 text-sm text-primary-700 shadow-sm" }, /* @__PURE__ */ React20.createElement("p", { className: "font-semibold uppercase tracking-[0.3em]" }, "Need support?"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 leading-relaxed" }, "Our fulfillment team is online 7 days a week. Message us if you need to adjust delivery instructions or review dosage guidance.")))
   ))));
 }
 var addressFormSchema = z.object({
@@ -10345,12 +10440,12 @@ function formatAddressSnippet(address) {
 function getAddressTypeCopy(type) {
   switch (type) {
     case "Billing":
-      return { label: "Billing", icon: /* @__PURE__ */ React19.createElement(Home, { className: "h-4 w-4" }) };
+      return { label: "Billing", icon: /* @__PURE__ */ React20.createElement(Home, { className: "h-4 w-4" }) };
     case "Both":
-      return { label: "Billing & Shipping", icon: /* @__PURE__ */ React19.createElement(Globe, { className: "h-4 w-4" }) };
+      return { label: "Billing & Shipping", icon: /* @__PURE__ */ React20.createElement(Globe, { className: "h-4 w-4" }) };
     case "Shipping":
     default:
-      return { label: "Shipping", icon: /* @__PURE__ */ React19.createElement(MapPin, { className: "h-4 w-4" }) };
+      return { label: "Shipping", icon: /* @__PURE__ */ React20.createElement(MapPin, { className: "h-4 w-4" }) };
   }
 }
 function AddressesScreen() {
@@ -10494,18 +10589,18 @@ You can add it back at any time.`
       }
     ];
   }, [addresses]);
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.3),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.3),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-5"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(MapPin, { className: "h-4 w-4" }), "Address book"),
-    /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Manage where your care arrives"),
-    /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Add home, office, or loved ones' addresses and toggle a default for lightning-fast checkout and delivery."),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/75" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-white" }), "Default address: ", defaultAddress ? defaultAddress.name : "Not set"), /* @__PURE__ */ React19.createElement(Button, { variant: "ghost", className: "text-white hover:bg-white/10", onClick: openCreateModal }, /* @__PURE__ */ React19.createElement(Plus, { className: "h-5 w-5" }), "Add address"))
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(MapPin, { className: "h-4 w-4" }), "Address book"),
+    /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Manage where your care arrives"),
+    /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Add home, office, or loved ones' addresses and toggle a default for lightning-fast checkout and delivery."),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3 text-sm text-white/75" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4 text-white" }), "Default address: ", defaultAddress ? defaultAddress.name : "Not set"), /* @__PURE__ */ React20.createElement(Button, { variant: "ghost", className: "text-white hover:bg-white/10", onClick: openCreateModal }, /* @__PURE__ */ React20.createElement(Plus, { className: "h-5 w-5" }), "Add address"))
+  ), /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
@@ -10513,14 +10608,14 @@ You can add it back at any time.`
       transition: { delay: 0.1 },
       className: "grid gap-4 rounded-3xl bg-white/15 p-6 text-sm text-white/80 backdrop-blur"
     },
-    stats.map((stat) => /* @__PURE__ */ React19.createElement("div", { key: stat.id, className: "flex items-center justify-between" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-white/70" }, stat.label), /* @__PURE__ */ React19.createElement("p", { className: "text-white" }, stat.helper)), /* @__PURE__ */ React19.createElement("span", { className: "text-3xl font-semibold text-white" }, stat.value)))
-  )))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React19.createElement(
+    stats.map((stat) => /* @__PURE__ */ React20.createElement("div", { key: stat.id, className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "text-xs font-semibold uppercase tracking-[0.3em] text-white/70" }, stat.label), /* @__PURE__ */ React20.createElement("p", { className: "text-white" }, stat.helper)), /* @__PURE__ */ React20.createElement("span", { className: "text-3xl font-semibold text-white" }, stat.value)))
+  )))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-20" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React20.createElement(
     "div",
     {
       key: index,
       className: "h-56 animate-pulse rounded-3xl border border-slate-100 bg-white"
     }
-  ))) : error ? /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message) : addresses.length === 0 ? /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-12 shadow-sm" }, /* @__PURE__ */ React19.createElement(
+  ))) : error ? /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-red-100 bg-red-50 p-6 text-sm text-red-700" }, error.message) : addresses.length === 0 ? /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl border border-slate-100 bg-white p-12 shadow-sm" }, /* @__PURE__ */ React20.createElement(
     EmptyState,
     {
       icon: MapPin,
@@ -10529,9 +10624,9 @@ You can add it back at any time.`
       actionLabel: "Add your first address",
       onAction: openCreateModal
     }
-  )) : /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, addresses.map((address) => {
+  )) : /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3" }, addresses.map((address) => {
     const typeCopy = getAddressTypeCopy(address.addressType);
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         key: address.id,
@@ -10539,39 +10634,39 @@ You can add it back at any time.`
         animate: { opacity: 1, y: 0 },
         className: "group relative flex h-full flex-col rounded-3xl border border-slate-100 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-xl"
       },
-      address.isDefault && /* @__PURE__ */ React19.createElement("span", { className: "absolute right-6 top-6 inline-flex items-center gap-2 rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700" }, /* @__PURE__ */ React19.createElement(Crown, { className: "h-4 w-4" }), "Default"),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("span", { className: "rounded-full bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React19.createElement(User, { className: "h-5 w-5" })), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("p", { className: "text-base font-semibold text-slate-900" }, address.name), /* @__PURE__ */ React19.createElement("p", { className: "text-xs uppercase tracking-[0.3em] text-slate-400" }, typeCopy.label))),
-      /* @__PURE__ */ React19.createElement("div", { className: "mt-6 flex flex-1 flex-col gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("p", null, formatAddressSnippet(address)), /* @__PURE__ */ React19.createElement("p", { className: "inline-flex items-center gap-2 text-slate-500" }, /* @__PURE__ */ React19.createElement(Phone, { className: "h-4 w-4 text-slate-400" }), address.phone || "Not provided")),
-      /* @__PURE__ */ React19.createElement("div", { className: "mt-6 flex items-center justify-between gap-3" }, /* @__PURE__ */ React19.createElement(
+      address.isDefault && /* @__PURE__ */ React20.createElement("span", { className: "absolute right-6 top-6 inline-flex items-center gap-2 rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700" }, /* @__PURE__ */ React20.createElement(Crown, { className: "h-4 w-4" }), "Default"),
+      /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("span", { className: "rounded-full bg-primary-50 p-3 text-primary-600" }, /* @__PURE__ */ React20.createElement(User, { className: "h-5 w-5" })), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("p", { className: "text-base font-semibold text-slate-900" }, address.name), /* @__PURE__ */ React20.createElement("p", { className: "text-xs uppercase tracking-[0.3em] text-slate-400" }, typeCopy.label))),
+      /* @__PURE__ */ React20.createElement("div", { className: "mt-6 flex flex-1 flex-col gap-3 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("p", null, formatAddressSnippet(address)), /* @__PURE__ */ React20.createElement("p", { className: "inline-flex items-center gap-2 text-slate-500" }, /* @__PURE__ */ React20.createElement(Phone, { className: "h-4 w-4 text-slate-400" }), address.phone || "Not provided")),
+      /* @__PURE__ */ React20.createElement("div", { className: "mt-6 flex items-center justify-between gap-3" }, /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => openEditModal(address),
           className: "inline-flex items-center gap-2 rounded-full border border-slate-200 px-3 py-1 text-sm font-medium text-slate-600 transition hover:border-primary-300 hover:text-primary-600"
         },
-        /* @__PURE__ */ React19.createElement(Edit3, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20.createElement(Edit3, { className: "h-4 w-4" }),
         "Edit"
-      ), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, !address.isDefault && /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2" }, !address.isDefault && /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleSetDefault(address),
           className: "inline-flex items-center gap-2 rounded-full border border-amber-200 px-3 py-1 text-sm font-semibold text-amber-600 transition hover:border-amber-300 hover:text-amber-700"
         },
-        /* @__PURE__ */ React19.createElement(Star, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20.createElement(Star, { className: "h-4 w-4" }),
         "Make default"
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleDelete(address),
           className: "inline-flex items-center gap-2 rounded-full border border-red-200 px-3 py-1 text-sm font-semibold text-red-600 transition hover:border-red-300 hover:text-red-700"
         },
-        /* @__PURE__ */ React19.createElement(Trash2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ React20.createElement(Trash2, { className: "h-4 w-4" }),
         "Delete"
       )))
     );
-  })))), /* @__PURE__ */ React19.createElement(
+  })))), /* @__PURE__ */ React20.createElement(
     Modal,
     {
       isOpen: isModalOpen,
@@ -10579,7 +10674,7 @@ You can add it back at any time.`
       title: editingAddress ? "Edit address" : "Add new address",
       size: "lg"
     },
-    /* @__PURE__ */ React19.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-6" }, /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Full name",
@@ -10587,7 +10682,7 @@ You can add it back at any time.`
         ...register("fullName"),
         error: errors.fullName?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Phone number",
@@ -10595,7 +10690,7 @@ You can add it back at any time.`
         ...register("phone"),
         error: errors.phone?.message
       }
-    )), /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Address line 1",
@@ -10603,7 +10698,7 @@ You can add it back at any time.`
         ...register("addressLine1"),
         error: errors.addressLine1?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Address line 2 (optional)",
@@ -10611,7 +10706,7 @@ You can add it back at any time.`
         ...register("addressLine2"),
         error: errors.addressLine2?.message
       }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "City",
@@ -10619,7 +10714,7 @@ You can add it back at any time.`
         ...register("city"),
         error: errors.city?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "State / Region",
@@ -10627,7 +10722,7 @@ You can add it back at any time.`
         ...register("state"),
         error: errors.state?.message
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Postal code",
@@ -10635,7 +10730,7 @@ You can add it back at any time.`
         ...register("zipCode"),
         error: errors.zipCode?.message
       }
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       Input,
       {
         label: "Country",
@@ -10643,23 +10738,23 @@ You can add it back at any time.`
         ...register("country"),
         error: errors.country?.message
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React19.createElement("label", { className: "flex flex-col gap-2 rounded-2xl border border-slate-200 p-4" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-semibold text-slate-700" }, "Address type"), /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React20.createElement("div", { className: "grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ React20.createElement("label", { className: "flex flex-col gap-2 rounded-2xl border border-slate-200 p-4" }, /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-semibold text-slate-700" }, "Address type"), /* @__PURE__ */ React20.createElement(
       "select",
       {
         ...register("addressType"),
         className: "rounded-xl border border-slate-200 px-3 py-2 text-sm text-slate-700 focus:border-primary-400 focus:outline-none focus:ring-2 focus:ring-primary-500/20"
       },
-      /* @__PURE__ */ React19.createElement("option", { value: "Shipping" }, "Shipping"),
-      /* @__PURE__ */ React19.createElement("option", { value: "Billing" }, "Billing"),
-      /* @__PURE__ */ React19.createElement("option", { value: "Both" }, "Billing & Shipping")
-    )), /* @__PURE__ */ React19.createElement("label", { className: "flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm font-medium text-slate-700" }, /* @__PURE__ */ React19.createElement("span", null, "Set as default address"), /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("option", { value: "Shipping" }, "Shipping"),
+      /* @__PURE__ */ React20.createElement("option", { value: "Billing" }, "Billing"),
+      /* @__PURE__ */ React20.createElement("option", { value: "Both" }, "Billing & Shipping")
+    )), /* @__PURE__ */ React20.createElement("label", { className: "flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm font-medium text-slate-700" }, /* @__PURE__ */ React20.createElement("span", null, "Set as default address"), /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "checkbox",
         ...register("isDefault"),
         className: "h-4 w-4 rounded border-primary-300 text-primary-600 focus:ring-primary-500"
       }
-    ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React19.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React19.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
+    ))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-end gap-3" }, /* @__PURE__ */ React20.createElement(Button, { type: "button", variant: "outline", onClick: closeModal }, "Cancel"), /* @__PURE__ */ React20.createElement(Button, { type: "submit", isLoading: isSubmitting }, editingAddress ? "Save changes" : "Save address")))
   ));
 }
 function useWishlistProducts(productIds = []) {
@@ -10718,6 +10813,7 @@ var SORT_OPTIONS = [
 ];
 function WishlistScreen() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const { isAuthenticated } = useAuth() || {};
   const {
     products: wishlistItems,
@@ -10798,14 +10894,14 @@ function WishlistScreen() {
     return list;
   }, [wishlistProducts, onlyInStock, sortOption]);
   const emptyAfterFiltering = !isLoading && wishlistProducts.length > 0 && processedProducts.length === 0;
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50 pb-16" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] pb-32 pt-16 text-white" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 opacity-40 mix-blend-soft-light", "aria-hidden": "true" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute -top-1/2 right-1/2 h-[40rem] w-[40rem] rounded-full bg-white/10 blur-3xl" }), /* @__PURE__ */ React19.createElement("div", { className: "absolute left-1/4 top-1/4 h-48 w-48 rounded-full bg-white/20 blur-2xl" })), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-3xl space-y-6" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Heart, { className: "h-4 w-4" }), "Wishlist"), /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, "Curate your pharmacy must-haves in one calming space"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "We keep your favourite products ready for reorder, refill reminders, and quick checkout\u2014exactly when you need them.")))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-20" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50 pb-16" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] pb-32 pt-16 text-white" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 opacity-40 mix-blend-soft-light", "aria-hidden": "true" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute -top-1/2 right-1/2 h-[40rem] w-[40rem] rounded-full bg-white/10 blur-3xl" }), /* @__PURE__ */ React20.createElement("div", { className: "absolute left-1/4 top-1/4 h-48 w-48 rounded-full bg-white/20 blur-2xl" })), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-3xl space-y-6" }, /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(Heart, { className: "h-4 w-4" }), "Wishlist"), /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold leading-tight md:text-5xl" }, "Curate your pharmacy must-haves in one calming space"), /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "We keep your favourite products ready for reorder, refill reminders, and quick checkout\u2014exactly when you need them.")))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-20" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-xl shadow-primary-50"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React19.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React19.createElement(Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React19.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React19.createElement(Button, { className: "mt-6", onClick: () => router.push("/login") }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React19.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React19.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6" }, !isAuthenticated && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[40vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-lg rounded-3xl border border-slate-100 bg-white p-10 text-center shadow-lg shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-600" }, /* @__PURE__ */ React20.createElement(Heart, { className: "h-8 w-8" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-3xl font-bold text-slate-900" }, "Sign in to see your favourites"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-slate-500" }, "Create your curated shelf of products and we'll keep them ready whenever you return."), /* @__PURE__ */ React20.createElement(Button, { className: "mt-6", onClick: () => router.push(buildPath("/login")) }, "Sign In"))), isAuthenticated && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-2xl font-semibold text-slate-900" }, "Your saved collection"), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, "Total value: ", /* @__PURE__ */ React20.createElement("span", { className: "font-semibold text-primary-600" }, formatPrice(totalValue)), onlyInStock && " \u2022 Showing items ready to ship")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React20.createElement("label", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm font-medium text-slate-600 transition hover:border-primary-200 hover:text-primary-600" }, /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "checkbox",
@@ -10813,54 +10909,54 @@ function WishlistScreen() {
         onChange: (event) => setOnlyInStock(event.target.checked),
         className: "h-4 w-4 rounded border-slate-300 text-primary-600 focus:ring-primary-500"
       }
-    ), "Only show in-stock"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm text-slate-600" }, /* @__PURE__ */ React19.createElement("span", null, "Sort"), /* @__PURE__ */ React19.createElement(
+    ), "Only show in-stock"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2 rounded-full border border-slate-200 bg-slate-50 px-3 py-1.5 text-sm text-slate-600" }, /* @__PURE__ */ React20.createElement("span", null, "Sort"), /* @__PURE__ */ React20.createElement(
       "select",
       {
         value: sortOption,
         onChange: (event) => setSortOption(event.target.value),
         className: "bg-transparent text-sm font-medium text-slate-700 outline-none"
       },
-      SORT_OPTIONS.map((option) => /* @__PURE__ */ React19.createElement("option", { key: option.value, value: option.value }, option.label))
-    )), /* @__PURE__ */ React19.createElement("div", { className: "flex overflow-hidden rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React19.createElement(
+      SORT_OPTIONS.map((option) => /* @__PURE__ */ React20.createElement("option", { key: option.value, value: option.value }, option.label))
+    )), /* @__PURE__ */ React20.createElement("div", { className: "flex overflow-hidden rounded-full border border-slate-200 bg-slate-50" }, /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
         onClick: () => setViewMode("grid"),
         className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "grid" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
       },
-      /* @__PURE__ */ React19.createElement(Grid, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20.createElement(Grid, { className: "h-4 w-4" }),
       "Grid"
-    ), /* @__PURE__ */ React19.createElement(
+    ), /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
         onClick: () => setViewMode("list"),
         className: `flex items-center gap-1 px-3 py-1.5 text-sm font-medium transition ${viewMode === "list" ? "bg-primary-600 text-white shadow-lg shadow-primary-500/30" : "text-slate-600 hover:bg-white"}`
       },
-      /* @__PURE__ */ React19.createElement(List, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20.createElement(List, { className: "h-4 w-4" }),
       "List"
-    )), wishlistCount > 0 && /* @__PURE__ */ React19.createElement(
+    )), wishlistCount > 0 && /* @__PURE__ */ React20.createElement(
       Button,
       {
         variant: "ghost",
         className: "text-sm font-semibold text-slate-500 hover:text-red-500",
         onClick: handleClearWishlist
       },
-      /* @__PURE__ */ React19.createElement(Trash2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ React20.createElement(Trash2, { className: "h-4 w-4" }),
       "Clear all"
-    ))), isLoading && /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: Math.min(wishlistCount || 3, 6) }).map((_, index) => /* @__PURE__ */ React19.createElement(
+    ))), isLoading && /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3" }, Array.from({ length: Math.min(wishlistCount || 3, 6) }).map((_, index) => /* @__PURE__ */ React20.createElement(
       "div",
       {
         key: index,
         className: "h-72 animate-pulse rounded-2xl border border-slate-200 bg-slate-100"
       }
-    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React19.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React19.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React19.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React19.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React19.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React19.createElement(Button, { onClick: () => router.push("/shop") }, "Discover products"), /* @__PURE__ */ React19.createElement(Button, { variant: "outline", onClick: () => router.push("/categories") }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React19.createElement(React19.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React19.createElement(
+    ))), !isLoading && wishlistCount === 0 && /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-[30vh] items-center justify-center" }, /* @__PURE__ */ React20.createElement("div", { className: "max-w-2xl rounded-3xl border border-slate-100 bg-white p-12 text-center shadow-xl shadow-primary-50" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-primary-100 text-primary-600" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-10 w-10" })), /* @__PURE__ */ React20.createElement("h2", { className: "mt-6 text-4xl font-bold text-slate-900" }, "Start your wellness wishlist"), /* @__PURE__ */ React20.createElement("p", { className: "mt-4 text-lg text-slate-500" }, "Bookmark pharmacy essentials, supplements, or skincare picks and we'll keep them safe until you're ready to checkout."), /* @__PURE__ */ React20.createElement("div", { className: "mt-8 flex flex-wrap justify-center gap-3" }, /* @__PURE__ */ React20.createElement(Button, { onClick: () => router.push(buildPath("/shop")) }, "Discover products"), /* @__PURE__ */ React20.createElement(Button, { variant: "outline", onClick: () => router.push(buildPath("/categories")) }, "Browse categories")))), !isLoading && processedProducts.length > 0 && /* @__PURE__ */ React20.createElement(React20.Fragment, null, viewMode === "grid" ? /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         layout: true,
         className: "grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-3"
       },
-      /* @__PURE__ */ React19.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React20.createElement(
         motion.div,
         {
           key: product.id,
@@ -10870,17 +10966,17 @@ function WishlistScreen() {
           exit: { opacity: 0, y: -20 },
           transition: { duration: 0.2 }
         },
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement(
           ProductCard,
           {
             product,
-            onClickProduct: (p) => router.push(`/products/${p.id}`),
+            onClickProduct: (p) => router.push(buildPath(`/products/${p.id}`)),
             onFavorite: () => handleRemoveFromWishlist(product.id),
             isFavorited: true
           }
         )
       )))
-    ) : /* @__PURE__ */ React19.createElement(motion.div, { layout: true, className: "space-y-4" }, /* @__PURE__ */ React19.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React19.createElement(
+    ) : /* @__PURE__ */ React20.createElement(motion.div, { layout: true, className: "space-y-4" }, /* @__PURE__ */ React20.createElement(AnimatePresence, null, processedProducts.map((product) => /* @__PURE__ */ React20.createElement(
       motion.div,
       {
         key: product.id,
@@ -10891,7 +10987,7 @@ function WishlistScreen() {
         transition: { duration: 0.2 },
         className: "flex flex-col gap-4 rounded-2xl border border-slate-100 bg-slate-50 p-4 shadow-sm shadow-primary-50 sm:flex-row sm:items-center"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "relative h-28 w-full overflow-hidden rounded-2xl bg-white sm:w-40" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative h-28 w-full overflow-hidden rounded-2xl bg-white sm:w-40" }, /* @__PURE__ */ React20.createElement(
         Image3,
         {
           fill: true,
@@ -10900,14 +10996,14 @@ function WishlistScreen() {
           className: "h-full w-full object-cover"
         }
       )),
-      /* @__PURE__ */ React19.createElement("div", { className: "flex flex-1 flex-col gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, product.name), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-500" }, product.parentCategories?.map((category) => category?.name).join(", ") || "General wellness")), /* @__PURE__ */ React19.createElement("div", { className: "text-right" }, /* @__PURE__ */ React19.createElement("p", { className: "text-lg font-bold text-primary-600" }, formatPrice(product.finalPrice ?? 0)), product.isDiscounted && /* @__PURE__ */ React19.createElement("p", { className: "text-xs text-emerald-500" }, "You save ", formatPrice(Math.max((product.priceBeforeDiscount ?? 0) - (product.finalPrice ?? 0), 0))))), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-slate-500" }, /* @__PURE__ */ React19.createElement("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-medium ${product.inventoryCount > 0 ? "bg-emerald-100 text-emerald-700" : "bg-rose-100 text-rose-700"}` }, /* @__PURE__ */ React19.createElement(Package, { className: "h-3.5 w-3.5" }), product.inventoryCount > 0 ? "In stock" : "Backordered"), product.totalSold > 0 && /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-slate-200 px-2.5 py-1 font-medium text-slate-700" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-3.5 w-3.5" }), product.totalSold, "+ purchased")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "flex flex-1 flex-col gap-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-slate-900" }, product.name), /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-slate-500" }, product.parentCategories?.map((category) => category?.name).join(", ") || "General wellness")), /* @__PURE__ */ React20.createElement("div", { className: "text-right" }, /* @__PURE__ */ React20.createElement("p", { className: "text-lg font-bold text-primary-600" }, formatPrice(product.finalPrice ?? 0)), product.isDiscounted && /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-emerald-500" }, "You save ", formatPrice(Math.max((product.priceBeforeDiscount ?? 0) - (product.finalPrice ?? 0), 0))))), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap items-center gap-3 text-xs text-slate-500" }, /* @__PURE__ */ React20.createElement("span", { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 font-medium ${product.inventoryCount > 0 ? "bg-emerald-100 text-emerald-700" : "bg-rose-100 text-rose-700"}` }, /* @__PURE__ */ React20.createElement(Package, { className: "h-3.5 w-3.5" }), product.inventoryCount > 0 ? "In stock" : "Backordered"), product.totalSold > 0 && /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-slate-200 px-2.5 py-1 font-medium text-slate-700" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-3.5 w-3.5" }), product.totalSold, "+ purchased")), /* @__PURE__ */ React20.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React20.createElement(
         Button,
         {
           size: "sm",
-          onClick: () => router.push(`/products/${product.id}`)
+          onClick: () => router.push(buildPath(`/products/${product.id}`))
         },
         "View details"
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         Button,
         {
           size: "sm",
@@ -10917,11 +11013,12 @@ function WishlistScreen() {
         },
         "Remove"
       )))
-    ))))), isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-12 text-center" }, /* @__PURE__ */ React19.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-200 text-slate-500" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-8 w-8" })), /* @__PURE__ */ React19.createElement("h3", { className: "mt-6 text-2xl font-semibold text-slate-900" }, "Nothing matches those filters"), /* @__PURE__ */ React19.createElement("p", { className: "mt-2 max-w-md text-sm text-slate-500" }, "Try showing out-of-stock items or adjust your sort order to revisit everything you\u2019ve saved."), /* @__PURE__ */ React19.createElement(Button, { className: "mt-6", variant: "outline", onClick: () => setOnlyInStock(false) }, "Show all saved products"))))
+    ))))), isAuthenticated && emptyAfterFiltering && /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-12 text-center" }, /* @__PURE__ */ React20.createElement("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-200 text-slate-500" }, /* @__PURE__ */ React20.createElement(Package, { className: "h-8 w-8" })), /* @__PURE__ */ React20.createElement("h3", { className: "mt-6 text-2xl font-semibold text-slate-900" }, "Nothing matches those filters"), /* @__PURE__ */ React20.createElement("p", { className: "mt-2 max-w-md text-sm text-slate-500" }, "Try showing out-of-stock items or adjust your sort order to revisit everything you\u2019ve saved."), /* @__PURE__ */ React20.createElement(Button, { className: "mt-6", variant: "outline", onClick: () => setOnlyInStock(false) }, "Show all saved products"))))
   ))));
 }
 function SearchPage() {
   const router = useRouter();
+  const { buildPath } = useBasePath();
   const searchParams = useSearchParams();
   const searchQuery = searchParams.get("q") || "";
   const [products, setProducts] = useState([]);
@@ -11022,38 +11119,39 @@ function SearchPage() {
     {
       product,
       isFavorited: isInWishlist(product.id),
-      onClickProduct: (p) => router.push(`/products/${p.id}`)
+      onClickProduct: (p) => router.push(buildPath(`/products/${p.id}`))
     }
   ))) : hasSearched ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "text-gray-500 text-lg mb-4" }, 'No products found for "', searchQuery, '"'), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mb-6" }, "Try different keywords or check out our", " ", /* @__PURE__ */ React.createElement(Link8, { href: "/shop", className: "text-primary-600 hover:underline ml-1 font-medium" }, "featured products"))) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-500" }, "Enter a search term to find products"))));
 }
 function CategoriesScreen() {
   const { categories, isLoading } = useCategories();
   const router = useRouter();
-  return /* @__PURE__ */ React19.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React19.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React19.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement(
+  const { buildPath } = useBasePath();
+  return /* @__PURE__ */ React20.createElement("div", { className: "min-h-screen bg-slate-50" }, /* @__PURE__ */ React20.createElement("section", { className: "relative overflow-hidden bg-gradient-to-br from-[rgb(var(--header-from))] via-[rgb(var(--header-via))] to-[rgb(var(--header-to))] text-white mb-8" }, /* @__PURE__ */ React20.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top_left,_rgba(255,255,255,0.35),_transparent_60%)]" }), /* @__PURE__ */ React20.createElement("div", { className: "relative container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "space-y-6"
     },
-    /* @__PURE__ */ React19.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-4 w-4" }), "Product Categories"),
-    /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React19.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Browse Our Product Range"), /* @__PURE__ */ React19.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Explore our comprehensive selection of healthcare products, carefully curated by our pharmacists to meet all your wellness needs.")), /* @__PURE__ */ React19.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React19.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use the categories below to quickly find the products you're looking for, or use the search function for specific items.")))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-sm font-semibold uppercase tracking-[0.35em] text-white/70 backdrop-blur" }, /* @__PURE__ */ React20.createElement(Package, { className: "h-4 w-4" }), "Product Categories"),
+    /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React20.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React20.createElement("h1", { className: "text-4xl font-bold md:text-5xl" }, "Browse Our Product Range"), /* @__PURE__ */ React20.createElement("p", { className: "max-w-2xl text-white/80 md:text-lg" }, "Explore our comprehensive selection of healthcare products, carefully curated by our pharmacists to meet all your wellness needs.")), /* @__PURE__ */ React20.createElement("div", { className: "rounded-3xl bg-white/15 p-6 backdrop-blur" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-semibold uppercase tracking-[0.35em] text-white/70" }, "Quick tip"), /* @__PURE__ */ React20.createElement("p", { className: "mt-3 text-sm text-white/80" }, "Use the categories below to quickly find the products you're looking for, or use the search function for specific items.")))
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "relative -mt-16 pb-16" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, y: 24 },
       animate: { opacity: 1, y: 0 },
       className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-lg shadow-primary-50"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500 mb-6" }, /* @__PURE__ */ React19.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "Browse our complete product catalog organized by categories.")),
-    isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React19.createElement("div", { key: i, className: "animate-pulse" }, /* @__PURE__ */ React19.createElement("div", { className: "bg-gray-200 rounded-lg aspect-square mb-2" }), /* @__PURE__ */ React19.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-1" }), /* @__PURE__ */ React19.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" })))) : categories.length > 0 ? /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, categories.map((category) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3 text-sm text-slate-500 mb-6" }, /* @__PURE__ */ React20.createElement(Sparkles, { className: "h-4 w-4 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "Browse our complete product catalog organized by categories.")),
+    isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, [...Array(8)].map((_, i) => /* @__PURE__ */ React20.createElement("div", { key: i, className: "animate-pulse" }, /* @__PURE__ */ React20.createElement("div", { className: "bg-gray-200 rounded-lg aspect-square mb-2" }), /* @__PURE__ */ React20.createElement("div", { className: "h-4 bg-gray-200 rounded w-3/4 mb-1" }), /* @__PURE__ */ React20.createElement("div", { className: "h-3 bg-gray-200 rounded w-1/2" })))) : categories.length > 0 ? /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" }, categories.map((category) => /* @__PURE__ */ React20.createElement(
       Link8,
       {
         key: category.id,
-        href: `/shop?category=${category.name}`,
+        href: buildPath(`/shop?category=${category.name}`),
         className: "group block overflow-hidden rounded-xl border border-gray-100 bg-white p-4 text-center transition hover:shadow-lg hover:border-primary-500"
       },
-      /* @__PURE__ */ React19.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React20.createElement("div", { className: "relative aspect-square w-full overflow-hidden rounded-lg bg-gray-50 mb-3" }, category.image ? /* @__PURE__ */ React20.createElement(
         Image3,
         {
           src: category.image,
@@ -11062,17 +11160,17 @@ function CategoriesScreen() {
           className: "object-cover transition-transform group-hover:scale-105",
           sizes: "(max-width: 768px) 50vw, (max-width: 1200px) 33vw, 25vw"
         }
-      ) : /* @__PURE__ */ React19.createElement("div", { className: "flex h-full w-full items-center justify-center bg-gray-100 text-gray-400" }, /* @__PURE__ */ React19.createElement(Package, { className: "h-12 w-12" }))),
-      /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-gray-900 group-hover:text-primary-600 transition-colors" }, category.name),
-      category.productCount > 0 && /* @__PURE__ */ React19.createElement("p", { className: "mt-1 text-sm text-gray-500" }, category.productCount, " ", category.productCount === 1 ? "product" : "products")
-    ))) : /* @__PURE__ */ React19.createElement(
+      ) : /* @__PURE__ */ React20.createElement("div", { className: "flex h-full w-full items-center justify-center bg-gray-100 text-gray-400" }, /* @__PURE__ */ React20.createElement(Package, { className: "h-12 w-12" }))),
+      /* @__PURE__ */ React20.createElement("h3", { className: "text-lg font-semibold text-gray-900 group-hover:text-primary-600 transition-colors" }, category.name),
+      category.productCount > 0 && /* @__PURE__ */ React20.createElement("p", { className: "mt-1 text-sm text-gray-500" }, category.productCount, " ", category.productCount === 1 ? "product" : "products")
+    ))) : /* @__PURE__ */ React20.createElement(
       EmptyState,
       {
         title: "No categories found",
         description: "There are currently no product categories available.",
         icon: Package,
         actionLabel: "Shop products",
-        onAction: () => router.push("/shop")
+        onAction: () => router.push(buildPath("/shop"))
       }
     )
   ))));
@@ -11224,14 +11322,15 @@ function Header() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isSearchOpen, setIsSearchOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
+  const { buildPath } = useBasePath();
   const navLinks = [
-    { href: "/shop", label: "Shop" },
-    { href: "/categories", label: "Categories" },
-    { href: "/orders", label: "Orders" },
-    { href: "/about", label: "About" },
-    { href: "/contact", label: "Contact" }
+    { href: buildPath("/shop"), label: "Shop" },
+    { href: buildPath("/categories"), label: "Categories" },
+    { href: buildPath("/orders"), label: "Orders" },
+    { href: buildPath("/about"), label: "About" },
+    { href: buildPath("/contact"), label: "Contact" }
   ];
-  return /* @__PURE__ */ React19.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/", className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("header", { className: "sticky top-0 z-40 bg-white/80 backdrop-blur-xl border-b border-gray-200 shadow-sm" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between h-20" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/"), className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement("div", { className: "relative w-12 h-12" }, /* @__PURE__ */ React20.createElement(
     Image3,
     {
       src: config.logo,
@@ -11239,7 +11338,7 @@ function Header() {
       fill: true,
       className: "object-contain"
     }
-  )), /* @__PURE__ */ React19.createElement("span", { className: "text-2xl font-bold text-gray-900 hidden sm:block" }, config.storeName)), /* @__PURE__ */ React19.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React19.createElement(
+  )), /* @__PURE__ */ React20.createElement("span", { className: "text-2xl font-bold text-gray-900 hidden sm:block" }, config.storeName)), /* @__PURE__ */ React20.createElement("nav", { className: "hidden lg:flex items-center gap-8" }, navLinks.map((link) => /* @__PURE__ */ React20.createElement(
     Link8,
     {
       key: link.href,
@@ -11247,16 +11346,16 @@ function Header() {
       className: "text-gray-700 hover:text-primary-600 font-medium transition-colors relative group"
     },
     link.label,
-    /* @__PURE__ */ React19.createElement("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 group-hover:w-full transition-all duration-300" })
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("span", { className: "absolute bottom-0 left-0 w-0 h-0.5 bg-primary-600 group-hover:w-full transition-all duration-300" })
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20.createElement("div", { className: "relative" }, /* @__PURE__ */ React20.createElement(
     "button",
     {
       onClick: () => setIsSearchOpen(!isSearchOpen),
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
       "aria-label": "Search"
     },
-    /* @__PURE__ */ React19.createElement(Search, { className: "w-5 h-5 text-gray-700" })
-  ), /* @__PURE__ */ React19.createElement(AnimatePresence, null, isSearchOpen && /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(Search, { className: "w-5 h-5 text-gray-700" })
+  ), /* @__PURE__ */ React20.createElement(AnimatePresence, null, isSearchOpen && /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, width: 0 },
@@ -11264,7 +11363,7 @@ function Header() {
       exit: { opacity: 0, width: 0 },
       className: "absolute right-0 top-full mt-2 bg-white rounded-lg shadow-lg overflow-hidden"
     },
-    /* @__PURE__ */ React19.createElement("div", { className: "flex items-center p-2 w-64" }, /* @__PURE__ */ React19.createElement(Search, { className: "w-5 h-5 text-gray-400 mr-2" }), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("div", { className: "flex items-center p-2 w-64" }, /* @__PURE__ */ React20.createElement(Search, { className: "w-5 h-5 text-gray-400 mr-2" }), /* @__PURE__ */ React20.createElement(
       "input",
       {
         type: "text",
@@ -11272,43 +11371,43 @@ function Header() {
         onChange: (e) => setSearchQuery(e.target.value),
         onKeyDown: (e) => {
           if (e.key === "Enter" && searchQuery.trim()) {
-            window.location.href = `/search?q=${encodeURIComponent(searchQuery.trim())}`;
+            window.location.href = buildPath(`/search?q=${encodeURIComponent(searchQuery.trim())}`);
           }
         },
         placeholder: "Search products...",
         className: "w-full outline-none text-gray-700",
         autoFocus: true
       }
-    ), searchQuery && /* @__PURE__ */ React19.createElement(
+    ), searchQuery && /* @__PURE__ */ React20.createElement(
       "button",
       {
         onClick: () => setSearchQuery(""),
         className: "text-gray-400 hover:text-gray-600"
       },
-      /* @__PURE__ */ React19.createElement(X, { className: "w-4 h-4" })
+      /* @__PURE__ */ React20.createElement(X, { className: "w-4 h-4" })
     ))
-  ))), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19.createElement(Link8, { href: "/wishlist", className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React19.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React19.createElement(Link8, { href: "/cart", className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React19.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React19.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React19.createElement(
+  ))), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/wishlist"), className: "relative p-2 text-gray-700 hover:text-red-500 transition-colors" }, /* @__PURE__ */ React20.createElement(Heart, { className: "w-6 h-6" }), wishlistCount > 0 && /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, wishlistCount)), /* @__PURE__ */ React20.createElement(Link8, { href: buildPath("/cart"), className: "relative p-2 text-gray-700 hover:text-primary-600 transition-colors" }, /* @__PURE__ */ React20.createElement(ShoppingCart, { className: "w-6 h-6" }), cart?.cartBody?.items?.length && cart.cartBody?.items?.length > 0 ? /* @__PURE__ */ React20.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center" }, cart.cartBody?.items?.length) : null), isAuthenticated ? /* @__PURE__ */ React20.createElement(
     Link8,
     {
-      href: "/account",
+      href: buildPath("/account"),
       className: "p-2 hover:bg-gray-100 rounded-lg transition-colors"
     },
-    /* @__PURE__ */ React19.createElement(User, { className: "w-6 h-6 text-gray-700" })
-  ) : /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(User, { className: "w-6 h-6 text-gray-700" })
+  ) : /* @__PURE__ */ React20.createElement(
     Link8,
     {
-      href: "/login",
+      href: buildPath("/login"),
       className: "hidden sm:block px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors font-medium"
     },
     "Sign In"
-  )), /* @__PURE__ */ React19.createElement(
+  )), /* @__PURE__ */ React20.createElement(
     "button",
     {
       className: "lg:hidden p-2 hover:bg-gray-100 rounded-lg transition-colors",
       onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen)
     },
-    isMobileMenuOpen ? /* @__PURE__ */ React19.createElement(X, { className: "w-6 h-6" }) : /* @__PURE__ */ React19.createElement(Menu, { className: "w-6 h-6" })
-  )), /* @__PURE__ */ React19.createElement(AnimatePresence, null, isMobileMenuOpen && /* @__PURE__ */ React19.createElement(
+    isMobileMenuOpen ? /* @__PURE__ */ React20.createElement(X, { className: "w-6 h-6" }) : /* @__PURE__ */ React20.createElement(Menu, { className: "w-6 h-6" })
+  )), /* @__PURE__ */ React20.createElement(AnimatePresence, null, isMobileMenuOpen && /* @__PURE__ */ React20.createElement(
     motion.div,
     {
       initial: { opacity: 0, height: 0 },
@@ -11316,7 +11415,7 @@ function Header() {
       exit: { opacity: 0, height: 0 },
       className: "lg:hidden overflow-hidden border-t border-gray-200"
     },
-    /* @__PURE__ */ React19.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement("nav", { className: "flex flex-col gap-1 py-2" }, navLinks.map((link) => /* @__PURE__ */ React20.createElement(
       Link8,
       {
         key: link.href,
@@ -11325,10 +11424,10 @@ function Header() {
         onClick: () => setIsMobileMenuOpen(false)
       },
       link.label
-    )), !isAuthenticated && /* @__PURE__ */ React19.createElement(
+    )), !isAuthenticated && /* @__PURE__ */ React20.createElement(
       Link8,
       {
-        href: "/login",
+        href: buildPath("/login"),
         onClick: () => setIsMobileMenuOpen(false),
         className: "px-4 py-3 text-primary-600 hover:bg-gray-50 rounded-lg font-medium"
       },
@@ -11338,70 +11437,77 @@ function Header() {
 }
 function Footer() {
   const { config } = useTheme();
+  const { buildPath } = useBasePath();
   const footerLinks = {
     shop: [
-      { label: "All Products", href: "/shop" },
-      { label: "Categories", href: "/categories" },
-      { label: "Featured", href: "/featured" },
-      { label: "New Arrivals", href: "/new" }
+      { label: "All Products", href: buildPath("/shop") },
+      { label: "Categories", href: buildPath("/categories") },
+      { label: "Featured", href: buildPath("/featured") },
+      { label: "New Arrivals", href: buildPath("/new") }
     ],
     account: [
-      { label: "My Account", href: "/account" },
-      { label: "Orders", href: "/orders" },
-      { label: "Wishlist", href: "/wishlist" },
-      { label: "Cart", href: "/cart" }
+      { label: "My Account", href: buildPath("/account") },
+      { label: "Orders", href: buildPath("/orders") },
+      { label: "Wishlist", href: buildPath("/wishlist") },
+      { label: "Cart", href: buildPath("/cart") }
     ],
     support: [
-      { label: "Contact Us", href: "/contact" },
-      { label: "FAQs", href: "/faqs" },
-      { label: "Shipping Info", href: "/shipping" },
-      { label: "Returns", href: "/returns" }
-    ]};
-  return /* @__PURE__ */ React19.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React19.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React19.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React19.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React19.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React19.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React19.createElement(MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React19.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
+      { label: "Contact Us", href: buildPath("/contact") },
+      { label: "FAQs", href: buildPath("/faqs") },
+      { label: "Shipping Info", href: buildPath("/shipping") },
+      { label: "Returns", href: buildPath("/returns") }
+    ],
+    legal: [
+      { label: "Privacy Policy", href: buildPath("/privacy") },
+      { label: "Terms of Service", href: buildPath("/terms") },
+      { label: "Cookie Policy", href: buildPath("/cookies") }
+    ]
+  };
+  return /* @__PURE__ */ React20.createElement("footer", { className: "bg-gray-900 text-gray-300" }, /* @__PURE__ */ React20.createElement("div", { className: "container mx-auto px-4 py-16" }, /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-12" }, /* @__PURE__ */ React20.createElement("div", { className: "lg:col-span-2" }, /* @__PURE__ */ React20.createElement("h3", { className: "text-2xl font-bold text-white mb-4" }, config.storeName), /* @__PURE__ */ React20.createElement("p", { className: "text-gray-400 mb-6 max-w-md" }, "Your trusted online store for quality products. We deliver excellence with every order."), /* @__PURE__ */ React20.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(Mail, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "support@", config.storeName.toLowerCase().replace(/\s+/g, ""), ".com")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(Phone, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "+1 (555) 123-4567")), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React20.createElement(MapPin, { className: "w-5 h-5 text-primary-500" }), /* @__PURE__ */ React20.createElement("span", null, "123 Store Street, City, Country")))), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Shop"), /* @__PURE__ */ React20.createElement("ul", { className: "space-y-2" }, footerLinks.shop.map((link) => /* @__PURE__ */ React20.createElement("li", { key: link.href }, /* @__PURE__ */ React20.createElement(
     Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  ))))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
+  ))))), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Account"), /* @__PURE__ */ React20.createElement("ul", { className: "space-y-2" }, footerLinks.account.map((link) => /* @__PURE__ */ React20.createElement("li", { key: link.href }, /* @__PURE__ */ React20.createElement(
     Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  ))))), /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React19.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React19.createElement("li", { key: link.href }, /* @__PURE__ */ React19.createElement(
+  ))))), /* @__PURE__ */ React20.createElement("div", null, /* @__PURE__ */ React20.createElement("h4", { className: "text-lg font-semibold text-white mb-4" }, "Support"), /* @__PURE__ */ React20.createElement("ul", { className: "space-y-2" }, footerLinks.support.map((link) => /* @__PURE__ */ React20.createElement("li", { key: link.href }, /* @__PURE__ */ React20.createElement(
     Link8,
     {
       href: link.href,
       className: "hover:text-primary-500 transition-colors"
     },
     link.label
-  )))))), /* @__PURE__ */ React19.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4" }, /* @__PURE__ */ React19.createElement("p", { className: "text-gray-400 text-sm" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", config.storeName, ". All rights reserved."), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React19.createElement(
+  )))))), /* @__PURE__ */ React20.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4" }, /* @__PURE__ */ React20.createElement("p", { className: "text-gray-400 text-sm" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", config.storeName, ". All rights reserved."), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React20.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19.createElement(Facebook, { className: "w-5 h-5" })
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(Facebook, { className: "w-5 h-5" })
+  ), /* @__PURE__ */ React20.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19.createElement(Twitter, { className: "w-5 h-5" })
-  ), /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(Twitter, { className: "w-5 h-5" })
+  ), /* @__PURE__ */ React20.createElement(
     "a",
     {
       href: "#",
       className: "w-10 h-10 bg-gray-800 hover:bg-primary-600 rounded-full flex items-center justify-center transition-colors"
     },
-    /* @__PURE__ */ React19.createElement(Instagram, { className: "w-5 h-5" })
+    /* @__PURE__ */ React20.createElement(Instagram, { className: "w-5 h-5" })
   )))));
 }
 
-export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CategoriesScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
+export { AddressesScreen, AuthProvider, Badge, Button, CartItem, CartProvider, CartScreen, CategoriesScreen, CheckoutScreen, CurrentOrdersScreen, EcommerceProvider, EmptyState, Footer, Header, Input, LoginScreen, Modal, NewAddressPage as NewAddressScreen, OrderCard, OrderCardSkeleton, OrdersScreen, ProductCard, ProductCardSkeleton, ProductDetailScreen, ProfileScreen, RegisterScreen, SearchPage as SearchResultsScreen, ShopScreen, Skeleton, ThemeProvider, WishlistProvider, WishlistScreen, formatDate, formatPrice, generateColorShades, getApiConfiguration, getInitials, hexToRgb, initializeApiAdapter, truncate, useAddresses, useAuth, useBasePath, useCart, useCategories, useCurrentOrders, useOrder, useOrders, useProduct, useProducts, useTheme, useWishlist };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map