cloudcommerce 2.0.8 → 2.0.9

package/packages/storefront/dist/server/chunks/pages/{__fI3NeWvy.mjs → __wihn0dYD.mjs}

@@ -1,6 +1,6 @@
 import { img, imgSizes, i18n, formatMoney, price, randomObjectId, nickname, inStock, gridTitle, categoriesList, name, onPromotion, variationsGrids, specTextValue, specValueByText } from '@ecomplus/utils';
 import '@astrojs/internal-helpers/path';
-import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, F as Fragment } from '../astro_H-6uiAAG.mjs';
+import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, F as Fragment } from '../astro_tggR3S_9.mjs';
 import 'kleur/colors';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
@@ -12,10 +12,10 @@ import 'clsx';
 /* empty css                           */
 import { renderSync, parse as parse$1, ELEMENT_NODE, walkSync } from 'ultrahtml';
 import mime from 'mime/lite.js';
-import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_gJYJeEDH.mjs';
+import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_xNulQtBO.mjs';
 import imageSize from 'image-size';
-import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
-import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
+import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, resolveComponent, openBlock, createBlock, createCommentVNode, createTextVNode, toDisplayString, reactive, shallowRef, withDirectives, vShow, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
+import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrRenderStyle, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
 import { useScroll, useElementHover, useDebounceFn, watchDebounced, useTimeout, promiseTimeout, watchOnce, onClickOutside, useUrlSearchParams, createReusableTemplate } from '@vueuse/core';
 import mitt from 'mitt';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem, Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue';
@@ -193,6 +193,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         const domain = globalThis.$storefront.settings.domain || window.location.host;
         if (props.href.startsWith(`https://${domain}`))
           return void 0;
+        return "_blank";
       }
       return void 0;
     });
@@ -319,8 +320,9 @@ const createApp$1 = (app) => {
       };
       app2.config.globalProperties.$money = formatMoney;
       app2.config.globalProperties.$percentage = formatPercentage;
-      app2.config.globalProperties.$settings = globalThis.$storefront.settings;
-      app2.config.globalProperties.$apiContext = globalThis.$storefront.apiContext;
+      const { settings, apiContext } = globalThis.$storefront || {};
+      app2.config.globalProperties.$settings = settings;
+      app2.config.globalProperties.$apiContext = apiContext;
     }
   });
   app.component("Fade", Fade);
@@ -356,7 +358,7 @@ function _sfc_ssrRender$B(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       "rotate-180 group-active:-translate-x-1": $setup.isX && $props.isPrev,
       "rotate-90 group-active:translate-y-1": !$setup.isX && !$props.isPrev,
       "-rotate-90 group-active:-translate-y-1": !$setup.isX && $props.isPrev
-    }, "i-chevron-right m-0"])}"></i>`);
+    }, "m-0 i-chevron-right"])}"></i>`);
   }, _push, _parent);
   _push(`</button>`);
 }
@@ -638,7 +640,7 @@ async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
       // @ts-expect-error
-      '../astro/assets-service_gJYJeEDH.mjs'
+      '../astro/assets-service_xNulQtBO.mjs'
     ).then(n => n.s).catch((e) => {
       const error = new AstroError(InvalidImageService);
       error.cause = e;
@@ -673,6 +675,7 @@ async function getImage$1(options, imageConfig) {
     ...options,
     src: typeof options.src === "object" && "then" in options.src ? (await options.src).default ?? await options.src : options.src
   };
+  const originalPath = isESMImportedImage(resolvedOptions.src) ? resolvedOptions.src.fsPath : resolvedOptions.src;
   const clonedSrc = isESMImportedImage(resolvedOptions.src) ? (
     // @ts-expect-error - clone is a private, hidden prop
     resolvedOptions.src.clone ?? resolvedOptions.src
@@ -691,10 +694,10 @@ async function getImage$1(options, imageConfig) {
   );
   if (isLocalService(service) && globalThis.astroAsset.addStaticImage && !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
     const propsToHash = service.propertiesToHash ?? DEFAULT_HASH_PROPS;
-    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions, propsToHash);
+    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions, propsToHash, originalPath);
     srcSets = srcSetTransforms.map((srcSet) => ({
       transform: srcSet.transform,
-      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash),
+      url: globalThis.astroAsset.addStaticImage(srcSet.transform, propsToHash, originalPath),
       descriptor: srcSet.descriptor,
       attributes: srcSet.attributes
     }));
@@ -1165,536 +1168,236 @@ const loadRouteContext = async (Astro, {
   return routeContext;
 };
 
-/* eslint-disable */
-
-const pwaInfo = false;
-
-const $$Astro$f = createAstro("https://demo.ecomplus.app");
-const $$ViewTransitions = createComponent(async ($$result, $$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/src/lib/components/ViewTransitions.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 _b, _c;
-const $$Astro$e = createAstro("https://demo.ecomplus.app");
-const $$BaseHead = createComponent(async ($$result, $$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 = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.DEPLOY_RAND || "_";
-  const getIconUrl = (size) => {
-    return `/_image?f=png&w=${size}&h=${size}&href=${encodeURIComponent(settings.icon)}&V=${deployRand}`;
-  };
-  const {
-    storeId,
-    isHomepage,
-    isSearchPage,
-    searchPageTerm,
-    cmsContent,
-    fetchingApiContext,
-    apiContext,
-    lang,
-    countryCode,
-    currency,
-    currencySymbol,
-    domain,
-    primaryColor,
-    settings,
-    isPreview,
-    getContent
-  } = Astro2.locals.routeContext;
-  if (fetchingApiContext) {
-    await fetchingApiContext;
+function removeQueryString(src) {
+  const index = src.lastIndexOf("?");
+  return index > 0 ? src.substring(0, index) : src;
+}
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+const extname = (src) => {
+  const base = basename(src);
+  const index = base.lastIndexOf(".");
+  if (index <= 0) {
+    return "";
   }
-  const apiDoc = apiContext.doc;
-  const state = apiDoc || cmsContent || {};
-  let title = state.meta_title || state.metaTitle || state.name && `${state.name} | ${settings.name}` || state.title && `${state.title} | ${settings.name}` || "";
-  let description = state.meta_description || state.metaDescription || state.short_description || state.description || settings.description || "";
-  if (isHomepage) {
-    if (!title)
-      title = settings.name;
-    if (!description)
-      description = settings.description;
+  return base.substring(index);
+};
+function parseAspectRatio(aspectRatio) {
+  if (!aspectRatio) {
+    return void 0;
   }
-  if (isSearchPage) {
-    if (searchPageTerm) {
-      if (!title)
-        title = settings.name;
-      title = title.replace("$term", searchPageTerm);
-      if (!title.includes(searchPageTerm)) {
-        title = `${searchPageTerm} | ${title}`;
-      }
-    } else if (!title) {
-      title = `${i19searchProducts} | ${settings.name}`;
-    }
+  if (typeof aspectRatio === "number") {
+    return aspectRatio;
   }
-  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}`);
-  const { metatags: metatagsContent } = await getContent("layout");
-  const ogLocale = lang.length === 2 ? lang : lang.substring(0, 2) + lang.slice(3).toUpperCase();
-  let ogImage;
-  if (apiDoc) {
-    const picture = img(state, void 0, "zoom");
-    ogImage = picture && picture.url;
+  const [width, height] = aspectRatio.split(":");
+  return parseInt(width, 10) / parseInt(height, 10);
+}
+async function resolveAspectRatio({ src, aspectRatio }) {
+  if (typeof src === "string") {
+    return parseAspectRatio(aspectRatio);
   }
-  if (!ogImage) {
-    if (metatagsContent?.ogImage) {
-      ogImage = metatagsContent.ogImage.charAt(0) === "/" ? `https://${domain}${metatagsContent.ogImage}` : metatagsContent.ogImage;
-    }
+  throw new Error('Custom (faster) `Picture.runtime.astro` works only with string ("remote") src');
+}
+async function resolveFormats({ src, formats }) {
+  const unique = new Set(formats);
+  if (typeof src === "string") {
+    unique.add(extname(src).replace(".", ""));
   } else {
-    ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, "$2-nyc3.nyc3.cdn.digitaloceanspaces.com");
+    throw new Error("Custom `Picture.ssr.astro` works only with string src");
   }
-  let inlineClientJS = `
-window._emitApiContext = (id = null) => {
-  console.log('[ctx] emit ' + id);
-  window.dispatchEvent(new Event('storefront:apiContext'));
-  window._emitedContextId = id;
+  return Array.from(unique).filter(Boolean);
+}
+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
+    };
+  };
 };
-window.ECOM_STORE_ID = ${storeId};
-window.ECOM_LANG = '${lang}';
-window.ECOM_CURRENCY = '${currency}';
-window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
-window.ECOM_COUNTRY_CODE = '${countryCode}';
-window.$storefront = ${JSON.stringify({ settings, data: {} })};`;
-  if (apiContext.error) {
-    const { message, statusCode } = apiContext.error;
-    const url = Astro2.url.pathname;
-    inlineClientJS += `
-console.error(${JSON.stringify(message)});
-setTimeout(() => {
-  window.location.replace("/~fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
-}, 1);`;
+
+const getAspectRatio = (src, tryImageSize) => {
+  if (typeof src === "string") {
+    src = tryImageSize(src);
+  } else if (src.width) {
+    return src.height ? src.width / src.height : 1;
   }
-  let contextInlineClientJS;
-  if (apiDoc) {
-    if (typeof apiDoc.price === "number") {
-      apiDoc.price = price(apiDoc);
+  return 0;
+};
+const useSSRPicture = async (params) => {
+  const {
+    src,
+    alt,
+    sizes: propSizes,
+    widths,
+    aspectRatio: propAspectRatio,
+    fit,
+    background,
+    position,
+    formats = ["avif", "webp"],
+    loading = "lazy",
+    decoding = "async",
+    hasImg = true,
+    tryImageSize,
+    getPicture,
+    assetsPrefix,
+    ...attrs
+  } = params;
+  let aspectRatio;
+  if (propAspectRatio) {
+    if (typeof propAspectRatio === "number") {
+      aspectRatio = propAspectRatio;
+    } else {
+      const [width, height] = propAspectRatio.split(":");
+      aspectRatio = Number(width) / Number(height);
     }
-    const slimDocRegex = globalThis.$storefrontSlimDocRegex || /body_|meta_|metafields|_records|i18n/;
-    const minifyApiDoc = (nestedDoc) => {
-      if (typeof nestedDoc === "object" && nestedDoc) {
-        if (Array.isArray(nestedDoc)) {
-          nestedDoc.forEach((item) => minifyApiDoc(item));
-        } else {
-          Object.keys(nestedDoc).forEach((field) => {
-            if (slimDocRegex.test(field)) {
-              delete nestedDoc[field];
-            } else {
-              minifyApiDoc(nestedDoc[field]);
-            }
-          });
+  } else if ((!attrs.width || !attrs.height) && typeof src === "string") {
+    const { width, height } = tryImageSize(src);
+    if (width && height) {
+      aspectRatio = getAspectRatio({ width, height }, tryImageSize);
+      let hasSplicedWidths = false;
+      for (let i = widths.length - 1; i >= 0; i--) {
+        if (widths[i] > width) {
+          widths.splice(i, 1);
+          hasSplicedWidths = true;
         }
       }
-      return nestedDoc;
-    };
-    inlineClientJS += `
-window._firstLoadContextId = '${apiDoc._id}';`;
-    contextInlineClientJS = `
-$storefront.apiContext = ${JSON.stringify({
-      resource: apiContext.resource,
-      doc: minifyApiDoc({ ...apiDoc }),
-      timestamp: Date.now()
-    })};
-$storefront.context /* DEPRECATED */ = $storefront.apiContext;
-_emitApiContext('${apiDoc._id}');`;
-  } else {
-    inlineClientJS += `
-window._firstLoadContextId = null;`;
-    contextInlineClientJS = `
-$storefront.apiContext = null;
-delete $storefront.apiContext;
-delete $storefront.context;
-_emitApiContext();`;
-  }
-  if (isPreview) {
-    inlineClientJS += `
-window.$isCmsPreview = true;`;
-  }
-  const inlineJSONLd = JSON.stringify({
-    "@context": "http://schema.org",
-    "@type": "Organization",
-    name: settings.name,
-    url: `https://${domain}/`,
-    logo: `https://${domain}${settings.logo}`
-  });
-  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${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, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<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";
-}
-function is(a, b) {
-  return a === b;
-}
-function any(a, b) {
-  return has(a) && b.includes(a.toLowerCase());
-}
-const ElementWeights = {
-  META: 10,
-  TITLE: 9,
-  PRECONNECT: 8,
-  ASYNC_SCRIPT: 7,
-  IMPORT_STYLES: 6,
-  SYNC_SCRIPT: 5,
-  SYNC_STYLES: 4,
-  PRELOAD: 3,
-  DEFER_SCRIPT: 2,
-  PREFETCH_PRERENDER: 1,
-  OTHER: 0
-};
-const ElementDetectors = {
-  META: isMeta,
-  TITLE: isTitle,
-  PRECONNECT: isPreconnect,
-  DEFER_SCRIPT: isDeferScript,
-  ASYNC_SCRIPT: isAsyncScript,
-  IMPORT_STYLES: isImportStyles,
-  SYNC_SCRIPT: isSyncScript,
-  SYNC_STYLES: isSyncStyles,
-  PRELOAD: isPreload,
-  PREFETCH_PRERENDER: isPrefetchPrerender
-};
-const META_HTTP_EQUIV_KEYWORDS = [
-  "accept-ch",
-  "content-security-policy",
-  "content-type",
-  "default-style",
-  "delegate-ch",
-  "origin-trial",
-  "x-dns-prefetch-control"
-];
-function isMeta(name, a) {
-  if (name === "base")
-    return true;
-  if (name !== "meta")
-    return false;
-  return has(a.charset) || is(a.name, "viewport") || any(a["http-equiv"], META_HTTP_EQUIV_KEYWORDS);
-}
-function isTitle(name) {
-  return name === "title";
-}
-function isPreconnect(name, { rel }) {
-  return name === "link" && is(rel, "preconnect");
-}
-function isAsyncScript(name, { src, async }) {
-  return name === "script" && has(src) && has(async);
-}
-function isImportStyles(name, a, children) {
-  const importRe = /@import/;
-  if (name === "style") {
-    return importRe.test(children);
-  }
-  return false;
-}
-function isSyncScript(name, { src, defer, async, type = "" }) {
-  if (name !== "script")
-    return false;
-  return !(has(src) && (has(defer) || has(async) || is(type, "module")) || type.includes("json"));
-}
-function isSyncStyles(name, { rel }) {
-  if (name === "style")
-    return true;
-  return name === "link" && is(rel, "stylesheet");
-}
-function isPreload(name, { rel }) {
-  return name === "link" && any(rel, ["preload", "modulepreload"]);
-}
-function isDeferScript(name, { src, defer, async, type }) {
-  if (name !== "script")
-    return false;
-  return has(src) && has(defer) || has(src) && is(type, "module") && !has(async);
-}
-function isPrefetchPrerender(name, { rel }) {
-  return name === "link" && any(rel, ["prefetch", "dns-prefetch", "prerender"]);
-}
-function getWeight(element) {
-  for (const [id, detector] of Object.entries(ElementDetectors)) {
-    const children = element.name === "style" && element.children.length > 0 ? renderSync(element) : "";
-    if (detector(element.name, element.attributes, children)) {
-      return ElementWeights[id];
+      if (hasSplicedWidths) {
+        attrs.width = width;
+        attrs.height = height;
+        if (!widths.find((w) => w === width)) {
+          widths.push(width);
+        }
+      } else {
+        attrs.width = Math.max(...widths);
+        attrs.height = Math.round(attrs.width / aspectRatio);
+      }
     }
   }
-  return ElementWeights.OTHER;
-}
-
-function capo(html) {
-  const ast = parse$1(html);
-  try {
-    walkSync(ast, (node, parent, index) => {
-      if (node.type === ELEMENT_NODE && node.name === "head") {
-        if (parent) {
-          parent.children.splice(index, 1, getSortedHead(node));
-          throw "done";
+  let sizes = propSizes || "";
+  if (!sizes && attrs.class) {
+    const classNames = attrs.class.split(" ");
+    let nextSize;
+    const breakpoints = {
+      sm: 640,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+      "2xl": 1536
+    };
+    [
+      ["", 0],
+      ...Object.entries(breakpoints)
+    ].forEach(([breakpoint, minWidth]) => {
+      const classRegex = breakpoint ? new RegExp(`^${breakpoint}:max-w-(\\[\\w+\\]|screen-\\w+)$`) : /^max-w-(\[\w+\]|screen-\w+)$/;
+      let classMaxW;
+      classNames.find((_class) => {
+        const maxW = _class.replace(classRegex, "$1");
+        if (maxW !== _class) {
+          classMaxW = maxW;
+          return true;
+        }
+        return false;
+      });
+      if (classMaxW) {
+        if (nextSize) {
+          if (sizes)
+            sizes += ", ";
+          sizes += `(max-width: ${minWidth - 1}px) ${nextSize}`;
+        }
+        if (classMaxW.charAt(0) === "[") {
+          nextSize = classMaxW.slice(1, classMaxW.length - 1);
+        } else {
+          const screenSize = breakpoints[classMaxW.slice(7)];
+          if (screenSize) {
+            nextSize = `${screenSize}px`;
+          }
         }
       }
     });
-  } catch (e) {
-    if (e !== "done")
-      throw e;
-  }
-  return renderSync(ast);
-}
-function getSortedHead(head) {
-  const weightedChildren = head.children.map((node) => {
-    if (node.type === ELEMENT_NODE) {
-      const weight = getWeight(node);
-      return [weight, node];
+    if (nextSize) {
+      if (sizes)
+        sizes += ", ";
+      sizes += nextSize;
     }
-  }).filter(Boolean);
-  const children = weightedChildren.sort((a, b) => b[0] - a[0]).map(([_, element]) => element);
-  return { ...head, children };
-}
-
-const Head = createComponent({
-  factory: async (result, props, slots) => {
-    let head = "";
-    head += `<head${spreadAttributes(props)} data-capo>`;
-    head += await renderSlotToString(result, slots.default);
-    head += renderAllHeadContent(result);
-    head += "</head>";
-    return unescapeHTML(capo(head));
   }
-});
-
-function removeQueryString(src) {
-  const index = src.lastIndexOf("?");
-  return index > 0 ? src.substring(0, index) : src;
-}
-function basename(src) {
-  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
-}
-const extname = (src) => {
-  const base = basename(src);
-  const index = base.lastIndexOf(".");
-  if (index <= 0) {
-    return "";
+  if (!sizes && widths.length === 1) {
+    sizes = `${widths[0] / 2}px`;
   }
-  return base.substring(index);
-};
-function parseAspectRatio(aspectRatio) {
-  if (!aspectRatio) {
-    return void 0;
+  const { image, sources } = await getPicture({
+    src,
+    widths,
+    formats,
+    aspectRatio,
+    fit,
+    background,
+    position,
+    alt
+  });
+  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}/`);
+    });
   }
-  if (typeof aspectRatio === "number") {
-    return aspectRatio;
-  }
-  const [width, height] = aspectRatio.split(":");
-  return parseInt(width, 10) / parseInt(height, 10);
-}
-async function resolveAspectRatio({ src, aspectRatio }) {
-  if (typeof src === "string") {
-    return parseAspectRatio(aspectRatio);
-  }
-  throw new Error('Custom (faster) `Picture.runtime.astro` works only with string ("remote") src');
-}
-async function resolveFormats({ src, formats }) {
-  const unique = new Set(formats);
-  if (typeof src === "string") {
-    unique.add(extname(src).replace(".", ""));
-  } else {
-    throw new Error("Custom `Picture.ssr.astro` works only with string src");
-  }
-  return Array.from(unique).filter(Boolean);
-}
-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 getAspectRatio = (src, tryImageSize) => {
-  if (typeof src === "string") {
-    src = tryImageSize(src);
-  } else if (src.width) {
-    return src.height ? src.width / src.height : 1;
-  }
-  return 0;
-};
-const useSSRPicture = async (params) => {
-  const {
-    src,
-    alt,
-    sizes: propSizes,
-    widths,
-    aspectRatio: propAspectRatio,
-    fit,
-    background,
-    position,
-    formats = ["avif", "webp"],
-    loading = "lazy",
-    decoding = "async",
-    hasImg = true,
-    tryImageSize,
-    getPicture,
-    assetsPrefix,
-    ...attrs
-  } = params;
-  let aspectRatio;
-  if (propAspectRatio) {
-    if (typeof propAspectRatio === "number") {
-      aspectRatio = propAspectRatio;
-    } else {
-      const [width, height] = propAspectRatio.split(":");
-      aspectRatio = Number(width) / Number(height);
-    }
-  } else if ((!attrs.width || !attrs.height) && typeof src === "string") {
-    const { width, height } = tryImageSize(src);
-    if (width && height) {
-      aspectRatio = getAspectRatio({ width, height }, tryImageSize);
-      let hasSplicedWidths = false;
-      for (let i = widths.length - 1; i >= 0; i--) {
-        if (widths[i] > width) {
-          widths.splice(i, 1);
-          hasSplicedWidths = true;
-        }
-      }
-      if (hasSplicedWidths) {
-        attrs.width = width;
-        attrs.height = height;
-        if (!widths.find((w) => w === width)) {
-          widths.push(width);
-        }
-      } else {
-        attrs.width = Math.max(...widths);
-        attrs.height = Math.round(attrs.width / aspectRatio);
-      }
-    }
-  }
-  let sizes = propSizes || "";
-  if (!sizes && attrs.class) {
-    const classNames = attrs.class.split(" ");
-    let nextSize;
-    const breakpoints = {
-      sm: 640,
-      md: 768,
-      lg: 1024,
-      xl: 1280,
-      "2xl": 1536
-    };
-    [
-      ["", 0],
-      ...Object.entries(breakpoints)
-    ].forEach(([breakpoint, minWidth]) => {
-      const classRegex = breakpoint ? new RegExp(`^${breakpoint}:max-w-(\\[\\w+\\]|screen-\\w+)$`) : /^max-w-(\[\w+\]|screen-\w+)$/;
-      let classMaxW;
-      classNames.find((_class) => {
-        const maxW = _class.replace(classRegex, "$1");
-        if (maxW !== _class) {
-          classMaxW = maxW;
-          return true;
-        }
-        return false;
-      });
-      if (classMaxW) {
-        if (nextSize) {
-          if (sizes)
-            sizes += ", ";
-          sizes += `(max-width: ${minWidth - 1}px) ${nextSize}`;
-        }
-        if (classMaxW.charAt(0) === "[") {
-          nextSize = classMaxW.slice(1, classMaxW.length - 1);
-        } else {
-          const screenSize = breakpoints[classMaxW.slice(7)];
-          if (screenSize) {
-            nextSize = `${screenSize}px`;
-          }
-        }
-      }
-    });
-    if (nextSize) {
-      if (sizes)
-        sizes += ", ";
-      sizes += nextSize;
-    }
-  }
-  if (!sizes && widths.length === 1) {
-    sizes = `${widths[0] / 2}px`;
-  }
-  const { image, sources } = await getPicture({
-    src,
-    widths,
-    formats,
-    aspectRatio,
-    fit,
-    background,
-    position,
-    alt
-  });
-  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;
-    Object.assign(pictureAttrs, attrs);
-    delete pictureAttrs.width;
-    delete pictureAttrs.height;
+  const pictureAttrs = {};
+  if (!hasImg) {
+    pictureAttrs["data-alt"] = alt;
+    Object.assign(pictureAttrs, attrs);
+    delete pictureAttrs.width;
+    delete pictureAttrs.height;
   }
   return {
     sizes,
@@ -1711,9 +1414,9 @@ const useSSRPicture = async (params) => {
   };
 };
 
-const $$Astro$d = createAstro("https://demo.ecomplus.app");
+const $$Astro$f = createAstro("https://demo.ecomplus.app");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  const Astro2 = $$result.createAstro($$Astro$f, $$props, $$slots);
   Astro2.self = $$Picture;
   const deployRand = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.DEPLOY_RAND;
   const versionSuffix = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
@@ -1770,30 +1473,330 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
           }
         }
       }
-      const {
-        src,
-        attributes: { width, height }
-      } = await getImage({
-        ...imageOptions,
-        src: imageMetadata || imageOptions.src
-      });
-      return { src, width, height };
-    }),
-    assetsPrefix: Astro2.locals.assetsPrefix
-  });
-  if (imgAttrs) {
-    imgAttrs.src += versionSuffix;
+      const {
+        src,
+        attributes: { width, height }
+      } = await getImage({
+        ...imageOptions,
+        src: imageMetadata || imageOptions.src
+      });
+      return { src, width, height };
+    }),
+    assetsPrefix: Astro2.locals.assetsPrefix
+  });
+  if (imgAttrs) {
+    imgAttrs.src += versionSuffix;
+  }
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
+  ${sources.map((attrs) => {
+    if (versionSuffix) {
+      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
+    }
+    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
+  })}
+  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
+</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
+
+/* eslint-disable */
+
+const pwaInfo = false;
+
+const $$Astro$e = createAstro("https://demo.ecomplus.app");
+const $$ViewTransitions = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$e, $$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/src/lib/components/ViewTransitions.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 _b, _c;
+const $$Astro$d = createAstro("https://demo.ecomplus.app");
+const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$d, $$props, $$slots);
+  Astro2.self = $$BaseHead;
+  const isPWA = pwaInfo !== false;
+  const hasViewTransitions = Astro2.props.hasViewTransitions !== false && !Astro2.url.pathname.startsWith("/app/");
+  const {
+    storeId,
+    isHomepage,
+    isSearchPage,
+    searchPageTerm,
+    cmsContent,
+    fetchingApiContext,
+    apiContext,
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+    domain,
+    primaryColor,
+    settings,
+    isPreview,
+    getContent
+  } = Astro2.locals.routeContext;
+  if (fetchingApiContext) {
+    await fetchingApiContext;
+  }
+  const deployRand = {"BASE_URL": "/", "MODE": "production", "DEV": false, "PROD": true, "SSR": true, "SITE": "https://demo.ecomplus.app", "ASSETS_PREFIX": undefined}.DEPLOY_RAND || "_";
+  const getIconUrl = (size) => {
+    return `/_image?f=png&w=${size}&h=${size}&href=${encodeURIComponent(settings.icon)}&V=${deployRand}`;
+  };
+  const apiDoc = apiContext.doc;
+  const state = apiDoc || cmsContent || {};
+  let title = state.meta_title || state.metaTitle || state.name && `${state.name} | ${settings.name}` || state.title && `${state.title} | ${settings.name}` || "";
+  let description = state.meta_description || state.metaDescription || state.short_description || state.description || settings.description || "";
+  if (isHomepage) {
+    if (!title)
+      title = settings.name;
+    if (!description)
+      description = settings.description;
+  }
+  if (isSearchPage) {
+    if (searchPageTerm) {
+      if (!title)
+        title = settings.name;
+      title = title.replace("$term", searchPageTerm);
+      if (!title.includes(searchPageTerm)) {
+        title = `${searchPageTerm} | ${title}`;
+      }
+    } else if (!title) {
+      title = `${i19searchProducts} | ${settings.name}`;
+    }
+  }
+  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}`);
+  const { metatags: metatagsContent } = await getContent("layout");
+  const ogLocale = lang.length === 2 ? lang : lang.substring(0, 2) + lang.slice(3).toUpperCase();
+  let ogImage;
+  if (apiDoc) {
+    const picture = img(state, void 0, "zoom");
+    ogImage = picture && picture.url;
+  }
+  if (!ogImage) {
+    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}';
+window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
+window.ECOM_COUNTRY_CODE = '${countryCode}';
+window.$storefront = ${JSON.stringify({ settings, data: {} })};`;
+  if (apiContext.error) {
+    const { message, statusCode } = apiContext.error;
+    const url = Astro2.url.pathname;
+    inlineClientJS += `
+console.error(${JSON.stringify(message)});
+setTimeout(() => {
+  window.location.replace("/~fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
+}, 1);`;
+  }
+  let contextInlineClientJS;
+  if (apiDoc) {
+    if (typeof apiDoc.price === "number") {
+      apiDoc.price = price(apiDoc);
+    }
+    const slimDocRegex = globalThis.$storefrontSlimDocRegex || /body_|meta_|metafields|_records|i18n/;
+    const minifyApiDoc = (nestedDoc) => {
+      if (typeof nestedDoc === "object" && nestedDoc) {
+        if (Array.isArray(nestedDoc)) {
+          nestedDoc.forEach((item) => minifyApiDoc(item));
+        } else {
+          Object.keys(nestedDoc).forEach((field) => {
+            if (slimDocRegex.test(field)) {
+              delete nestedDoc[field];
+            } else {
+              minifyApiDoc(nestedDoc[field]);
+            }
+          });
+        }
+      }
+      return nestedDoc;
+    };
+    inlineClientJS += `
+window._firstLoadContextId = '${apiDoc._id}';`;
+    contextInlineClientJS = `
+$storefront.apiContext = ${JSON.stringify({
+      resource: apiContext.resource,
+      doc: minifyApiDoc({ ...apiDoc }),
+      timestamp: Date.now()
+    })};
+$storefront.context /* DEPRECATED */ = $storefront.apiContext;
+_emitApiContext('${apiDoc._id}');`;
+  } else {
+    inlineClientJS += `
+window._firstLoadContextId = null;`;
+    contextInlineClientJS = `
+$storefront.apiContext = null;
+delete $storefront.apiContext;
+delete $storefront.context;
+_emitApiContext();`;
+  }
+  if (isPreview) {
+    inlineClientJS += `
+window.$isCmsPreview = true;`;
+  }
+  const inlineJSONLd = JSON.stringify({
+    "@context": "http://schema.org",
+    "@type": "Organization",
+    name: settings.name,
+    url: `https://${domain}/`,
+    logo: `https://${domain}${settings.logo}`
+  });
+  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${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, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<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";
+}
+function is(a, b) {
+  return a === b;
+}
+function any(a, b) {
+  return has(a) && b.includes(a.toLowerCase());
+}
+const ElementWeights = {
+  META: 10,
+  TITLE: 9,
+  PRECONNECT: 8,
+  ASYNC_SCRIPT: 7,
+  IMPORT_STYLES: 6,
+  SYNC_SCRIPT: 5,
+  SYNC_STYLES: 4,
+  PRELOAD: 3,
+  DEFER_SCRIPT: 2,
+  PREFETCH_PRERENDER: 1,
+  OTHER: 0
+};
+const ElementDetectors = {
+  META: isMeta,
+  TITLE: isTitle,
+  PRECONNECT: isPreconnect,
+  DEFER_SCRIPT: isDeferScript,
+  ASYNC_SCRIPT: isAsyncScript,
+  IMPORT_STYLES: isImportStyles,
+  SYNC_SCRIPT: isSyncScript,
+  SYNC_STYLES: isSyncStyles,
+  PRELOAD: isPreload,
+  PREFETCH_PRERENDER: isPrefetchPrerender
+};
+const META_HTTP_EQUIV_KEYWORDS = [
+  "accept-ch",
+  "content-security-policy",
+  "content-type",
+  "default-style",
+  "delegate-ch",
+  "origin-trial",
+  "x-dns-prefetch-control"
+];
+function isMeta(name, a) {
+  if (name === "base")
+    return true;
+  if (name !== "meta")
+    return false;
+  return has(a.charset) || is(a.name, "viewport") || any(a["http-equiv"], META_HTTP_EQUIV_KEYWORDS);
+}
+function isTitle(name) {
+  return name === "title";
+}
+function isPreconnect(name, { rel }) {
+  return name === "link" && is(rel, "preconnect");
+}
+function isAsyncScript(name, { src, async }) {
+  return name === "script" && has(src) && has(async);
+}
+function isImportStyles(name, a, children) {
+  const importRe = /@import/;
+  if (name === "style") {
+    return importRe.test(children);
+  }
+  return false;
+}
+function isSyncScript(name, { src, defer, async, type = "" }) {
+  if (name !== "script")
+    return false;
+  return !(has(src) && (has(defer) || has(async) || is(type, "module")) || type.includes("json"));
+}
+function isSyncStyles(name, { rel }) {
+  if (name === "style")
+    return true;
+  return name === "link" && is(rel, "stylesheet");
+}
+function isPreload(name, { rel }) {
+  return name === "link" && any(rel, ["preload", "modulepreload"]);
+}
+function isDeferScript(name, { src, defer, async, type }) {
+  if (name !== "script")
+    return false;
+  return has(src) && has(defer) || has(src) && is(type, "module") && !has(async);
+}
+function isPrefetchPrerender(name, { rel }) {
+  return name === "link" && any(rel, ["prefetch", "dns-prefetch", "prerender"]);
+}
+function getWeight(element) {
+  for (const [id, detector] of Object.entries(ElementDetectors)) {
+    const children = element.name === "style" && element.children.length > 0 ? renderSync(element) : "";
+    if (detector(element.name, element.attributes, children)) {
+      return ElementWeights[id];
+    }
+  }
+  return ElementWeights.OTHER;
+}
+
+function capo(html) {
+  const ast = parse$1(html);
+  try {
+    walkSync(ast, (node, parent, index) => {
+      if (node.type === ELEMENT_NODE && node.name === "head") {
+        if (parent) {
+          parent.children.splice(index, 1, getSortedHead(node));
+          throw "done";
+        }
+      }
+    });
+  } catch (e) {
+    if (e !== "done")
+      throw e;
   }
-  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
-  ${sources.map((attrs) => {
-    if (versionSuffix) {
-      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
+  return renderSync(ast);
+}
+function getSortedHead(head) {
+  const weightedChildren = head.children.map((node) => {
+    if (node.type === ELEMENT_NODE) {
+      const weight = getWeight(node);
+      return [weight, node];
     }
-    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
-  })}
-  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
-</picture>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
+  }).filter(Boolean);
+  const children = weightedChildren.sort((a, b) => b[0] - a[0]).map(([_, element]) => element);
+  return { ...head, children };
+}
+
+const Head = createComponent({
+  factory: async (result, props, slots) => {
+    let head = "";
+    head += `<head${spreadAttributes(props)} data-capo>`;
+    head += await renderSlotToString(result, slots.default);
+    head += renderAllHeadContent(result);
+    head += "</head>";
+    return unescapeHTML(capo(head));
+  }
+});
 
 const $$Astro$c = createAstro("https://demo.ecomplus.app");
 const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
@@ -1806,7 +1809,7 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   ${renderSlot$1($$result, $$slots["default"])}
   ${renderSlot$1($$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 })}`}
+  ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "absolute hidden", "style": "bottom: -1000px", "hasImg": false })}`}
 </body>`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
 
@@ -1836,7 +1839,7 @@ const $$Astro$a = createAstro("https://demo.ecomplus.app");
 const $$InlineScripts = createComponent(async ($$result, $$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$2 || (_a$2 = __template$2(['<script>\nwindow.$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$9 = createAstro("https://demo.ecomplus.app");
@@ -1852,6 +1855,176 @@ const $$Base = createComponent(async ($$result, $$props, $$slots) => {
 ` })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
 
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "PaymentMethodFlag",
+  props: {
+    as: { default: "i" },
+    flag: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const iconClassName = computed(() => {
+      switch (props.flag) {
+        case "pix":
+          return "i-pix text-[#77B6A8]";
+        case "visa":
+          return "i-visa";
+        case "mastercard":
+          return "i-mastercard";
+        case "elo":
+          return "i-elo";
+        case "amex":
+          return "i-amex";
+        case "hipercard":
+          return "i-hipercard";
+        case "diners":
+          return "i-dinersclub";
+        case "discover":
+          return "i-discover";
+        default:
+          return "";
+      }
+    });
+    const __returned__ = { props, iconClassName };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  if (!$setup.iconClassName) {
+    _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$z = _sfc_main$z.setup;
+_sfc_main$z.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
+  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
+};
+const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["ssrRender", _sfc_ssrRender$z]]);
+
+const _sfc_main$y = /* @__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$y(_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(_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((/* @__PURE__ */ 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$y = _sfc_main$y.setup;
+_sfc_main$y.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/FooterStamps.vue");
+  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
+};
+const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$y]]);
+
 const emitter = new EventEmitter();
 const useSharedData = async (props) => {
   const { field, timeout = 1e3 } = props;
@@ -1956,6 +2129,8 @@ const networkNames = [
 ];
 const socialNetworks = {};
 const setSocialNetworks = () => {
+  if (!globalThis.$storefront)
+    return;
   const { settings } = globalThis.$storefront;
   networkNames.forEach((network) => {
     if (settings[network]) {
@@ -1963,8 +2138,10 @@ const setSocialNetworks = () => {
     }
   });
 };
-{
+if (global.$storefront) {
   global.$storefront.onLoad(() => setSocialNetworks());
+} else {
+  setSocialNetworks();
 }
 
 const emptyInfo = {
@@ -2082,7 +2259,7 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   };
 };
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -2099,7 +2276,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$x(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_ALink = resolveComponent("ALink");
   const _component_CarouselControl = resolveComponent("CarouselControl");
@@ -2143,7 +2320,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             default: withCtx((_2, _push3, _parent3, _scopeId2) => {
               if (_push3) {
                 if ($setup.parsedContents[i]) {
-                  _push3(`<span class="prose text-base-800 text-sm"${_scopeId2}>${$setup.parsedContents[i]}</span>`);
+                  _push3(`<span class="text-base-800 prose text-sm"${_scopeId2}>${$setup.parsedContents[i]}</span>`);
                 } else {
                   _push3(`<!---->`);
                 }
@@ -2152,7 +2329,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
                     key: 0,
                     innerHTML: $setup.parsedContents[i],
-                    class: "prose text-base-800 text-sm"
+                    class: "text-base-800 prose text-sm"
                   }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
                 ];
               }
@@ -2178,7 +2355,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
                     key: 0,
                     innerHTML: $setup.parsedContents[i],
-                    class: "prose text-base-800 text-sm"
+                    class: "text-base-800 prose text-sm"
                   }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
                 ]),
                 _: 2
@@ -2192,13 +2369,13 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$z = _sfc_main$z.setup;
-_sfc_main$z.setup = (props, ctx) => {
+const _sfc_setup$x = _sfc_main$x.setup;
+_sfc_main$x.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
+  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["ssrRender", _sfc_ssrRender$z]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$x]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -2582,7 +2759,7 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -2685,7 +2862,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$w(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -2713,7 +2890,7 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           if ($props.hasCloseButton) {
             _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2 z-30 rounded"])}" data-drawer-close${_scopeId}>`);
             ssrRenderSlot(_ctx.$slots, "close", {}, () => {
-              _push2(`<i class="i-close text-base-400 hover:text-base-600 m-0 text-3xl"${_scopeId}></i>`);
+              _push2(`<i class="m-0 text-3xl text-base-400 i-close hover:text-base-600"${_scopeId}></i>`);
             }, _push2, _parent2, _scopeId);
             _push2(`</button>`);
           } else {
@@ -2727,7 +2904,7 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 default: withCtx((_2, _push4, _parent3, _scopeId2) => {
                   if (_push4) {
                     if ($props.modelValue && !$props.isHidden) {
-                      _push4(`<div class="fixed left-0 top-0 z-30 h-screen w-screen bg-black/50" data-drawer-backdrop${_scopeId2}></div>`);
+                      _push4(`<div class="size-screen fixed left-0 top-0 z-30 bg-black/50" data-drawer-backdrop${_scopeId2}></div>`);
                     } else {
                       _push4(`<!---->`);
                     }
@@ -2735,7 +2912,7 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     return [
                       $props.modelValue && !$props.isHidden ? (openBlock(), createBlock("div", {
                         key: 0,
-                        class: "fixed left-0 top-0 z-30 h-screen w-screen bg-black/50",
+                        class: "size-screen fixed left-0 top-0 z-30 bg-black/50",
                         "data-drawer-backdrop": ""
                       })) : createCommentVNode("", true)
                     ];
@@ -2782,7 +2959,7 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 "data-drawer-close": ""
               }, [
                 renderSlot(_ctx.$slots, "close", {}, () => [
-                  createVNode("i", { class: "i-close text-base-400 hover:text-base-600 m-0 text-3xl" })
+                  createVNode("i", { class: "m-0 text-3xl text-base-400 i-close hover:text-base-600" })
                 ])
               ], 2)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "default")
@@ -2795,7 +2972,7 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 default: withCtx(() => [
                   $props.modelValue && !$props.isHidden ? (openBlock(), createBlock("div", {
                     key: 0,
-                    class: "fixed left-0 top-0 z-30 h-screen w-screen bg-black/50",
+                    class: "size-screen fixed left-0 top-0 z-30 bg-black/50",
                     "data-drawer-backdrop": ""
                   })) : createCommentVNode("", true)
                 ]),
@@ -2811,13 +2988,13 @@ function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$y = _sfc_main$y.setup;
-_sfc_main$y.setup = (props, ctx) => {
+const _sfc_setup$w = _sfc_main$w.setup;
+_sfc_main$w.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
+  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$y]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$w]]);
 
 const storageKey$1 = "ecomSession";
 const emptySession = {
@@ -2856,7 +3033,7 @@ const initializeFirebaseAuth = (canWaitIdle) => {
   return;
 };
 
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
@@ -2898,20 +3075,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$x(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$v(_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$x = _sfc_main$x.setup;
-_sfc_main$x.setup = (props, ctx) => {
+const _sfc_setup$v = _sfc_main$v.setup;
+_sfc_main$v.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
+  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$x]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
 
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -2947,18 +3124,18 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$w(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$w = _sfc_main$w.setup;
-_sfc_main$w.setup = (props, ctx) => {
+const _sfc_setup$u = _sfc_main$u.setup;
+_sfc_main$u.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
+  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$w]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -2984,7 +3161,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$t(_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) => {
@@ -3005,15 +3182,15 @@ function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$v = _sfc_main$v.setup;
-_sfc_main$v.setup = (props, ctx) => {
+const _sfc_setup$t = _sfc_main$t.setup;
+_sfc_main$t.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
+  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -3036,12 +3213,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$s(_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-base-800 text-lg" }, _attrs))}>`);
   if ($props.categoryTree.subcategories.length) {
-    _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>`);
+    _push(`<details class="z-10 overflow-y-auto overflow-x-hidden bg-white open:absolute open:left-0 open:top-0 open:size-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,
@@ -3074,15 +3251,15 @@ function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$u = _sfc_main$u.setup;
-_sfc_main$u.setup = (props, ctx) => {
+const _sfc_setup$s = _sfc_main$s.setup;
+_sfc_main$s.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
+  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -3103,7 +3280,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex h-full flex-col bg-white" }, _attrs))}><nav class="grow py-4"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -3115,10 +3292,10 @@ function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _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-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>`);
+        _push2(`<i class="text-base-500 i-user-circle 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-base-500 m-0 text-4xl" }),
+          createVNode("i", { class: "text-base-500 i-user-circle m-0 text-4xl" }),
           createVNode("span", { class: "leading-tight" }, [
             createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
             createVNode("small", { class: "text-primary block font-semibold lowercase" }, toDisplayString("Meus pedidos") + ", " + toDisplayString("Minha conta"))
@@ -3144,13 +3321,13 @@ function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$t = _sfc_main$t.setup;
-_sfc_main$t.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/ShopSidenav.vue");
-  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
+  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -3199,7 +3376,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -3228,7 +3405,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$s(_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");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -3542,15 +3719,15 @@ function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$s = _sfc_main$s.setup;
-_sfc_main$s.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/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
+  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -3566,7 +3743,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$p(_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>`);
@@ -3579,7 +3756,7 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               open ? "underline" : null
             ], "inline group-hover:underline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
             if ($setup.hasOneLevelSubcategories) {
-              _push2(`<i class="${ssrRenderClass([open ? "-rotate-90" : "rotate-90", "i-chevron-right text-base-400 group-hover:text-primary-subtle ml-1 transition-transform"])}"${_scopeId}></i>`);
+              _push2(`<i class="${ssrRenderClass([open ? "-rotate-90" : "rotate-90", "text-base-400 i-chevron-right group-hover:text-primary-subtle ml-1 transition-transform"])}"${_scopeId}></i>`);
             } else {
               _push2(`<!---->`);
             }
@@ -3595,7 +3772,7 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 }, toDisplayString(categoryTree.name), 3),
                 $setup.hasOneLevelSubcategories ? (openBlock(), createBlock("i", {
                   key: 0,
-                  class: ["i-chevron-right text-base-400 group-hover:text-primary-subtle ml-1 transition-transform", open ? "-rotate-90" : "rotate-90"]
+                  class: ["text-base-400 i-chevron-right group-hover:text-primary-subtle ml-1 transition-transform", open ? "-rotate-90" : "rotate-90"]
                 }, null, 2)) : createCommentVNode("", true)
               ])
             ];
@@ -3610,15 +3787,15 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$r = _sfc_main$r.setup;
-_sfc_main$r.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/components/ShopHeaderMenu.vue");
-  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
+  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3645,7 +3822,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
@@ -4269,15 +4446,15 @@ function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$q = _sfc_main$q.setup;
-_sfc_main$q.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/components/AccountMenu.vue");
-  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
+  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
 };
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
   props: {
     searchInput: {},
@@ -4288,8 +4465,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal_7debttOi.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_8VAKl-jR.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_MNdcYMws.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_7UWmGIF6.mjs'));
     const props = __props;
     const header = ref(null);
     const searchInput = ref(null);
@@ -4321,7 +4498,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_Skeleton = resolveComponent("Skeleton");
   _push(`<header${ssrRenderAttrs(mergeProps({
@@ -4344,7 +4521,7 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(ssrRenderComponent(_component_Fade, null, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.isSearchOpen ? null : { display: "none" })}" class="absolute -right-0.5 -top-2.5 flex items-stretch"${_scopeId}><div class="hidden w-12 bg-gradient-to-r from-transparent to-white sm:block"${_scopeId}></div><input type="search" id="HeaderSearch" name="q"${ssrRenderAttr("value", $setup.searchTerm)} class="to-primary-50 border-primary/20 border-1 w-72 max-w-md bg-gradient-to-r from-white py-3 pl-5 pr-12 text-base ring-0 md:w-screen"${ssrRenderAttr("placeholder", `${"Buscar produtos"} ...`)}${_scopeId}></div>`);
+        _push2(`<div style="${ssrRenderStyle($setup.isSearchOpen ? null : { display: "none" })}" class="absolute -right-0.5 -top-2.5 flex items-stretch"${_scopeId}><div class="hidden w-12 bg-gradient-to-r from-transparent to-white sm:block"${_scopeId}></div><input type="search" id="HeaderSearch" name="q"${ssrRenderAttr("value", $setup.searchTerm)} class="border-1 border-primary/20 to-primary-50 w-72 max-w-md bg-gradient-to-r from-white py-3 pl-5 pr-12 text-base ring-0 md:w-screen"${ssrRenderAttr("placeholder", `${"Buscar produtos"} ...`)}${_scopeId}></div>`);
       } else {
         return [
           withDirectives(createVNode("div", { class: "absolute -right-0.5 -top-2.5 flex items-stretch" }, [
@@ -4355,7 +4532,7 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               id: "HeaderSearch",
               name: "q",
               "onUpdate:modelValue": ($event) => $setup.searchTerm = $event,
-              class: "to-primary-50 border-primary/20 border-1 w-72 max-w-md bg-gradient-to-r from-white py-3 pl-5 pr-12 text-base ring-0 md:w-screen",
+              class: "border-1 border-primary/20 to-primary-50 w-72 max-w-md bg-gradient-to-r from-white py-3 pl-5 pr-12 text-base ring-0 md:w-screen",
               placeholder: `${"Buscar produtos"} ...`
             }, null, 8, ["onUpdate:modelValue", "placeholder"]), [
               [
@@ -4373,16 +4550,16 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     }),
     _: 1
   }, _parent));
-  _push(`<button type="submit"${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="${ssrRenderClass([$setup.isSearchOpen && "text-primary-600 -translate-x-2", "i-magnifying-glass hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"></i></button></form>`);
+  _push(`<button type="submit"${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="${ssrRenderClass([$setup.isSearchOpen && "text-primary-600 -translate-x-2", "i-magnifying-glass hover:text-primary size-7 hover:scale-110 active:scale-125"])}"></i></button></form>`);
   if (!$setup.isMobile) {
     _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 hover:text-primary h-7 w-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+          _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle hover:text-primary size-7 hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
         } else {
           return [
             createVNode("i", {
-              class: ["i-user-circle hover:text-primary h-7 w-7 hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
+              class: ["i-user-circle hover:text-primary size-7 hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
             }, null, 2)
           ];
         }
@@ -4392,7 +4569,7 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _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>`);
+  _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 size-7 group-hover:scale-110 group-active:scale-125"></i>`);
   if ($setup.cartTotalItems) {
     _push(`<span class="ui-badge-pill-sm absolute -right-1.5 -top-1">${ssrInterpolate($setup.cartTotalItems)}</span>`);
   } else {
@@ -4540,13 +4717,13 @@ function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</header>`);
 }
-const _sfc_setup$p = _sfc_main$p.setup;
-_sfc_main$p.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/components/ShopHeader.vue");
-  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
+  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
 };
-const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
+const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
 
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
@@ -4567,182 +4744,12 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
   return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n  ", "\n\n<script async>", "<\/script>\n", ""])), 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(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": "data:categories", "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" })}
+        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })}
       ` })}
     </a>
   ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "PaymentMethodFlag",
-  props: {
-    as: { default: "i" },
-    flag: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const iconClassName = computed(() => {
-      switch (props.flag) {
-        case "pix":
-          return "i-pix text-[#77B6A8]";
-        case "visa":
-          return "i-visa";
-        case "mastercard":
-          return "i-mastercard";
-        case "elo":
-          return "i-elo";
-        case "amex":
-          return "i-amex";
-        case "hipercard":
-          return "i-hipercard";
-        case "diners":
-          return "i-dinersclub";
-        case "discover":
-          return "i-discover";
-        default:
-          return "";
-      }
-    });
-    const __returned__ = { props, iconClassName };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  if (!$setup.iconClassName) {
-    _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$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/PaymentMethodFlag.vue");
-  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
-};
-const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
-
-const _sfc_main$n = /* @__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$n(_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(_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((/* @__PURE__ */ 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$n = _sfc_main$n.setup;
-_sfc_main$n.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/FooterStamps.vue");
-  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
-};
-const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
-
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "ShopFooter",
   props: {
@@ -4763,7 +4770,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
-  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "bg-base-50 border-base-100 mt-auto 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">`);
+  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "border-base-100 bg-base-50 mt-auto 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>`);
@@ -4824,9 +4831,9 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   if ($props.categories?.length) {
     _push(`<div class="basis-1/2 pr-2 sm:basis-auto sm:pr-0"><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><a${ssrRenderAttr("href", `/${slug}`)} class="ui-link text-base-600">${ssrInterpolate(name)}</a></li>`);
+      _push(`<li><a${ssrRenderAttr("href", `/${slug}`)} class="text-base-600 ui-link">${ssrInterpolate(name)}</a></li>`);
     });
-    _push(`<!--]--><li><a href="/s" class="ui-link text-base-900">${ssrInterpolate("Todos os produtos")}</a></li></ul></div>`);
+    _push(`<!--]--><li><a href="/s" class="text-base-900 ui-link">${ssrInterpolate("Todos os produtos")}</a></li></ul></div>`);
   } else {
     _push(`<!---->`);
   }
@@ -5976,8 +5983,9 @@ const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
   if (!mobileWidths?.length) {
     mobileWidths = [640, 1024];
   }
-  return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto text-sm text-opacity-70 ${className}` })}`}
-${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `md:hidden mx-auto text-sm text-opacity-70 ${mobileClass}` })}`}`;
+  return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto
+    text-sm text-opacity-70 ${className}` })}`}
+${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `mx-auto text-sm text-opacity-70 md:hidden ${mobileClass}` })}`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro", void 0);
 
 const useBanner = (props) => {
@@ -6133,7 +6141,7 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       if (_push2) {
         _push2(`<div style="${ssrRenderStyle($props.slides.length > 1 ? null : { display: "none" })}" class="absolute bottom-5 right-5 z-10 flex w-screen items-center justify-end xl:left-1/2 xl:right-auto xl:-ms-[640px] xl:max-w-screen-xl"${_scopeId}><div class="${ssrRenderClass([$setup.isMounted ? "opacity-100" : "opacity-20 [&>*]:cursor-wait", "text-primary relative h-10 w-20 rounded-full bg-white/50 shadow-sm ring-1 ring-black/5 transition-opacity"])}"${_scopeId}>`);
         _push2(ssrRenderComponent(_component_CarouselControl, {
-          class: "hover:bg-primary/10 h-10 w-10 rounded-full",
+          class: "hover:bg-primary/10 size-10 rounded-full",
           "is-prev": ""
         }, {
           default: withCtx((_2, _push3, _parent3, _scopeId2) => {
@@ -6147,7 +6155,7 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           }),
           _: 1
         }, _parent2, _scopeId));
-        _push2(ssrRenderComponent(_component_CarouselControl, { class: "hover:bg-primary/10 h-10 w-10 rounded-full" }, {
+        _push2(ssrRenderComponent(_component_CarouselControl, { class: "hover:bg-primary/10 size-10 rounded-full" }, {
           default: withCtx((_2, _push3, _parent3, _scopeId2) => {
             if (_push3) {
               _push3(`<i class="i-arrow-right"${_scopeId2}></i>`);
@@ -6167,7 +6175,7 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               class: ["text-primary relative h-10 w-20 rounded-full bg-white/50 shadow-sm ring-1 ring-black/5 transition-opacity", $setup.isMounted ? "opacity-100" : "opacity-20 [&>*]:cursor-wait"]
             }, [
               createVNode(_component_CarouselControl, {
-                class: "hover:bg-primary/10 h-10 w-10 rounded-full",
+                class: "hover:bg-primary/10 size-10 rounded-full",
                 "is-prev": ""
               }, {
                 default: withCtx(() => [
@@ -6175,7 +6183,7 @@ function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 ]),
                 _: 1
               }),
-              createVNode(_component_CarouselControl, { class: "hover:bg-primary/10 h-10 w-10 rounded-full" }, {
+              createVNode(_component_CarouselControl, { class: "hover:bg-primary/10 size-10 rounded-full" }, {
                 default: withCtx(() => [
                   createVNode("i", { class: "i-arrow-right" })
                 ]),
@@ -6263,7 +6271,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_ssrRender$i(_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>`);
+  _push(`<article${ssrRenderAttrs(mergeProps({ class: "!max-w-full overflow-x-auto prose" }, _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$i = _sfc_main$i.setup;
 _sfc_main$i.setup = (props, ctx) => {
@@ -6897,26 +6905,26 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _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}>`);
+        _push2(`<div class="aspect-square p-2 transition-transform motion-safe:group-hover:scale-110"${_scopeId}><div class="relative size-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 left-0 top-0 block h-full w-full object-cover"
+            class: "absolute left-0 top-0 block size-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 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"
+              class: "absolute left-0 top-0 z-10 block size-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="from-base-50/20 to-base-100 h-full w-full bg-gradient-to-br"${_scopeId}></div>`);
+          _push2(`<div class="from-base-50/20 to-base-100 size-full bg-gradient-to-br"${_scopeId}></div>`);
         }
         _push2(`</div></div>`);
         if ($setup.discountPercentage) {
@@ -6948,11 +6956,11 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           _push2(ssrRenderComponent($setup["Prices"], { product: $setup.product }, null, _parent2, _scopeId));
           _push2(`</div>`);
         } else {
-          _push2(`<span class="ui-badge bg-warning-100 text-warning-700"${_scopeId}>${ssrInterpolate(!$setup.isInStock ? "Sem estoque" : "Inativo")}</span>`);
+          _push2(`<span class="bg-warning-100 text-warning-700 ui-badge"${_scopeId}>${ssrInterpolate(!$setup.isInStock ? "Sem estoque" : "Inativo")}</span>`);
         }
         _push2(`</div>`);
         if ($setup.isActive && !$setup.hasVariations) {
-          _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>`);
+          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><span class="bg-on-primary text-primary mr-1 inline-block size-4 rounded-full text-center text-base leading-none opacity-80"${_scopeId}> + </span> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
         } else {
           _push2(`<!---->`);
         }
@@ -6960,7 +6968,7 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       } else {
         return [
           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" }, [
+            createVNode("div", { class: "relative size-full overflow-hidden rounded bg-white group-hover:rounded-none" }, [
               $setup.images?.length ? (openBlock(), createBlock("span", {
                 key: 0,
                 class: "text-xs text-opacity-70"
@@ -6968,17 +6976,17 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 createVNode(_component_AImg, {
                   picture: $setup.images[0],
                   alt: $setup.title,
-                  class: "absolute left-0 top-0 block h-full w-full object-cover"
+                  class: "absolute left-0 top-0 block size-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 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"
+                  class: "absolute left-0 top-0 z-10 block size-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: "from-base-50/20 to-base-100 h-full w-full bg-gradient-to-br"
+                class: "from-base-50/20 to-base-100 size-full bg-gradient-to-br"
               }))
             ])
           ]),
@@ -7007,15 +7015,15 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 createVNode($setup["Prices"], { product: $setup.product }, null, 8, ["product"])
               ])) : (openBlock(), createBlock("span", {
                 key: 1,
-                class: "ui-badge bg-warning-100 text-warning-700"
+                class: "bg-warning-100 text-warning-700 ui-badge"
               }, toDisplayString(!$setup.isInStock ? "Sem estoque" : "Inativo"), 1))
             ]),
             $setup.isActive && !$setup.hasVariations ? (openBlock(), createBlock("button", {
               key: 0,
               class: "uno-3suct9 ui-btn-sm ui-btn-primary",
-              onClick: withModifiers(($event) => $setup.addProductToCart($setup.product), ["prevent"])
+              onClick: withModifiers(($event) => $setup.addProductToCart($setup.product), ["stop", "prevent"])
             }, [
-              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" }, " + "),
+              createVNode("span", { class: "bg-on-primary text-primary mr-1 inline-block size-4 rounded-full text-center text-base leading-none opacity-80" }, " + "),
               createTextVNode(" " + toDisplayString("Adicionar ao carrinho"))
             ], 8, ["onClick"])) : createCommentVNode("", true)
           ])
@@ -7139,13 +7147,13 @@ function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               if (_push3) {
                 _push3(ssrRenderComponent(_component_CarouselControl, {
                   style: $setup.products.length > 2 ? null : { display: "none" },
-                  class: ["uno-c36cp5", isPrev ? "!-left-4" : "!-right-4"],
+                  class: ["uno-t0rdy7", isPrev ? "!-left-4" : "!-right-4"],
                   "is-prev": isPrev
                 }, null, _parent3, _scopeId2));
               } else {
                 return [
                   withDirectives(createVNode(_component_CarouselControl, {
-                    class: ["uno-c36cp5", isPrev ? "!-left-4" : "!-right-4"],
+                    class: ["uno-t0rdy7", isPrev ? "!-left-4" : "!-right-4"],
                     "is-prev": isPrev
                   }, null, 8, ["class", "is-prev"]), [
                     [vShow, $setup.products.length > 2]
@@ -7162,7 +7170,7 @@ function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             createVNode($setup["DefineCarouselControl"], null, {
               default: withCtx(({ isPrev }) => [
                 withDirectives(createVNode(_component_CarouselControl, {
-                  class: ["uno-c36cp5", isPrev ? "!-left-4" : "!-right-4"],
+                  class: ["uno-t0rdy7", isPrev ? "!-left-4" : "!-right-4"],
                   "is-prev": isPrev
                 }, null, 8, ["class", "is-prev"]), [
                   [vShow, $setup.products.length > 2]
@@ -7385,7 +7393,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 function _sfc_ssrRender$9(_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",
+    class: "leading-12 h-12 w-10 text-xl enabled:text-primary enabled:hover:bg-primary-100/70 disabled:opacity-40",
     "data-quantity-selector-control": $props.isMinus ? "minus" : "plus",
     "aria-label": $props.isMinus ? "Menos" : "Mais",
     disabled: $props.isMinus ? $setup.isBoundMin : $setup.isBoundMax
@@ -7574,7 +7582,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         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));
+            _push2(ssrRenderComponent(_component_CarouselControl, { class: "text-primary hover:bg-primary-300/60 !bottom-3 !left-1/2 -ml-5 size-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(`<!---->`);
           }
@@ -7584,7 +7592,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             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"
+                class: "text-primary hover:bg-primary-300/60 !bottom-3 !left-1/2 -ml-5 size-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" })
             ])
@@ -7602,7 +7610,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 _push2(`<button class="bg-secondary-100 block rounded md:h-[175px]"${_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"]
+                  class: ["ring-secondary/10 size-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 {
@@ -7631,7 +7639,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                     }, [
                       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"]
+                        class: ["ring-secondary/10 size-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);
@@ -7651,7 +7659,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     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"],
+    class: ["text-base-600 [&_i]:i-arrow-right mx-auto size-full max-w-[525px] [&>*]:h-full [&_i]:mx-2 [&_i]:text-2xl", $setup.isLoadingLightbox && "opacity-80"],
     id: $setup.psId
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -7673,7 +7681,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 _push3(ssrRenderComponent(_component_AImg, {
                   picture,
                   "preferred-size": "big",
-                  class: "h-full w-full rounded object-cover",
+                  class: "size-full rounded object-cover",
                   fetchpriority: i === 0 ? "high" : "low",
                   loading: i === 0 ? "eager" : "lazy"
                 }, null, _parent3, _scopeId2));
@@ -7682,7 +7690,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                   createVNode(_component_AImg, {
                     picture,
                     "preferred-size": "big",
-                    class: "h-full w-full rounded object-cover",
+                    class: "size-full rounded object-cover",
                     fetchpriority: i === 0 ? "high" : "low",
                     loading: i === 0 ? "eager" : "lazy"
                   }, null, 8, ["picture", "fetchpriority", "loading"])
@@ -7710,7 +7718,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 createVNode(_component_AImg, {
                   picture,
                   "preferred-size": "big",
-                  class: "h-full w-full rounded object-cover",
+                  class: "size-full rounded object-cover",
                   fetchpriority: i === 0 ? "high" : "low",
                   loading: i === 0 ? "eager" : "lazy"
                 }, null, 8, ["picture", "fetchpriority", "loading"])
@@ -7724,7 +7732,7 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 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>`);
+    _push(`<i class="bg-base-200 i-arrow-path absolute left-1/2 top-1/2 -ml-7 -mt-7 size-14 animate-spin"${ssrRenderAttr("aria-label", "Carregando")}></i>`);
   } else {
     _push(`<!---->`);
   }
@@ -7900,9 +7908,9 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       ssrRenderList(options, (optionText, i) => {
         _push(`<li><button class="${ssrRenderClass([[
           $setup.selectedOptions[gridId] === optionText ? "border-primary ring-2" : null,
-          gridId === "colors" ? "h-9 w-9 text-[0px]" : "px-2.5 py-2 leading-none",
-          $setup.activeVariationsGrids[gridId].includes(optionText) ? "text-primary-950 bg-primary-100 border-primary-400" : "text-primary-600 bg-primary-200 border-primary-300"
-        ], "ring-primary/60 rounded border"])}" style="${ssrRenderStyle(gridId === "colors" ? $setup.getColorOptionBg(optionText) : void 0)}">${ssrInterpolate(optionText)}</button></li>`);
+          gridId === "colors" ? "size-9 text-[0px]" : "px-2.5 py-2 leading-none",
+          $setup.activeVariationsGrids[gridId].includes(optionText) ? "border-primary-400 bg-primary-100 text-primary-950" : "border-primary-300 bg-primary-200 text-primary-600"
+        ], "ring-primary/60 rounded border"])}" style="${ssrRenderStyle(gridId === "colors" && $setup.getColorOptionBg(optionText))}">${ssrInterpolate(optionText)}</button></li>`);
       });
       _push(`<!--]--></ul>`);
     } else {
@@ -7983,7 +7991,7 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _push(`</div><div class="lg:sticky-header:translate-y-14 top-0 py-4 transition-transform lg:sticky"><h1 class="ui-text-brand text-secondary-900 text-lg">${ssrInterpolate($setup.title)}</h1>`);
+  _push(`</div><div class="lg:sticky-header:translate-y-14 top-0 py-4 transition-transform lg:sticky"><h1 class="text-secondary-900 ui-text-brand text-lg">${ssrInterpolate($setup.title)}</h1>`);
   if ($setup.isActive) {
     _push(`<div class="mt-5">`);
     _push(ssrRenderComponent($setup["Prices"], {
@@ -8357,7 +8365,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   const _component_Fade = resolveComponent("Fade");
   _push(`<!--[-->`);
   if ($setup.searchTerm) {
-    _push(`<section class="${ssrRenderClass([$setup.hasFiltersBar ? "relative z-[14] -mb-4" : "mb-0", "ui-section-slim text-base-700 px-6 text-center text-xl lowercase"])}">${ssrInterpolate("Buscando por")} <h1 class="text-base-800 inline font-bold italic">${ssrInterpolate($setup.searchTerm)}</h1></section>`);
+    _push(`<section class="${ssrRenderClass([$setup.hasFiltersBar ? "relative z-[14] -mb-4" : "mb-0", "text-base-700 ui-section-slim px-6 text-center text-xl lowercase"])}">${ssrInterpolate("Buscando por")} <h1 class="text-base-800 inline font-bold italic">${ssrInterpolate($setup.searchTerm)}</h1></section>`);
   } else {
     _push(`<!---->`);
   }
@@ -8377,15 +8385,15 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
         if ($setup.hasFiltersBar) {
-          _push2(`<section class="ui-section-slim sticky-header:translate-y-16 lg:sticky-header:translate-y-14 to-base-100 sticky top-0 z-[12] flex items-center justify-between rounded-b bg-white/80 px-6 py-4 shadow-sm backdrop-blur-sm transition-transform"${_scopeId}><strong class="text-base-700 font-medium lowercase"${_scopeId}>`);
+          _push2(`<section class="to-base-100 ui-section-slim sticky-header:translate-y-16 lg:sticky-header:translate-y-14 sticky top-0 z-[12] flex items-center justify-between rounded-b bg-white/80 px-6 py-4 shadow-sm backdrop-blur-sm transition-transform"${_scopeId}><strong class="text-base-700 font-medium lowercase"${_scopeId}>`);
           if ($setup.resultMeta.count > 1) {
             _push2(`<!--[-->${ssrInterpolate($setup.resultMeta.count)} <span class="hidden lg:inline"${_scopeId}>${ssrInterpolate("Itens encontrados")}</span><span class="lg:hidden"${_scopeId}>${ssrInterpolate("Produtos")}</span><!--]-->`);
           } else {
             _push2(`<!---->`);
           }
-          _push2(`</strong><div class="flex items-center gap-4"${_scopeId}><span class="hidden text-xl leading-none md:block"${_scopeId}><i class="i-adjustments-horizontal text-base-600 m-0"${_scopeId}></i></span><button class="ui-btn-sm ui-btn-secondary relative"${_scopeId}><span class="hidden md:inline"${_scopeId}>${ssrInterpolate("Filtrar produtos")}</span><span class="md:hidden"${_scopeId}><i class="i-adjustments-horizontal mr-1"${_scopeId}></i> ${ssrInterpolate("Filtrar")}</span>`);
+          _push2(`</strong><div class="flex items-center gap-4"${_scopeId}><span class="hidden text-xl leading-none md:block"${_scopeId}><i class="text-base-600 i-adjustments-horizontal m-0"${_scopeId}></i></span><button class="ui-btn-sm ui-btn-secondary relative"${_scopeId}><span class="hidden md:inline"${_scopeId}>${ssrInterpolate("Filtrar produtos")}</span><span class="md:hidden"${_scopeId}><i class="i-adjustments-horizontal mr-1"${_scopeId}></i> ${ssrInterpolate("Filtrar")}</span>`);
           if ($setup.filtersCount) {
-            _push2(`<span class="ui-badge-pill-sm outline-secondary/80 outline-3 absolute -right-1.5 -top-1 outline"${_scopeId}>${ssrInterpolate($setup.filtersCount)}</span>`);
+            _push2(`<span class="outline-3 outline-secondary/80 ui-badge-pill-sm absolute -right-1.5 -top-1 outline"${_scopeId}>${ssrInterpolate($setup.filtersCount)}</span>`);
           } else {
             _push2(`<!---->`);
           }
@@ -8598,7 +8606,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         return [
           $setup.hasFiltersBar ? (openBlock(), createBlock("section", {
             key: 0,
-            class: "ui-section-slim sticky-header:translate-y-16 lg:sticky-header:translate-y-14 to-base-100 sticky top-0 z-[12] flex items-center justify-between rounded-b bg-white/80 px-6 py-4 shadow-sm backdrop-blur-sm transition-transform"
+            class: "to-base-100 ui-section-slim sticky-header:translate-y-16 lg:sticky-header:translate-y-14 sticky top-0 z-[12] flex items-center justify-between rounded-b bg-white/80 px-6 py-4 shadow-sm backdrop-blur-sm transition-transform"
           }, [
             createVNode("strong", { class: "text-base-700 font-medium lowercase" }, [
               $setup.resultMeta.count > 1 ? (openBlock(), createBlock(Fragment$1, { key: 0 }, [
@@ -8609,7 +8617,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             ]),
             createVNode("div", { class: "flex items-center gap-4" }, [
               createVNode("span", { class: "hidden text-xl leading-none md:block" }, [
-                createVNode("i", { class: "i-adjustments-horizontal text-base-600 m-0" })
+                createVNode("i", { class: "text-base-600 i-adjustments-horizontal m-0" })
               ]),
               createVNode("button", {
                 onClick: ($event) => $setup.isFiltersOpen = !$setup.isFiltersOpen,
@@ -8622,7 +8630,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 ]),
                 $setup.filtersCount ? (openBlock(), createBlock("span", {
                   key: 0,
-                  class: "ui-badge-pill-sm outline-secondary/80 outline-3 absolute -right-1.5 -top-1 outline"
+                  class: "outline-3 outline-secondary/80 ui-badge-pill-sm absolute -right-1.5 -top-1 outline"
                 }, toDisplayString($setup.filtersCount), 1)) : createCommentVNode("", true)
               ], 8, ["onClick"]),
               createVNode($setup["Listbox"], {
@@ -8747,7 +8755,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
         if ($setup.isFetching) {
-          _push2(`<div class="absolute left-0 top-0 z-[14] h-full w-full bg-white/40"${_scopeId}></div>`);
+          _push2(`<div class="absolute left-0 top-0 z-[14] size-full bg-white/40"${_scopeId}></div>`);
         } else {
           _push2(`<!---->`);
         }
@@ -8755,7 +8763,7 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         return [
           $setup.isFetching ? (openBlock(), createBlock("div", {
             key: 0,
-            class: "absolute left-0 top-0 z-[14] h-full w-full bg-white/40"
+            class: "absolute left-0 top-0 z-[14] size-full bg-white/40"
           })) : createCommentVNode("", true)
         ];
       }
@@ -8866,7 +8874,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><article class="prose"><h1 class="ui-title not-prose my-4">${ssrInterpolate($props.title)}</h1>`);
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><article class="prose"><h1 class="not-prose ui-title my-4">${ssrInterpolate($props.title)}</h1>`);
   _push(ssrRenderComponent($setup["ContentClearfix"], { html: $setup.html }, null, _parent));
   _push(`</article></section>`);
 }
@@ -8980,7 +8988,7 @@ async function getStaticPaths() {
 const $$ = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
   Astro2.self = $$;
-  let slug = Astro2.params.slug || "";
+  const slug = Astro2.params.slug || "";
   if (slug.endsWith(".map")) {
     return new Response(null, { status: 404 });
   }