import { d as _export_sfc, e as useRuntimeConfig, a as useNuxtApp, c as useCookie, u as useStore, b as useI18n, f as useLocalePath, k as useSwitchLocalePath, _ as __nuxt_component_0$2, h as useRoute } from './server.mjs';
import { g } from './SvgIcon-DRvxO0-V.mjs';
import { mergeProps, computed, useSSRContext, ref, unref, withCtx, createVNode, createTextVNode, toDisplayString, openBlock, createBlock, withModifiers, Fragment, renderList, createCommentVNode, resolveComponent } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderSlot, ssrRenderClass, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderTeleport } from 'vue/server-renderer';
import { d } from './Skeleton-BBJiWBrY.mjs';
import { n } from './Backdrop-BEGlY-L5.mjs';
import { h as he, z, g as ge } from './swiper-vue-DHAv4051.mjs';
import { U as U$1, A } from './saudi-arabia-Be5LJrhj.mjs';
import { d as d$1 } from './Footer-B5G4qbNf.mjs';
import '../_/nitro.mjs';
import 'node:http';
import 'node:https';
import 'node:fs';
import 'node:url';
import 'node:path';
import 'unhead';
import '@unhead/shared';
import 'vue-router';
import 'vue-rate';
import 'date-fns';
import '@hennge/vue3-pagination';
import 'axios';
import 'vue-social-sharing';

const q = { __name: "Search", __ssrInlineRender: true, setup(a2) {
  useNuxtApp().$axios;
  const r2 = ref(false), i2 = ref([]), o2 = useRoute(), s2 = computed(() => {
    var e2;
    return { value: (null == (e2 = o2.query) ? undefined : e2.keyword) || "" };
  });
  return (e2, t2, a3, o3) => {
    var n2;
    const c2 = g, d2 = __nuxt_component_0$2;
    t2(`<div${ssrRenderAttrs(mergeProps({ class: ["/" === e2.$route.path ? "border-[#E9ECEE] bg-white" : "border-primary bg-primary", "relative border flex flex-1 h-12 items-center gap-2 lg:w-[350px] xl:w-[564px] max-w-[100%]"] }, o3))}><input type="text"${ssrRenderAttr("value", unref(s2).value)}${ssrRenderAttr("placeholder", e2.$t("TITLES.searchProducts"))} class="${ssrRenderClass(["/" !== e2.$route.path ? "placeholder:text-white text-white caret-white" : "placeholder:text-primary text-primary caret-primary", "lg:text-base text-sm py-3 px-4 lg:font-medium w-full bg-transparent focus:outline-none"])}"><button class="h-full w-14 outline-none bg-primary flex items-center justify-center">`), t2(ssrRenderComponent(c2, { name: "search", class: "text-2xl [&_path]:!fill-white" }, null, a3)), t2("</button>"), unref(r2) && (null == (n2 = unref(i2)) ? undefined : n2.length) ? (t2(`<div class="absolute drop-shadow-2xl lg:block border border-white hidden w-[645px] max-w-full lg:max-w-[unset] mt-1 p-8 top-full z-[1000] start-0 bg-white transition-all duration-500"><div><div class="flex mb-6 items-center justify-between gap-4"><p class="font-medium text-xl">${ssrInterpolate(e2.$t("TITLES.recentlySearched"))}</p><button class="text-base">`), t2(ssrRenderComponent(c2, { name: "trash", class: "scale-75 [&_path]:!fill-[#FC1B1B]" }, null, a3)), t2('</button></div><div class="flex items-center gap-4 flex-wrap"><!--[-->'), ssrRenderList(unref(i2).slice(0, 10), (l2, i3) => {
      t2(ssrRenderComponent(d2, { onClick: (e3) => r2.value = false, key: i3, to: e2.localePath(`/search?keyword=${l2.search}`), class: "text-sm inline-block py-3 px-6 bg-[#F6F6F6]" }, { default: withCtx((e3, t3, a4, r3) => {
        if (!t3) return [createTextVNode(toDisplayString(l2.search), 1)];
        t3(`${ssrInterpolate(l2.search)}`);
      }), _: 2 }, a3));
    }), t2("<!--]--></div></div></div>")) : t2("<!---->"), t2("</div>");
  };
} }, H = q.setup;
q.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Search.vue"), H ? H(e2, t2) : undefined;
};
const O = {};
const Q = O.setup;
O.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/Shared/SubnavSkelton.vue"), Q ? Q(e2, t2) : undefined;
};
const W = _export_sfc(O, [["ssrRender", function(e2, t2, l2, a2) {
  const r2 = d;
  t2(`<div${ssrRenderAttrs(mergeProps({ class: "relative z-[102]" }, a2))}><div class="relative overflow-x-auto h-6 flex items-center justify-between gap-10">`), t2(ssrRenderComponent(r2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] hidden sm:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] hidden sm:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2(ssrRenderComponent(r2, { class: "h-[6px] hidden lg:block w-[100px] !opacity-100 bg-gray-300" }, null, l2)), t2("</div></div>");
}]]), J = { __name: "SubNav", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(t2, { emit: a2 }) {
  const s2 = useStore(), { locale: n2 } = useI18n(), c2 = ref([]);
  useNuxtApp().$axios;
  const d2 = a2, x2 = useLocalePath(), f2 = ref(false), z2 = ref(s2.categories[0]), A2 = ref(null), L2 = ref(false), M2 = (e2) => {
    (undefined).innerWidth < 992 ? d2("openMobileCategories") : A2.value === e2.title ? P2() : (f2.value = !f2.value, A2.value = e2.title, z2.value = e2);
  }, P2 = () => {
    f2.value = false, A2.value = null;
  };
  return (e2, t3, a3, r2) => {
    var i2;
    const o2 = W, d3 = __nuxt_component_0$2, p2 = n, G2 = g, q2 = resolveComponent("skelton");
    unref(s2).categories && (null == (i2 = unref(s2).categories) ? undefined : i2.length) ? (t3(`<div${ssrRenderAttrs(r2)}><div class="relative"><div class="subNav">`), t3(ssrRenderComponent(unref(he), { modules: [unref(z)], breakpoints: { 0: { spaceBetween: 15 }, 992: { spaceBetween: 40 } }, "free-mode": true, class: "flex items-center" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(unref(ge), { class: "/" === e2.$route.path ? "text-white" : "lg:text-primary" }, { default: withCtx(() => [createVNode(d3, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx(() => [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)]), _: 1 }, 8, ["to", "class"])]), _: 1 }, 8, ["class"]), (openBlock(true), createBlock(Fragment, null, renderList(unref(s2).categories, (t5, l3) => (openBlock(), createBlock(unref(ge), { key: l3, class: "/" === e2.$route.path ? "text-white" : "text-primary" }, { default: withCtx(() => [createVNode("button", { onClick: withModifiers((e3) => M2(t5), ["stop"]), class: ["focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all", { "lg:text-primary font-medium lg:!font-bold active": unref(A2) === t5.title }] }, toDisplayString(t5.title), 11, ["onClick"])]), _: 2 }, 1032, ["class"]))), 128))];
      l2(ssrRenderComponent(unref(ge), { class: "/" === e2.$route.path ? "text-white" : "lg:text-primary" }, { default: withCtx((t5, l3, a5, r4) => {
        if (!l3) return [createVNode(d3, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx(() => [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)]), _: 1 }, 8, ["to", "class"])];
        l3(ssrRenderComponent(d3, { to: unref(x2)("/"), class: ["focus:outline-none text-sm lg:text-base hover:lg:text-primary transition-all", { "lg:text-primary font-medium  lg:!font-bold active": "/" === e2.$route.path }] }, { default: withCtx((t6, l4, a6, r5) => {
          if (!l4) return [createTextVNode(toDisplayString(e2.$t("NAV.home")), 1)];
          l4(`${ssrInterpolate(e2.$t("NAV.home"))}`);
        }), _: 1 }, a5, r4));
      }), _: 1 }, a4, r3)), l2("<!--[-->"), ssrRenderList(unref(s2).categories, (t5, i3) => {
        l2(ssrRenderComponent(unref(ge), { key: i3, class: "/" === e2.$route.path ? "text-white" : "text-primary" }, { default: withCtx((e3, l3, a5, r4) => {
          if (!l3) return [createVNode("button", { onClick: withModifiers((e4) => M2(t5), ["stop"]), class: ["focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all", { "lg:text-primary font-medium lg:!font-bold active": unref(A2) === t5.title }] }, toDisplayString(t5.title), 11, ["onClick"])];
          l3(`<button class="${ssrRenderClass([{ "lg:text-primary font-medium lg:!font-bold active": unref(A2) === t5.title }, "focus:outline-none text-sm lg:text-base lg:font-medium hover:lg:text-primary transition-all"])}"${r4}>${ssrInterpolate(t5.title)}</button>`);
        }), _: 2 }, a4, r3));
      }), l2("<!--]-->");
    }), _: 1 }, a3)), t3("</div>"), unref(f2) ? t3(ssrRenderComponent(p2, { onClose: P2, class: "hidden lg:block" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [unref(f2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
      }, ["stop"]), class: "fixed start-0 lg:top-[145px] max-h-[100%] overflow-auto scrollbar-hide lg:h-[420px] lg:overflow-hidden w-full end-0 bg-white shadow-lg z-50" }, [createVNode("div", { class: "flex flex-col lg:flex-row h-full gap-y-4 gap-x-10" }, [createVNode("div", { class: "lg:w-[260px] lg:overflow-auto scrollbar-hide space-y-2" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(s2).categories, (e3) => (openBlock(), createBlock("div", { key: e3.id, class: ["px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]", { "bg-[#F0F0F0] before:absolute before:start-2 before:w-0.5 before:h-3 before:top-1/5 before:z-10 before:bg-primary font-medium": unref(z2) === e3 }], onClick: (t5) => {
        z2.value = e3, c2.value = e3.sub_categories;
      } }, [createVNode("span", null, toDisplayString(e3.title), 1), createVNode(G2, { class: ["ar" === unref(n2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, 8, ["class"])], 10, ["onClick"]))), 128))]), createVNode("div", { class: "lg:px-10 px-4 lg:w-[420px] lg:overflow-y-auto scrollbar-hide lg:border-x-2 my-6 lg:border-[#E1E1E1]" }, [createVNode("div", { class: "lg:grid flex flex-wrap grid-cols-3 gap-4" }, [unref(L2) ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(3, (e3) => createVNode("div", { key: e3, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(q2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(q2, { class: "text-sm text-[#363636]" })])), 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [unref(c2) && unref(c2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(c2), (e3) => (openBlock(), createBlock(d3, { onClick: (t5) => M2(e3), to: unref(x2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["onClick", "to"]))), 128)) : (openBlock(), createBlock("div", { key: 1, class: "text-center w-full" }, [createVNode("p", { class: "text-sm text-[#363636]" }, toDisplayString(e2.$t("TITLES.noSubCategories")), 1)]))], 64))])]), createVNode("div", { class: "lg:overflow-y-auto scrollbar-hide flex-1 px-4 lg:px-0 py-6" }, [createVNode("div", { class: "space-y-6" }, [unref(L2) ? (openBlock(), createBlock(Fragment, { key: 0 }, renderList(6, (e3) => createVNode("div", { key: e3, class: "text-center w-full" }, [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode(q2, { class: "w-full h-full object-cover rounded-full" })]), createVNode(q2, { class: "text-sm text-[#363636]" })])), 64)) : (openBlock(), createBlock(Fragment, { key: 1 }, [unref(c2) && unref(c2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(c2), (e3) => (openBlock(), createBlock("div", { key: e3.id }, [createVNode("h3", { class: "text-lg font-medium mb-4" }, toDisplayString(e3.title), 1), createVNode("div", { class: "flex items-center flex-wrap gap-4" }, [(openBlock(true), createBlock(Fragment, null, renderList(e3.sub_sub_categories, (e4) => (openBlock(), createBlock(d3, { onClick: (t5) => M2(e4), to: unref(x2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx(() => [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e4.image, alt: e4.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e4.title), 1)]), _: 2 }, 1032, ["onClick", "to"]))), 128))])]))), 128)) : createCommentVNode("", true)], 64))])])])], 8, ["onClick"])) : createCommentVNode("", true)];
      unref(f2) ? (l2(`<div class="fixed start-0 lg:top-[145px] max-h-[100%] overflow-auto scrollbar-hide lg:h-[420px] lg:overflow-hidden w-full end-0 bg-white shadow-lg z-50"${r3}><div class="flex flex-col lg:flex-row h-full gap-y-4 gap-x-10"${r3}><div class="lg:w-[260px] lg:overflow-auto scrollbar-hide space-y-2"${r3}><!--[-->`), ssrRenderList(unref(s2).categories, (e3) => {
        l2(`<div class="${ssrRenderClass([{ "bg-[#F0F0F0] before:absolute before:start-2 before:w-0.5 before:h-3 before:top-1/5 before:z-10 before:bg-primary font-medium": unref(z2) === e3 }, "px-4 py-3 relative gap-4 transition-all cursor-pointer flex items-center justify-between hover:bg-[#F0F0F0]"])}"${r3}><span${r3}>${ssrInterpolate(e3.title)}</span>`), l2(ssrRenderComponent(G2, { class: ["ar" === unref(n2) ? "rotate-180" : "", "scale-[.65] [&_path]:!fill-black"], name: "chevron-right" }, null, a4, r3)), l2("</div>");
      }), l2(`<!--]--></div><div class="lg:px-10 px-4 lg:w-[420px] lg:overflow-y-auto scrollbar-hide lg:border-x-2 my-6 lg:border-[#E1E1E1]"${r3}><div class="lg:grid flex flex-wrap grid-cols-3 gap-4"${r3}>`), unref(L2) ? (l2("<!--[-->"), ssrRenderList(3, (e3) => {
        l2(`<div class="text-center w-full"${r3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${r3}>`), l2(ssrRenderComponent(q2, { class: "w-full h-full object-cover rounded-full" }, null, a4, r3)), l2("</div>"), l2(ssrRenderComponent(q2, { class: "text-sm text-[#363636]" }, null, a4, r3)), l2("</div>");
      }), l2("<!--]-->")) : (l2("<!--[-->"), unref(c2) && unref(c2).length ? (l2("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l2(ssrRenderComponent(d3, { onClick: (t5) => M2(e3), to: unref(x2)(`/categories?sub_category=${e3.id}`), key: e3.id, class: "text-center" }, { default: withCtx((t5, l3, a5, r4) => {
          if (!l3) return [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)];
          l3(`<div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${r4}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${r4}></div><p class="text-sm text-[#363636] line-clamp-1"${r4}>${ssrInterpolate(e3.title)}</p>`);
        }), _: 2 }, a4, r3));
      }), l2("<!--]-->")) : l2(`<div class="text-center w-full"${r3}><p class="text-sm text-[#363636]"${r3}>${ssrInterpolate(e2.$t("TITLES.noSubCategories"))}</p></div>`), l2("<!--]-->")), l2(`</div></div><div class="lg:overflow-y-auto scrollbar-hide flex-1 px-4 lg:px-0 py-6"${r3}><div class="space-y-6"${r3}>`), unref(L2) ? (l2("<!--[-->"), ssrRenderList(6, (e3) => {
        l2(`<div class="text-center w-full"${r3}><div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${r3}>`), l2(ssrRenderComponent(q2, { class: "w-full h-full object-cover rounded-full" }, null, a4, r3)), l2("</div>"), l2(ssrRenderComponent(q2, { class: "text-sm text-[#363636]" }, null, a4, r3)), l2("</div>");
      }), l2("<!--]-->")) : (l2("<!--[-->"), unref(c2) && unref(c2).length ? (l2("<!--[-->"), ssrRenderList(unref(c2), (e3) => {
        l2(`<div${r3}><h3 class="text-lg font-medium mb-4"${r3}>${ssrInterpolate(e3.title)}</h3><div class="flex items-center flex-wrap gap-4"${r3}><!--[-->`), ssrRenderList(e3.sub_sub_categories, (e4) => {
          l2(ssrRenderComponent(d3, { onClick: (t5) => M2(e4), to: unref(x2)(`/categories?sub_sub_category=${e4.id}`), key: e4.id, class: "text-center w-[104px]" }, { default: withCtx((t5, l3, a5, r4) => {
            if (!l3) return [createVNode("div", { class: "w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e4.image, alt: e4.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e4.title), 1)];
            l3(`<div class="w-20 h-20 mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${r4}><img${ssrRenderAttr("src", e4.image)}${ssrRenderAttr("alt", e4.title)} class="w-full h-full object-cover rounded-full"${r4}></div><p class="text-sm text-[#363636] line-clamp-1"${r4}>${ssrInterpolate(e4.title)}</p>`);
          }), _: 2 }, a4, r3));
        }), l2("<!--]--></div></div>");
      }), l2("<!--]-->")) : l2("<!---->"), l2("<!--]-->")), l2("</div></div></div></div>")) : l2("<!---->");
    }), _: 1 }, a3)) : t3("<!---->"), t3("</div></div>")) : (t3(`<div${ssrRenderAttrs(r2)}>`), t3(ssrRenderComponent(o2, null, null, a3)), t3("</div>"));
  };
} }, K = J.setup;
J.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/SubNav.vue"), K ? K(e2, t2) : undefined;
};
const U = { __name: "Navbar", __ssrInlineRender: true, emits: ["openMobileCategories"], setup(t2, { emit: a2 }) {
  const c2 = useStore(), d2 = useCookie("sheIn-token"), x2 = ref([]), f2 = ref([]), { t: v2 } = useI18n();
  useNuxtApp().$axios;
  const j2 = ref(c2.categories[0]), A2 = ref(null), L2 = ref(null);
  ref(false);
  const G2 = () => {
    Q2.value = false, A2.value = null;
  }, H2 = useLocalePath(), O2 = ref(false);
  ref(false);
  const Q2 = ref(false);
  ref(false);
  const W2 = [{ code: "ar", label: v2("TITLES.ar") }, { code: "en", label: v2("TITLES.en") }], K2 = useSwitchLocalePath();
  return (e2, t3, a3, r2) => {
    const i2 = __nuxt_component_0$2, o2 = q, s2 = g, n2 = J, p2 = __nuxt_component_0$2, v3 = n;
    t3(`<!--[--><nav id="mainNavbar" class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "absolute" : "relative", "start-0 top-0 z-[1000] w-full py-3 lg:py-6 container end-0"])}"><div class="flex items-center justify-between gap-4 lg:gap-10 mb-4 lg:mb-8"><div class="xl:w-[350px] lg:w-[110px] max-w-[100%]">`), t3(ssrRenderComponent(i2, { to: unref(H2)("/"), class: "outline-none" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode("h1", { class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "!text-primary", "font-semibold text-2xl md:text-3xl lg:text-4xl"] }, " LoGo ", 2)];
      l2(`<h1 class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "!text-primary", "font-semibold text-2xl md:text-3xl lg:text-4xl"])}"${r3}> LoGo </h1>`);
    }), _: 1 }, a3)), t3("</div>"), t3(ssrRenderComponent(o2, null, null, a3)), t3('<div class="hidden min-w-[280px] xl:min-w-[415px] items-center justify-end gap-4 text-center lg:flex"><div class="relative"><button class="flex items-center justify-center gap-1.5 cursor-pointer rounded-full transition-all duration-500 font-medium">'), t3(ssrRenderComponent(s2, { name: "chevron-down", class: ["text-base", "/" === e2.$route.path || "/ar" === e2.$route.path ? "[&_path]:!fill-white" : "[&_path]:!fill-primary"] }, null, a3)), t3(`<span class="${ssrRenderClass(["/" === e2.$route.path || "/ar" === e2.$route.path ? "text-white" : "text-primary", "font-semibold"])}">${ssrInterpolate("ar" == e2.$i18n.locale ? "EN" : "AR")}</span>`), "en" == e2.$i18n.locale ? t3(`<img${ssrRenderAttr("src", U$1)} alt="saudi-arabia" width="40" height="26" loading="lazy" class="h-[26px] w-10 rounded-sm">`) : t3(`<img${ssrRenderAttr("src", A)} alt="usa" width="40" height="26" loading="lazy" class="h-[26px] w-10 rounded-sm">`), t3("</button>"), unref(O2) ? (t3('<div class="absolute end-0 z-[200] mt-0.5 w-24 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5"><div class="py-1" role="menu" aria-orientation="vertical"><!--[-->'), ssrRenderList(W2, (e3) => {
      t3(`<a${ssrRenderAttr("href", unref(K2)(e3.code))} class="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 text-center" role="menuitem">${ssrInterpolate(e3.label)}</a>`);
    }), t3("<!--]--></div></div>")) : t3("<!---->"), t3("</div>"), unref(d2) ? t3("<!---->") : t3(ssrRenderComponent(i2, { to: unref(H2)("/auth/login"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary", "hidden py-2.5 px-2.5 whitespace-nowrap h-12 font-medium w-[120px] border transition-all duration-500 border-[#7D7D7D] rounded-full lg:inline-block text-center"] }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createTextVNode(toDisplayString(e2.$t("TITLES.login")), 1)];
      l2(`${ssrInterpolate(e2.$t("TITLES.login"))}`);
    }), _: 1 }, a3)), unref(d2) ? t3("<!---->") : t3(ssrRenderComponent(i2, { to: unref(H2)("/auth/create-account"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary", "hidden py-2.5 px-2.5 whitespace-nowrap h-12 font-medium w-[160px] border transition-all duration-500 border-[#7D7D7D] rounded-full lg:inline-block text-center"] }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createTextVNode(toDisplayString(e2.$t("TITLES.createAccount")), 1)];
      l2(`${ssrInterpolate(e2.$t("TITLES.createAccount"))}`);
    }), _: 1 }, a3)), unref(d2) ? t3(ssrRenderComponent(i2, { to: unref(H2)("/cart"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary border border-primary", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "cart", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, 8, ["class"])];
      l2(ssrRenderComponent(s2, { name: "cart", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, a4, r3));
    }), _: 1 }, a3)) : t3("<!---->"), unref(d2) ? t3(ssrRenderComponent(i2, { to: unref(H2)("/profile/wishlist"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary border border-primary", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "heart", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, 8, ["class"])];
      l2(ssrRenderComponent(s2, { name: "heart", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, a4, r3));
    }), _: 1 }, a3)) : t3("<!---->"), unref(d2) ? t3(ssrRenderComponent(i2, { to: unref(H2)("/profile"), class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "bg-white text-primary hover:bg-primary hover:text-white" : "text-white bg-primary hover:bg-white hover:text-primary border border-primary", "justify-center transition-all duration-500 group size-12 rounded-full flex items-center text-center"] }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "profile", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, 8, ["class"])];
      l2(ssrRenderComponent(s2, { name: "profile", class: ["/" === e2.$route.path || "/ar" === e2.$route.path ? "group-hover:[&_path]:!fill-white [&_path]:!fill-primary" : "group-hover:[&_path]:!fill-primary [&_path]:!fill-white", "text-2xl transition-all duration-500"] }, null, a4, r3));
    }), _: 1 }, a3)) : t3("<!---->"), t3("</div></div>"), t3(ssrRenderComponent(n2, { onOpenMobileCategories: (e3) => Q2.value = true }, null, a3)), t3('</nav><nav class="fixed bottom-0 end-0 start-0 w-full bg-white z-[10000000] drop-shadow-2xl lg:hidden block"><div class="container"><div class="mini-links w-full flex items-center justify-center py-4">'), t3(ssrRenderComponent(p2, { to: unref(H2)("/"), class: "flex-1 flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "home" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.home")), 1)];
      l2(ssrRenderComponent(s2, { name: "home" }, null, a4, r3)), l2(`<p class="text-xs"${r3}>${ssrInterpolate(e2.$t("NAV.home"))}</p>`);
    }), _: 1 }, a3)), t3(`<button class="${ssrRenderClass([unref(Q2) ? "active" : "", "flex-1 flex items-center justify-center flex-col gap-1"])}">`), t3(ssrRenderComponent(s2, { name: "categories" }, null, a3)), t3(`<p class="text-xs">${ssrInterpolate(e2.$t("NAV.categories"))}</p></button>`), t3(ssrRenderComponent(p2, { to: unref(H2)("/categories"), class: "flex-1 flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "newin" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.newIn")), 1)];
      l2(ssrRenderComponent(s2, { name: "newin" }, null, a4, r3)), l2(`<p class="text-xs"${r3}>${ssrInterpolate(e2.$t("NAV.newIn"))}</p>`);
    }), _: 1 }, a3)), t3(ssrRenderComponent(p2, { to: unref(H2)("/cart"), class: "flex-1 flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "cart2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.cart")), 1)];
      l2(ssrRenderComponent(s2, { name: "cart2" }, null, a4, r3)), l2(`<p class="text-xs"${r3}>${ssrInterpolate(e2.$t("NAV.cart"))}</p>`);
    }), _: 1 }, a3)), t3(ssrRenderComponent(p2, { to: unref(H2)("/profile"), class: "flex-1 flex items-center justify-center flex-col gap-1" }, { default: withCtx((t4, l2, a4, r3) => {
      if (!l2) return [createVNode(s2, { name: "profile2" }), createVNode("p", { class: "text-xs" }, toDisplayString(e2.$t("NAV.profile")), 1)];
      l2(ssrRenderComponent(s2, { name: "profile2" }, null, a4, r3)), l2(`<p class="text-xs"${r3}>${ssrInterpolate(e2.$t("NAV.profile"))}</p>`);
    }), _: 1 }, a3)), t3("</div></div></nav>"), ssrRenderTeleport(t3, (t4) => {
      unref(Q2) ? t4(ssrRenderComponent(v3, { class: "!z-[99999]", onClose: G2 }, { default: withCtx((t5, l2, a4, r3) => {
        if (!l2) return [unref(Q2) ? (openBlock(), createBlock("div", { key: 0, onClick: withModifiers(() => {
        }, ["stop"]), class: "fixed start-0 top-0 pb-[76px] max-h-[100%] overflow-x-hidden overflow-y-auto scrollbar-hide w-full end-0 bg-white shadow-lg z-50" }, [createVNode("h3", { class: "mb-4 text-xl font-semibold text-center mt-4" }, toDisplayString(e2.$t("TITLES.allCategories")), 1), unref(c2).categories && unref(c2).categories.length ? (openBlock(), createBlock("div", { key: 0, class: "flex flex-col h-full gap-y-4 gap-x-10" }, [createVNode(unref(he), { modules: [unref(z)], "free-mode": true, "space-between": "12", "slides-per-view": "5", class: "flex items-center !px-5" }, { default: withCtx(() => [(openBlock(true), createBlock(Fragment, null, renderList(unref(c2).categories, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t6) => {
          j2.value = e3, x2.value = e3.sub_categories, L2.value = e3.sub_categories[0], f2.value = e3.sub_categories[0].sub_sub_categories;
        }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(j2) === e3 }] }, toDisplayString(e3.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["modules"]), createVNode("div", { class: "grid-cols-3 grid gap-4 my-3" }, [createVNode("div", { class: "col-span-1 h-fit space-y-3 bg-[#F0F0F0]" }, [unref(x2) && unref(x2).length ? (openBlock(true), createBlock(Fragment, { key: 0 }, renderList(unref(x2), (e3) => (openBlock(), createBlock("button", { key: e3.id, class: ["px-4 py-3 w-full text-center transition-all cursor-pointer", { "bg-white": unref(L2) === e3 }], onClick: (t6) => {
          L2.value = e3, f2.value = e3.sub_sub_categories;
        } }, [createVNode("p", { class: ["text-sm text-primary", { "bg-white relative ps-4  before:absolute before:transition-all transition-all before:start-2 before:w-0.5 before:h-3 before:top-1/2 before:-translate-y-1/2 before:z-10 before:bg-primary": unref(L2) === e3 }] }, toDisplayString(e3.title), 3)], 10, ["onClick"]))), 128)) : createCommentVNode("", true)]), unref(f2) && unref(f2).length ? (openBlock(), createBlock("div", { key: 0, class: "grid grid-cols-3 h-fit pe-5 col-span-2 gap-3" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(f2), (e3) => (openBlock(), createBlock("div", { key: e3.id, class: "text-center w-[104px]" }, [createVNode(p2, { onClick: withModifiers((e4) => Q2.value = false, ["stop"]), to: unref(H2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx(() => [createVNode("div", { class: "w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)]), _: 2 }, 1032, ["onClick", "to"])]))), 128))])) : createCommentVNode("", true)])])) : createCommentVNode("", true)], 8, ["onClick"])) : createCommentVNode("", true)];
        unref(Q2) ? (l2(`<div class="fixed start-0 top-0 pb-[76px] max-h-[100%] overflow-x-hidden overflow-y-auto scrollbar-hide w-full end-0 bg-white shadow-lg z-50"${r3}><h3 class="mb-4 text-xl font-semibold text-center mt-4"${r3}>${ssrInterpolate(e2.$t("TITLES.allCategories"))}</h3>`), unref(c2).categories && unref(c2).categories.length ? (l2(`<div class="flex flex-col h-full gap-y-4 gap-x-10"${r3}>`), l2(ssrRenderComponent(unref(he), { modules: [unref(z)], "free-mode": true, "space-between": "12", "slides-per-view": "5", class: "flex items-center !px-5" }, { default: withCtx((e3, t6, l3, a5) => {
          if (!t6) return [(openBlock(true), createBlock(Fragment, null, renderList(unref(c2).categories, (e4) => (openBlock(), createBlock(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx(() => [createVNode("button", { onClick: (t7) => {
            j2.value = e4, x2.value = e4.sub_categories, L2.value = e4.sub_categories[0], f2.value = e4.sub_categories[0].sub_sub_categories;
          }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(j2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])]), _: 2 }, 1024))), 128))];
          t6("<!--[-->"), ssrRenderList(unref(c2).categories, (e4) => {
            t6(ssrRenderComponent(unref(ge), { key: e4.id, class: "!w-fit" }, { default: withCtx((t7, l4, a6, r4) => {
              if (!l4) return [createVNode("button", { onClick: (t8) => {
                j2.value = e4, x2.value = e4.sub_categories, L2.value = e4.sub_categories[0], f2.value = e4.sub_categories[0].sub_sub_categories;
              }, class: ["px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer", { "font-medium border-b border-black ": unref(j2) === e4 }] }, toDisplayString(e4.title), 11, ["onClick"])];
              l4(`<button class="${ssrRenderClass([{ "font-medium border-b border-black ": unref(j2) === e4 }, "px-2 py-1.5 w-fit text-sm relative pb-1 text-black transition-all cursor-pointer"])}"${r4}>${ssrInterpolate(e4.title)}</button>`);
            }), _: 2 }, l3, a5));
          }), t6("<!--]-->");
        }), _: 1 }, a4, r3)), l2(`<div class="grid-cols-3 grid gap-4 my-3"${r3}><div class="col-span-1 h-fit space-y-3 bg-[#F0F0F0]"${r3}>`), unref(x2) && unref(x2).length ? (l2("<!--[-->"), ssrRenderList(unref(x2), (e3) => {
          l2(`<button class="${ssrRenderClass([{ "bg-white": unref(L2) === e3 }, "px-4 py-3 w-full text-center transition-all cursor-pointer"])}"${r3}><p class="${ssrRenderClass([{ "bg-white relative ps-4  before:absolute before:transition-all transition-all before:start-2 before:w-0.5 before:h-3 before:top-1/2 before:-translate-y-1/2 before:z-10 before:bg-primary": unref(L2) === e3 }, "text-sm text-primary"])}"${r3}>${ssrInterpolate(e3.title)}</p></button>`);
        }), l2("<!--]-->")) : l2("<!---->"), l2("</div>"), unref(f2) && unref(f2).length ? (l2(`<div class="grid grid-cols-3 h-fit pe-5 col-span-2 gap-3"${r3}><!--[-->`), ssrRenderList(unref(f2), (e3) => {
          l2(`<div class="text-center w-[104px]"${r3}>`), l2(ssrRenderComponent(p2, { onClick: (e4) => Q2.value = false, to: unref(H2)(`/categories?sub_sub_category=${e3.id}`) }, { default: withCtx((t6, l3, a5, r4) => {
            if (!l3) return [createVNode("div", { class: "w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]" }, [createVNode("img", { src: e3.image, alt: e3.title, class: "w-full h-full object-cover rounded-full" }, null, 8, ["src", "alt"])]), createVNode("p", { class: "text-sm text-[#363636] line-clamp-1" }, toDisplayString(e3.title), 1)];
            l3(`<div class="w-[62px] h-[62px] mx-auto mb-2 relative overflow-hidden rounded-full bg-[#F3F5F9]"${r4}><img${ssrRenderAttr("src", e3.image)}${ssrRenderAttr("alt", e3.title)} class="w-full h-full object-cover rounded-full"${r4}></div><p class="text-sm text-[#363636] line-clamp-1"${r4}>${ssrInterpolate(e3.title)}</p>`);
          }), _: 2 }, a4, r3)), l2("</div>");
        }), l2("<!--]--></div>")) : l2("<!---->"), l2("</div></div>")) : l2("<!---->"), l2("</div>")) : l2("<!---->");
      }), _: 1 }, a3)) : t4("<!---->");
    }, "body", false, a3), t3("<!--]-->");
  };
} }, X = U.setup;
U.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("components/header/Navbar.vue"), X ? X(e2, t2) : undefined;
};
const Y = { __name: "default", __ssrInlineRender: true, setup(t2) {
  const { public: { profileName: l2, tokenName: a2 } } = useRuntimeConfig();
  return useNuxtApp(), computed(() => useCookie(l2).value), (e2, t3, l3, a3) => {
    const r2 = U, i2 = d$1;
    t3(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-screen flex-col relative" }, a3))}>`), t3(ssrRenderComponent(r2, null, null, l3)), ssrRenderSlot(e2.$slots, "default", {}, null, t3, l3), t3(ssrRenderComponent(i2, null, null, l3)), t3("</div>");
  };
} }, Z = Y.setup;
Y.setup = (e2, t2) => {
  const l2 = useSSRContext();
  return (l2.modules || (l2.modules = /* @__PURE__ */ new Set())).add("layouts/default.vue"), Z ? Z(e2, t2) : undefined;
};

export { Y as default };
//# sourceMappingURL=default-BebHCeEb.mjs.map
