cloudcommerce 0.33.4 → 0.34.0

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.0808946e.mjs → __80fd1c60.mjs}

@@ -1,15 +1,17 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, s as spreadAttributes, e as renderSlotToString, f as renderAllHeadContent, m as maybeRenderHead, g as renderSlot } from '../astro.708269c6.mjs';
+import { d as createAstro, e as createComponent, r as renderTemplate, f as addAttribute, u as unescapeHTML, g as renderComponent, h as createTransitionScope, s as spreadAttributes, i as renderSlotToString, j as renderAllHeadContent, m as maybeRenderHead, k as renderSlot, F as Fragment } from '../astro_8447f017.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs, { readFileSync } from 'node:fs';
 import { resolve, join } from 'node:path';
 import config from '@cloudcommerce/config';
-import { img, price, formatMoney, randomObjectId, nickname, inStock, name, onPromotion, categoriesList } from '@ecomplus/utils';
-import { renderSync, parse, walkSync, ELEMENT_NODE } from 'ultrahtml';
-/* empty css                               */import mime from 'mime';
-import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense, createSlots, shallowReactive, withAsyncContext } from 'vue';
-import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout, onClickOutside, watchOnce } from '@vueuse/core';
-import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
+import { img, price, formatMoney, randomObjectId, nickname, inStock, name, onPromotion, categoriesList, imgSizes, variationsGrids, specTextValue, gridTitle, specValueByText } from '@ecomplus/utils';
+import 'clsx';
+/* empty css                            */import { renderSync, parse, walkSync, ELEMENT_NODE } from 'ultrahtml';
+import mime from 'mime/lite.js';
+import { reactive, computed, shallowRef, useSSRContext, defineComponent, resolveComponent, mergeProps, withCtx, withDirectives, createVNode, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, watch, ref, toRef, withModifiers, renderSlot as renderSlot$1, Teleport, resolveDynamicComponent, onMounted, createTextVNode, toDisplayString, defineAsyncComponent, Suspense, createSlots, shallowReactive, withAsyncContext, inject, provide } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderClass, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderSlot, ssrRenderTeleport, ssrRenderVNode, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
+import { watchDebounced, useTimeout, promiseTimeout, onClickOutside, watchOnce, useElementHover, useUrlSearchParams } from '@vueuse/core';
+import mitt from 'mitt';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
 
 const _export_sfc = (sfc, props) => {
@@ -84,8 +86,8 @@ global.__storefrontCMS = (fs, resolvePath) => {
     settings = {};
   }
   const { domain } = settings;
-  const primaryColor = settings.primary_color || '#137c5c';
-  const secondaryColor = settings.secondary_color || primaryColor;
+  const primaryColor = settings.primaryColor || '#137c5c';
+  const secondaryColor = settings.secondaryColor || primaryColor;
 
   return {
     domain,
@@ -101,7 +103,7 @@ const _getConfig = () => {
     ECOM_STORE_ID,
     VITE_ECOM_STORE_ID,
     PROD,
-  } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
+  } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://demo.ecomplus.app","ASSETS_PREFIX":undefined},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
   if (VITE_ECOM_STORE_ID) {
     config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
   } else if (ECOM_STORE_ID) {
@@ -179,11 +181,19 @@ if (!globalThis.$storefront) {
 }
 const setResponseCache = (Astro, maxAge, sMaxAge) => {
   const headerName = "Cache-Control" ;
-  let cacheControl = `public, max-age=${maxAge}, must-revalidate`;
-  if (sMaxAge) {
-    cacheControl += `, s-maxage=${sMaxAge}, stale-while-revalidate=604800`;
+  let cacheControl = null;
+  if (globalThis.$storefrontCacheController) {
+    cacheControl = globalThis.$storefrontCacheController(Astro, maxAge, sMaxAge);
+  } else {
+    cacheControl = `public, max-age=${maxAge}, must-revalidate`;
+    if (sMaxAge)
+      cacheControl += `, s-maxage=${sMaxAge}`;
+    if (sMaxAge || maxAge >= 60)
+      cacheControl += `, stale-while-revalidate=604800`;
+  }
+  if (cacheControl) {
+    Astro.response.headers.set(headerName, cacheControl);
   }
-  Astro.response.headers.set(headerName, cacheControl);
 };
 const loadRouteContext = async (Astro, {
   contentCollection,
@@ -217,8 +227,8 @@ const loadRouteContext = async (Astro, {
   } else if (slug) {
     if (contentCollection) {
       cmsContent = await config.getContent(`${contentCollection}/${slug}`);
-    } else if (slug.startsWith("api/")) {
-      const err = new Error("/api/* routes not implemented on SSR directly");
+    } else if (slug.startsWith("_api/") || slug === "_analytics") {
+      const err = new Error(`/${slug} route not implemented on SSR directly`);
       Astro.response.status = 501;
       err.responseHTML = `<head></head><body>${err.message}</body>`;
       throw err;
@@ -291,12 +301,20 @@ const loadRouteContext = async (Astro, {
     throw err;
   }
   Astro.response.headers.set("X-Load-Took", String(Date.now() - startedAt));
+  {
+    const { assetsPrefix } = config.settings;
+    if (assetsPrefix && assetsPrefix.startsWith("https://")) {
+      const cdnURL = assetsPrefix.replace(/(https:\/\/[^/]+).*/, "$1");
+      Astro.response.headers.set("Link", `<${cdnURL}/>; rel=preconnect`);
+    }
+    Astro.locals.assetsPrefix = assetsPrefix || "";
+  }
   if (urlPath === "/~fallback") {
     setResponseCache(Astro, 3600, 86400);
   } else if (isHomepage) {
-    setResponseCache(Astro, 180, 300);
+    setResponseCache(Astro, 180);
   } else {
-    setResponseCache(Astro, 120, 300);
+    setResponseCache(Astro, 120, 180);
   }
   const routeContext = {
     ...config,
@@ -312,24 +330,28 @@ const loadRouteContext = async (Astro, {
   return routeContext;
 };
 
-const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
+/* eslint-disable */
+
+const pwaInfo = false;
 
-const $$Astro$g = createAstro("https://ecom2-demo.web.app");
+const $$Astro$f = createAstro("https://demo.ecomplus.app");
 const $$ViewTransitions = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$g, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
   Astro2.self = $$ViewTransitions;
   const { fallback = "animate" } = Astro2.props;
   return renderTemplate`<meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback"${addAttribute(fallback, "content")}>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/ViewTransitions.astro", void 0);
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/ViewTransitions.astro", void 0);
 
 var __freeze$4 = Object.freeze;
 var __defProp$4 = Object.defineProperty;
 var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", { value: __freeze$4(raw || cooked.slice()) }));
-var _a$4;
-const $$Astro$f = createAstro("https://ecom2-demo.web.app");
+var _b, _c;
+const $$Astro$e = createAstro("https://demo.ecomplus.app");
 const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
   Astro2.self = $$BaseHead;
+  const isPWA = pwaInfo !== false;
+  const hasViewTransitions = Astro2.props.hasViewTransitions !== false && !Astro2.url.pathname.startsWith("/app/");
   const deployRand = ({}).DEPLOY_RAND || "_";
   const getIconUrl = (size) => {
     return `/_image?f=png&w=${size}&h=${size}&href=${encodeURIComponent(settings.icon)}&V=${deployRand}`;
@@ -354,8 +376,8 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   }
   const apiDoc = apiContext.doc;
   const state = apiDoc || cmsContent || {};
-  const title = state.meta_title || state.name || state.title || settings.name;
-  const description = state.meta_description || state.short_description || settings.description;
+  const title = state.meta_title || state.metaTitle || state.name && `${state.name} | ${settings.name}` || state.title && `${state.title} | ${settings.name}` || settings.name;
+  const description = state.meta_description || state.metaDescription || state.short_description || settings.description;
   const favicon = settings.icon ? getIconUrl(32) : "/favicon.ico";
   const shortcutIcon = settings.icon ? getIconUrl(192) : null;
   const canonicalUrl = new URL(Astro2.url.pathname, Astro2.site || `https://${domain}`);
@@ -367,13 +389,18 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
     ogImage = picture && picture.url;
   }
   if (!ogImage) {
-    if (metatagsContent?.og_image) {
-      ogImage = metatagsContent.og_image.charAt(0) === "/" ? `https://${domain}${metatagsContent.og_image}` : metatagsContent.og_image;
+    if (metatagsContent?.ogImage) {
+      ogImage = metatagsContent.ogImage.charAt(0) === "/" ? `https://${domain}${metatagsContent.ogImage}` : metatagsContent.ogImage;
     }
   } else {
     ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, "$2-nyc3.nyc3.cdn.digitaloceanspaces.com");
   }
   let inlineClientJS = `
+window._emitApiContext = (id = null) => {
+  console.log('[ctx] emit ' + id);
+  window.dispatchEvent(new Event('storefront:apiContext'));
+  window._emitedContextId = id;
+};
 window.ECOM_STORE_ID = ${storeId};
 window.ECOM_LANG = '${lang}';
 window.ECOM_CURRENCY = '${currency}';
@@ -389,6 +416,7 @@ setTimeout(() => {
   window.location.replace("/~fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
 }, 1);`;
   }
+  let contextInlineClientJS;
   if (apiDoc) {
     if (typeof apiDoc.price === "number") {
       apiDoc.price = price(apiDoc);
@@ -410,18 +438,24 @@ setTimeout(() => {
       }
       return nestedDoc;
     };
-    Astro2.locals.contextInlineClientJS = `
+    inlineClientJS += `
+window._firstLoadContextId = '${apiDoc._id}';`;
+    contextInlineClientJS = `
 $storefront.apiContext = ${JSON.stringify({
       resource: apiContext.resource,
       doc: minifyApiDoc({ ...apiDoc }),
       timestamp: Date.now()
     })};
-$storefront.context /* DEPRECATED */ = $storefront.apiContext`;
+$storefront.context /* DEPRECATED */ = $storefront.apiContext;
+_emitApiContext('${apiDoc._id}');`;
   } else {
-    Astro2.locals.contextInlineClientJS = `
+    inlineClientJS += `
+window._firstLoadContextId = null;`;
+    contextInlineClientJS = `
 $storefront.apiContext = null;
 delete $storefront.apiContext;
-delete $storefront.context;`;
+delete $storefront.context;
+_emitApiContext();`;
   }
   if (isPreview) {
     inlineClientJS += `
@@ -434,8 +468,8 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_a$4 || (_a$4 = __template$4(['<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="theme-color"', '><link rel="icon" type="image/png"', ' sizes="32x32">', "<title>", '</title><meta name="description"', '><meta name="author"', '><meta name="generator"', '><link rel="canonical"', ">", '<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta property="og:site_name"', '><meta property="og:url"', '><meta property="og:title"', '><meta property="og:description"', '><meta property="og:type" content="website"><meta property="og:locale"', ">", "", '<meta name="twitter:card" content="summary">', '<meta name="ecom-store-id"', ">", "", "<script>", '<\/script><script type="application/ld+json">', "<\/script>", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title, addAttribute(description, "content"), addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`, metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`, addAttribute(String(storeId), "content"), pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`, !pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`, unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), renderComponent($$result, "ViewTransitions", $$ViewTransitions, {}));
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
+  return renderTemplate(_c || (_c = __template$4(['<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="theme-color"', '><link rel="icon" type="image/png"', ' sizes="32x32">', "<title>", '</title><meta name="description"', '><meta name="author"', '><meta name="generator"', '><link rel="canonical"', ">", '<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta property="og:site_name"', '><meta property="og:url"', '><meta property="og:title"', '><meta property="og:description"', '><meta property="og:type" content="website"><meta property="og:locale"', ">", "", '<meta name="twitter:card" content="summary">', '<meta name="ecom-store-id"', ">", "<script", ">", '<\/script><script type="application/ld+json">', "<\/script>", "", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title, addAttribute(description, "content"), addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "23j4qrxj"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$4(["<script>", "<\/script>"])), unescapeHTML(contextInlineClientJS)));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", "self");
 
 function has(value) {
   return typeof value === "string";
@@ -573,46 +607,6 @@ const Head = createComponent({
   }
 });
 
-const { STOREFRONT_BASE_DIR } = process.env;
-const baseDir = STOREFRONT_BASE_DIR || process.cwd();
-const builtImages = [];
-const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
-readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
-  const [filename, width, height] = line.split(",");
-  builtImages.push({
-    filename,
-    width: Number(width),
-    height: Number(height)
-  });
-});
-builtImages.sort((a, b) => {
-  if (a.width < b.width)
-    return -1;
-  return 1;
-});
-const getBuiltImage = async ({ src, width, format }) => {
-  const filename = src.replace(/^.*\//, "").replace(/.\w+(\?.*)?$/, "");
-  const filenameRegExp = new RegExp(`[_.][a-z0-9]+\\.${format}$`, "i");
-  const matchFilename = (_builtImage) => {
-    return filename === _builtImage.filename.replace(filenameRegExp, "");
-  };
-  let builtImage = builtImages.find((_builtImage) => {
-    return _builtImage.width >= width && matchFilename(_builtImage);
-  });
-  if (!builtImage) {
-    builtImage = builtImages.find(matchFilename);
-  }
-  if (builtImage) {
-    return {
-      src: `/_astro/${builtImage.filename}`,
-      width: builtImage.width,
-      height: builtImage.height
-    };
-  }
-  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
-  return { src, width };
-};
-
 function removeQueryString(src) {
   const index = src.lastIndexOf("?");
   return index > 0 ? src.substring(0, index) : src;
@@ -642,7 +636,7 @@ async function resolveAspectRatio({ src, aspectRatio }) {
   if (typeof src === "string") {
     return parseAspectRatio(aspectRatio);
   }
-  throw new Error('Custom (faster) `Picture.ssr.astro` works only with string ("remote") src');
+  throw new Error('Custom (faster) `Picture.runtime.astro` works only with string ("remote") src');
 }
 async function resolveFormats({ src, formats }) {
   const unique = new Set(formats);
@@ -653,60 +647,111 @@ async function resolveFormats({ src, formats }) {
   }
   return Array.from(unique).filter(Boolean);
 }
-async function getBuiltPicture(params) {
-  const {
-    src,
-    alt,
-    widths,
-    fit,
-    position,
-    background
-  } = params;
-  if (!src) {
-    throw new Error("[@astrojs/image] `src` is required");
-  }
-  if (!widths || !Array.isArray(widths)) {
-    throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
+const createPictureGetter = (getImage) => {
+  return async (params) => {
+    const {
+      src,
+      alt,
+      widths,
+      fit,
+      position,
+      background
+    } = params;
+    if (!src) {
+      throw new Error("[@astrojs/image] `src` is required");
+    }
+    if (!widths || !Array.isArray(widths)) {
+      throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
+    }
+    const aspectRatio = await resolveAspectRatio(params);
+    if (!aspectRatio) {
+      throw new Error("`aspectRatio` must be provided for remote images");
+    }
+    const allFormats = await resolveFormats(params);
+    const lastFormat = allFormats[allFormats.length - 1];
+    const maxWidth = Math.max(...widths);
+    let image;
+    async function getSource(format) {
+      const imgs = await Promise.all(
+        widths.map(async (width) => {
+          const img = await getImage({
+            src,
+            alt,
+            format,
+            width,
+            height: width / aspectRatio,
+            fit,
+            position,
+            background,
+            aspectRatio
+          });
+          if (format === lastFormat && width === maxWidth) {
+            image = img;
+          }
+          return `${img.src} ${width}w`;
+        })
+      );
+      return {
+        type: mime.getType(format) || format,
+        srcset: imgs.join(",")
+      };
+    }
+    const sources = await Promise.all(allFormats.map((format) => getSource(format)));
+    return {
+      sources,
+      // @ts-ignore
+      image
+    };
+  };
+};
+
+const { STOREFRONT_BASE_DIR } = process.env;
+const baseDir = STOREFRONT_BASE_DIR || process.cwd();
+const builtImages = [];
+const manifestFilepath = join(baseDir, "dist/server/images.dist.csv");
+try {
+  readFileSync(manifestFilepath, "utf-8").split(/\n/).forEach((line) => {
+    const [filename, width, height] = line.split(",");
+    builtImages.push({
+      filename,
+      width: Number(width),
+      height: Number(height)
+    });
+  });
+} catch (err) {
+  if (global.$renderStorefront) {
+    console.error(err);
   }
-  const aspectRatio = await resolveAspectRatio(params);
-  if (!aspectRatio) {
-    throw new Error("`aspectRatio` must be provided for remote images");
+}
+builtImages.sort((a, b) => {
+  if (a.width < b.width)
+    return -1;
+  return 1;
+});
+const getBuiltImage = async ({ src, width, format }) => {
+  const filename = src.replace(/^.*\//, "").replace(/.\w+(\?.*)?$/, "");
+  const filenameRegExp = new RegExp(`[_.][a-z0-9]+\\.${format}$`, "i");
+  const matchFilename = (_builtImage) => {
+    return filename === _builtImage.filename.replace(filenameRegExp, "");
+  };
+  let builtImage = builtImages.find((_builtImage) => {
+    return _builtImage.width >= width && matchFilename(_builtImage);
+  });
+  if (!builtImage) {
+    builtImage = builtImages.find(matchFilename);
   }
-  const allFormats = await resolveFormats(params);
-  const lastFormat = allFormats[allFormats.length - 1];
-  const maxWidth = Math.max(...widths);
-  let image;
-  async function getSource(format) {
-    const imgs = await Promise.all(
-      widths.map(async (width) => {
-        const img = await getBuiltImage({
-          src,
-          alt,
-          format,
-          width,
-          fit,
-          position,
-          background,
-          aspectRatio
-        });
-        if (format === lastFormat && width === maxWidth) {
-          image = img;
-        }
-        return `${img.src} ${width}w`;
-      })
-    );
+  if (builtImage) {
     return {
-      type: mime.getType(format) || format,
-      srcset: imgs.join(",")
+      src: `/_astro/${builtImage.filename}`,
+      width: builtImage.width,
+      height: builtImage.height
     };
   }
-  const sources = await Promise.all(allFormats.map((format) => getSource(format)));
-  return {
-    sources,
-    // @ts-ignore
-    image
-  };
-}
+  console.warn(`Could not match built ${format} image for ${src} ${width}px`);
+  return { src, width };
+};
+
+const getBuiltPicture = createPictureGetter(getBuiltImage);
 
 const getAspectRatio = (src, tryImageSize) => {
   if (typeof src === "string") {
@@ -732,6 +777,7 @@ const useSSRPicture = async (params) => {
     hasImg = true,
     tryImageSize,
     getPicture,
+    assetsPrefix,
     ...attrs
   } = params;
   let aspectRatio;
@@ -827,6 +873,12 @@ const useSSRPicture = async (params) => {
   });
   delete image.width;
   delete image.height;
+  if (assetsPrefix && image.src?.charAt(0) === "/") {
+    image.src = `${assetsPrefix}${image.src}`;
+    sources.forEach((source) => {
+      source.srcset = `${assetsPrefix}${source.srcset}`.replace(/,\//g, `,${assetsPrefix}/`);
+    });
+  }
   const pictureAttrs = {};
   if (!hasImg) {
     pictureAttrs["data-alt"] = alt;
@@ -849,9 +901,9 @@ const useSSRPicture = async (params) => {
   };
 };
 
-const $$Astro$e = createAstro("https://ecom2-demo.web.app");
+const $$Astro$d = createAstro("https://demo.ecomplus.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$e, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
   Astro2.self = $$Picture;
   const { STOREFRONT_BASE_DIR } = process.env;
   const baseDir = STOREFRONT_BASE_DIR || process.cwd();
@@ -886,49 +938,45 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   } = await useSSRPicture({
     ...Astro2.props,
     tryImageSize,
-    getPicture: getBuiltPicture
+    getPicture: getBuiltPicture,
+    assetsPrefix: Astro2.locals.assetsPrefix
   });
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>${sources.map((attrs) => renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`)}${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}</picture>`;
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}> ${sources.map((attrs) => renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`)} ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`} </picture>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/images/Picture.runtime.astro", void 0);
 
-var __freeze$3 = Object.freeze;
-var __defProp$3 = Object.defineProperty;
-var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", { value: __freeze$3(raw || cooked.slice()) }));
-var _a$3;
-const $$Astro$d = createAstro("https://ecom2-demo.web.app");
+const $$Astro$c = createAstro("https://demo.ecomplus.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  const { contextInlineClientJS } = Astro2.locals;
-  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"><!-- Prevent FOUC -->${contextInlineClientJS && renderTemplate(_a$3 || (_a$3 = __template$3(["<script>", "<\/script>"])), unescapeHTML(contextInlineClientJS))}<div id="teleported-overlap" class="relative z-[59]"></div><div id="teleported-top" class="relative z-[19]"></div>${renderSlot($$result, $$slots["default"])}${renderSlot($$result, $$slots["before-body-end"])}<div id="teleported-bottom" class="relative z-[19]"></div>${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}</body>`;
+  return renderTemplate`${maybeRenderHead()}<body style="visibility:hidden" class="!visible"> <!-- Prevent FOUC --> <div id="teleported-overlap" class="relative z-[59]"></div> <div id="teleported-top" class="relative z-[19]"></div> ${renderSlot($$result, $$slots["default"])} ${renderSlot($$result, $$slots["before-body-end"])} <div id="teleported-bottom" class="relative z-[19]"></div> ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`} </body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
-const $$Astro$c = createAstro("https://ecom2-demo.web.app");
+const $$Astro$b = createAstro("https://demo.ecomplus.app");
 const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$c, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
   Astro2.self = $$Base$1;
   const { getContent } = Astro2.locals.routeContext;
-  const { custom_code: customCodeContent } = await getContent("layout");
-  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["base-head"])}${customCodeContent?.css && renderTemplate`<style>{customCodeContent.css}</style>`}${customCodeContent?.html_head && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}${renderSlot($$result2, $$slots["base-head-scripts"])}${renderSlot($$result2, $$slots["before-head-end"])}` })}${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}${renderSlot($$result2, $$slots["before-body-end"])}` })}`;
+  const { customCode } = await getContent("layout");
+  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate` ${renderSlot($$result2, $$slots["base-head"])} ${customCode?.css && renderTemplate`<style>{customCode.css}</style>`}${customCode?.htmlHead && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlHead)}` })}`}${renderSlot($$result2, $$slots["base-head-scripts"])} ${renderSlot($$result2, $$slots["before-head-end"])} ` })} ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate` ${renderSlot($$result2, $$slots["default"])} ${customCode?.htmlBody && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCode.htmlBody)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])} ${renderSlot($$result2, $$slots["before-body-end"])} ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
 
-var __freeze$2 = Object.freeze;
-var __defProp$2 = Object.defineProperty;
-var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
-var _a$2;
-const $$Astro$b = createAstro("https://ecom2-demo.web.app");
+var __freeze$3 = Object.freeze;
+var __defProp$3 = Object.defineProperty;
+var __template$3 = (cooked, raw) => __freeze$3(__defProp$3(cooked, "raw", { value: __freeze$3(raw || cooked.slice()) }));
+var _a$3;
+const $$Astro$a = createAstro("https://demo.ecomplus.app");
 const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$b, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$InlineScripts;
-  return renderTemplate(_a$2 || (_a$2 = __template$2(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
+  return renderTemplate(_a$3 || (_a$3 = __template$3(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro", void 0);
 
-const $$Astro$a = createAstro("https://ecom2-demo.web.app");
+const $$Astro$9 = createAstro("https://demo.ecomplus.app");
 const $$Base = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
   Astro2.self = $$Base;
-  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`${renderSlot($$result3, $$slots["base-head"])}` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["default"])}` })}`;
+  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate` ${renderSlot($$result3, $$slots["base-head"])} ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`   ${renderSlot($$result2, $$slots["default"])} ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
 const checkObjNotNull = (obj) => {
@@ -986,9 +1034,7 @@ let userAgent;
 {
   userAgent = "";
 }
-userAgent.includes("Safari") && !userAgent.includes("Chrome");
-const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
-const isMobile = isIOS || /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+const isMobile = /Android|iPhone|iPad|iPod|webOS/i.test(userAgent);
 
 const networkNames = [
   "whatsapp",
@@ -1015,6 +1061,9 @@ const setSocialNetworks = () => {
 
 let id = -1;
 const useId = () => String(++id);
+const slugify = (str) => {
+  return str.toLowerCase().trim().replace(/[ÁáÃãÂâÀà]/g, "a").replace(/[Éé]/g, "e").replace(/[Íí]/g, "i").replace(/[ÓóÔô]/g, "o").replace(/[Úú]/g, "u").replace(/[Çç]/g, "c").replace(/[\W\r\n]/gm, "-").replace(/-{2,}/g, "-").replace(/(^-)|(-$)/g, "");
+};
 
 const emptyInfo = {
   list_payments: {},
@@ -1066,8 +1115,8 @@ const useCmsPreview = (filename) => {
 
 const parseLayoutContent = (layoutContent) => {
   const pitchBar = { slides: [] };
-  if (layoutContent.header?.pitch_bar) {
-    pitchBar.slides = layoutContent.header.pitch_bar;
+  if (layoutContent.header?.pitchBar) {
+    pitchBar.slides = layoutContent.header.pitchBar;
   }
   return pitchBar;
 };
@@ -1091,7 +1140,12 @@ const usePitchBar = (props) => {
 const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   const { apiState, getContent } = routeContext;
   const layoutContent = await getContent("layout");
-  const { header: headerContent } = layoutContent;
+  const {
+    header: {
+      inlineMenuCategories,
+      isAlphabeticalSortSubmenu
+    }
+  } = layoutContent;
   const pitchBar = parseLayoutContent(layoutContent);
   let { categories } = apiState;
   if (!categories && listedCategoryFields !== null) {
@@ -1114,9 +1168,9 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   }
   const shopHeader = {
     categories,
-    menuCategorySlugs: headerContent.inline_menu_categories?.featured,
-    menuRandomCategories: headerContent.inline_menu_categories?.random,
-    isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu
+    menuCategorySlugs: inlineMenuCategories?.featured,
+    menuRandomCategories: inlineMenuCategories?.random,
+    isAlphabeticalSortSubmenu
   };
   return {
     pitchBar,
@@ -1153,267 +1207,7 @@ window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
   };
 };
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "CarouselControl",
-  props: {
-    isPrev: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const { changeSlide } = inject(carouselKey);
-    const __returned__ = { changeSlide };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<button${ssrRenderAttrs(mergeProps({
-    type: "button",
-    "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
-    class: ["group absolute top-0 z-1", !$props.isPrev ? "right-0" : "left-0"],
-    "data-carousel-control": !$props.isPrev ? "next" : "previous"
-  }, _attrs))}>`);
-  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    _push(`<i class="${ssrRenderClass([!$props.isPrev ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
-  }, _push, _parent);
-  _push(`</button>`);
-}
-const _sfc_setup$i = _sfc_main$i.setup;
-_sfc_main$i.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
-  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
-};
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
-
-const carouselKey = Symbol("carousel");
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "Carousel",
-  props: {
-    as: { default: "ul" },
-    modelValue: { default: 1 },
-    autoplay: {}
-  },
-  emits: [
-    "update:modelValue"
-  ],
-  setup(__props, { expose: __expose, emit }) {
-    __expose();
-    const props = __props;
-    const currentIndex = ref(0);
-    watch(toRef(props, "modelValue"), (modelValue) => {
-      currentIndex.value = modelValue - 1;
-    }, { immediate: true });
-    watch(currentIndex, (current, previous) => {
-      if (current !== previous) {
-        emit("update:modelValue", current + 1);
-      }
-    });
-    const wrapper = ref(null);
-    const { x: currentPos, isScrolling, arrivedState } = useScroll(wrapper);
-    const isBoundLeft = computed(() => arrivedState.left);
-    const isBoundRight = computed(() => arrivedState.right);
-    const slidesWidth = ref([]);
-    const wrapperScrollWidth = ref(0);
-    const wrapperVisibleWidth = ref(0);
-    const indexCount = ref(0);
-    const calcWrapperWidth = () => {
-      if (!wrapper.value)
-        return;
-      wrapperScrollWidth.value = wrapper.value.scrollWidth;
-      wrapperVisibleWidth.value = wrapper.value.offsetWidth;
-    };
-    const calcSlidesWidth = () => {
-      if (!wrapper.value)
-        return;
-      let childNodes = [...wrapper.value.children];
-      if (childNodes.length === 1 && childNodes[0].tagName.endsWith("SLOT")) {
-        childNodes = [...childNodes[0].children];
-      }
-      slidesWidth.value = childNodes.map((node) => ({
-        offsetLeft: node.offsetLeft,
-        width: node.offsetWidth
-      }));
-    };
-    const calcNextOffsetLeft = (direction) => {
-      let nextSlideIndex = currentIndex.value + direction;
-      if (nextSlideIndex >= slidesWidth.value.length) {
-        return 0;
-      }
-      if (nextSlideIndex < 0) {
-        nextSlideIndex = slidesWidth.value.length + nextSlideIndex;
-      }
-      const { offsetLeft, width } = slidesWidth.value[nextSlideIndex] || {};
-      if (!width) {
-        return 0;
-      }
-      return offsetLeft;
-    };
-    const calcCurrentIndex = () => {
-      const getCurrentIndex = slidesWidth.value.findIndex((slide) => {
-        return Math.abs(slide.offsetLeft - currentPos.value) <= 5;
-      });
-      if (getCurrentIndex > -1) {
-        currentIndex.value = getCurrentIndex || 0;
-      }
-    };
-    const calcIndexCount = () => {
-      const maxPos = wrapperScrollWidth.value - wrapperVisibleWidth.value;
-      indexCount.value = slidesWidth.value.findIndex(({ offsetLeft }) => offsetLeft >= maxPos - 5);
-    };
-    let autoplayTimer;
-    const restartAutoplay = () => {
-      if (props.autoplay) {
-        clearTimeout(autoplayTimer);
-        autoplayTimer = setTimeout(() => {
-          changeSlide(1);
-        }, props.autoplay);
-      }
-    };
-    const changeSlide = (direction, isPageScroll = true) => {
-      if (slidesWidth.value.length < 2) {
-        return;
-      }
-      if (isPageScroll && (direction === 1 || direction === -1)) {
-        let pageStep = 0;
-        let pageStepWidth = 0;
-        for (let i = currentIndex.value; i < slidesWidth.value.length; i++) {
-          const { width } = slidesWidth.value[i] || {};
-          if (width) {
-            pageStep += 1;
-            pageStepWidth += width;
-            if (pageStepWidth >= wrapperVisibleWidth.value) {
-              break;
-            }
-          }
-        }
-        if (pageStep) {
-          direction = direction > 0 ? pageStep : -pageStep;
-        }
-      }
-      const nextOffsetLeft = calcNextOffsetLeft(direction);
-      wrapper.value?.scrollTo({ left: nextOffsetLeft, behavior: "smooth" });
-      restartAutoplay();
-    };
-    watch(isScrolling, (_isScrolling) => {
-      if (_isScrolling) {
-        clearTimeout(autoplayTimer);
-      } else {
-        calcCurrentIndex();
-        restartAutoplay();
-      }
-    });
-    const carousel = ref(null);
-    const isHovered = useElementHover(carousel);
-    watch(isHovered, (_isHovered) => {
-      if (_isHovered) {
-        clearTimeout(autoplayTimer);
-      } else {
-        restartAutoplay();
-      }
-    });
-    const calcOnInit = () => {
-      if (!wrapper.value) {
-        return;
-      }
-      calcWrapperWidth();
-      calcSlidesWidth();
-      calcCurrentIndex();
-      calcIndexCount();
-    };
-    const onResize = useDebounceFn(() => {
-      if (!wrapper.value)
-        return;
-      wrapper.value.scrollLeft = 0;
-      calcOnInit();
-    }, 400);
-    onMounted(() => {
-      calcOnInit();
-    });
-    onBeforeUnmount(() => {
-      clearTimeout(autoplayTimer);
-    });
-    provide(carouselKey, {
-      autoplay: toRef(props, "autoplay"),
-      changeSlide,
-      isBoundLeft,
-      isBoundRight
-    });
-    const __returned__ = { carouselKey, props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextOffsetLeft, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
-      return autoplayTimer;
-    }, set autoplayTimer(v) {
-      autoplayTimer = v;
-    }, restartAutoplay, changeSlide, carousel, isHovered, calcOnInit, onResize, CarouselControl };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(mergeProps({
-    ref: "carousel",
-    class: "relative",
-    "data-carousel": ""
-  }, _attrs))}>`);
-  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), {
-    ref: "wrapper",
-    class: "flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0 snap-x snap-mandatory scroll-smooth [&>*]:snap-start [&>*]:outline-none",
-    style: { "scrollbar-width": "none", "-webkit-overflow-scrolling": "touch", "-ms-overflow-style": "none" },
-    "data-carousel-wrapper": ""
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot$1(_ctx.$slots, "default")
-        ];
-      }
-    }),
-    _: 3
-  }), _parent);
-  ssrRenderSlot(_ctx.$slots, "controls", {
-    changeSlide: $setup.changeSlide,
-    isBoundLeft: $setup.isBoundLeft,
-    isBoundRight: $setup.isBoundRight,
-    currentPage: $setup.currentIndex + 1,
-    pageCount: $setup.indexCount + 1
-  }, () => {
-    _push(ssrRenderComponent($setup["CarouselControl"], { "is-prev": "" }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
-        } else {
-          return [
-            renderSlot$1(_ctx.$slots, "previous")
-          ];
-        }
-      }),
-      _: 3
-    }, _parent));
-    _push(ssrRenderComponent($setup["CarouselControl"], null, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, "next", {}, null, _push2, _parent2, _scopeId);
-        } else {
-          return [
-            renderSlot$1(_ctx.$slots, "next")
-          ];
-        }
-      }),
-      _: 3
-    }, _parent));
-  }, _push, _parent);
-  _push(`</div>`);
-}
-const _sfc_setup$h = _sfc_main$h.setup;
-_sfc_main$h.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
-  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
-};
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
-
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -1425,34 +1219,36 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       parsedContents,
       countValidSlides
     } = usePitchBar(props);
-    const __returned__ = { props, parsedContents, countValidSlides, Carousel, CarouselControl };
+    const __returned__ = { props, parsedContents, countValidSlides };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Carousel = resolveComponent("Carousel");
   const _component_ALink = resolveComponent("ALink");
-  _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-20" }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
-  _push(ssrRenderComponent($setup["Carousel"], {
+  const _component_CarouselControl = resolveComponent("CarouselControl");
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-20" }, _attrs))}><div class="container mx-auto px-3 py-1 md:w-2/3">`);
+  _push(ssrRenderComponent(_component_Carousel, {
     autoplay: $setup.countValidSlides > 1 ? 7e3 : void 0
   }, {
     controls: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.countValidSlides > 1 ? null : { display: "none" })}" class="text-xl leading-none text-base-400"${_scopeId}>`);
-        _push2(ssrRenderComponent($setup["CarouselControl"], {
-          class: "pr-2 bg-base-100 hover:text-base-700",
+        _push2(`<div style="${ssrRenderStyle($setup.countValidSlides > 1 ? null : { display: "none" })}" class="text-base-400 text-xl leading-none"${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_CarouselControl, {
+          class: "bg-base-100 hover:text-base-700 pr-2",
           "is-prev": ""
         }, null, _parent2, _scopeId));
-        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" }, null, _parent2, _scopeId));
+        _push2(ssrRenderComponent(_component_CarouselControl, { class: "bg-base-100 hover:text-base-700 pl-2" }, null, _parent2, _scopeId));
         _push2(`</div>`);
       } else {
         return [
-          withDirectives(createVNode("div", { class: "text-xl leading-none text-base-400" }, [
-            createVNode($setup["CarouselControl"], {
-              class: "pr-2 bg-base-100 hover:text-base-700",
+          withDirectives(createVNode("div", { class: "text-base-400 text-xl leading-none" }, [
+            createVNode(_component_CarouselControl, {
+              class: "bg-base-100 hover:text-base-700 pr-2",
               "is-prev": ""
             }),
-            createVNode($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" })
+            createVNode(_component_CarouselControl, { class: "bg-base-100 hover:text-base-700 pl-2" })
           ], 512), [
             [vShow, $setup.countValidSlides > 1]
           ])
@@ -1463,7 +1259,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       if (_push2) {
         _push2(`<!--[-->`);
         ssrRenderList($props.slides, (slide, i) => {
-          _push2(`<li class="shrink-0 basis-full h-full text-center"${_scopeId}>`);
+          _push2(`<li class="h-full shrink-0 basis-full text-center"${_scopeId}>`);
           _push2(ssrRenderComponent(_component_ALink, {
             href: slide.href,
             target: slide.target,
@@ -1472,7 +1268,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             default: withCtx((_2, _push3, _parent3, _scopeId2) => {
               if (_push3) {
                 if ($setup.parsedContents[i]) {
-                  _push3(`<span class="prose text-sm text-base-800"${_scopeId2}>${$setup.parsedContents[i]}</span>`);
+                  _push3(`<span class="prose text-base-800 text-sm"${_scopeId2}>${$setup.parsedContents[i]}</span>`);
                 } else {
                   _push3(`<!---->`);
                 }
@@ -1481,7 +1277,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
                     key: 0,
                     innerHTML: $setup.parsedContents[i],
-                    class: "prose text-sm text-base-800"
+                    class: "prose text-base-800 text-sm"
                   }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
                 ];
               }
@@ -1496,7 +1292,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           (openBlock(true), createBlock(Fragment$1, null, renderList($props.slides, (slide, i) => {
             return openBlock(), createBlock("li", {
               key: i,
-              class: "shrink-0 basis-full h-full text-center"
+              class: "h-full shrink-0 basis-full text-center"
             }, [
               createVNode(_component_ALink, {
                 href: slide.href,
@@ -1507,7 +1303,7 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
                     key: 0,
                     innerHTML: $setup.parsedContents[i],
-                    class: "prose text-sm text-base-800"
+                    class: "prose text-base-800 text-sm"
                   }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
                 ]),
                 _: 2
@@ -1521,13 +1317,13 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$g = _sfc_main$g.setup;
-_sfc_main$g.setup = (props, ctx) => {
+const _sfc_setup$r = _sfc_main$r.setup;
+_sfc_main$r.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
+  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -1692,6 +1488,33 @@ const removeCartItem = (itemId) => {
   }
 };
 const addProductToCart = (product, variationId, quantity) => addCartItem(parseProduct(product, variationId, quantity));
+const cartEmitter = mitt();
+const cloneItems = () => shoppingCart.value.items.map((item) => ({ ...item }));
+let oldItems = cloneItems();
+watchDebounced(shoppingCart, ({ items }) => {
+  ["addCartItem", "removeCartItem"].forEach((evName) => {
+    const isAdd = evName === "addCartItem";
+    const baseItems = isAdd ? items : oldItems;
+    const compareItems = isAdd ? oldItems : items;
+    baseItems.forEach((baseItem) => {
+      if (!baseItem.quantity)
+        return;
+      const compareItem = compareItems.find(({ _id }) => _id === baseItem._id);
+      const compareQnt = compareItem?.quantity || 0;
+      if (baseItem.quantity > compareQnt) {
+        cartEmitter.emit(evName, {
+          ...baseItem,
+          quantity: baseItem.quantity - compareQnt
+        });
+      }
+    });
+  });
+  oldItems = cloneItems();
+}, { debounce: 200 });
+({
+  on: cartEmitter.on,
+  off: cartEmitter.off
+});
 
 const useStickyHeader = (props) => {
   const {
@@ -1705,7 +1528,10 @@ const useStickyHeader = (props) => {
     canCreateHeightDiv: true,
     ...props
   };
-  const { ready, start } = useTimeout(100, { controls: true, immediate: false });
+  const { ready, start } = useTimeout(100, {
+    controls: true,
+    immediate: false
+  });
   const staticHeight = ref(0);
   const staticY = ref(0);
   const { y: _y } = { y: ref(0) };
@@ -1837,7 +1663,7 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -1846,12 +1672,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     hasCloseButton: { type: Boolean, default: true },
     backdropTarget: { default: "#teleported-top" }
   },
-  emits: [
-    "update:modelValue"
-  ],
-  setup(__props, { expose: __expose, emit }) {
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
+    const emit = __emit;
     const close = () => emit("update:modelValue", false);
     const drawer = ref(null);
     const outsideClickListener = (ev) => {
@@ -1904,7 +1729,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -1920,7 +1745,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             $setup.isFixed && $props.placement !== "end" ? "left-0" : null,
             $setup.isFixed && $props.placement === "end" ? "left-auto right-0" : null,
             $setup.isPlacementX ? "max-w-sm" : null
-          ], "w-screen shadow p-0 m-0 z-50"])}" style="${ssrRenderStyle({
+          ], "z-50 m-0 w-screen p-0 shadow"])}" style="${ssrRenderStyle({
             maxWidth: !$setup.isPlacementX ? `calc(100vw - ${$setup.scrollbarWidth}px)` : void 0
           })}"${ssrIncludeBooleanAttr($props.modelValue) ? " open" : ""}${ssrRenderAttr("data-drawer", $props.placement)}${_scopeId}><div class="relative h-full"${_scopeId}>`);
           if ($props.hasCloseButton) {
@@ -1939,7 +1764,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               default: withCtx((_2, _push4, _parent3, _scopeId2) => {
                 if (_push4) {
                   if ($props.modelValue) {
-                    _push4(`<div class="fixed top-0 left-0 w-screen h-screen bg-black/50 z-40" data-drawer-backdrop${_scopeId2}></div>`);
+                    _push4(`<div class="fixed left-0 top-0 z-40 h-screen w-screen bg-black/50" data-drawer-backdrop${_scopeId2}></div>`);
                   } else {
                     _push4(`<!---->`);
                   }
@@ -1947,7 +1772,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   return [
                     $props.modelValue ? (openBlock(), createBlock("div", {
                       key: 0,
-                      class: "fixed top-0 left-0 w-screen h-screen bg-black/50 z-40",
+                      class: "fixed left-0 top-0 z-40 h-screen w-screen bg-black/50",
                       "data-drawer-backdrop": ""
                     })) : createCommentVNode("", true)
                   ];
@@ -1965,7 +1790,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           $props.modelValue ? (openBlock(), createBlock("dialog", {
             key: 0,
             ref: "drawer",
-            class: ["w-screen shadow p-0 m-0 z-50", [
+            class: ["z-50 m-0 w-screen p-0 shadow", [
               $props.position,
               $setup.isFixed ? `top-0 ${$setup.isPlacementX ? "h-screen" : "max-h-screen"}` : null,
               $setup.isFixed && $props.placement !== "end" ? "left-0" : null,
@@ -1998,7 +1823,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 default: withCtx(() => [
                   $props.modelValue ? (openBlock(), createBlock("div", {
                     key: 0,
-                    class: "fixed top-0 left-0 w-screen h-screen bg-black/50 z-40",
+                    class: "fixed left-0 top-0 z-40 h-screen w-screen bg-black/50",
                     "data-drawer-backdrop": ""
                   })) : createCommentVNode("", true)
                 ]),
@@ -2012,13 +1837,13 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$f = _sfc_main$f.setup;
-_sfc_main$f.setup = (props, ctx) => {
+const _sfc_setup$q = _sfc_main$q.setup;
+_sfc_main$q.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
 
 const storageKey = "ecomSession";
 const emptySession = {
@@ -2053,15 +1878,15 @@ const logout = () => {
   localStorage.removeItem(storageKey);
   firebaseAuth.signOut();
 };
-const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWith("/app/")) => {
+const initializeFirebaseAuth = (canWaitIdle) => {
   return;
 };
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
-    accountUrl: { default: globalThis.$storefront.settings.account_url || "/app/account" },
+    accountUrl: { default: globalThis.$storefront?.settings.accountUrl || "/app/account" },
     returnUrl: { default: globalThis.location?.href },
     isSignUp: { type: Boolean }
   },
@@ -2076,14 +1901,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         } else {
           url += "?";
         }
-        return `${url}return_url=${props.returnUrl}`;
+        return props.returnUrl ? `${url}return_url=${props.returnUrl}` : url;
       }
       const { settings } = globalThis.$storefront;
-      if (props.to === "orders" && settings.orders_url) {
-        return settings.orders_url;
+      if (props.to === "orders" && settings.ordersUrl) {
+        return settings.ordersUrl;
       }
-      if (props.to === "favorites" && settings.favorites_url) {
-        return settings.favorites_url;
+      if (props.to === "favorites" && settings.favoritesUrl) {
+        return settings.favoritesUrl;
       }
       return `${url}/${props.to}`;
     });
@@ -2092,20 +1917,20 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
-const _sfc_setup$e = _sfc_main$e.setup;
-_sfc_main$e.setup = (props, ctx) => {
+const _sfc_setup$p = _sfc_main$p.setup;
+_sfc_main$p.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -2141,18 +1966,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.setup = (props, ctx) => {
+const _sfc_setup$o = _sfc_main$o.setup;
+_sfc_main$o.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -2178,7 +2003,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2199,15 +2024,15 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.setup = (props, ctx) => {
+const _sfc_setup$n = _sfc_main$n.setup;
+_sfc_main$n.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -2230,17 +2055,17 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
-  _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
+  _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-base-800 text-lg" }, _attrs))}>`);
   if ($props.categoryTree.subcategories.length) {
-    _push(`<details class="bg-white overflow-y-auto overflow-x-hidden z-10 open:absolute open:top-0 open:left-0 open:w-full open:h-full"><summary class="${ssrRenderClass([$setup.isOpen ? "bg-base-100" : null, "cursor-pointer list-none px-6 py-3 active:bg-base-100 transition-colors"])}"><i class="${ssrRenderClass(!$setup.isOpen ? "i-arrow-right float-right mb-0 mt-1 text-xl text-base-500" : "i-arrow-left text-lg")}"></i>`);
+    _push(`<details class="z-10 overflow-y-auto overflow-x-hidden bg-white open:absolute open:left-0 open:top-0 open:h-full open:w-full"><summary class="${ssrRenderClass([$setup.isOpen ? "bg-base-100" : null, "active:bg-base-100 cursor-pointer list-none px-6 py-3 transition-colors"])}"><i class="${ssrRenderClass(!$setup.isOpen ? "i-arrow-right float-right mb-0 mt-1 text-xl text-base-500" : "i-arrow-right rotate-180 text-lg")}"></i>`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
       _push(ssrRenderComponent(_component_AImg, {
         picture: $props.categoryTree.icon,
         alt: $props.categoryTree.name,
-        class: "w-auto h-5 inline mr-3"
+        class: "mr-3 inline h-5 w-auto"
       }, null, _parent));
     } else {
       _push(`<!---->`);
@@ -2252,14 +2077,14 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         "category-tree": subcategoryTree
       }, null, _parent));
     });
-    _push(`<!--]--><li><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 text-base underline active:bg-base-200">${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a></li></ul></details>`);
+    _push(`<!--]--><li><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="active:bg-base-200 block px-6 py-3 text-base underline">${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a></li></ul></details>`);
   } else {
-    _push(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 active:bg-base-200">`);
+    _push(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="active:bg-base-200 block px-6 py-3">`);
     if (!$setup.isOpen && $props.categoryTree.icon) {
       _push(ssrRenderComponent(_component_AImg, {
         picture: $props.categoryTree.icon,
         alt: $props.categoryTree.name,
-        class: "w-auto h-5 inline mr-3"
+        class: "mr-3 inline h-5 w-auto"
       }, null, _parent));
     } else {
       _push(`<!---->`);
@@ -2268,15 +2093,15 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$b = _sfc_main$b.setup;
-_sfc_main$b.setup = (props, ctx) => {
+const _sfc_setup$m = _sfc_main$m.setup;
+_sfc_main$m.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender$m]]);
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -2297,25 +2122,25 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full" }, _attrs))}><nav class="py-4 grow"><ul class="relative h-full"><!--[-->`);
+function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex h-full flex-col" }, _attrs))}><nav class="grow py-4"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
       key: i,
       "category-tree": categoryTree
     }, null, _parent));
   });
-  _push(`<!--]--></ul></nav><footer class="text-base"><div class="flex items-center px-2 py-4 bg-base-100">`);
-  _push(ssrRenderComponent($setup["AccountLink"], { class: "p-2 grow flex items-center gap-3" }, {
+  _push(`<!--]--></ul></nav><footer class="text-base"><div class="bg-base-100 flex items-center px-2 py-4">`);
+  _push(ssrRenderComponent($setup["AccountLink"], { class: "flex grow items-center gap-3 p-2" }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<i class="i-user-circle text-4xl text-base-500 m-0"${_scopeId}></i><span class="leading-tight"${_scopeId}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} <small class="block lowercase font-semibold text-primary"${_scopeId}>${ssrInterpolate("Meus pedidos")}, ${ssrInterpolate("Minha conta")}</small></span>`);
+        _push2(`<i class="i-user-circle text-base-500 m-0 text-4xl"${_scopeId}></i><span class="leading-tight"${_scopeId}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} <small class="text-primary block font-semibold lowercase"${_scopeId}>${ssrInterpolate("Meus pedidos")}, ${ssrInterpolate("Minha conta")}</small></span>`);
       } else {
         return [
-          createVNode("i", { class: "i-user-circle text-4xl text-base-500 m-0" }),
+          createVNode("i", { class: "i-user-circle text-base-500 m-0 text-4xl" }),
           createVNode("span", { class: "leading-tight" }, [
             createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
-            createVNode("small", { class: "block lowercase font-semibold text-primary" }, toDisplayString("Meus pedidos") + ", " + toDisplayString("Minha conta"))
+            createVNode("small", { class: "text-primary block font-semibold lowercase" }, toDisplayString("Meus pedidos") + ", " + toDisplayString("Minha conta"))
           ])
         ];
       }
@@ -2323,28 +2148,28 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 1
   }, _parent));
   if ($setup.isLogged) {
-    _push(`<button class="p-2 text-right text-base-800"><span class="text-base-600">${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle text-lg ml-1"></i></button>`);
+    _push(`<button class="text-base-800 p-2 text-right"><span class="text-base-600">${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle ml-1 text-lg"></i></button>`);
   } else {
     _push(`<!---->`);
   }
-  _push(`</div><ul class="flex gap-3 p-4 bg-base-200 text-xl text-base-700"><!--[-->`);
+  _push(`</div><ul class="bg-base-200 text-base-700 flex gap-3 p-4 text-xl"><!--[-->`);
   ssrRenderList($setup.socialNetworks, (href, network) => {
     _push(`<li>`);
     _push(ssrRenderComponent($setup["SocialNetworkLink"], {
       network,
-      class: "p-1 active:text-primary"
+      class: "active:text-primary p-1"
     }, null, _parent));
     _push(`</li>`);
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$l = _sfc_main$l.setup;
+_sfc_main$l.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["ssrRender", _sfc_ssrRender$l]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -2393,7 +2218,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -2422,12 +2247,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$k(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
     default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
+        _push2(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} role="button"${_scopeId}>`);
         _push2(ssrRenderComponent($setup["PopoverButton"], { class: "outline-none" }, {
           default: withCtx((_, _push3, _parent3, _scopeId2) => {
             if (_push3) {
@@ -2440,16 +2266,16 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           }),
           _: 2
         }, _parent2, _scopeId));
-        _push2(`<div class="relative"${_scopeId}>`);
+        _push2(`</a><div class="relative"${_scopeId}>`);
         _push2(ssrRenderComponent(_component_Fade, null, {
           default: withCtx((_, _push3, _parent3, _scopeId2) => {
             if (_push3) {
               _push3(ssrRenderComponent($setup["PopoverPanel"], {
-                class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded shadow bg-white text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+                class: ["text-base-700 absolute left-1/2 top-3 z-20 -translate-x-1/2 !transform rounded bg-white px-6 py-4 text-base shadow", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
               }, {
                 default: withCtx(({ close }, _push4, _parent4, _scopeId3) => {
                   if (_push4) {
-                    _push4(`<div class="flex gap-6 w-full"${_scopeId3}>`);
+                    _push4(`<div class="flex w-full gap-6"${_scopeId3}>`);
                     if ($setup.subcategoryLinks.length) {
                       _push4(`<ul class="flex-1"${_scopeId3}><!--[-->`);
                       ssrRenderList($setup.subcategoryLinks, (subcategory, i) => {
@@ -2461,7 +2287,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     }
                     _push4(`<!--[-->`);
                     ssrRenderList($setup.subcategoryCols, (subcategory, i) => {
-                      _push4(`<div class="flex-1"${_scopeId3}><a${ssrRenderAttr("href", `/${subcategory.slug}`)} class="hover:text-primary"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(subcategory.name)}</h3></a><ul class="text-sm text-base-600 mt-1 mb-1.5"${_scopeId3}><!--[-->`);
+                      _push4(`<div class="flex-1"${_scopeId3}><a${ssrRenderAttr("href", `/${subcategory.slug}`)} class="hover:text-primary"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(subcategory.name)}</h3></a><ul class="text-base-600 mb-1.5 mt-1 text-sm"${_scopeId3}><!--[-->`);
                       ssrRenderList(subcategory.subcategories, (nestedSubcategory, ii) => {
                         _push4(`<li class="mb-0.5"${_scopeId3}><a${ssrRenderAttr("href", `/${nestedSubcategory.slug}`)} class="hover:text-primary hover:underline"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(nestedSubcategory.name)}</h3></a></li>`);
                       });
@@ -2478,10 +2304,10 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     } else {
                       _push4(`<!---->`);
                     }
-                    _push4(`</div><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block mt-1 text-xs text-base-600 leading-snug underline"${_scopeId3}>${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a><button class="hidden"${_scopeId3}></button>`);
+                    _push4(`</div><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="text-base-600 mt-1 block text-xs leading-snug underline"${_scopeId3}>${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a><button class="hidden"${_scopeId3}></button>`);
                   } else {
                     return [
-                      createVNode("div", { class: "flex gap-6 w-full" }, [
+                      createVNode("div", { class: "flex w-full gap-6" }, [
                         $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
                           key: 0,
                           class: "flex-1"
@@ -2511,7 +2337,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                             }, [
                               createVNode("h3", null, toDisplayString(subcategory.name), 1)
                             ], 8, ["href"]),
-                            createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                            createVNode("ul", { class: "text-base-600 mb-1.5 mt-1 text-sm" }, [
                               (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
                                 return openBlock(), createBlock("li", {
                                   key: `${i}-${ii}`,
@@ -2540,7 +2366,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       ]),
                       createVNode("a", {
                         href: `/${$props.categoryTree.slug}`,
-                        class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                        class: "text-base-600 mt-1 block text-xs leading-snug underline"
                       }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"]),
                       createVNode("button", {
                         ref: "close",
@@ -2555,10 +2381,10 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             } else {
               return [
                 createVNode($setup["PopoverPanel"], {
-                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded shadow bg-white text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+                  class: ["text-base-700 absolute left-1/2 top-3 z-20 -translate-x-1/2 !transform rounded bg-white px-6 py-4 text-base shadow", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
                 }, {
                   default: withCtx(({ close }) => [
-                    createVNode("div", { class: "flex gap-6 w-full" }, [
+                    createVNode("div", { class: "flex w-full gap-6" }, [
                       $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
                         key: 0,
                         class: "flex-1"
@@ -2588,7 +2414,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           }, [
                             createVNode("h3", null, toDisplayString(subcategory.name), 1)
                           ], 8, ["href"]),
-                          createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                          createVNode("ul", { class: "text-base-600 mb-1.5 mt-1 text-sm" }, [
                             (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
                               return openBlock(), createBlock("li", {
                                 key: `${i}-${ii}`,
@@ -2617,7 +2443,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     ]),
                     createVNode("a", {
                       href: `/${$props.categoryTree.slug}`,
-                      class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                      class: "text-base-600 mt-1 block text-xs leading-snug underline"
                     }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"]),
                     createVNode("button", {
                       ref: "close",
@@ -2635,12 +2461,17 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _push2(`</div>`);
       } else {
         return [
-          createVNode($setup["PopoverButton"], { class: "outline-none" }, {
-            default: withCtx(() => [
-              renderSlot$1(_ctx.$slots, "button", { open })
-            ]),
-            _: 2
-          }, 1024),
+          createVNode("a", {
+            href: `/${$props.categoryTree.slug}`,
+            role: "button"
+          }, [
+            createVNode($setup["PopoverButton"], { class: "outline-none" }, {
+              default: withCtx(() => [
+                renderSlot$1(_ctx.$slots, "button", { open })
+              ]),
+              _: 2
+            }, 1024)
+          ], 8, ["href"]),
           createVNode("div", {
             class: "relative",
             ref: "panel"
@@ -2648,10 +2479,10 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             createVNode(_component_Fade, null, {
               default: withCtx(() => [
                 createVNode($setup["PopoverPanel"], {
-                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded shadow bg-white text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+                  class: ["text-base-700 absolute left-1/2 top-3 z-20 -translate-x-1/2 !transform rounded bg-white px-6 py-4 text-base shadow", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
                 }, {
                   default: withCtx(({ close }) => [
-                    createVNode("div", { class: "flex gap-6 w-full" }, [
+                    createVNode("div", { class: "flex w-full gap-6" }, [
                       $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
                         key: 0,
                         class: "flex-1"
@@ -2681,7 +2512,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           }, [
                             createVNode("h3", null, toDisplayString(subcategory.name), 1)
                           ], 8, ["href"]),
-                          createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                          createVNode("ul", { class: "text-base-600 mb-1.5 mt-1 text-sm" }, [
                             (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
                               return openBlock(), createBlock("li", {
                                 key: `${i}-${ii}`,
@@ -2710,7 +2541,7 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     ]),
                     createVNode("a", {
                       href: `/${$props.categoryTree.slug}`,
-                      class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                      class: "text-base-600 mt-1 block text-xs leading-snug underline"
                     }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"]),
                     createVNode("button", {
                       ref: "close",
@@ -2730,15 +2561,15 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$k = _sfc_main$k.setup;
+_sfc_main$k.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["ssrRender", _sfc_ssrRender$k]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -2754,8 +2585,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "flex gap-4 xl:gap-5 text-base-700"])}"><!--[-->`);
+function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "text-base-700 flex gap-4 xl:gap-5"])}"><!--[-->`);
   ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
     _push(`<li>`);
     if (categoryTree.subcategories.length) {
@@ -2765,9 +2596,9 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             _push2(`<span class="hover:text-primary group"${_scopeId}><h3 class="${ssrRenderClass([[
               $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
               open ? "underline" : null
-            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
+            ], "inline group-hover:underline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
             if ($setup.hasOneLevelSubcategories) {
-              _push2(`<i class="${ssrRenderClass([open ? "rotate-180" : null, "i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle"])}"${_scopeId}></i>`);
+              _push2(`<i class="${ssrRenderClass([open ? "rotate-180" : null, "i-chevron-down text-base-400 group-hover:text-primary-subtle ml-1 transition-transform"])}"${_scopeId}></i>`);
             } else {
               _push2(`<!---->`);
             }
@@ -2776,14 +2607,14 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             return [
               createVNode("span", { class: "hover:text-primary group" }, [
                 createVNode("h3", {
-                  class: ["group-hover:underline inline", [
+                  class: ["inline group-hover:underline", [
                     $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
                     open ? "underline" : null
                   ]]
                 }, toDisplayString(categoryTree.name), 3),
                 $setup.hasOneLevelSubcategories ? (openBlock(), createBlock("i", {
                   key: 0,
-                  class: ["i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle", open ? "rotate-180" : null]
+                  class: ["i-chevron-down text-base-400 group-hover:text-primary-subtle ml-1 transition-transform", open ? "rotate-180" : null]
                 }, null, 2)) : createCommentVNode("", true)
               ])
             ];
@@ -2798,15 +2629,15 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
+const _sfc_setup$j = _sfc_main$j.setup;
+_sfc_main$j.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderMenu.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -2833,12 +2664,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
     as: "div",
-    class: "relative text-center text-sm text-base-800"
+    class: "text-base-800 relative text-center text-sm"
   }, _attrs), {
     default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
@@ -2847,16 +2678,39 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         } else {
           _push2(`<!---->`);
         }
-        _push2(ssrRenderComponent($setup["MenuButton"], {
-          class: "outline-none",
-          "aria-label": "Minha conta"
+        _push2(ssrRenderComponent($setup["AccountLink"], {
+          role: "button",
+          onClick: () => {
+          }
         }, {
           default: withCtx((_, _push3, _parent3, _scopeId2) => {
             if (_push3) {
-              ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push3, _parent3, _scopeId2);
+              _push3(ssrRenderComponent($setup["MenuButton"], {
+                class: "outline-none",
+                "aria-label": "Minha conta"
+              }, {
+                default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                  if (_push4) {
+                    ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push4, _parent4, _scopeId3);
+                  } else {
+                    return [
+                      renderSlot$1(_ctx.$slots, "button", { open })
+                    ];
+                  }
+                }),
+                _: 2
+              }, _parent3, _scopeId2));
             } else {
               return [
-                renderSlot$1(_ctx.$slots, "button", { open })
+                createVNode($setup["MenuButton"], {
+                  class: "outline-none",
+                  "aria-label": "Minha conta"
+                }, {
+                  default: withCtx(() => [
+                    renderSlot$1(_ctx.$slots, "button", { open })
+                  ]),
+                  _: 2
+                }, 1024)
               ];
             }
           }),
@@ -2865,13 +2719,13 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _push2(ssrRenderComponent(_component_Fade, null, {
           default: withCtx((_, _push3, _parent3, _scopeId2) => {
             if (_push3) {
-              _push3(ssrRenderComponent($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+              _push3(ssrRenderComponent($setup["MenuItems"], { class: "divide-base-100 absolute -right-8 mt-2 w-56 divide-y rounded bg-white shadow ring-1 ring-black/5 focus:outline-none" }, {
                 default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                   if (_push4) {
-                    _push4(`<div class="p-3 text-base-600"${_scopeId3}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} `);
+                    _push4(`<div class="text-base-600 p-3"${_scopeId3}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} `);
                     _push4(ssrRenderComponent($setup["AccountLink"], {
                       role: "button",
-                      class: "ui-btn-sm ui-btn-primary block my-1"
+                      class: "ui-btn-sm ui-btn-primary my-1 block"
                     }, {
                       default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                         if (_push5) {
@@ -2975,7 +2829,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       _: 2
                     }, _parent4, _scopeId3));
                     _push4(`<!--[-->`);
-                    ssrRenderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                    ssrRenderList(_ctx.$settings.serviceLinks, ({ title, href }, i) => {
                       _push4(ssrRenderComponent($setup["MenuItem"], {
                         as: "li",
                         key: `s-${i}`
@@ -3018,24 +2872,24 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
                       default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                         if (_push5) {
-                          _push5(`<div class="flex justify-center gap-2 p-2 text-base-500 text-base"${_scopeId4}><!--[-->`);
+                          _push5(`<div class="text-base-500 flex justify-center gap-2 p-2 text-base"${_scopeId4}><!--[-->`);
                           ssrRenderList($setup.socialNetworks, (href, network) => {
                             _push5(`<span${_scopeId4}>`);
                             _push5(ssrRenderComponent($setup["SocialNetworkLink"], {
                               network,
-                              class: "p-1 hover:text-primary"
+                              class: "hover:text-primary p-1"
                             }, null, _parent5, _scopeId4));
                             _push5(`</span>`);
                           });
                           _push5(`<!--]--></div>`);
                         } else {
                           return [
-                            createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                            createVNode("div", { class: "text-base-500 flex justify-center gap-2 p-2 text-base" }, [
                               (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
                                 return openBlock(), createBlock("span", { key: network }, [
                                   createVNode($setup["SocialNetworkLink"], {
                                     network,
-                                    class: "p-1 hover:text-primary"
+                                    class: "hover:text-primary p-1"
                                   }, null, 8, ["network"])
                                 ]);
                               }), 128))
@@ -3049,15 +2903,15 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
                         default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                           if (_push5) {
-                            _push5(`<button class="p-2 text-right text-base-800"${_scopeId4}><span class="text-base-600"${_scopeId4}>${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle text-lg ml-1"${_scopeId4}></i></button>`);
+                            _push5(`<button class="text-base-800 p-2 text-right"${_scopeId4}><span class="text-base-600"${_scopeId4}>${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle ml-1 text-lg"${_scopeId4}></i></button>`);
                           } else {
                             return [
                               createVNode("button", {
                                 onClick: $setup.logout,
-                                class: "p-2 text-right text-base-800"
+                                class: "text-base-800 p-2 text-right"
                               }, [
                                 createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
-                                createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                                createVNode("i", { class: "i-arrow-right-on-rectangle ml-1 text-lg" })
                               ], 8, ["onClick"])
                             ];
                           }
@@ -3070,11 +2924,11 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     _push4(`</ul>`);
                   } else {
                     return [
-                      createVNode("div", { class: "p-3 text-base-600" }, [
+                      createVNode("div", { class: "text-base-600 p-3" }, [
                         createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
                         createVNode($setup["AccountLink"], {
                           role: "button",
-                          class: "ui-btn-sm ui-btn-primary block my-1"
+                          class: "ui-btn-sm ui-btn-primary my-1 block"
                         }, {
                           default: withCtx(() => [
                             createTextVNode(toDisplayString("Acessar minha conta"))
@@ -3122,7 +2976,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           ]),
                           _: 1
                         }),
-                        (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                        (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.serviceLinks, ({ title, href }, i) => {
                           return openBlock(), createBlock($setup["MenuItem"], {
                             as: "li",
                             key: `s-${i}`
@@ -3143,12 +2997,12 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         }), 128)),
                         createVNode($setup["MenuItem"], { as: "li" }, {
                           default: withCtx(() => [
-                            createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                            createVNode("div", { class: "text-base-500 flex justify-center gap-2 p-2 text-base" }, [
                               (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
                                 return openBlock(), createBlock("span", { key: network }, [
                                   createVNode($setup["SocialNetworkLink"], {
                                     network,
-                                    class: "p-1 hover:text-primary"
+                                    class: "hover:text-primary p-1"
                                   }, null, 8, ["network"])
                                 ]);
                               }), 128))
@@ -3163,10 +3017,10 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                           default: withCtx(() => [
                             createVNode("button", {
                               onClick: $setup.logout,
-                              class: "p-2 text-right text-base-800"
+                              class: "text-base-800 p-2 text-right"
                             }, [
                               createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
-                              createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                              createVNode("i", { class: "i-arrow-right-on-rectangle ml-1 text-lg" })
                             ], 8, ["onClick"])
                           ]),
                           _: 1
@@ -3179,13 +3033,13 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               }, _parent3, _scopeId2));
             } else {
               return [
-                createVNode($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+                createVNode($setup["MenuItems"], { class: "divide-base-100 absolute -right-8 mt-2 w-56 divide-y rounded bg-white shadow ring-1 ring-black/5 focus:outline-none" }, {
                   default: withCtx(() => [
-                    createVNode("div", { class: "p-3 text-base-600" }, [
+                    createVNode("div", { class: "text-base-600 p-3" }, [
                       createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
                       createVNode($setup["AccountLink"], {
                         role: "button",
-                        class: "ui-btn-sm ui-btn-primary block my-1"
+                        class: "ui-btn-sm ui-btn-primary my-1 block"
                       }, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString("Acessar minha conta"))
@@ -3233,7 +3087,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         ]),
                         _: 1
                       }),
-                      (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                      (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.serviceLinks, ({ title, href }, i) => {
                         return openBlock(), createBlock($setup["MenuItem"], {
                           as: "li",
                           key: `s-${i}`
@@ -3254,12 +3108,12 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       }), 128)),
                       createVNode($setup["MenuItem"], { as: "li" }, {
                         default: withCtx(() => [
-                          createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                          createVNode("div", { class: "text-base-500 flex justify-center gap-2 p-2 text-base" }, [
                             (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
                               return openBlock(), createBlock("span", { key: network }, [
                                 createVNode($setup["SocialNetworkLink"], {
                                   network,
-                                  class: "p-1 hover:text-primary"
+                                  class: "hover:text-primary p-1"
                                 }, null, 8, ["network"])
                               ]);
                             }), 128))
@@ -3274,10 +3128,10 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                         default: withCtx(() => [
                           createVNode("button", {
                             onClick: $setup.logout,
-                            class: "p-2 text-right text-base-800"
+                            class: "text-base-800 p-2 text-right"
                           }, [
                             createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
-                            createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                            createVNode("i", { class: "i-arrow-right-on-rectangle ml-1 text-lg" })
                           ], 8, ["onClick"])
                         ]),
                         _: 1
@@ -3298,24 +3152,33 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               createTextVNode(toDisplayString($setup.initializeFirebaseAuth()), 1)
             ])
           ])) : createCommentVNode("", true),
-          createVNode($setup["MenuButton"], {
-            class: "outline-none",
-            "aria-label": "Minha conta"
+          createVNode($setup["AccountLink"], {
+            role: "button",
+            onClick: withModifiers(() => {
+            }, ["prevent"])
           }, {
             default: withCtx(() => [
-              renderSlot$1(_ctx.$slots, "button", { open })
+              createVNode($setup["MenuButton"], {
+                class: "outline-none",
+                "aria-label": "Minha conta"
+              }, {
+                default: withCtx(() => [
+                  renderSlot$1(_ctx.$slots, "button", { open })
+                ]),
+                _: 2
+              }, 1024)
             ]),
             _: 2
-          }, 1024),
+          }, 1032, ["onClick"]),
           createVNode(_component_Fade, null, {
             default: withCtx(() => [
-              createVNode($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+              createVNode($setup["MenuItems"], { class: "divide-base-100 absolute -right-8 mt-2 w-56 divide-y rounded bg-white shadow ring-1 ring-black/5 focus:outline-none" }, {
                 default: withCtx(() => [
-                  createVNode("div", { class: "p-3 text-base-600" }, [
+                  createVNode("div", { class: "text-base-600 p-3" }, [
                     createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
                     createVNode($setup["AccountLink"], {
                       role: "button",
-                      class: "ui-btn-sm ui-btn-primary block my-1"
+                      class: "ui-btn-sm ui-btn-primary my-1 block"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString("Acessar minha conta"))
@@ -3363,7 +3226,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       ]),
                       _: 1
                     }),
-                    (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                    (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.serviceLinks, ({ title, href }, i) => {
                       return openBlock(), createBlock($setup["MenuItem"], {
                         as: "li",
                         key: `s-${i}`
@@ -3384,12 +3247,12 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     }), 128)),
                     createVNode($setup["MenuItem"], { as: "li" }, {
                       default: withCtx(() => [
-                        createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                        createVNode("div", { class: "text-base-500 flex justify-center gap-2 p-2 text-base" }, [
                           (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
                             return openBlock(), createBlock("span", { key: network }, [
                               createVNode($setup["SocialNetworkLink"], {
                                 network,
-                                class: "p-1 hover:text-primary"
+                                class: "hover:text-primary p-1"
                               }, null, 8, ["network"])
                             ]);
                           }), 128))
@@ -3404,10 +3267,10 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                       default: withCtx(() => [
                         createVNode("button", {
                           onClick: $setup.logout,
-                          class: "p-2 text-right text-base-800"
+                          class: "text-base-800 p-2 text-right"
                         }, [
                           createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
-                          createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                          createVNode("i", { class: "i-arrow-right-on-rectangle ml-1 text-lg" })
                         ], 8, ["onClick"])
                       ]),
                       _: 1
@@ -3425,15 +3288,15 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
 };
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
   props: {
     categories: {},
@@ -3443,9 +3306,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_2afca4fe.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_03b51b57.mjs'));
     const props = __props;
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal.146ce2f7.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.4179ad81.mjs'));
     const header = ref(null);
     const {
       isSticky,
@@ -3484,39 +3347,42 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Skeleton = resolveComponent("Skeleton");
   _push(`<header${ssrRenderAttrs(mergeProps({
     ref: "header",
     class: ["relative top-0 z-50 transition-colors", [
       $setup.isSticky && !$setup.isSidenavOpen ? "bg-white/80" : "bg-white",
-      $setup.isSticky ? "backdrop-blur-md shadow py-2 md:py-3" : "py-3 sm:py-4 md:py-5"
+      $setup.isSticky ? "py-2 shadow backdrop-blur-md md:py-3" : "py-3 sm:py-4 md:py-5"
     ]]
-  }, _attrs))}><div class="w-screen lg:w-[calc(100vw-1rem)] xl:max-w-[82rem] 2xl:max-w-[85rem] mx-auto px-1 sm:pl-2 sm:pr-2.5 lg:px-1 flex md:grid grid-flow-col grid-cols-3 lg:grid-cols-none lg:auto-cols-max justify-between items-center"><div class="basis-1/4 lg:hidden"><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([$setup.isSidenavOpen ? "i-close" : "i-bars-3-bottom-left", "text-base-500 text-3xl"])}"></i></button></div>`);
+  }, _attrs))}><div class="mx-auto flex w-screen grid-flow-col grid-cols-3 items-center justify-between px-1 sm:pl-2 sm:pr-2.5 md:grid lg:w-[calc(100vw-1rem)] lg:auto-cols-max lg:grid-cols-none lg:px-1 xl:max-w-[82rem] 2xl:max-w-[85rem]"><div class="basis-1/4 lg:hidden"><button class="my-1 px-2"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([[
+    $setup.isSidenavOpen ? "i-close" : "i-bars-3-bottom-left",
+    $setup.isMounted ? "text-base-500" : "text-base-400 animate-pulse"
+  ], "text-3xl transition-colors"])}"></i></button></div>`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
   _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ class: "hidden lg:block" }, { inlineMenuTrees: $setup.inlineMenuTrees }), null, _parent));
-  _push(`<div class="basis-1/4 px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-magnifying-glass w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button>`);
+  _push(`<div class="text-base-800 flex basis-1/4 items-center justify-end gap-3 px-2 lg:gap-4"><a href="/s"${ssrRenderAttr("aria-label", "Buscar produtos")} role="button"><i class="i-magnifying-glass hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"></i></a>`);
   _push(ssrRenderComponent($setup["AccountMenu"], { class: "hidden sm:block" }, {
     button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+        _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
       } else {
         return [
           createVNode("i", {
-            class: ["i-user-circle w-7 h-7 hover:text-primary hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
+            class: ["i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
           }, null, 2)
         ];
       }
     }),
     _: 1
   }, _parent));
-  _push(`<button${ssrRenderAttr("aria-label", "Abrir carrinho")} class="relative group"><i class="i-shopping-bag w-7 h-7 group-hover:text-primary group-hover:scale-110 group-active:scale-125"></i>`);
+  _push(`<a${ssrRenderAttr("href", _ctx.$settings.cartUrl || "/app/")}${ssrRenderAttr("aria-label", "Abrir carrinho")} class="group relative" role="button"><i class="i-shopping-bag group-hover:text-primary h-7 w-7 group-hover:scale-110 group-active:scale-125"></i>`);
   if ($setup.delayedTotalItems) {
-    _push(`<span class="ui-badge-pill-sm absolute -top-1 -right-1.5">${ssrInterpolate($setup.delayedTotalItems)}</span>`);
+    _push(`<span class="ui-badge-pill-sm absolute -right-1.5 -top-1">${ssrInterpolate($setup.delayedTotalItems)}</span>`);
   } else {
     _push(`<!---->`);
   }
-  _push(`</button></div></div>`);
+  _push(`</a></div></div>`);
   _push(ssrRenderComponent($setup["Drawer"], {
     modelValue: $setup.isSidenavOpen,
     "onUpdate:modelValue": ($event) => $setup.isSidenavOpen = $event,
@@ -3599,7 +3465,7 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             ssrRenderSuspense(_push3, {
               fallback: () => {
                 _push3(ssrRenderComponent(_component_Skeleton, {
-                  class: "pt-16 px-6",
+                  class: "px-6 pt-16",
                   "is-bold": ""
                 }, null, _parent2, _scopeId));
               },
@@ -3619,7 +3485,7 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               (openBlock(), createBlock(Suspense, null, {
                 fallback: withCtx(() => [
                   createVNode(_component_Skeleton, {
-                    class: "pt-16 px-6",
+                    class: "px-6 pt-16",
                     "is-bold": ""
                   })
                 ]),
@@ -3642,21 +3508,21 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</header>`);
 }
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$h = _sfc_main$h.setup;
+_sfc_main$h.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeader.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
 
-var __freeze$1 = Object.freeze;
-var __defProp$1 = Object.defineProperty;
-var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
-var _a$1;
-const $$Astro$9 = createAstro("https://ecom2-demo.web.app");
+var __freeze$2 = Object.freeze;
+var __defProp$2 = Object.defineProperty;
+var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
+var _a$2;
+const $$Astro$8 = createAstro("https://demo.ecomplus.app");
 const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$PageHeader;
   const { routeContext } = Astro2.locals;
   const { settings, isHomepage } = routeContext;
@@ -3669,10 +3535,10 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
     field: "categories",
     value: categories?.map(({ _id, ...c }) => c)
   });
-  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["", "", "<script>", "<\/script>", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`${maybeRenderHead()}<a href="/">${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}` })}</a>` })}` })))}`;
+  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a$2 || (_a$2 = __template$2([" ", "", " <script>", "<\/script> ", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })} ` })} </a> ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodFlag",
   props: {
     as: { default: "i" },
@@ -3708,22 +3574,141 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   if (!$setup.iconClassName) {
-    _push(`<b${ssrRenderAttrs(mergeProps({ class: "tracking-tighter leading-none mb-1 text-black text-[57%]" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
+    _push(`<b${ssrRenderAttrs(mergeProps({ class: "mb-1 text-[57%] leading-none tracking-tighter text-black" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
   } else {
     ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
   }
 }
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+const _sfc_setup$g = _sfc_main$g.setup;
+_sfc_main$g.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
 };
-const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "FooterStamps",
+  props: {
+    stamps: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { PaymentMethodFlag };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><div class="flex flex-wrap items-start justify-between gap-5 lg:flex-nowrap"><ul class="mx-auto flex items-center gap-x-6 gap-y-3 overflow-x-auto md:mx-0 md:flex-wrap md:overflow-hidden lg:gap-x-8"><!--[-->`);
+  ssrRenderList($props.stamps, (stamp, i) => {
+    _push(`<li>`);
+    _push(ssrRenderComponent(_component_ALink, {
+      href: stamp.href?.replace("{domain}", _ctx.$settings.domain || "")
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push2, _parent2, _scopeId);
+          if (!stamp.img) {
+            _push2(`<span class="flex items-center"${_scopeId}>`);
+            if (stamp.icon) {
+              _push2(`<span class="[&amp;&gt;*]:from-success-200 [&amp;&gt;*]:to-success-700 mr-2 text-4xl [&amp;&gt;*]:bg-gradient-to-br"${_scopeId}>`);
+              if (stamp.icon === "lock") {
+                _push2(`<i class="i-lock-closed"${_scopeId}></i>`);
+              } else if (stamp.icon === "check") {
+                _push2(`<i class="i-check-badge"${_scopeId}></i>`);
+              } else {
+                _push2(`<i class="i-arrow-path-rounded-square"${_scopeId}></i>`);
+              }
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<span class="text-base-600 max-w-[140px] text-sm font-medium"${_scopeId}>${ssrInterpolate(stamp.alt)} `);
+            if (stamp.href && stamp.href.charAt(0) !== "/") {
+              _push2(`<i class="bg-base-400 i-arrow-top-right-on-square ml-0.5"${_scopeId}></i>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span></span>`);
+          } else {
+            _push2(`<!---->`);
+          }
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, `picture-${i}`),
+            !stamp.img ? (openBlock(), createBlock("span", {
+              key: 0,
+              class: "flex items-center"
+            }, [
+              stamp.icon ? (openBlock(), createBlock("span", {
+                key: 0,
+                class: "[&>*]:from-success-200 [&>*]:to-success-700 mr-2 text-4xl [&>*]:bg-gradient-to-br"
+              }, [
+                stamp.icon === "lock" ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: "i-lock-closed"
+                })) : stamp.icon === "check" ? (openBlock(), createBlock("i", {
+                  key: 1,
+                  class: "i-check-badge"
+                })) : (openBlock(), createBlock("i", {
+                  key: 2,
+                  class: "i-arrow-path-rounded-square"
+                }))
+              ])) : createCommentVNode("", true),
+              createVNode("span", { class: "text-base-600 max-w-[140px] text-sm font-medium" }, [
+                createTextVNode(toDisplayString(stamp.alt) + " ", 1),
+                stamp.href && stamp.href.charAt(0) !== "/" ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: "bg-base-400 i-arrow-top-right-on-square ml-0.5"
+                })) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true)
+          ];
+        }
+      }),
+      _: 2
+    }, _parent));
+    _push(`</li>`);
+  });
+  _push(`<!--]--></ul><div class="mx-auto flex flex-wrap items-center justify-end gap-4 overflow-x-auto text-2xl md:mx-0 md:flex-nowrap md:overflow-hidden"><!--[-->`);
+  ssrRenderList(_ctx.$settings.paymentMethods, (paymentMethod) => {
+    _push(ssrRenderComponent($setup["PaymentMethodFlag"], {
+      key: paymentMethod,
+      flag: paymentMethod
+    }, null, _parent));
+  });
+  _push(`<!--]--></div></div><div class="mt-7 justify-between gap-4 text-center text-xs md:flex md:text-left"><div class="mb-3 md:mb-0"> @ ${ssrInterpolate(( new Date()).getFullYear())} ${ssrInterpolate(_ctx.$settings.corporateName)} ${ssrInterpolate(_ctx.$settings.address ? `/ ${_ctx.$settings.address}` : "")} / ${ssrInterpolate(_ctx.$settings.docNumber)}</div>`);
+  _push(ssrRenderComponent(_component_ALink, {
+    href: "https://www.ecomplus.io/",
+    class: "italic text-[#37003c]"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(` powered by <b${_scopeId}>e-com.plus</b>`);
+      } else {
+        return [
+          createTextVNode(" powered by "),
+          createVNode("b", null, "e-com.plus")
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div></div>`);
+}
+const _sfc_setup$f = _sfc_main$f.setup;
+_sfc_main$f.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/FooterStamps.vue");
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+};
+const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
+
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ShopFooter",
   props: {
     stamps: {},
@@ -3736,35 +3721,35 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     __expose();
     const __returned__ = { get socialNetworks() {
       return socialNetworks;
-    }, SocialNetworkLink, PaymentMethodFlag };
+    }, SocialNetworkLink, FooterStamps };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
-  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "w-screen bg-base-50 border-t border-base-100 py-2" }, _attrs))}><div class="ui-section"><div class="pb-7 border-b border-base-200 flex justify-between flex-wrap lg:flex-nowrap sm:gap-x-10 gap-y-5"><div class="shrink">`);
+  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "bg-base-50 border-base-100 w-screen border-t py-2" }, _attrs))}><div class="ui-section"><div class="border-base-200 flex flex-wrap justify-between gap-y-5 border-b pb-7 sm:gap-x-10 lg:flex-nowrap"><div class="shrink">`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
   if (_ctx.$settings.description) {
     _push(`<div class="prose"><p>${ssrInterpolate(_ctx.$settings.description)}</p></div>`);
   } else {
     _push(`<!---->`);
   }
-  _push(`<div class="flex gap-2 text-base-500"><!--[-->`);
+  _push(`<div class="text-base-500 flex gap-2"><!--[-->`);
   ssrRenderList($setup.socialNetworks, (href, network) => {
     _push(`<span>`);
     _push(ssrRenderComponent($setup["SocialNetworkLink"], {
       network,
-      class: "p-1 hover:text-primary"
+      class: "hover:text-primary p-1"
     }, createSlots({ _: 2 }, [
       network === "whatsapp" ? {
         name: "append",
         fn: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
-            _push2(`<span class="ml-1 text-sm text-base-600"${_scopeId}>${ssrInterpolate(_ctx.$settings.whatsapp)}</span>`);
+            _push2(`<span class="text-base-600 ml-1 text-sm"${_scopeId}>${ssrInterpolate(_ctx.$settings.whatsapp)}</span>`);
           } else {
             return [
-              createVNode("span", { class: "ml-1 text-sm text-base-600" }, toDisplayString(_ctx.$settings.whatsapp), 1)
+              createVNode("span", { class: "text-base-600 ml-1 text-sm" }, toDisplayString(_ctx.$settings.whatsapp), 1)
             ];
           }
         }),
@@ -3774,13 +3759,8 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`</span>`);
   });
   _push(`<!--]--></div>`);
-  if (_ctx.$settings.address || _ctx.$settings.phone) {
-    _push(`<div class="mt-3 text-base-700">`);
-    if (_ctx.$settings.address) {
-      _push(`<address class="inline-block mr-4">${ssrInterpolate(_ctx.$settings.address)}</address>`);
-    } else {
-      _push(`<!---->`);
-    }
+  if (_ctx.$settings.phone) {
+    _push(`<div class="text-base-700 mt-3">`);
     if (_ctx.$settings.phone) {
       _push(ssrRenderComponent(_component_ALink, {
         href: `tel:${_ctx.$settings.phone.replace(/\D/g, "")}`,
@@ -3807,48 +3787,16 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div>`);
   if ($props.categories?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="text-lg font-medium mb-2.5">${ssrInterpolate($props.categoriesColTitle || "Categorias")}</div><ul class="${ssrRenderClass([$props.categories.length > 4 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
+    _push(`<div class="basis-1/2 sm:basis-auto"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.categoriesColTitle || "Categorias")}</div><ul class="${ssrRenderClass([$props.categories.length > 4 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
     ssrRenderList($props.categories, ({ name, slug }, i) => {
-      _push(`<li>`);
-      _push(ssrRenderComponent(_component_ALink, {
-        href: `/${slug}`,
-        class: "ui-link text-base-600"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate(name)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString(name), 1)
-            ];
-          }
-        }),
-        _: 2
-      }, _parent));
-      _push(`</li>`);
+      _push(`<li><a${ssrRenderAttr("href", `/${slug}`)} class="ui-link text-base-600">${ssrInterpolate(name)}</a></li>`);
     });
-    _push(`<!--]--><li>`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: "/s",
-      class: "ui-link text-base-900"
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          _push2(`${ssrInterpolate("Todos os produtos")}`);
-        } else {
-          return [
-            createTextVNode(toDisplayString("Todos os produtos"))
-          ];
-        }
-      }),
-      _: 1
-    }, _parent));
-    _push(`</li></ul></div>`);
+    _push(`<!--]--><li><a href="/s" class="ui-link text-base-900">${ssrInterpolate("Todos os produtos")}</a></li></ul></div>`);
   } else {
     _push(`<!---->`);
   }
   if ($props.pageLinks?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="text-lg font-medium mb-2.5">${ssrInterpolate($props.pagesColTitle || "Institucional")}</div><ul class="${ssrRenderClass([$props.pageLinks.length > 5 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
+    _push(`<div class="basis-1/2 sm:basis-auto"><div class="mb-2.5 text-lg font-medium">${ssrInterpolate($props.pagesColTitle || "Institucional")}</div><ul class="${ssrRenderClass([$props.pageLinks.length > 5 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
     ssrRenderList($props.pageLinks, ({ title, href }, i) => {
       _push(`<li>`);
       _push(ssrRenderComponent(_component_ALink, {
@@ -3872,114 +3820,21 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _push(`</div></div><div class="ui-section"><div class="flex flex-wrap lg:flex-nowrap justify-between items-start gap-5"><ul class="flex gap-y-3 gap-x-6 lg:gap-x-8 items-center md:flex-wrap mx-auto md:mx-0 overflow-x-auto md:overflow-hidden"><!--[-->`);
-  ssrRenderList($props.stamps, (stamp, i) => {
-    _push(`<li>`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: stamp.href?.replace("{domain}", _ctx.$settings.domain || "")
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push2, _parent2, _scopeId);
-          if (!stamp.img) {
-            _push2(`<span class="flex items-center"${_scopeId}>`);
-            if (stamp.icon) {
-              _push2(`<span class="text-4xl mr-2 [&amp;&gt;*]:bg-gradient-to-br [&amp;&gt;*]:from-success-200 [&amp;&gt;*]:to-success-700"${_scopeId}>`);
-              if (stamp.icon === "lock") {
-                _push2(`<i class="i-lock-closed"${_scopeId}></i>`);
-              } else if (stamp.icon === "check") {
-                _push2(`<i class="i-check-badge"${_scopeId}></i>`);
-              } else {
-                _push2(`<i class="i-arrow-path-rounded-square"${_scopeId}></i>`);
-              }
-              _push2(`</span>`);
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`<span class="text-sm font-medium text-base-600 max-w-[140px]"${_scopeId}>${ssrInterpolate(stamp.alt)} `);
-            if (stamp.href && stamp.href.charAt(0) !== "/") {
-              _push2(`<i class="bg-base-400 ml-0.5 i-arrow-top-right-on-square"${_scopeId}></i>`);
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`</span></span>`);
-          } else {
-            _push2(`<!---->`);
-          }
-        } else {
-          return [
-            renderSlot$1(_ctx.$slots, `picture-${i}`),
-            !stamp.img ? (openBlock(), createBlock("span", {
-              key: 0,
-              class: "flex items-center"
-            }, [
-              stamp.icon ? (openBlock(), createBlock("span", {
-                key: 0,
-                class: "text-4xl mr-2 [&>*]:bg-gradient-to-br [&>*]:from-success-200 [&>*]:to-success-700"
-              }, [
-                stamp.icon === "lock" ? (openBlock(), createBlock("i", {
-                  key: 0,
-                  class: "i-lock-closed"
-                })) : stamp.icon === "check" ? (openBlock(), createBlock("i", {
-                  key: 1,
-                  class: "i-check-badge"
-                })) : (openBlock(), createBlock("i", {
-                  key: 2,
-                  class: "i-arrow-path-rounded-square"
-                }))
-              ])) : createCommentVNode("", true),
-              createVNode("span", { class: "text-sm font-medium text-base-600 max-w-[140px]" }, [
-                createTextVNode(toDisplayString(stamp.alt) + " ", 1),
-                stamp.href && stamp.href.charAt(0) !== "/" ? (openBlock(), createBlock("i", {
-                  key: 0,
-                  class: "bg-base-400 ml-0.5 i-arrow-top-right-on-square"
-                })) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true)
-          ];
-        }
-      }),
-      _: 2
-    }, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--></ul><div class="flex flex-wrap md:flex-nowrap justify-end items-center gap-4 text-2xl mx-auto md:mx-0 overflow-x-auto md:overflow-hidden"><!--[-->`);
-  ssrRenderList(_ctx.$settings.payment_methods, (paymentMethod) => {
-    _push(ssrRenderComponent($setup["PaymentMethodFlag"], {
-      key: paymentMethod,
-      flag: paymentMethod
-    }, null, _parent));
-  });
-  _push(`<!--]--></div></div><div class="mt-7 text-xs text-center md:text-left md:flex justify-between gap-4"><div class="mb-3 md:mb-0"> @ ${ssrInterpolate(( new Date()).getFullYear())} ${ssrInterpolate(_ctx.$settings.corporate_name)} ${ssrInterpolate(_ctx.$settings.address ? `/ ${_ctx.$settings.address}` : "")} / ${ssrInterpolate(_ctx.$settings.doc_number)}</div>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: "https://www.ecomplus.io/",
-    class: "italic text-[#37003c]"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(` powered by <b${_scopeId}>E-Com Plus</b>`);
-      } else {
-        return [
-          createTextVNode(" powered by "),
-          createVNode("b", null, "E-Com Plus")
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</div></div></footer>`);
+  _push(`</div></div>`);
+  _push(ssrRenderComponent($setup["FooterStamps"], { stamps: $props.stamps }, null, _parent));
+  _push(`</footer>`);
 }
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
+const _sfc_setup$e = _sfc_main$e.setup;
+_sfc_main$e.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopFooter.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
 };
-const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
-const $$Astro$8 = createAstro("https://ecom2-demo.web.app");
+const $$Astro$7 = createAstro("https://demo.ecomplus.app");
 const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
   Astro2.self = $$PageFooter;
   const { routeContext } = Astro2.locals;
   const { settings, getContent, isHomepage } = routeContext;
@@ -3988,13 +3843,13 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
   const {
     footer: {
       stamps,
-      categories_list: categoriesList,
-      pages_list: pagesList
+      categoriesList,
+      pagesList
     }
   } = layoutContent;
   let mainCategories;
   let pageLinks;
-  if (categoriesList?.enabled) {
+  if (categoriesList?.isActive) {
     if (categoriesList.categories?.length) {
       mainCategories = categoriesList.categories;
     } else {
@@ -4004,7 +3859,7 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
       }
     }
   }
-  if (pagesList?.enabled) {
+  if (pagesList?.isActive) {
     if (pagesList.links?.length) {
       pageLinks = pagesList.links;
     } else {
@@ -4018,7 +3873,7 @@ const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
       }
     }
   }
-  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`${maybeRenderHead()}<a href="/">${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })}` })}</a>` })}` })}`;
+  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate` ${maybeRenderHead()}<a href="/"> ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "loading": "lazy", "class": "max-w-[150px]" })} ` })} </a> ` })}` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
 
 const useProductShelf = (props) => {
@@ -4093,25 +3948,15 @@ const now = Date.now();
 const parseBanners = (banners) => {
   const validBanners = [];
   banners.forEach(({
-    img,
-    start,
-    end,
-    mobile_img: mobileImg,
-    button_link: buttonLink,
-    button_text: buttonText,
-    ...rest
+    startsAt,
+    endsAt,
+    ...bannerProps
   }) => {
-    if (start && new Date(start).getTime() < now)
+    if (startsAt && new Date(startsAt).getTime() < now)
       return;
-    if (end && new Date(end).getTime() > now)
+    if (endsAt && new Date(endsAt).getTime() > now)
       return;
-    validBanners.push({
-      ...rest,
-      img,
-      mobileImg,
-      buttonLink,
-      buttonText
-    });
+    validBanners.push(bannerProps);
   });
   return validBanners;
 };
@@ -4134,9 +3979,9 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
     await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }, index) => {
       if (type === "product-shelf") {
         const {
-          collection_id: collectionIdAndInfo,
-          headless: isHeadless,
-          shuffle: isShuffle,
+          collectionIdAndInfo,
+          isHeadless,
+          isShuffle,
           ...rest
         } = sectionContent;
         let { sort, title } = sectionContent;
@@ -4183,16 +4028,7 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
         await fetching;
         sections[index] = {
           type,
-          props: {
-            ...rest,
-            collectionId,
-            searchQuery,
-            sort,
-            title: isHeadless ? null : title,
-            titleLink,
-            isShuffle,
-            products
-          }
+          props: { ...props, products }
         };
         return;
       }
@@ -4213,7 +4049,7 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
         case "product-specifications":
           sections[index] = {
             type,
-            props: {}
+            props: sectionContent
           };
           return;
       }
@@ -4231,9 +4067,9 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
   };
 };
 
-const $$Astro$7 = createAstro("https://ecom2-demo.web.app");
+const $$Astro$6 = createAstro("https://demo.ecomplus.app");
 const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$BannerPictures;
   const {
     img,
@@ -4285,7 +4121,7 @@ const useBanner = (props) => {
   };
 };
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     img: {},
@@ -4312,7 +4148,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({
     class: ["mx-auto overflow-x-hidden", $setup.hasHeader ? "grid grid-cols-1 sm:grid-cols-2 items-center" : null]
@@ -4333,7 +4169,7 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
   if ($setup.hasHeader) {
-    _push(`<div class="p-12 xl:ps-32 mb-3 sm:mb-0">`);
+    _push(`<div class="mb-3 p-12 sm:mb-0 xl:ps-32">`);
     if ($setup.parsedTitle) {
       ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.headingTag), { class: "ui-title mt-1" }, {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -4351,14 +4187,14 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       _push(`<!---->`);
     }
     if ($setup.parsedSubtitle) {
-      _push(`<p class="text-lg mt-4 md:mt-6">${ssrInterpolate($setup.parsedSubtitle)}</p>`);
+      _push(`<p class="mt-4 text-lg md:mt-6">${ssrInterpolate($setup.parsedSubtitle)}</p>`);
     } else {
       _push(`<!---->`);
     }
     if ($setup.parsedButtonText) {
       _push(ssrRenderComponent(_component_ALink, {
         href: $props.buttonLink,
-        class: "ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
+        class: "ui-btn-lg ui-btn-contrast mt-7 min-w-[150px] md:mt-10"
       }, {
         default: withCtx((_, _push2, _parent2, _scopeId) => {
           if (_push2) {
@@ -4380,22 +4216,66 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div>`);
 }
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+const _sfc_setup$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
 
-const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
+const $$Astro$5 = createAstro("https://demo.ecomplus.app");
 const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
   Astro2.self = $$BannersGrid;
   const { banners } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<section class="ui-section"><ul class="flex flex-wrap lg:flex-nowrap gap-4">${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })}</li>`)}</ul></section>`;
+  return renderTemplate`${maybeRenderHead()}<section class="ui-section"> <ul class="flex flex-wrap lg:flex-nowrap gap-4"> ${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover"> ${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })} </li>`)} </ul> </section>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro", void 0);
 
+const emitGtagEvent = async (name, _params) => {
+  return;
+};
+const getGtagItem = (product) => {
+  const [name$1, ...variants] = name(product).split(" / ");
+  const item = {
+    item_name: name$1,
+    item_id: product.sku,
+    price: Math.round(price(product) * 100) / 100,
+    // https://developers.google.com/analytics/devguides/collection/ga4/item-scoped-ecommerce#add_an_item-scoped_custom_parameter
+    // @ts-ignore
+    object_id: product._id
+  };
+  if (variants && variants.length) {
+    item.item_variant = variants.join(" / ");
+  } else if (product.variation_id) {
+    item.item_name = name$1.replace(
+      window.__customGTMVariantRegex || /\s[^\s]+$/,
+      ""
+    );
+    item.item_variant = name$1.replace(item.item_name, "").trim();
+  }
+  if (product.quantity === 0 || product.quantity && product.product_id) {
+    item.quantity = product.quantity;
+  }
+  const { brands, categories } = product;
+  if (brands?.length) {
+    item.item_brand = brands[0].name;
+  }
+  if (categories?.length) {
+    for (let i = 0; i < categories.length; i++) {
+      const { name: categoryName } = categories[i];
+      if (i === 0) {
+        item.item_category = categoryName;
+      } else {
+        item[`item_category${i + 1}`] = categoryName;
+        if (i === 4)
+          break;
+      }
+    }
+  }
+  return item;
+};
+
 const useProductCard = (props) => {
   const isFetching = ref(false);
   let fetching = null;
@@ -4459,6 +4339,14 @@ const useProductCard = (props) => {
       return true;
     return Boolean(product.variations?.length);
   });
+  emitGtagEvent("view_item", {
+    value: isActive.value ? product.price : 0,
+    items: [{
+      ...getGtagItem(product),
+      item_list_name: props.listName,
+      item_list_id: props.listId || props.listName && slugify(props.listName)
+    }]
+  });
   return {
     isFetching,
     fetching,
@@ -4623,7 +4511,7 @@ const usePrices = (props) => {
   };
 };
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Prices",
   props: {
     isBig: { type: Boolean },
@@ -4658,10 +4546,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(`<div${ssrRenderAttrs(mergeProps({
-    class: ["text-base-600 [&>div]:[font-size:90%] [&_small]:[font-size:92%] [&_small]:lowercase", $props.isBig ? "text-lg" : null]
+    class: ["text-base-600 [&>div]:[font-size:90%] [&_small]:lowercase [&_small]:[font-size:92%]", $props.isBig ? "text-lg" : null]
   }, _attrs))}>`);
   if ($setup.comparePrice) {
     _push(`<span class="text-base-500 mr-1 text-[87%]">`);
@@ -4680,7 +4568,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-5xl block" : null, "inline-block text-base-800"])}">`);
+  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-4xl block" : "inline-block", "text-base-800"])}">`);
   if ($setup.hasVariedPrices) {
     _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
   } else {
@@ -4788,19 +4676,21 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div>`);
 }
-const _sfc_setup$2 = _sfc_main$2.setup;
-_sfc_main$2.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Prices.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ProductCard",
   props: {
     product: {},
     productId: {},
+    listName: {},
+    listId: {},
     headingTag: { default: "h3" }
   },
   setup(__props, { expose: __expose }) {
@@ -4829,40 +4719,40 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   const _component_AImg = resolveComponent("AImg");
   _push(`<article${ssrRenderAttrs(mergeProps({
     ref: "card",
     "data-sku": $setup.product.sku,
-    class: "relative h-full max-w-[350px] mx-auto py-3 group"
+    class: "group relative mx-auto h-full max-w-[350px] py-3"
   }, _attrs))}>`);
   _push(ssrRenderComponent(_component_ALink, {
     href: $setup.link,
-    class: "flex flex-col h-full rounded overflow-hidden group-hover:shadow group-hover:ring-1 ring-black/5"
+    class: "flex h-full flex-col overflow-hidden rounded ring-black/5 group-hover:shadow group-hover:ring-1"
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div class="aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform"${_scopeId}><div class="relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none"${_scopeId}>`);
+        _push2(`<div class="aspect-square p-2 transition-transform motion-safe:group-hover:scale-110"${_scopeId}><div class="relative h-full w-full overflow-hidden rounded bg-white group-hover:rounded-none"${_scopeId}>`);
         if ($setup.images?.length) {
           _push2(`<span class="text-xs text-opacity-70"${_scopeId}>`);
           _push2(ssrRenderComponent(_component_AImg, {
             picture: $setup.images[0],
             alt: $setup.title,
-            class: "absolute top-0 left-0 block w-full h-full object-cover"
+            class: "absolute left-0 top-0 block h-full w-full object-cover"
           }, null, _parent2, _scopeId));
           if ($setup.images[1] && $setup.wasHoveredOnce) {
             _push2(ssrRenderComponent(_component_AImg, {
               picture: $setup.images[1],
               alt: $setup.title,
-              class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
+              class: "absolute left-0 top-0 z-10 block h-full w-full object-cover text-transparent opacity-0 transition-opacity group-hover:opacity-100 motion-safe:duration-300"
             }, null, _parent2, _scopeId));
           } else {
             _push2(`<!---->`);
           }
           _push2(`</span>`);
         } else {
-          _push2(`<div class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"${_scopeId}></div>`);
+          _push2(`<div class="from-base-50/20 to-base-100 h-full w-full bg-gradient-to-br"${_scopeId}></div>`);
         }
         _push2(`</div></div>`);
         if ($setup.discountPercentage) {
@@ -4870,11 +4760,11 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         } else {
           _push2(`<!---->`);
         }
-        _push2(`<div class="relative flex flex-col grow justify-between p-4 group-hover:backdrop-blur-md bg-white/40 z-10"${_scopeId}>`);
+        _push2(`<div class="relative z-10 flex grow flex-col justify-between bg-white/40 p-4 group-hover:backdrop-blur-md"${_scopeId}>`);
         ssrRenderVNode(_push2, createVNode(resolveDynamicComponent($props.headingTag), {
-          class: ["ui-link no-underline line-clamp-2", [
+          class: ["ui-link line-clamp-2 no-underline", [
             $setup.isActive ? "text-base-700" : "text-base-500",
-            $setup.link ? "group-hover:underline group-hover:text-primary" : null
+            $setup.link ? "group-hover:text-primary group-hover:underline" : null
           ]]
         }, {
           default: withCtx((_2, _push3, _parent3, _scopeId2) => {
@@ -4898,15 +4788,15 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         }
         _push2(`</div>`);
         if ($setup.isActive && !$setup.hasVariations) {
-          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><span class="inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1"${_scopeId}> + </span> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
+          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><span class="bg-on-primary text-primary mr-1 inline-block h-4 w-4 rounded-full text-center text-base leading-none opacity-80"${_scopeId}> + </span> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
         } else {
           _push2(`<!---->`);
         }
         _push2(`</div>`);
       } else {
         return [
-          createVNode("div", { class: "aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform" }, [
-            createVNode("div", { class: "relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none" }, [
+          createVNode("div", { class: "aspect-square p-2 transition-transform motion-safe:group-hover:scale-110" }, [
+            createVNode("div", { class: "relative h-full w-full overflow-hidden rounded bg-white group-hover:rounded-none" }, [
               $setup.images?.length ? (openBlock(), createBlock("span", {
                 key: 0,
                 class: "text-xs text-opacity-70"
@@ -4914,17 +4804,17 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 createVNode(_component_AImg, {
                   picture: $setup.images[0],
                   alt: $setup.title,
-                  class: "absolute top-0 left-0 block w-full h-full object-cover"
+                  class: "absolute left-0 top-0 block h-full w-full object-cover"
                 }, null, 8, ["picture", "alt"]),
                 $setup.images[1] && $setup.wasHoveredOnce ? (openBlock(), createBlock(_component_AImg, {
                   key: 0,
                   picture: $setup.images[1],
                   alt: $setup.title,
-                  class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
+                  class: "absolute left-0 top-0 z-10 block h-full w-full object-cover text-transparent opacity-0 transition-opacity group-hover:opacity-100 motion-safe:duration-300"
                 }, null, 8, ["picture", "alt"])) : createCommentVNode("", true)
               ])) : (openBlock(), createBlock("div", {
                 key: 1,
-                class: "w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
+                class: "from-base-50/20 to-base-100 h-full w-full bg-gradient-to-br"
               }))
             ])
           ]),
@@ -4936,11 +4826,11 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             createVNode("strong", null, toDisplayString($setup.discountPercentage), 1),
             createTextVNode("% ")
           ])) : createCommentVNode("", true),
-          createVNode("div", { class: "relative flex flex-col grow justify-between p-4 group-hover:backdrop-blur-md bg-white/40 z-10" }, [
+          createVNode("div", { class: "relative z-10 flex grow flex-col justify-between bg-white/40 p-4 group-hover:backdrop-blur-md" }, [
             (openBlock(), createBlock(resolveDynamicComponent($props.headingTag), {
-              class: ["ui-link no-underline line-clamp-2", [
+              class: ["ui-link line-clamp-2 no-underline", [
                 $setup.isActive ? "text-base-700" : "text-base-500",
-                $setup.link ? "group-hover:underline group-hover:text-primary" : null
+                $setup.link ? "group-hover:text-primary group-hover:underline" : null
               ]]
             }, {
               default: withCtx(() => [
@@ -4961,7 +4851,7 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               class: "uno-3suct9 ui-btn-sm ui-btn-primary",
               onClick: withModifiers(($event) => $setup.addProductToCart($setup.product), ["prevent"])
             }, [
-              createVNode("span", { class: "inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1" }, " + "),
+              createVNode("span", { class: "bg-on-primary text-primary mr-1 inline-block h-4 w-4 rounded-full text-center text-base leading-none opacity-80" }, " + "),
               createTextVNode(" " + toDisplayString("Adicionar ao carrinho"))
             ], 8, ["onClick"])) : createCommentVNode("", true)
           ])
@@ -4972,15 +4862,15 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</article>`);
 }
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductCard.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ProductShelf",
   props: {
     collectionId: {},
@@ -5006,16 +4896,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     {
       [__temp, __restore] = withAsyncContext(() => fetching), await __temp, __restore();
     }
-    const __returned__ = { props, title, titleLink, fetching, products, Carousel, CarouselControl, ProductCard };
+    const listName = title.value || `Shelf ${useId()}`;
+    const __returned__ = { props, title, titleLink, fetching, products, listName, ProductCard };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
+  const _component_Carousel = resolveComponent("Carousel");
+  const _component_CarouselControl = resolveComponent("CarouselControl");
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
   if ($setup.title) {
-    _push(`<div class="max-w-prose mx-auto text-center mb-2"><h2 class="ui-text-brand text-3xl">`);
+    _push(`<div class="mx-auto mb-2 max-w-prose text-center"><h2 class="ui-text-brand text-3xl">`);
     _push(ssrRenderComponent(_component_ALink, {
       href: $setup.titleLink,
       class: $setup.titleLink ? "ui-link" : "text-base-700"
@@ -5035,24 +4928,24 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   } else {
     _push(`<!---->`);
   }
-  _push(ssrRenderComponent($setup["Carousel"], { class: "group/shelf" }, {
+  _push(ssrRenderComponent(_component_Carousel, { class: "group/shelf" }, {
     controls: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.products.length > 2 ? null : { display: "none" })}" class="text-3xl lg:text-2xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity"${_scopeId}>`);
-        _push2(ssrRenderComponent($setup["CarouselControl"], {
-          class: "!top-1/2 !-left-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
+        _push2(`<div style="${ssrRenderStyle($setup.products.length > 2 ? null : { display: "none" })}" class="text-primary text-3xl leading-none transition-opacity group-hover/shelf:opacity-90 lg:text-2xl lg:opacity-0"${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_CarouselControl, {
+          class: "lg:hover:bg-primary-300/60 !-left-4 !top-1/2 h-12 w-12 rounded-full bg-transparent ring-black/5 lg:bg-white/80 lg:shadow-sm lg:ring-1",
           "is-prev": ""
         }, null, _parent2, _scopeId));
-        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "!top-1/2 !-right-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" }, null, _parent2, _scopeId));
+        _push2(ssrRenderComponent(_component_CarouselControl, { class: "lg:hover:bg-primary-300/60 !-right-4 !top-1/2 h-12 w-12 rounded-full bg-transparent ring-black/5 lg:bg-white/80 lg:shadow-sm lg:ring-1" }, null, _parent2, _scopeId));
         _push2(`</div>`);
       } else {
         return [
-          withDirectives(createVNode("div", { class: "text-3xl lg:text-2xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity" }, [
-            createVNode($setup["CarouselControl"], {
-              class: "!top-1/2 !-left-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
+          withDirectives(createVNode("div", { class: "text-primary text-3xl leading-none transition-opacity group-hover/shelf:opacity-90 lg:text-2xl lg:opacity-0" }, [
+            createVNode(_component_CarouselControl, {
+              class: "lg:hover:bg-primary-300/60 !-left-4 !top-1/2 h-12 w-12 rounded-full bg-transparent ring-black/5 lg:bg-white/80 lg:shadow-sm lg:ring-1",
               "is-prev": ""
             }),
-            createVNode($setup["CarouselControl"], { class: "!top-1/2 !-right-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" })
+            createVNode(_component_CarouselControl, { class: "lg:hover:bg-primary-300/60 !-right-4 !top-1/2 h-12 w-12 rounded-full bg-transparent ring-black/5 lg:bg-white/80 lg:shadow-sm lg:ring-1" })
           ], 512), [
             [vShow, $setup.products.length > 2]
           ])
@@ -5063,8 +4956,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       if (_push2) {
         _push2(`<!--[-->`);
         ssrRenderList($setup.products, (product) => {
-          _push2(`<li class="basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"${_scopeId}>`);
-          _push2(ssrRenderComponent($setup["ProductCard"], { product }, null, _parent2, _scopeId));
+          _push2(`<li class="shrink-0 basis-1/2 md:basis-1/3 lg:basis-1/4"${_scopeId}>`);
+          _push2(ssrRenderComponent($setup["ProductCard"], {
+            product,
+            "list-name": $setup.listName
+          }, null, _parent2, _scopeId));
           _push2(`</li>`);
         });
         _push2(`<!--]-->`);
@@ -5073,9 +4969,12 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
           (openBlock(true), createBlock(Fragment$1, null, renderList($setup.products, (product) => {
             return openBlock(), createBlock("li", {
               key: product._id,
-              class: "basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"
+              class: "shrink-0 basis-1/2 md:basis-1/3 lg:basis-1/4"
             }, [
-              createVNode($setup["ProductCard"], { product }, null, 8, ["product"])
+              createVNode($setup["ProductCard"], {
+                product,
+                "list-name": $setup.listName
+              }, null, 8, ["product", "list-name"])
             ]);
           }), 128))
         ];
@@ -5085,13 +4984,13 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   }, _parent));
   _push(`</section>`);
 }
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductShelf.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
 const useBreadcrumbs = async (props = {}) => {
   const { settings, apiContext, data } = globalThis.$storefront;
@@ -5153,82 +5052,1014 @@ const useBreadcrumbs = async (props = {}) => {
   };
 };
 
-var __freeze = Object.freeze;
-var __defProp = Object.defineProperty;
-var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
-var _a;
-const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
+var _a$1;
+const $$Astro$4 = createAstro("https://demo.ecomplus.app");
 const $$Breadcrumbs = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
   Astro2.self = $$Breadcrumbs;
   const { breadcrumbs, inlineJSONLd } = await useBreadcrumbs(Astro2.props);
-  return renderTemplate`${breadcrumbs.length > 0 && renderTemplate`${maybeRenderHead()}<section class="ui-section-slim"><nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm"><ol class="flex items-center gap-1 text-base-600"><li><a href="/" class="hover:text-primary"><span class="sr-only"> Home </span><i class="i-home"></i></a></li>${breadcrumbs.map(
+  return renderTemplate`${breadcrumbs.length > 0 && renderTemplate`${maybeRenderHead()}<section${addAttribute(`ui-section-slim ${breadcrumbs.length > 1 ? "" : "hidden lg:block"}`, "class")}><nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm"><ol class="flex items-center gap-1 text-base-600"><li><a href="/" class="hover:text-primary"><span class="sr-only"> Home </span><i class="i-home"></i></a></li>${breadcrumbs.map(
     ({ name, link }, i) => renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${i + 1 < breadcrumbs.length ? renderTemplate`<li class="text-base-300"><i class="i-chevron-right"></i></li><li class="whitespace-nowrap"><a${addAttribute(link, "href")} class="hover:text-primary">${name}</a></li>` : renderTemplate`<li class="hidden lg:block text-base-300"><i class="i-chevron-right"></i></li><li class="hidden lg:block whitespace-nowrap overflow-hidden text-ellipsis"><span class="text-base-500">${name}</span></li>`}` })}`
-  )}</ol></nav>${inlineJSONLd && renderTemplate(_a || (_a = __template(['<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineJSONLd))}</section>`}`;
+  )}</ol></nav>${inlineJSONLd && renderTemplate(_a$1 || (_a$1 = __template$1(['<script type="application/ld+json">', "<\/script>"])), unescapeHTML(inlineJSONLd))}</section>`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/Breadcrumbs.astro", void 0);
 
-const i19description = "Descrição";
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "ContentClearfix",
+  props: {
+    html: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { html } = __props;
+    const parsedHTML = html.replace(/<(img|iframe) /g, '<$1 loading="lazy" ');
+    const __returned__ = { parsedHTML };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<article${ssrRenderAttrs(mergeProps({ class: "prose !max-w-full overflow-x-auto" }, _attrs))}><div class="[&amp;_iframe]:max-w-full [&amp;_img]:max-w-full [&amp;_table]:max-w-full">${$setup.parsedHTML}</div></article>`);
+}
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/ContentClearfix.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+const ContentClearfix = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
-const $$Astro$4 = createAstro("https://ecom2-demo.web.app");
-const $$ContentClearfix = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
-  Astro2.self = $$ContentClearfix;
-  const { html } = Astro2.props;
-  const parsedHTML = html.replace(/<(img|iframe) /g, '<$1 loading="lazy" ');
-  return renderTemplate`${maybeRenderHead()}<article class="overflow-x-auto lg:overflow-x-hidden prose !max-w-full"><div class="[&_table]:max-w-full [&_img]:max-w-full [&_iframe]:max-w-full">${unescapeHTML(parsedHTML)}</div></article>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/ContentClearfix.astro", void 0);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "Collapse",
+  props: {
+    title: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = {};
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<details${ssrRenderAttrs(mergeProps({ class: "[&_i]:open:rotate-180" }, _attrs))}><summary role="button" class="text-base-700 hover:text-base-800 [&amp;&gt;i]:hover:text-primary my-4 list-none text-2xl font-medium lowercase md:my-5"><i class="i-chevron-down mr-1"></i><span>${ssrInterpolate($props.title)}</span></summary>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</details>`);
+}
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Collapse.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
 
-const $$Astro$3 = createAstro("https://ecom2-demo.web.app");
-const $$DocDescription = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
-  Astro2.self = $$DocDescription;
-  const { apiDoc, title } = Astro2.props;
-  const html = apiDoc.body_html || apiDoc.body_text;
-  return renderTemplate`${html && renderTemplate`${maybeRenderHead()}<section class="ui-section"><p class="text-2xl font-medium lowercase text-base-700"><a href="#description" id="description"><i class="i-link text-base-400 mr-1"></i>${title || i19description}</a></p>${renderComponent($$result, "ContentClearfix", $$ContentClearfix, { "html": html })}</section>`}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/DocDescription.astro", void 0);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "DocDescription",
+  props: {
+    apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
+    title: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const html = computed(() => props.apiDoc.body_html || props.apiDoc.body_text);
+    const __returned__ = { props, html, ContentClearfix, Collapse };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  if ($setup.html) {
+    _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
+    _push(ssrRenderComponent($setup["Collapse"], {
+      title: $props.title || "Descri\xE7\xE3o",
+      open: ""
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(ssrRenderComponent($setup["ContentClearfix"], { html: $setup.html }, null, _parent2, _scopeId));
+        } else {
+          return [
+            createVNode($setup["ContentClearfix"], { html: $setup.html }, null, 8, ["html"])
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+    _push(`</section>`);
+  } else {
+    _push(`<!---->`);
+  }
+}
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/DocDescription.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const DocDescription = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
 
-const $$Astro$2 = createAstro("https://ecom2-demo.web.app");
-const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
-  Astro2.self = $$Sections;
-  const { routeContext } = Astro2.locals;
-  const { sections } = await usePageSections({
-    routeContext,
-    handleCustomSection: async (type, content) => {
-      if (type === "c:foo")
-        return { props: { ...content, foo: "bar" } };
-      return { props: content };
-    }
-  });
-  const { apiContext: { doc: apiDoc } } = routeContext;
-  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">${sections.map(async ({ type, props }) => {
-    switch (type) {
-      case "product-shelf":
-        return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
-      case "banners-grid":
-        return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
-      case "breadcrumbs":
-        return apiDoc && renderTemplate`${renderComponent($$result, "Breadcrumbs", $$Breadcrumbs, { ...props, "apiDoc": apiDoc })}`;
-      case "doc-description":
-        return apiDoc && renderTemplate`${renderComponent($$result, "DocDescription", $$DocDescription, { "apiDoc": apiDoc })}`;
-      case "c:foo":
-        return renderTemplate`<div${addAttribute(props.foo, "data-foo")}></div>`;
-      default:
-        return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
-    }
-  })}</article>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "CheckoutLink",
+  props: {
+    to: { default: "cart" },
+    cartUrl: { default: globalThis.$storefront?.settings.cartUrl || "/app/#/cart" },
+    checkoutUrl: { default: globalThis.$storefront?.settings.checkoutUrl || "/app/#/checkout" },
+    cartId: {},
+    cartItem: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const href = computed(() => {
+      let url = props.to === "cart" ? props.cartUrl : props.checkoutUrl;
+      if (props.cartId) {
+        url += `/${props.cartId}`;
+      } else if (props.cartItem) {
+        const params = {
+          product_id: props.cartItem.product_id
+        };
+        const {
+          variation_id: variationId,
+          quantity,
+          sku,
+          customizations
+        } = props.cartItem;
+        if (variationId)
+          params.variation_id = variationId;
+        if (quantity)
+          params.quantity = String(quantity);
+        if (sku)
+          params.sku = sku;
+        if (customizations) {
+          customizations.forEach(({ label, option, attachment }, i) => {
+            const prefix = `customizations.${i}.`;
+            if (label)
+              params[prefix + "label"] = label;
+            if (option) {
+              if (option._id)
+                params[prefix + "option._id"] = option._id;
+              params[prefix + "option.text"] = option.text;
+            }
+            if (attachment)
+              params[prefix + "attachment"] = attachment;
+          });
+        }
+        url += "?" + new URLSearchParams(params).toString();
+      }
+      return url;
+    });
+    const __returned__ = { props, href };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CheckoutLink.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelectorControl",
+  props: {
+    isMinus: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      value,
+      isBoundMin,
+      isBoundMax
+    } = inject(quantitySelectorKey);
+    const __returned__ = { value, isBoundMin, isBoundMax };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${ssrRenderAttrs(mergeProps({
+    type: "button",
+    class: "leading-12 enabled:text-primary enabled:hover:bg-primary-100/70 h-12 w-10 text-xl disabled:opacity-40",
+    "data-quantity-selector-control": $props.isMinus ? "minus" : "plus",
+    "aria-label": $props.isMinus ? "Menos" : "Mais",
+    disabled: $props.isMinus ? $setup.isBoundMin : $setup.isBoundMax
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+    if ($props.isMinus) {
+      _push(`<!--[-->\u2212<!--]-->`);
+    } else {
+      _push(`<!--[-->+<!--]-->`);
+    }
+  }, _push, _parent);
+  _push(`</button>`);
+}
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelectorControl.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+
+const quantitySelectorKey = Symbol("quantitySelector");
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelector",
+  props: {
+    modelValue: { default: 1 },
+    min: { default: 1 },
+    max: {},
+    step: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const input = ref(null);
+    const inputId = `NInput${useId()}`;
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(_value) {
+        if (_value < props.min) {
+          _value = props.min;
+          input.value.value = `${_value}`;
+        }
+        if (props.max && _value > props.max) {
+          _value = props.max;
+          input.value.value = `${_value}`;
+        }
+        emit("update:modelValue", _value);
+      }
+    });
+    const isBoundMin = computed(() => {
+      return props.min >= value.value;
+    });
+    const isBoundMax = computed(() => {
+      return props.max <= value.value;
+    });
+    provide(quantitySelectorKey, {
+      value,
+      isBoundMin,
+      isBoundMax
+    });
+    const __returned__ = { quantitySelectorKey, props, emit, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ "data-quantity-selector": "" }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "label", { inputId: $setup.inputId, value: $setup.value }, () => {
+    _push(`<label${ssrRenderAttr("for", $setup.inputId)} class="sr-only">${ssrInterpolate("Quantidade")}</label>`);
+  }, _push, _parent);
+  _push(`<div class="flex items-center"><input type="number"${ssrRenderAttr("id", $setup.inputId)}${ssrRenderAttr("value", $setup.value)}${ssrRenderAttr("min", $props.min)}${ssrRenderAttr("max", $props.max)}${ssrRenderAttr("step", $props.step)}${ssrIncludeBooleanAttr($props.disabled) ? " disabled" : ""}${ssrIncludeBooleanAttr($props.readonly) ? " readonly" : ""} class="h-12 w-14 border-transparent px-2 text-center text-lg [-moz-appearance:_textfield] [&amp;::-webkit-inner-spin-button]:m-0 [&amp;::-webkit-inner-spin-button]:appearance-none [&amp;::-webkit-outer-spin-button]:m-0 [&amp;::-webkit-outer-spin-button]:appearance-none">`);
+  ssrRenderSlot(_ctx.$slots, "controls", { value: $setup.value, isBoundMin: $setup.isBoundMin, isBoundMax: $setup.isBoundMax }, () => {
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], {
+      "is-minus": "",
+      class: "order-first"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "minus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "minus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], { class: "order-last" }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "plus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "plus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+  }, _push, _parent);
+  _push(`</div></div>`);
+}
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelector.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ImagesGallery",
+  props: {
+    pictures: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const activeIndex = ref(0);
+    const psId = ref("");
+    let lightbox;
+    const isLoadingLightbox = ref(false);
+    const zoom = (index) => {
+      psId.value = `ps-${useId()}`;
+      if (!lightbox && !isLoadingLightbox.value) {
+        isLoadingLightbox.value = true;
+        const styleId = "photoswipe-style";
+        Promise.all([
+          // @ts-ignore
+          import('photoswipe/lightbox'),
+          import('photoswipe'),
+          !document.getElementById(styleId) && import('../photoswipe_9528923e.mjs')
+        ]).then(([
+          { default: PhotoSwipeLightbox },
+          { default: pswpModule },
+          cssImport
+        ]) => {
+          if (cssImport) {
+            const { default: css } = cssImport;
+            const style = document.createElement("style");
+            style.id = styleId;
+            style.textContent = css;
+            document.head.appendChild(style);
+          }
+          lightbox = new PhotoSwipeLightbox({
+            gallery: `#${psId.value} > div`,
+            children: "a",
+            pswpModule,
+            showAnimationDuration: 300,
+            hideAnimationDuration: 300
+          });
+          lightbox.init();
+          lightbox.loadAndOpen(index);
+          isLoadingLightbox.value = false;
+        });
+      }
+    };
+    const __returned__ = { activeIndex, psId, get lightbox() {
+      return lightbox;
+    }, set lightbox(v) {
+      lightbox = v;
+    }, isLoadingLightbox, zoom, get getImgSizes() {
+      return imgSizes;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Carousel = resolveComponent("Carousel");
+  const _component_AImg = resolveComponent("AImg");
+  const _component_CarouselControl = resolveComponent("CarouselControl");
+  const _component_ALink = resolveComponent("ALink");
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "-mx-4 flex w-screen gap-3 sm:mx-0 sm:w-full md:h-[525px] 2xl:gap-5" }, _attrs))}>`);
+  if ($props.pictures.length > 1) {
+    _push(ssrRenderComponent(_component_Carousel, {
+      axis: "y",
+      class: "group hidden w-[300px] shrink-0 md:block"
+    }, {
+      controls: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<span${_scopeId}>`);
+          if ($props.pictures.length > 6) {
+            _push2(ssrRenderComponent(_component_CarouselControl, { class: "hover:bg-primary-300/60 text-primary !bottom-3 !left-1/2 -ml-5 h-10 w-10 rounded-full bg-white/60 text-xl opacity-0 shadow-sm ring-1 ring-black/5 group-hover:opacity-90" }, null, _parent2, _scopeId));
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`<span class="absolute bottom-0 block h-2 w-full bg-gradient-to-b from-transparent to-white"${_scopeId}></span></span>`);
+        } else {
+          return [
+            createVNode("span", null, [
+              $props.pictures.length > 6 ? (openBlock(), createBlock(_component_CarouselControl, {
+                key: 0,
+                class: "hover:bg-primary-300/60 text-primary !bottom-3 !left-1/2 -ml-5 h-10 w-10 rounded-full bg-white/60 text-xl opacity-0 shadow-sm ring-1 ring-black/5 group-hover:opacity-90"
+              })) : createCommentVNode("", true),
+              createVNode("span", { class: "absolute bottom-0 block h-2 w-full bg-gradient-to-b from-transparent to-white" })
+            ])
+          ];
+        }
+      }),
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<!--[-->`);
+          ssrRenderList(Math.ceil($props.pictures.length / 2), (i) => {
+            _push2(`<li class="${ssrRenderClass([i === 1 && "pt-1", "grid h-1/3 w-full grid-cols-2 gap-3 px-1 pb-3"])}"${_scopeId}><!--[-->`);
+            ssrRenderList([1, 2].map((ii) => (i - 1) * 2 + (ii - 1)), (index) => {
+              _push2(`<!--[-->`);
+              if (index < $props.pictures.length) {
+                _push2(`<button class="bg-secondary-100 h-full rounded"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_AImg, {
+                  picture: $props.pictures[index],
+                  class: ["ring-secondary/10 h-full w-full rounded border-2 object-cover opacity-90 transition-colors", index === $setup.activeIndex ? "border-secondary/50 ring-4 cursor-auto" : "border-transparent hover:border-primary hover:ring-4 hover:ring-primary/20"]
+                }, null, _parent2, _scopeId));
+                _push2(`</button>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<!--]-->`);
+            });
+            _push2(`<!--]--></li>`);
+          });
+          _push2(`<!--]-->`);
+        } else {
+          return [
+            (openBlock(true), createBlock(Fragment$1, null, renderList(Math.ceil($props.pictures.length / 2), (i) => {
+              return openBlock(), createBlock("li", {
+                key: i,
+                class: ["grid h-1/3 w-full grid-cols-2 gap-3 px-1 pb-3", i === 1 && "pt-1"]
+              }, [
+                (openBlock(true), createBlock(Fragment$1, null, renderList([1, 2].map((ii) => (i - 1) * 2 + (ii - 1)), (index) => {
+                  return openBlock(), createBlock(Fragment$1, {
+                    key: `${i}-${index}`
+                  }, [
+                    index < $props.pictures.length ? (openBlock(), createBlock("button", {
+                      key: 0,
+                      class: "bg-secondary-100 h-full rounded",
+                      onClick: ($event) => $setup.activeIndex = index
+                    }, [
+                      createVNode(_component_AImg, {
+                        picture: $props.pictures[index],
+                        class: ["ring-secondary/10 h-full w-full rounded border-2 object-cover opacity-90 transition-colors", index === $setup.activeIndex ? "border-secondary/50 ring-4 cursor-auto" : "border-transparent hover:border-primary hover:ring-4 hover:ring-primary/20"]
+                      }, null, 8, ["picture", "class"])
+                    ], 8, ["onClick"])) : createCommentVNode("", true)
+                  ], 64);
+                }), 128))
+              ], 2);
+            }), 128))
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<div class="relative aspect-square h-full grow md:aspect-auto">`);
+  _push(ssrRenderComponent(_component_Carousel, {
+    as: "div",
+    index: $setup.activeIndex,
+    "onUpdate:index": ($event) => $setup.activeIndex = $event,
+    class: ["text-base-600 [&_i]:i-arrow-right mx-auto h-full w-full max-w-[525px] [&>*]:h-full [&_i]:mx-2 [&_i]:text-2xl", $setup.isLoadingLightbox && "opacity-80"],
+    id: $setup.psId
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<!--[-->`);
+        ssrRenderList($props.pictures, (picture, i) => {
+          _push2(ssrRenderComponent(_component_ALink, {
+            key: `big-${i}`,
+            href: picture.zoom?.size && picture.zoom.url,
+            "data-pswp-width": $setup.getImgSizes(picture.zoom || "").width,
+            "data-pswp-height": $setup.getImgSizes(picture.zoom || "").height,
+            target: "_blank",
+            rel: "noreferrer",
+            class: ["shrink-0 basis-full", picture.zoom?.size && "cursor-zoom-in"],
+            onClick: () => picture.zoom?.size && $setup.zoom(i)
+          }, {
+            default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+              if (_push3) {
+                _push3(ssrRenderComponent(_component_AImg, {
+                  picture,
+                  "preferred-size": "big",
+                  class: "h-full w-full rounded object-cover",
+                  fetchpriority: i === 0 ? "high" : "low",
+                  loading: i === 0 ? "eager" : "lazy"
+                }, null, _parent3, _scopeId2));
+              } else {
+                return [
+                  createVNode(_component_AImg, {
+                    picture,
+                    "preferred-size": "big",
+                    class: "h-full w-full rounded object-cover",
+                    fetchpriority: i === 0 ? "high" : "low",
+                    loading: i === 0 ? "eager" : "lazy"
+                  }, null, 8, ["picture", "fetchpriority", "loading"])
+                ];
+              }
+            }),
+            _: 2
+          }, _parent2, _scopeId));
+        });
+        _push2(`<!--]-->`);
+      } else {
+        return [
+          (openBlock(true), createBlock(Fragment$1, null, renderList($props.pictures, (picture, i) => {
+            return openBlock(), createBlock(_component_ALink, {
+              key: `big-${i}`,
+              href: picture.zoom?.size && picture.zoom.url,
+              "data-pswp-width": $setup.getImgSizes(picture.zoom || "").width,
+              "data-pswp-height": $setup.getImgSizes(picture.zoom || "").height,
+              target: "_blank",
+              rel: "noreferrer",
+              class: ["shrink-0 basis-full", picture.zoom?.size && "cursor-zoom-in"],
+              onClick: withModifiers(() => picture.zoom?.size && $setup.zoom(i), ["prevent"])
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_AImg, {
+                  picture,
+                  "preferred-size": "big",
+                  class: "h-full w-full rounded object-cover",
+                  fetchpriority: i === 0 ? "high" : "low",
+                  loading: i === 0 ? "eager" : "lazy"
+                }, null, 8, ["picture", "fetchpriority", "loading"])
+              ]),
+              _: 2
+            }, 1032, ["href", "data-pswp-width", "data-pswp-height", "class", "onClick"]);
+          }), 128))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  if ($setup.isLoadingLightbox) {
+    _push(`<i class="i-arrow-path bg-base-200 absolute left-1/2 top-1/2 -ml-7 -mt-7 h-14 w-14 animate-spin"${ssrRenderAttr("aria-label", "Carregando")}></i>`);
+  } else {
+    _push(`<!---->`);
+  }
+  if ($props.pictures.length > 1) {
+    _push(`<ul class="mt-2 flex justify-center gap-1.5 md:hidden"><!--[-->`);
+    ssrRenderList($props.pictures.length, (i) => {
+      _push(`<li><button class="${ssrRenderClass([$setup.activeIndex !== i - 1 && "opacity-40", "bg-base-700 block h-1.5 w-3 rounded-full"])}"${ssrRenderAttr("aria-label", `${"Imagem"} ${i}`)}></button></li>`);
+    });
+    _push(`<!--]--></ul>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div></div>`);
+}
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ImagesGallery.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const ImagesGallery = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+
+const useSkuSelector = (props) => {
+  let grids = shallowReactive(globalThis.$storefront.data.grids);
+  if (!grids) {
+    grids = shallowReactive([]);
+    api.get("grids").then(({ data: { result } }) => {
+      result.forEach((grid) => grids.push(grid));
+    });
+  }
+  const variationsGrids$1 = reactive({});
+  const activeVariationsGrids = reactive({});
+  watch(toRef(props, "variations"), () => {
+    Object.assign(activeVariationsGrids, variationsGrids(props, void 0, true));
+    const allVariationsGrids = variationsGrids(props);
+    Object.keys(allVariationsGrids).forEach((gridId) => {
+      if (activeVariationsGrids[gridId]) {
+        variationsGrids$1[gridId] = activeVariationsGrids[gridId];
+      } else {
+        delete variationsGrids$1[gridId];
+      }
+    });
+  }, { immediate: true });
+  const orderedGridIds = computed(() => Object.keys(variationsGrids$1));
+  const selectedOptions = reactive({});
+  const variationId = ref();
+  const selectOption = ({ optionText, gridId, gridIndex }) => {
+    selectedOptions[gridId] = optionText;
+    const filteredGrids = {};
+    for (let i = 0; i <= gridIndex; i++) {
+      const _gridId = orderedGridIds[i];
+      if (selectedOptions[_gridId]) {
+        filteredGrids[_gridId] = selectedOptions[_gridId];
+      }
+    }
+    const nextFilteredGrids = variationsGrids(props, filteredGrids, true);
+    for (let i = gridIndex + 1; i < orderedGridIds.value.length; i++) {
+      const _gridId = orderedGridIds[i];
+      const options = nextFilteredGrids[_gridId];
+      activeVariationsGrids[_gridId] = options;
+      if (selectedOptions[_gridId] && !options.includes(selectedOptions[_gridId])) {
+        delete selectedOptions[_gridId];
+      }
+    }
+    const variations = props.variations.slice(0);
+    for (let i = 0; i < variations.length; i++) {
+      const variation = variations[i];
+      const { specifications } = variation;
+      const gridIds = Object.keys(specifications);
+      for (let ii = 0; ii < gridIds.length; ii++) {
+        const _gridId = gridIds[ii];
+        if (selectedOptions[_gridId] !== specTextValue(variation, _gridId)) {
+          variations.splice(i, 1);
+          i -= 1;
+          break;
+        }
+      }
+    }
+    variationId.value = variations[0]?._id || null;
+  };
+  watch(toRef(props, "variationId"), (_variationId) => {
+    if (!_variationId || _variationId === variationId.value) {
+      return;
+    }
+    const selectedVariation = props.variations.find((variation) => {
+      return variation._id === _variationId;
+    });
+    if (!selectedVariation) {
+      variationId.value = null;
+      return;
+    }
+    const { specifications } = selectedVariation;
+    const specs = Object.keys(specifications);
+    const nextSpec = (specIndex = 0) => {
+      const gridId = specs[specIndex];
+      if (specs[specIndex] && specifications[gridId] && specifications[gridId].length === 1) {
+        const optionText = specifications[gridId][0].text;
+        if (variationsGrids$1[gridId].find((option) => option === optionText)) {
+          selectOption({
+            optionText,
+            gridId,
+            gridIndex: orderedGridIds.value.indexOf(gridId)
+          });
+          nextSpec(specIndex + 1);
+        }
+      }
+    };
+    nextSpec();
+  }, { immediate: true });
+  const getGridTitle = (gridId) => {
+    return gridTitle(gridId, grids);
+  };
+  const getColorOptionBg = (optionText) => {
+    const rgbs = optionText.split(",").map((colorName) => {
+      return specValueByText(props.variations, colorName.trim(), "colors");
+    });
+    return rgbs.length > 1 ? `background:linear-gradient(to right bottom, ${rgbs[0]} 50%, ${rgbs[1]} 50%)` : `background:${rgbs[0]}`;
+  };
+  return {
+    grids,
+    variationsGrids: variationsGrids$1,
+    activeVariationsGrids,
+    selectOption,
+    selectedOptions,
+    variationId,
+    getGridTitle,
+    getColorOptionBg
+  };
+};
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SkuSelector",
+  props: {
+    variations: {},
+    variationId: {}
+  },
+  emits: ["update:variationId"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const {
+      variationsGrids,
+      activeVariationsGrids,
+      selectOption,
+      selectedOptions,
+      variationId,
+      getGridTitle,
+      getColorOptionBg
+    } = useSkuSelector(props);
+    watch(variationId, (_id) => {
+      emit("update:variationId", _id);
+    });
+    const __returned__ = { props, emit, variationsGrids, activeVariationsGrids, selectOption, selectedOptions, variationId, getGridTitle, getColorOptionBg };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(_attrs)}><!--[-->`);
+  ssrRenderList($setup.variationsGrids, (options, gridId) => {
+    _push(`<div><span class="text-base-700 text-sm font-medium">${ssrInterpolate($setup.getGridTitle(gridId))}: `);
+    if ($setup.selectedOptions[gridId]) {
+      _push(`<strong class="text-base-800">${ssrInterpolate($setup.selectedOptions[gridId])}</strong>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</span>`);
+    if (options.length < 7) {
+      _push(`<ul class="mt-2 flex gap-2"><!--[-->`);
+      ssrRenderList(options, (optionText, i) => {
+        _push(`<li><button class="${ssrRenderClass([[
+          $setup.selectedOptions[gridId] === optionText ? "border-secondary ring-2" : null,
+          gridId === "colors" ? "h-9 w-9 text-[0]" : "px-2 py-1",
+          $setup.activeVariationsGrids[gridId].includes(optionText) ? "text-base-800 bg-base-100 border-base-400" : "text-base-500 bg-base-200 border-base-300"
+        ], "ring-secondary/60 rounded border"])}" style="${ssrRenderStyle(gridId === "colors" ? $setup.getColorOptionBg(optionText) : void 0)}">${ssrInterpolate(optionText)}</button></li>`);
+      });
+      _push(`<!--]--></ul>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</div>`);
+  });
+  _push(`<!--]--></div>`);
+}
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/SkuSelector.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProductDetails",
+  props: {
+    product: { default: () => globalThis.$storefront.apiContext?.doc }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      product,
+      title,
+      isActive
+    } = useProductCard(props);
+    const quantity = ref(product.min_quantity || 1);
+    const params = useUrlSearchParams("history");
+    const hasSkuSelectionAlert = ref(false);
+    const variationId = ref(null);
+    watch(variationId, (_variationId) => {
+      if (_variationId) {
+        params.var = _variationId;
+        hasSkuSelectionAlert.value = false;
+      }
+    });
+    onMounted(() => {
+      watch(params, ({ var: variation }) => {
+        if (typeof variation === "string" && variation) {
+          variationId.value = variation;
+        }
+      }, { immediate: true });
+    });
+    const isSkuSelected = computed(() => {
+      return Boolean(!product.variations?.length || variationId.value);
+    });
+    const checkVariation = (ev) => {
+      if (!isSkuSelected.value) {
+        if (ev)
+          ev.preventDefault();
+        hasSkuSelectionAlert.value = true;
+      } else {
+        hasSkuSelectionAlert.value = false;
+      }
+      return !hasSkuSelectionAlert.value;
+    };
+    const addToCart = () => {
+      if (!checkVariation())
+        return;
+      addProductToCart(product, variationId.value ? variationId.value : void 0);
+    };
+    const __returned__ = { props, product, title, isActive, quantity, params, hasSkuSelectionAlert, variationId, isSkuSelected, checkVariation, addToCart, CheckoutLink, QuantitySelector, Prices, ImagesGallery, SkuSelector };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section relative grid grid-cols-1 items-start gap-5 md:gap-4 lg:grid-cols-4 2xl:gap-6" }, _attrs))}><div class="w-full lg:col-span-3">`);
+  if ($setup.product.pictures?.length) {
+    _push(ssrRenderComponent($setup["ImagesGallery"], {
+      pictures: $setup.product.pictures
+    }, null, _parent));
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div><div class="top-0 py-4 lg:sticky"><h1 class="ui-text-brand text-base-700 text-xl">${ssrInterpolate($setup.title)}</h1>`);
+  if ($setup.isActive) {
+    _push(`<div class="mt-5">`);
+    _push(ssrRenderComponent($setup["Prices"], {
+      product: $setup.product,
+      "is-big": "",
+      "is-literal": ""
+    }, null, _parent));
+    if ($setup.product.variations) {
+      _push(ssrRenderComponent($setup["SkuSelector"], {
+        variations: $setup.product.variations,
+        "variation-id": $setup.variationId,
+        "onUpdate:variationId": ($event) => $setup.variationId = $event,
+        class: "my-4"
+      }, null, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          if ($setup.hasSkuSelectionAlert) {
+            _push2(`<div class="ui-alert inline-block"${_scopeId}>${ssrInterpolate("Por favor selecione uma op\xE7\xE3o em cada campo acima")} <i class="i-arrow-right ml-1 -rotate-90"${_scopeId}></i></div>`);
+          } else {
+            _push2(`<!---->`);
+          }
+        } else {
+          return [
+            $setup.hasSkuSelectionAlert ? (openBlock(), createBlock("div", {
+              key: 0,
+              class: "ui-alert inline-block"
+            }, [
+              createTextVNode(toDisplayString("Por favor selecione uma op\xE7\xE3o em cada campo acima") + " "),
+              createVNode("i", { class: "i-arrow-right ml-1 -rotate-90" })
+            ])) : createCommentVNode("", true)
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+    _push(`<div class="mt-5 flex flex-wrap items-center gap-x-4 gap-y-2 overflow-hidden md:flex-nowrap lg:mt-4 lg:flex-wrap">`);
+    _push(ssrRenderComponent($setup["QuantitySelector"], {
+      modelValue: $setup.quantity,
+      "onUpdate:modelValue": ($event) => $setup.quantity = $event,
+      min: $setup.product.min_quantity,
+      max: $setup.product.quantity,
+      class: "border-base-100 rounded md:mr-5 lg:mb-2 lg:mr-auto lg:border-2"
+    }, null, _parent));
+    _push(ssrRenderComponent($setup["CheckoutLink"], {
+      class: "ui-btn-lg ui-btn-primary grow text-center",
+      to: "checkout",
+      "cart-item": {
+        product_id: $setup.product._id,
+        quantity: $setup.quantity,
+        variation_id: $setup.variationId || void 0
+      },
+      "data-tooltip": !$setup.isSkuSelected ? "Escolha os detalhes do produto para comprar" : null,
+      onClick: $setup.checkVariation
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<i class="i-chevron-double-right mr-1"${_scopeId}></i> ${ssrInterpolate("Comprar")}`);
+        } else {
+          return [
+            createVNode("i", { class: "i-chevron-double-right mr-1" }),
+            createTextVNode(" " + toDisplayString("Comprar"))
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+    _push(`<button class="ui-btn-lg ui-btn-contrast grow"${ssrRenderAttr("data-tooltip", !$setup.isSkuSelected ? "Escolha os detalhes do produto para comprar" : null)}>${ssrInterpolate("Adicionar ao carrinho")}</button></div></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div><div class="w-full lg:col-span-3">`);
+  ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent);
+  _push(`</div></section>`);
+}
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductDetails.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const ProductDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProductSpecifications",
+  props: {
+    product: { default: () => globalThis.$storefront.apiContext?.doc },
+    title: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const specifications = computed(() => props.product.specifications || {});
+    const hasSpecs = computed(() => Object.keys(specifications.value).length);
+    const { grids } = globalThis.$storefront.data;
+    const __returned__ = { props, specifications, hasSpecs, grids, get getGridTitle() {
+      return gridTitle;
+    }, get getSpecTextValue() {
+      return specTextValue;
+    }, Collapse };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  if ($setup.hasSpecs) {
+    _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
+    _push(ssrRenderComponent($setup["Collapse"], {
+      title: $props.title || "Especifica\xE7\xF5es"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(`<ul${_scopeId}><!--[-->`);
+          ssrRenderList($setup.specifications, (grid, gridId) => {
+            _push2(`<li class="border-base-200 grid grid-cols-2 border-dashed py-2 sm:grid-cols-3 [&amp;:not(:last-child)]:border-b"${_scopeId}><span class="text-base-700"${_scopeId}>${ssrInterpolate($setup.getGridTitle(`${gridId}`, $setup.grids))}</span><strong class="font-semibold sm:col-span-2"${_scopeId}>${ssrInterpolate($setup.getSpecTextValue($props.product, `${gridId}`, $setup.grids))}</strong></li>`);
+          });
+          _push2(`<!--]--></ul>`);
+        } else {
+          return [
+            createVNode("ul", null, [
+              (openBlock(true), createBlock(Fragment$1, null, renderList($setup.specifications, (grid, gridId) => {
+                return openBlock(), createBlock("li", {
+                  key: gridId,
+                  class: "border-base-200 grid grid-cols-2 border-dashed py-2 sm:grid-cols-3 [&:not(:last-child)]:border-b"
+                }, [
+                  createVNode("span", { class: "text-base-700" }, toDisplayString($setup.getGridTitle(`${gridId}`, $setup.grids)), 1),
+                  createVNode("strong", { class: "font-semibold sm:col-span-2" }, toDisplayString($setup.getSpecTextValue($props.product, `${gridId}`, $setup.grids)), 1)
+                ]);
+              }), 128))
+            ])
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+    _push(`</section>`);
+  } else {
+    _push(`<!---->`);
+  }
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductSpecifications.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const ProductSpecifications = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+const $$Astro$3 = createAstro("https://demo.ecomplus.app");
+const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
+  Astro2.self = $$Sections;
+  const { routeContext } = Astro2.locals;
+  const { sections } = await usePageSections({
+    routeContext,
+    handleCustomSection: async (type, content) => {
+      if (type === "c:foo")
+        return { props: { ...content, foo: "bar" } };
+      return { props: content };
+    }
+  });
+  const { isHomepage } = routeContext;
+  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12"> ${sections.map(async ({ type, props }) => {
+    switch (type) {
+      case "product-shelf":
+        return isHomepage ? renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
+      case "banners-grid":
+        return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
+      case "breadcrumbs":
+        return renderTemplate`${renderComponent($$result, "Breadcrumbs", $$Breadcrumbs, {})}`;
+      case "doc-description":
+        return renderTemplate`${renderComponent($$result, "DocDescription", DocDescription, {})}`;
+      case "product-details":
+        const { hasDescription, hasSpecifications, ...detailsProps } = props;
+        return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "ProductDetails", ProductDetails, { ...detailsProps, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ProductDetails.vue", "client:component-export": "default" }, { "description": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "description" }, { "default": ($$result4) => renderTemplate`${hasDescription && renderTemplate`${renderComponent($$result4, "DocDescription", DocDescription, {})}`}${hasSpecifications && renderTemplate`${renderComponent($$result4, "ProductSpecifications", ProductSpecifications, {})}`}` })}` })} ` })}`;
+      case "c:foo":
+        return renderTemplate`<div${addAttribute(props.foo, "data-foo")}></div>`;
+      default:
+        return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
+    }
+  })} </article>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
+
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const $$Astro$2 = createAstro("https://demo.ecomplus.app");
+const $$SharedData = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
+  Astro2.self = $$SharedData;
+  const { inlineClientJS } = await useSharedData(Astro2.props);
+  return renderTemplate(_a || (_a = __template(["<script>", "<\/script>"])), unescapeHTML(inlineClientJS));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/SharedData.astro", void 0);
 
-const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
+const $$Astro$1 = createAstro("https://demo.ecomplus.app");
 const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
   Astro2.self = $$Wildcard;
   const { fetchingApiContext } = Astro2.locals.routeContext;
-  await fetchingApiContext;
-  return renderTemplate`${maybeRenderHead()}<main>${renderComponent($$result, "Sections", $$Sections, {})}</main>`;
+  const [
+    { data: { result: grids } }
+  ] = await Promise.all([
+    api.get("grids"),
+    fetchingApiContext
+  ]);
+  return renderTemplate`${maybeRenderHead()}<main> ${renderComponent($$result, "SharedData", $$SharedData, { "field": "grids", "value": grids })} ${renderComponent($$result, "Sections", $$Sections, {})} </main>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro", void 0);
 
-const $$Astro = createAstro("https://ecom2-demo.web.app");
+const $$Astro = createAstro("https://demo.ecomplus.app");
 async function getStaticPaths() {
   return (await api.get("products?sort=-sales&limit=4&fields=slug")).data.result.map(({ slug }) => ({ params: { slug } }));
 }
@@ -5248,7 +6079,7 @@ const $$ = createComponent(async ($$result, $$props, $$slots) => {
     }
     loadError = err;
   }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`${renderComponent($$result2, "PageHeader", $$PageHeader, {})}${renderComponent($$result2, "WildcardMain", $$Wildcard, {})}${renderComponent($$result2, "PageFooter", $$PageFooter, {})}` })}`}${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}</html>`;
+  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}> ${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`${renderComponent($$result2, "PageHeader", $$PageHeader, {})}${renderComponent($$result2, "WildcardMain", $$Wildcard, {})}${renderComponent($$result2, "PageFooter", $$PageFooter, {})}` })}`}${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}</html>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", void 0);
 
 const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
@@ -5262,4 +6093,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$BannerPictures as $, Banner as B, Carousel as C, Prices as P, _export_sfc as _, CarouselControl as a, $$Sections as b, $$BaseHead as c, $$PageHeader as d, $$PageFooter as e, $$Base as f, useId as g, freeShippingFromValue as h, ____slug_ as i, loadRouteContext as l, parseProduct as p, removeCartItem as r, shoppingCart as s, totalItems as t, usePageHero as u };
+export { $$BaseHead as $, Banner as B, CheckoutLink as C, FooterStamps as F, Prices as P, QuantitySelector as Q, _export_sfc as _, $$Picture as a, $$Base as b, $$BannerPictures as c, $$Sections as d, $$PageHeader as e, $$PageFooter as f, freeShippingFromValue as g, ____slug_ as h, loadRouteContext as l, parseProduct as p, removeCartItem as r, shoppingCart as s, totalItems as t, usePageHero as u };