import { u } from './Skeleton-Bnk8IDLx.mjs';
import { mergeProps, withCtx, createVNode, computed, unref, useSSRContext, ref, openBlock, createBlock, Fragment, renderList, withModifiers, toDisplayString, createTextVNode, watch } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrInterpolate, ssrRenderAttr, ssrRenderStyle, ssrRenderList, ssrRenderClass, ssrIncludeBooleanAttr, ssrRenderTeleport } from 'vue/server-renderer';
import { d as uf, a as Qt, h as Ma, b as Qs, i as wn, _ as An, g as $a } from './server.mjs';
import { g } from './SvgIcon-BKMVrGmr.mjs';
import { d } from './breadcrumb-LaEAX0us.mjs';
import { t } from './client-only-CAHE6F0E.mjs';
import { h as he, g as ge, z, I, B, A as A$1 } from './swiper-vue-DHAv4051.mjs';
import { $ } from './ProductCard-CRNa6mIC.mjs';
import { o } from './Backdrop-Ez8lg5QV.mjs';
import { a } from './NoData-DiE8X5YK.mjs';
import { p } from './Modal-CVXpm7Mt.mjs';
import { A, g as g$1 } from './star-mqjJGHgV.mjs';
import { p as pe } from './index-Dj5w-pp2.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 K = {};
const N = K.setup;
K.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/ProductDetailsSkelton.vue"), N ? N(e2, t2) : undefined;
};
const Z = uf(K, [["ssrRender", function(l2, s2, a2, i2) {
  const n2 = u;
  s2(`<div${ssrRenderAttrs(mergeProps({ class: "pb-6 lg:pb-14" }, i2))}>`), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[200px] mb-10" }, null, a2)), s2('<div class="grid grid-cols-1 lg:grid-cols-12 gap-10"><div class="lg:col-span-7"><div class="gap-6 flex flex-col md:flex-row"><div class="order-2 md:order-1 w-full md:block gap-2 flex md:w-[128px] max-w-[100%]">'), s2(ssrRenderComponent(n2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[128px] hidden md:block w-[96px] mb-2" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[128px] hidden md:block w-[96px] mb-2" }, null, a2)), s2('</div><div class="w-full order-1 md:order-2 h-[567px] lg:h-[680px] max-w-[100%]">'), s2(ssrRenderComponent(n2, { class: "h-[100%] w-[100%] rounded-md" }, null, a2)), s2('</div></div><div class="mt-8 space-y-4">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[400px] max-w-[100%]" }, null, a2)), s2('</div></div></div><div class="flex flex-col lg:col-span-5"><div class="mb-6 space-y-4 pb-6 border-b-2 border-[#DEE0EA]">'), s2(ssrRenderComponent(n2, { class: "h-[36px] w-[160px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(n2, { class: "h-[32px] w-[72px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[24px] w-[150px]" }, null, a2)), s2("</div>"), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[100px]" }, null, a2)), s2("</div>"), s2(ssrRenderComponent(n2, { class: "h-[24px] mb-4 w-[300px]" }, null, a2)), s2('<div class="mb-8 space-y-4">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2('</div></div><div class="mb-8 space-y-4">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[40px] w-[100px]" }, null, a2)), s2("</div></div>"), s2(ssrRenderComponent(n2, { class: "h-[50px] w-[100%] rounded-md" }, null, a2)), s2('<div class="mt-8 pt-6 border-t-2 border-[#DEE0EA] space-y-4">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2('</div></div><div class="mt-8 pt-6 border-t-2 border-[#DEE0EA] space-y-4">'), s2(ssrRenderComponent(n2, { class: "bg-[#F9F9F9] p-4 w-full h-[200px] space-y-6" }, null, a2)), s2('</div><div class="mt-8 pt-6 border-t-2 border-[#DEE0EA] space-y-4">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(n2, { class: "h-[20px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[16px] w-[240px]" }, null, a2)), s2('</div></div></div></div><div class="my-8 py-8 bg-[#F9F9F9] px-6">'), s2(ssrRenderComponent(n2, { class: "h-[24px] w-[200px]" }, null, a2)), s2('<div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mt-4">'), s2(ssrRenderComponent(n2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(n2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2("</div></div></div>");
}]]), H = { components: { Swiper: he, SwiperSlide: ge }, props: { images: { type: Array, required: true } }, setup() {
  const e2 = ref(null), l2 = ref(false);
  return { thumbsSwiper: e2, setThumbsSwiper: (l3) => {
    e2.value = l3;
  }, isDesktop: l2, modules: [z, I, B] };
} };
const X = H.setup;
H.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/UI/CustomSwiper.vue"), X ? X(e2, t2) : undefined;
};
const W = uf(H, [["ssrRender", function(l2, s2, n2, o2, d2, r2, c2, u2) {
  const p2 = t, v2 = u;
  s2(`<div${ssrRenderAttrs(mergeProps({ class: "custom-swiper gap-6 flex flex-col md:flex-row" }, o2))}>`), s2(ssrRenderComponent(p2, null, { fallback: withCtx((e2, l3, t2, s3) => {
    if (!l3) return [createVNode("div", { class: "gap-6 w-full flex flex-col md:flex-row" }, [createVNode("div", { class: "order-2 md:order-1 w-full md:block gap-2 flex md:w-[128px] max-w-[100%]" }, [createVNode(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }), createVNode(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }), createVNode(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }), createVNode(v2, { class: "h-[128px] hidden md:block w-[96px] mb-2" }), createVNode(v2, { class: "h-[128px] hidden md:block w-[96px] mb-2" })]), createVNode("div", { class: "w-full order-1 md:order-2 h-[567px] lg:h-[680px] max-w-[100%]" }, [createVNode(v2, { class: "h-[100%] w-[100%]" })])])];
    l3(`<div class="gap-6 w-full flex flex-col md:flex-row"${s3}><div class="order-2 md:order-1 w-full md:block gap-2 flex md:w-[128px] max-w-[100%]"${s3}>`), l3(ssrRenderComponent(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, t2, s3)), l3(ssrRenderComponent(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, t2, s3)), l3(ssrRenderComponent(v2, { class: "h-[128px] flex-1 w-[96px] mb-2" }, null, t2, s3)), l3(ssrRenderComponent(v2, { class: "h-[128px] hidden md:block w-[96px] mb-2" }, null, t2, s3)), l3(ssrRenderComponent(v2, { class: "h-[128px] hidden md:block w-[96px] mb-2" }, null, t2, s3)), l3(`</div><div class="w-full order-1 md:order-2 h-[567px] lg:h-[680px] max-w-[100%]"${s3}>`), l3(ssrRenderComponent(v2, { class: "h-[100%] w-[100%]" }, null, t2, s3)), l3("</div></div>");
  }) }, n2)), s2("</div>");
}]]), ee = (e2) => {
  const l2 = $a(), t2 = Ma(), a2 = ref(null), i2 = ref(null), d2 = ref(false), r2 = ref(false), c2 = computed(() => {
    var l3;
    return (null == (l3 = e2.value) ? undefined : l3.details) ? e2.value.details.reduce((e3, l4) => (e3.find((e4) => e4.id === l4.color.id) || e3.push(l4.color), e3), []) : [];
  }), u2 = computed(() => {
    var l3;
    return (null == (l3 = e2.value) ? undefined : l3.details) ? e2.value.details.reduce((e3, l4) => (e3.find((e4) => e4.id === l4.size.id) || e3.push(l4.size), e3), []) : [];
  }), p2 = computed(() => {
    var l3;
    return (null == (l3 = e2.value) ? undefined : l3.details) && e2.value.details.length ? e2.value.details.find((e3) => {
      var l4;
      return !(a2.value && e3.color.id !== a2.value.id || i2.value && (null == (l4 = e3.size) ? undefined : l4.id) !== i2.value.id);
    }) || e2.value.details[0] : null;
  }), v2 = () => {
    var e3, s2;
    l2.push({ query: { ...t2.query, color: (null == (e3 = a2.value) ? undefined : e3.id) || null, size: (null == (s2 = i2.value) ? undefined : s2.id) || null } });
  };
  return watch(() => e2.value, (l3) => {
    (null == l3 ? undefined : l3.details) && (() => {
      var l4, s2, n2, o2;
      const d3 = t2.query.color, r3 = t2.query.size;
      if (d3 && (null == (l4 = e2.value) ? undefined : l4.details)) {
        const l5 = null == (s2 = e2.value.details.find((e3) => e3.color.id == d3)) ? undefined : s2.color;
        a2.value = l5 || null;
      }
      if (r3 && (null == (n2 = e2.value) ? undefined : n2.details)) {
        const l5 = null == (o2 = e2.value.details.find((e3) => e3.size.id == r3)) ? undefined : o2.size;
        i2.value = l5 || null;
      }
    })();
  }, { immediate: true }), { selectedColor: a2, selectedSize: i2, colorIsOpen: d2, sizeIsOpen: r2, availableColors: c2, availableSizes: u2, selectedDetail: p2, selectColor: (l3) => {
    var t3;
    a2.value = l3, i2.value = (null == (t3 = e2.value.details.find((e3) => e3.color.id === l3.id)) ? undefined : t3.size) || null, v2();
  }, selectSize: (l3) => {
    var t3;
    i2.value = l3, a2.value = (null == (t3 = e2.value.details.find((e3) => e3.size.id === l3.id)) ? undefined : t3.color) || null, v2();
  }, toggleColorDropdown: (e3) => {
    e3.stopPropagation(), d2.value = !d2.value, d2.value && (r2.value = false);
  }, toggleSizeDropdown: (e3) => {
    e3.stopPropagation(), r2.value = !r2.value, r2.value && (d2.value = false);
  } };
}, le = { __name: "ProductDetails", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup(e2) {
  const l2 = e2, { locale: o2 } = Qs(), k2 = z;
  Qt().$axios, ref(null);
  const S2 = computed(() => l2.data), { selectedColor: _2, selectedSize: A2, colorIsOpen: L2, sizeIsOpen: F2, availableColors: j2, availableSizes: M2, selectedDetail: R2, selectColor: V2, selectSize: K2, toggleColorDropdown: N2, toggleSizeDropdown: Z2 } = ee(S2), H2 = ref(false), X2 = ref(false), le2 = ref(false), te2 = ref(false), se2 = ref(false), ae2 = ref(false), ie2 = ref(false), ne2 = ref(false), oe2 = ref(""), de2 = ref(""), re = (e3) => {
    var t2, s2, a2, i2, n2, o3, d2;
    const r2 = encodeURIComponent((undefined).location.href), c2 = encodeURIComponent(null == (t2 = l2.data) ? undefined : t2.title), u2 = encodeURIComponent(null == (s2 = l2.data) ? undefined : s2.short_desc);
    if (encodeURIComponent(null == (a2 = l2.data) ? undefined : a2.main_image), "linkedin" === e3) (undefined).open(`https://www.linkedin.com/shareArticle?url=${r2}`, "_blank");
    else if ("facebook" === e3) (undefined).open(`https://www.facebook.com/sharer/sharer.php?u=${r2}`, "_blank");
    else if ("twitter" === e3) {
      const e4 = `${c2} - ${u2}`;
      (undefined).open(`https://twitter.com/intent/tweet?text=${e4}&url=${r2}&hashtags=Shein`, "_blank");
    } else if ("whatsapp" === e3) {
      const e4 = `${null == (i2 = l2.data) ? undefined : i2.title} - ${null == (n2 = l2.data) ? undefined : n2.short_desc}
    ${(undefined).location.href}`;
      (undefined).open(`https://wa.me/?text=${encodeURIComponent(e4)}`, "_blank");
    } else if ("snapchat" === e3) {
      const e4 = `${null == (o3 = l2.data) ? undefined : o3.title} - ${null == (d2 = l2.data) ? undefined : d2.short_desc} - ${(undefined).location.href}`;
      (undefined).open(`https://www.snapchat.com/share?text=${encodeURIComponent(e4)}`, "_blank");
    } else if ("telegram" === e3) {
      const e4 = `${c2} - ${u2}`;
      (undefined).open(`https://t.me/share/url?url=${r2}&text=${e4}`, "_blank");
    }
  }, ce = (e3) => {
    if ((undefined).clipboard) (undefined).clipboard.writeText(e3).then(() => {
      pe.success("Copied to clipboard");
    });
    else {
      const l3 = (undefined).createElement("textarea");
      l3.value = e3, (undefined).body.appendChild(l3), l3.select(), (undefined).execCommand("copy"), (undefined).body.removeChild(l3), pe.success("Copied to clipboard");
    }
  };
  return (l3, s2, n2, S3) => {
    var _a, _b, _c, _d;
    var _3, C2, I2, A3, B2, V3, J2, K3, N3, Z3, ee2, ue, pe, ve, me, xe, be, fe, ge$1, he$1, we, $e, ye, Te, Ee, ke, Se, _e, Ce, Ie, Ae, Le, ze, Fe, je, Pe, De, Be, Me, Re, Ve, qe, Ue, Oe, Ge, Qe, Ye, Je, Ke, Ne, Ze;
    const He = W, Xe = g, We = $, el = o, ll = a, tl = p, sl = g;
    e2.data ? (s2(`<div${ssrRenderAttrs(mergeProps({ class: "pb-6 lg:pb-14" }, S3))}><div class="grid grid-cols-1 lg:grid-cols-12 gap-y-4 gap-x-10"><div class="lg:col-span-7">`), s2(ssrRenderComponent(He, { images: [e2.data.main_image, ...null == (_3 = unref(R2)) ? undefined : _3.images, ...null == (C2 = unref(R2)) ? undefined : C2.videos] }, null, n2)), s2(`<div class="mt-8 hidden lg:block"><div class="py-4 mb-8 px-5 flex items-center gap-4 bg-[#FAFAFA]"><h3 class="text-xl underline font-semibold">${ssrInterpolate(l3.$t("TITLES.reviews"))}</h3><div class="flex items-center gap-1.5"><img${ssrRenderAttr("src", A)} alt="star" class="w-6 h-6"><span class="font-medium text-lg">${ssrInterpolate((_a = null == (I2 = unref(R2)) ? undefined : I2.rate_avg) != null ? _a : "0")}</span></div></div><div class="space-y-6"><span class="text-primary text-lg font-semibold">${ssrInterpolate(l3.$t("TITLES.general_size"))}</span><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.runs_small"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).smallPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).smallPercentage)}%</span></div><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.true_to_size"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).fitPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).fitPercentage)}%</span></div><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.runs_large"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).bigPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).bigPercentage)}%</span></div></div><div class="h-2 bg-[#F1F1F1] w-full rounded-full my-6"></div><div class="space-y-6"><!--[-->`), ssrRenderList(null == (A3 = unref(R2)) ? undefined : A3.reviews, (e3, t2) => {
      var a2;
      s2(`<div class="border border-[#E1E1E1] p-6"><div class="flex items-center justify-between mb-4"><div class="font-bold text-xl">${ssrInterpolate(e3.user_name)}</div><div class="flex items-center gap-1"><!--[-->`), ssrRenderList(5, (l4) => {
        s2('<span class="cursor-pointer transition duration-300 hover:scale-110">'), l4 <= Math.floor(e3.rate || 0) ? s2(`<img${ssrRenderAttr("src", A)} alt="star" class="w-6 h-6">`) : s2(`<img${ssrRenderAttr("src", g$1)} alt="star" class="w-6 h-6">`), s2("</span>");
      }), s2(`<!--]--></div></div><div class="text-lg font-medium text-[#505050] mb-6"><span>${ssrInterpolate(l3.$t("TITLES.color"))}: ${ssrInterpolate(null == e3 ? undefined : e3.color)} / ${ssrInterpolate(l3.$t("TITLES.size"))}: ${ssrInterpolate(null == e3 ? undefined : e3.size)}</span></div><div class="text-lg font-medium text-[##03030]">${ssrInterpolate(e3.review)}</div>`), e3.image ? s2(`<div class="flex gap-4 mt-6 items-center flex-wrap"><div class="relative group"><img${ssrRenderAttr("src", null == (a2 = e3.image) ? undefined : a2.media)} alt="star" width="120" height="120" class="w-[120px] h-[120px] object-cover"><button class="absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white p-3 opacity-0 transition-all group-hover:opacity-100 hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg></button></div></div>`) : s2("<!---->"), s2("</div>");
    }), s2(`<!--]--></div></div></div><div class="flex flex-col lg:col-span-5"><div class="mb-6 pb-6 border-b-2 border-[#DEE0EA]"><div class="flex mb-6 gap-4 items-center flex-wrap"><div class="text-primary font-medium text-3xl"><span class="font-bold">${ssrInterpolate((null == (B2 = unref(R2)) ? undefined : B2.discount_offer) ? (null == (V3 = unref(R2)) ? undefined : V3.price) - (null == (J2 = unref(R2)) ? undefined : J2.price) * (null == (K3 = unref(R2)) ? undefined : K3.discount_offer) / 100 : null == (N3 = unref(R2)) ? undefined : N3.price)}</span> ${ssrInterpolate(l3.$t("TITLES.egp"))}</div>`), (null == (ee2 = null == (Z3 = unref(R2)) ? undefined : Z3.coupons) ? undefined : ee2.length) ? s2(`<div class="flex items-center gap-4"><div class="${ssrRenderClass(["percentage" === (null == (pe = null == (ue = unref(R2)) ? undefined : ue.coupons[0]) ? undefined : pe.discount_type) ? "text-xl" : "text-base", "text-white font-medium relative"])}"><img${ssrRenderAttr("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgB7dk9CsIwGIfxRCM4dOgNxJspqKseQU8g7op4I4/gETrYqWJ8S/0otfUPzs9vKnm3h6YNxO+TJDp06jn8RCCBQAKBBAIJBBIIJBBIINC3zE7Om+J2G8+uVx8c3mKMpzAYrKZZlr3WCPSxm+f5qrnIFivFeOmHsG4bEcjc7ZtT31Z1BKqcuwYEMos8J9C/CGT2w+Goa0YgE0OYds0IZLxzy2Oapm0zAlXSe1Fs2wYEeoreTw5Jsm2+SZ5bjQY7VZcHR3s6l79/AglsMYFAAoEEAgkEEggkEEggkEAggUACgQQCCQQSCCQQSCCQ8ADgxDaouwwUPgAAAABJRU5ErkJggg==")} alt="Subtract" class="${ssrRenderClass(["percentage" === (null == (me = null == (ve = unref(R2)) ? undefined : ve.coupons[0]) ? undefined : me.discount_type) ? "w-[72px]" : "w-[84px]", "h-10"])}"><span class="absolute top-1/2 start-1/2 transform rtl:translate-x-1/2 -translate-x-1/2 -translate-y-1/2">${ssrInterpolate((_b = null == (be = null == (xe = unref(R2)) ? undefined : xe.coupons[0]) ? undefined : be.discount) != null ? _b : "0")}${ssrInterpolate("percentage" === (null == (ge$1 = null == (fe = unref(R2)) ? undefined : fe.coupons[0]) ? undefined : ge$1.discount_type) ? "%" : l3.$t("TITLES.egp"))}</span></div><p class="text-[#9C0C0C] font-semibold">${ssrInterpolate(l3.$t("TITLES.off_with_voucher"))}</p></div>`) : s2("<!---->"), s2('</div><div class="flex items-center justify-between"><div class="flex items-center gap-4">'), (null == (he$1 = unref(R2)) ? undefined : he$1.discount_offer) ? s2(`<div class="text-[#7C7E80] line-through font-medium text-2xl"><span class="font-bold">${ssrInterpolate(null == (we = unref(R2)) ? undefined : we.price)}</span> ${ssrInterpolate(l3.$t("TITLES.egp"))}</div>`) : s2("<!---->"), (null == ($e = unref(R2)) ? undefined : $e.discount_offer) ? s2(`<div class="bg-[#DB4444] px-2 py-1 !text-xs text-white animate-bounce-in">${ssrInterpolate(null == (ye = unref(R2)) ? undefined : ye.discount_offer)}% OFF </div>`) : s2("<!---->"), s2(`</div><div class="flex items-center gap-1.5"><img${ssrRenderAttr("src", A)} alt="star" class="w-6 h-6"><span class="font-medium text-lg">${ssrInterpolate((_c = null == (Te = unref(R2)) ? undefined : Te.rate_avg) != null ? _c : "0")}</span></div></div></div><div class="pb-6 border-b-2 border-[#DEE0EA] mb-6"><p class="text-xl text-primary mb-6">${ssrInterpolate(null == (Ee = e2.data) ? undefined : Ee.short_desc)}</p><div class="flex bg-[#F9F9F9] ps-2 py-0 items-center justify-between"><span class="text-primary text-xl font-medium">${ssrInterpolate(l3.$t("TITLES.brand"))}: ${ssrInterpolate(null == (ke = e2.data.brand) ? undefined : ke.title)}</span><img${ssrRenderAttr("src", null == (_e = null == (Se = e2.data.brand) ? undefined : Se.image) ? undefined : _e.media)}${ssrRenderAttr("alt", null == (Ce = e2.data.brand) ? undefined : Ce.title)} class="w-[88px] h-[64px] object-cover"></div></div><div class="pb-6 border-b-2 border-[#DEE0EA] mb-6"><div class="mb-8"><div class="flex items-center justify-between mb-4"><span class="text-primary font-medium text-xl">${ssrInterpolate(l3.$t("TITLES.color"))}</span><div class="relative"><button class="py-2 px-5 font-light rounded-full transition-all flex items-center gap-2 bg-[#F5F5F5] duration-300 text-center text-primary">${ssrInterpolate((null == (Ae = null == (Ie = unref(R2)) ? undefined : Ie.color) ? undefined : Ae.title) || l3.$t("TITLES.selectColor"))} `), s2(ssrRenderComponent(Xe, { name: "chevron-down", class: "scale-[1.2]" }, null, n2)), s2("</button>"), unref(L2) ? (s2('<div class="absolute end-0 z-50 mt-0.5 w-[158px] bg-white ring-1 ring-black ring-opacity-5"><ul class="px-2.5" role="menu" aria-orientation="vertical"><!--[-->'), ssrRenderList(unref(j2), (e3) => {
      var l4, t2;
      s2(`<li class="block w-full border-b border-[#E1E1E1] last:border-b-0 text-sm text-primary" role="menuitem"><button class="w-full flex items-center justify-between py-3 text-start"><div class="flex items-center gap-2"><span class="size-6 rounded-full" style="${ssrRenderStyle(`background-color: ${e3.hex};`)}"></span><span>${ssrInterpolate(e3.title)}</span></div>`), (null == (t2 = null == (l4 = unref(R2)) ? undefined : l4.color) ? undefined : t2.id) === e3.id ? s2(ssrRenderComponent(Xe, { name: "check" }, null, n2)) : s2("<!---->"), s2("</button></li>");
    }), s2("<!--]--></ul></div>")) : s2("<!---->"), s2('</div></div><div class="flex gap-2"><!--[-->'), ssrRenderList(unref(j2), (e3) => {
      var l4, t2;
      s2(`<button class="${ssrRenderClass([{ "border-primary": (null == (t2 = null == (l4 = unref(R2)) ? undefined : l4.color) ? undefined : t2.id) === e3.id }, "w-8 h-8 rounded-full border-2 flex items-center justify-center"])}"><div class="w-6 h-6 rounded-full" style="${ssrRenderStyle({ backgroundColor: e3.hex })}"></div></button>`);
    }), s2(`<!--]--></div></div><div class="mb-10"><div class="flex items-center gap-2 justify-between mb-4"><div class="flex items-center gap-4"><span class="text-primary font-medium text-xl">${ssrInterpolate(l3.$t("TITLES.size"))}</span><div class="relative"><button class="py-2 px-5 rounded-full transition-all flex items-center gap-2 bg-[#F5F5F5] duration-300 text-center font-light text-primary"><span>${ssrInterpolate((null == (ze = null == (Le = unref(R2)) ? undefined : Le.size) ? undefined : ze.title) || l3.$t("TITLES.selectSize"))}</span>`), s2(ssrRenderComponent(Xe, { name: "chevron-down", class: "scale-[1.2] flex-shrink-0" }, null, n2)), s2("</button>"), unref(F2) ? (s2('<div class="absolute max-w-[100%] start-0 z-50 mt-0.5 w-[140px] bg-white ring-1 ring-black ring-opacity-5"><ul class="px-2.5" role="menu" aria-orientation="vertical"><!--[-->'), ssrRenderList(unref(M2), (e3) => {
      var l4, t2;
      s2(`<li class="block w-full border-b border-[#E1E1E1] last:border-b-0 text-sm text-primary" role="menuitem"><button class="w-full flex items-center justify-between py-3 text-start">${ssrInterpolate(e3.title)} `), (null == (t2 = null == (l4 = unref(R2)) ? undefined : l4.size) ? undefined : t2.id) === e3.id ? s2(ssrRenderComponent(Xe, { name: "check" }, null, n2)) : s2("<!---->"), s2("</button></li>");
    }), s2("<!--]--></ul></div>")) : s2("<!---->"), s2("</div></div>"), e2.data.size_guide_image ? (s2(`<button class="flex items-center gap-3"><span class="text-primary font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.size_guide"))}</span>`), s2(ssrRenderComponent(Xe, { name: "chevron-right", class: "scale-[0.8] [&_path]:fill-primary" }, null, n2)), s2("</button>")) : s2("<!---->"), s2('</div><div class="flex gap-2"><!--[-->'), ssrRenderList(unref(M2), (e3) => {
      var l4, t2, a2, i2;
      s2(`<button class="${ssrRenderClass([{ "border-black bg-black text-white": (null == (t2 = null == (l4 = unref(R2)) ? undefined : l4.size) ? undefined : t2.id) === e3.id, "border-[#E1E1E1] text-gray-700": (null == (i2 = null == (a2 = unref(R2)) ? undefined : a2.size) ? undefined : i2.id) !== e3.id }, "px-6 py-1 border rounded-full font-semibold text-base"])}">${ssrInterpolate(e3.title)}</button>`);
    }), s2(`<!--]--></div></div><div class="flex flex-wrap items-center gap-4"><button${ssrIncludeBooleanAttr(unref(H2)) ? " disabled" : ""} class="justify-center disabled:opacity-70 disabled:cursor-not-allowed transition-all duration-300 border-[#E1E1E1] border group hover:border-primary hover:bg-primary size-14 rounded-full bg-white flex items-center text-center">`), e2.data.is_fave ? s2(ssrRenderComponent(Xe, { name: "fill-heart", class: "text-2xl transition-all duration-300" }, null, n2)) : s2(ssrRenderComponent(Xe, { name: "heart", class: "text-2xl transition-all duration-300 [&_path]:fill-primary group-hover:[&_path]:!fill-white" }, null, n2)), s2('</button><button class="justify-center transition-all duration-300 border-[#E1E1E1] border group hover:border-primary hover:bg-primary size-14 rounded-full bg-white flex items-center text-center">'), s2(ssrRenderComponent(Xe, { name: "share", class: "text-2xl transition-all duration-300 [&_path]:fill-primary group-hover:[&_path]:!fill-white" }, null, n2)), s2(`</button><button class="base-btn flex-1 !font-medium"${ssrIncludeBooleanAttr(!e2.data.details || !e2.data.details.length || !(null == (Fe = unref(R2)) ? undefined : Fe.in_stock) || unref(X2)) ? " disabled" : ""}>`), s2(ssrRenderComponent(Xe, { name: "cart" }, null, n2)), s2(` ${ssrInterpolate(l3.$t("TITLES.addToCart"))}</button></div></div>`), (null == (Pe = null == (je = unref(R2)) ? undefined : je.coupons) ? undefined : Pe.length) ? (s2('<div class="py-4 mb-6 px-6 relative bg-[#f1f7ff]"><div class="absolute top-1/2 size-10 -translate-y-1/2 -start-5 rounded-full bg-white"></div><div class="absolute top-1/2 size-10 -translate-y-1/2 -end-5 rounded-full bg-white"></div><div class="flex flex-wrap mb-4 items-center gap-4"><div class="py-2 px-6 bg-[#DBE6F4] flex items-center justify-center gap-2">'), s2(ssrRenderComponent(Xe, { name: "coupon", class: "flex-shrink-0" }, null, n2)), s2(`<span class="font-medium">${ssrInterpolate(l3.$t("TITLES.bestDeal"))}</span></div>`), "percentage" === (null == (Be = null == (De = unref(R2)) ? undefined : De.coupons[0]) ? undefined : Be.discount_type) ? s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (Re = null == (Me = unref(R2)) ? undefined : Me.coupons[0]) ? undefined : Re.discount)}% ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`) : s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (qe = null == (Ve = unref(R2)) ? undefined : Ve.coupons[0]) ? undefined : qe.discount)} EGP ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`), s2(`<button class="ms-auto flex items-center gap-3"><span class="text-primary font-medium text-lg">+${ssrInterpolate(null == (Ue = unref(R2).coupons) ? undefined : Ue.length)} ${ssrInterpolate(l3.$t("TITLES.vouchers"))}</span>`), s2(ssrRenderComponent(Xe, { class: ["ar" === unref(o2) ? "rotate-180" : "rotate-0", "scale-[0.8] [&_path]:fill-primary"], name: "chevron-right" }, null, n2)), s2('</button></div><div class="pt-8 flex items-center flex-wrap justify-between gap-2 border-dashed border-t border-[#949EAC]"><button class="flex items-center gap-2">'), s2(ssrRenderComponent(Xe, { name: "copy" }, null, n2)), s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (Oe = unref(R2).coupons[0]) ? undefined : Oe.code)}</span></button><span class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.validTill"))}: <span class="font-normal">${ssrInterpolate(null == (Ge = unref(R2).coupons[0]) ? undefined : Ge.end_at)}</span></span></div></div>`)) : s2("<!---->"), s2(`<div class="${ssrRenderClass({ "border-t-2 border-[#DEE0EA] pt-6": null == (Ye = null == (Qe = unref(R2)) ? undefined : Qe.coupons) ? undefined : Ye.length })}"><h4 class="text-primary text-lg font-semibold mb-5">${ssrInterpolate(l3.$t("TITLES.shippingToEgypt"))}</h4><div class="flex items-center gap-4 mb-8">`), s2(ssrRenderComponent(Xe, { name: "truck", class: "flex-shrink-0" }, null, n2)), s2(`<div class="flex-1 font-medium text-[#333232]"><p class="mb-3">${ssrInterpolate(l3.$t("TITLES.freeExpressShipping"))}</p><div class="flex items-center justify-between gap-2 flex-wrap"><span>${ssrInterpolate(l3.$t("TITLES.estimatedDelivery"))}</span><span class="text-[#606060] text-sm font-normal"> 2022/09/15 - 2022/09/30</span></div></div></div><div class="flex cursor-pointer mb-8 items-center gap-2 flex-wrap">`), s2(ssrRenderComponent(Xe, { name: "return-policy", class: "flex-shrink-0" }, null, n2)), s2(`<h5 class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.returnPolicy"))}</h5><button class="${ssrRenderClass(["ar" === unref(o2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), s2(ssrRenderComponent(Xe, { name: "chevron-right", class: "[&_path]:fill-primary" }, null, n2)), s2('</button></div><div class="flex cursor-pointer items-center gap-2 flex-wrap">'), s2(ssrRenderComponent(Xe, { name: "description", class: "flex-shrink-0" }, null, n2)), s2(`<h5 class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.description"))}</h5><button class="${ssrRenderClass(["ar" === unref(o2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), s2(ssrRenderComponent(Xe, { class: ["ar" === unref(o2) ? "rotate-180" : "", "[&_path]:fill-primary"], name: "chevron-right" }, null, n2)), s2(`</button></div></div><div class="mt-8 lg:hidden"><div class="py-4 mb-8 px-5 flex items-center gap-4 bg-[#FAFAFA]"><h3 class="text-xl underline font-semibold">${ssrInterpolate(l3.$t("TITLES.reviews"))}</h3><div class="flex items-center gap-1.5"><img${ssrRenderAttr("src", A)} alt="star" class="w-6 h-6"><span class="font-medium text-lg">${ssrInterpolate((_d = null == (Je = unref(R2)) ? undefined : Je.rate_avg) != null ? _d : "0")}</span></div></div><div class="space-y-6"><span class="text-primary text-lg font-semibold">${ssrInterpolate(l3.$t("TITLES.general_size"))}</span><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.runs_small"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).smallPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).smallPercentage)}%</span></div><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.true_to_size"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).fitPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).fitPercentage)}%</span></div><div class="flex flex-wrap items-center gap-4"><p>${ssrInterpolate(l3.$t("TITLES.runs_large"))}</p><div class="h-2 w-[240px] max-w-[100%] bg-[#F0F0F0] rounded-full"><div class="h-2 bg-primary rounded-full" style="${ssrRenderStyle(`width: ${unref(R2).bigPercentage}%`)}"></div></div><span class="font-medium text-xl">${ssrInterpolate(unref(R2).bigPercentage)}%</span></div></div><div class="h-2 bg-[#F1F1F1] w-full rounded-full my-6"></div><div class="space-y-6"><!--[-->`), ssrRenderList(null == (Ke = unref(R2)) ? undefined : Ke.reviews, (e3, t2) => {
      var a2;
      s2(`<div class="border border-[#E1E1E1] p-6"><div class="flex items-center justify-between mb-4"><div class="font-bold text-xl">${ssrInterpolate(e3.user_name)}</div><div class="flex items-center gap-1"><!--[-->`), ssrRenderList(5, (l4) => {
        s2('<span class="cursor-pointer transition duration-300 hover:scale-110">'), l4 <= Math.floor(e3.rate || 0) ? s2(`<img${ssrRenderAttr("src", A)} alt="star" class="w-6 h-6">`) : s2(`<img${ssrRenderAttr("src", g$1)} alt="star" class="w-6 h-6">`), s2("</span>");
      }), s2(`<!--]--></div></div><div class="text-lg font-medium text-[#505050] mb-6"><span>${ssrInterpolate(l3.$t("TITLES.color"))}: ${ssrInterpolate(null == e3 ? undefined : e3.color)} / ${ssrInterpolate(l3.$t("TITLES.size"))}: ${ssrInterpolate(null == e3 ? undefined : e3.size)}</span></div><div class="text-lg font-medium text-[##03030]">${ssrInterpolate(e3.review)}</div>`), e3.image ? s2(`<div class="flex gap-4 mt-6 items-center flex-wrap"><div class="relative group"><img${ssrRenderAttr("src", null == (a2 = e3.image) ? undefined : a2.media)} alt="star" width="120" height="120" class="w-[120px] h-[120px] object-cover"><button class="absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-white p-3 opacity-0 transition-all group-hover:opacity-100 hover:bg-gray-100"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg></button></div></div>`) : s2("<!---->"), s2("</div>");
    }), s2("<!--]--></div></div>"), (null == (Ze = null == (Ne = e2.data) ? undefined : Ne.complete_outfit) ? undefined : Ze.length) ? (s2(`<div class="my-8 py-8 bg-[#F9F9F9] ps-6"><h2 class="text-xl font-bold mb-8">${ssrInterpolate(l3.$t("TITLES.matchingChoices"))}</h2>`), s2(ssrRenderComponent(unref(he), { modules: [unref(k2)], "slides-per-view": 1.3, "space-between": 16, "free-mode": true, breakpoints: { 0: { slidesPerView: 1.3 }, 576: { slidesPerView: 2.2 }, 768: { slidesPerView: 3.2 }, 992: { slidesPerView: 1.2 }, 1280: { slidesPerView: 2.1 }, 1536: { slidesPerView: 2.2 } }, class: "related-products-swiper" }, { default: withCtx((l4, t2, s3, n3) => {
      var o3, v2;
      if (!t2) return [(openBlock(true), createBlock(Fragment, null, renderList(null == (v2 = e2.data) ? undefined : v2.complete_outfit, (e3, l5) => (openBlock(), createBlock(unref(ge), { key: l5 }, { default: withCtx(() => [createVNode(We, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t2("<!--[-->"), ssrRenderList(null == (o3 = e2.data) ? undefined : o3.complete_outfit, (e3, l5) => {
        t2(ssrRenderComponent(unref(ge), { key: l5 }, { default: withCtx((l6, t3, s4, a2) => {
          if (!t3) return [createVNode(We, { product: e3 }, null, 8, ["product"])];
          t3(ssrRenderComponent(We, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, n3));
      }), t2("<!--]-->");
    }), _: 1 }, n2)), s2("</div>")) : s2("<!---->"), s2("</div></div>"), ssrRenderTeleport(s2, (e3) => {
      unref(ae2) ? e3(ssrRenderComponent(el, { onClose: (e4) => ae2.value = false }, { default: withCtx((e4, l4, t2, s3) => {
        if (!l4) return [createVNode("img", { src: unref(de2), "data-aos": "zoom-in", "data-aos-duration": "800", alt: "review image", class: "max-w-[90%] max-h-[95vh] object-cover" }, null, 8, ["src"])];
        l4(`<img${ssrRenderAttr("src", unref(de2))} data-aos="zoom-in" data-aos-duration="800" alt="review image" class="max-w-[90%] max-h-[95vh] object-cover"${s3}>`);
      }), _: 1 }, n2)) : e3("<!---->");
    }, "body", false, n2), ssrRenderTeleport(s2, (t2) => {
      unref(se2) ? t2(ssrRenderComponent(el, { onClose: (e3) => se2.value = false }, { default: withCtx((t3, s3, a2, n3) => {
        var _a2;
        if (!s3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white w-[1000px] max-w-[90%] max-h-[90%] lg:p-14 p-6", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-3xl text-center mb-8 font-bold" }, toDisplayString(l3.$t("TITLES.description")), 1), createVNode("button", { class: "absolute top-1/2 -translate-y-1/2 end-0", onClick: (e3) => se2.value = false }, [createVNode(Xe, { name: "big-close" })], 8, ["onClick"])]), createVNode("div", { innerHTML: e2.data.long_desc }, null, 8, ["innerHTML"])], 8, ["onClick"])];
        s3(`<div class="bg-white w-[1000px] max-w-[90%] max-h-[90%] lg:p-14 p-6" data-aos="zoom-in" data-aos-duration="800"${n3}><div class="relative"${n3}><h4 class="text-3xl text-center mb-8 font-bold"${n3}>${ssrInterpolate(l3.$t("TITLES.description"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${n3}>`), s3(ssrRenderComponent(Xe, { name: "big-close" }, null, a2, n3)), s3(`</button></div><div${n3}>${(_a2 = e2.data.long_desc) != null ? _a2 : ""}</div></div>`);
      }), _: 1 }, n2)) : t2("<!---->");
    }, "body", false, n2), ssrRenderTeleport(s2, (e3) => {
      unref(te2) ? e3(ssrRenderComponent(el, { onClose: (e4) => te2.value = false }, { default: withCtx((e4, t2, s3, a2) => {
        if (!t2) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white lg:p-14 p-6 w-[1000px] max-w-[90%] max-h-[90%]", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-3xl text-center mb-8 font-bold" }, toDisplayString(l3.$t("TITLES.returnPolicy")), 1), createVNode("button", { class: "absolute top-1/2 -translate-y-1/2 end-0", onClick: (e5) => te2.value = false }, [createVNode(Xe, { name: "big-close" })], 8, ["onClick"])]), createVNode("div", { class: "mb-8 border-t-2 border-[#909EAC] pt-8" }, [createVNode("h4", { class: "text-primary text-lg font-semibold mb-4" }, toDisplayString(l3.$t("TITLES.ourGuarantee")), 1), createVNode("p", { class: "text-[#909EAC]" }, toDisplayString(l3.$t("TITLES.returnExchangeInfo")), 1)]), createVNode("div", null, [createVNode("h4", { class: "text-primary text-lg font-semibold mb-4" }, toDisplayString(l3.$t("TITLES.request")) + ": ", 1), createVNode("div", { class: "space-y-4 text-[#909EAC]" }, [createVNode("p", null, "1. " + toDisplayString(l3.$t("TITLES.requestCondition1")), 1), createVNode("p", null, "2. " + toDisplayString(l3.$t("TITLES.requestCondition2")), 1), createVNode("p", null, "3. " + toDisplayString(l3.$t("TITLES.requestCondition3")), 1)])])], 8, ["onClick"])];
        t2(`<div class="bg-white lg:p-14 p-6 w-[1000px] max-w-[90%] max-h-[90%]" data-aos="zoom-in" data-aos-duration="800"${a2}><div class="relative"${a2}><h4 class="text-3xl text-center mb-8 font-bold"${a2}>${ssrInterpolate(l3.$t("TITLES.returnPolicy"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${a2}>`), t2(ssrRenderComponent(Xe, { name: "big-close" }, null, s3, a2)), t2(`</button></div><div class="mb-8 border-t-2 border-[#909EAC] pt-8"${a2}><h4 class="text-primary text-lg font-semibold mb-4"${a2}>${ssrInterpolate(l3.$t("TITLES.ourGuarantee"))}</h4><p class="text-[#909EAC]"${a2}>${ssrInterpolate(l3.$t("TITLES.returnExchangeInfo"))}</p></div><div${a2}><h4 class="text-primary text-lg font-semibold mb-4"${a2}>${ssrInterpolate(l3.$t("TITLES.request"))}: </h4><div class="space-y-4 text-[#909EAC]"${a2}><p${a2}>1. ${ssrInterpolate(l3.$t("TITLES.requestCondition1"))}</p><p${a2}>2. ${ssrInterpolate(l3.$t("TITLES.requestCondition2"))}</p><p${a2}>3. ${ssrInterpolate(l3.$t("TITLES.requestCondition3"))}</p></div></div></div>`);
      }), _: 1 }, n2)) : e3("<!---->");
    }, "body", false, n2), ssrRenderTeleport(s2, (e3) => {
      unref(le2) ? e3(ssrRenderComponent(el, { onClose: (e4) => le2.value = false }, { default: withCtx((e4, t2, s3, a2) => {
        var n3, o3;
        if (!t2) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white lg:p-14 p-6 w-[840px] overflow-y-auto max-h-[90%] max-w-[90%]", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-3xl text-center mb-12 font-bold" }, toDisplayString(l3.$t("TITLES.vouchers")), 1), createVNode("button", { class: "absolute top-1/2 -translate-y-1/2 end-0", onClick: (e5) => le2.value = false }, [createVNode(Xe, { name: "big-close" })], 8, ["onClick"])]), (null == (o3 = unref(R2).coupons) ? undefined : o3.length) ? (openBlock(), createBlock("div", { key: 0, class: "flex flex-col gap-8" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(R2).coupons, (e5, t3) => {
          var s4, a3, n4, o4, u2, p2;
          return openBlock(), createBlock("div", { key: t3, class: "py-4 mb-6 px-6 relative bg-[#f1f7ff]" }, [createVNode("div", { class: "absolute top-1/2 size-10 -translate-y-1/2 -start-5 rounded-full bg-white" }), createVNode("div", { class: "absolute top-1/2 size-10 -translate-y-1/2 -end-5 rounded-full bg-white" }), createVNode("div", { class: "flex flex-wrap mb-4 items-center gap-4" }, [createVNode("div", { class: "py-2 px-6 bg-[#DBE6F4] flex items-center justify-center gap-2" }, [createVNode(Xe, { name: "coupon", class: "flex-shrink-0" }), createVNode("span", { class: "font-medium" }, toDisplayString(l3.$t("TITLES.bestDeal")), 1)]), "percentage" === (null == (a3 = null == (s4 = unref(R2)) ? undefined : s4.coupons[0]) ? undefined : a3.discount_type) ? (openBlock(), createBlock("span", { key: 0, class: "font-medium text-lg" }, toDisplayString(null == (o4 = null == (n4 = unref(R2)) ? undefined : n4.coupons[0]) ? undefined : o4.discount) + "% " + toDisplayString(l3.$t("TITLES.off")), 1)) : (openBlock(), createBlock("span", { key: 1, class: "font-medium text-lg" }, toDisplayString(null == (p2 = null == (u2 = unref(R2)) ? undefined : u2.coupons[0]) ? undefined : p2.discount) + " " + toDisplayString(l3.$t("TITLES.egp")) + " " + toDisplayString(l3.$t("TITLES.off")), 1))]), createVNode("div", { class: "pt-8 flex items-center flex-wrap justify-between gap-2 border-dashed border-t border-[#949EAC]" }, [createVNode("button", { class: "flex items-center gap-2", onClick: (l4) => ce(e5.code) }, [createVNode(Xe, { name: "copy" }), createVNode("span", { class: "font-medium text-lg" }, toDisplayString(e5.code), 1)], 8, ["onClick"]), createVNode("span", { class: "font-medium text-lg" }, [createTextVNode(toDisplayString(l3.$t("TITLES.validTill")) + ": ", 1), createVNode("span", { class: "font-normal" }, toDisplayString(e5.end_at), 1)])])]);
        }), 128))])) : (openBlock(), createBlock("div", { key: 1 }, [createVNode(ll, { class: "!min-h-[300px]" })]))], 8, ["onClick"])];
        t2(`<div class="bg-white lg:p-14 p-6 w-[840px] overflow-y-auto max-h-[90%] max-w-[90%]" data-aos="zoom-in" data-aos-duration="800"${a2}><div class="relative"${a2}><h4 class="text-3xl text-center mb-12 font-bold"${a2}>${ssrInterpolate(l3.$t("TITLES.vouchers"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${a2}>`), t2(ssrRenderComponent(Xe, { name: "big-close" }, null, s3, a2)), t2("</button></div>"), (null == (n3 = unref(R2).coupons) ? undefined : n3.length) ? (t2(`<div class="flex flex-col gap-8"${a2}><!--[-->`), ssrRenderList(unref(R2).coupons, (e5, i2) => {
          var n4, o4, r2, c2, u2, p2;
          t2(`<div class="py-4 mb-6 px-6 relative bg-[#f1f7ff]"${a2}><div class="absolute top-1/2 size-10 -translate-y-1/2 -start-5 rounded-full bg-white"${a2}></div><div class="absolute top-1/2 size-10 -translate-y-1/2 -end-5 rounded-full bg-white"${a2}></div><div class="flex flex-wrap mb-4 items-center gap-4"${a2}><div class="py-2 px-6 bg-[#DBE6F4] flex items-center justify-center gap-2"${a2}>`), t2(ssrRenderComponent(Xe, { name: "coupon", class: "flex-shrink-0" }, null, s3, a2)), t2(`<span class="font-medium"${a2}>${ssrInterpolate(l3.$t("TITLES.bestDeal"))}</span></div>`), "percentage" === (null == (o4 = null == (n4 = unref(R2)) ? undefined : n4.coupons[0]) ? undefined : o4.discount_type) ? t2(`<span class="font-medium text-lg"${a2}>${ssrInterpolate(null == (c2 = null == (r2 = unref(R2)) ? undefined : r2.coupons[0]) ? undefined : c2.discount)}% ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`) : t2(`<span class="font-medium text-lg"${a2}>${ssrInterpolate(null == (p2 = null == (u2 = unref(R2)) ? undefined : u2.coupons[0]) ? undefined : p2.discount)} ${ssrInterpolate(l3.$t("TITLES.egp"))} ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`), t2(`</div><div class="pt-8 flex items-center flex-wrap justify-between gap-2 border-dashed border-t border-[#949EAC]"${a2}><button class="flex items-center gap-2"${a2}>`), t2(ssrRenderComponent(Xe, { name: "copy" }, null, s3, a2)), t2(`<span class="font-medium text-lg"${a2}>${ssrInterpolate(e5.code)}</span></button><span class="font-medium text-lg"${a2}>${ssrInterpolate(l3.$t("TITLES.validTill"))}: <span class="font-normal"${a2}>${ssrInterpolate(e5.end_at)}</span></span></div></div>`);
        }), t2("<!--]--></div>")) : (t2(`<div${a2}>`), t2(ssrRenderComponent(ll, { class: "!min-h-[300px]" }, null, s3, a2)), t2("</div>")), t2("</div>");
      }), _: 1 }, n2)) : e3("<!---->");
    }, "body", false, n2), ssrRenderTeleport(s2, (t2) => {
      unref(ie2) ? t2(ssrRenderComponent(el, { onClose: (e3) => ie2.value = false }, { default: withCtx((t3, s3, a2, n3) => {
        var o3, d2;
        if (!s3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white p-5 max-w-[90%] max-h-[90%] min-w-[614px] md:p-10", "data-aos": "zoom-in", "data-aos-duration": "800" }, [createVNode("div", { class: "relative" }, [createVNode("h4", { class: "text-3xl text-center font-bold mb-10" }, toDisplayString(l3.$t("TITLES.sizeGuide")), 1), createVNode("button", { class: "absolute top-1/2 -translate-y-1/2 end-0", onClick: withModifiers((e3) => ie2.value = false, ["stop"]) }, [createVNode(Xe, { name: "big-close" })], 8, ["onClick"])]), createVNode("div", { class: "p-5 bg-[#F6F6F6]" }, [createVNode("img", { src: null == (d2 = e2.data.size_guide_image) ? undefined : d2.media, alt: "size-gide", class: "object-contain size-full select-none max-w-[100%] max-h-[100%]" }, null, 8, ["src"])])], 8, ["onClick"])];
        s3(`<div class="bg-white p-5 max-w-[90%] max-h-[90%] min-w-[614px] md:p-10" data-aos="zoom-in" data-aos-duration="800"${n3}><div class="relative"${n3}><h4 class="text-3xl text-center font-bold mb-10"${n3}>${ssrInterpolate(l3.$t("TITLES.sizeGuide"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${n3}>`), s3(ssrRenderComponent(Xe, { name: "big-close" }, null, a2, n3)), s3(`</button></div><div class="p-5 bg-[#F6F6F6]"${n3}><img${ssrRenderAttr("src", null == (o3 = e2.data.size_guide_image) ? undefined : o3.media)} alt="size-gide" class="object-contain size-full select-none max-w-[100%] max-h-[100%]"${n3}></div></div>`);
      }), _: 1 }, n2)) : t2("<!---->");
    }, "body", false, n2), unref(ne2) ? s2(ssrRenderComponent(tl, { title: l3.$t("TITLES.share_product"), onClose: (e3) => ne2.value = false }, { default: withCtx((e3, l4, t2, s3) => {
      if (!l4) return [createVNode("div", { class: "bg-primary mb-5 rounded-lg bg-opacity-10 p-3 text-primary flex items-center justify-between gap-2" }, [createVNode("p", { class: "max-w-[80%] truncate" }, toDisplayString(unref(oe2)), 1), createVNode("button", { class: "text-primary", onClick: (e4) => ce(unref(oe2)) }, [createVNode(sl, { name: "copy" })], 8, ["onClick"])]), createVNode("div", { class: "flex items-center justify-center gap-4 flex-wrap" }, [createVNode("button", { type: "button", onClick: (e4) => re("facebook") }, [createVNode(sl, { name: "facebook" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => re("twitter") }, [createVNode(sl, { name: "x" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => re("linkedin"), class: "scale-[1.15]" }, [createVNode(sl, { name: "linkedin" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => re("whatsapp") }, [createVNode(sl, { name: "whatsapp-2" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => re("snapchat"), class: "scale-[1.25]" }, [createVNode(sl, { name: "snapchat" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => re("telegram") }, [createVNode(sl, { name: "telegram" })], 8, ["onClick"])])];
      l4(`<div class="bg-primary mb-5 rounded-lg bg-opacity-10 p-3 text-primary flex items-center justify-between gap-2"${s3}><p class="max-w-[80%] truncate"${s3}>${ssrInterpolate(unref(oe2))}</p><button class="text-primary"${s3}>`), l4(ssrRenderComponent(sl, { name: "copy" }, null, t2, s3)), l4(`</button></div><div class="flex items-center justify-center gap-4 flex-wrap"${s3}><button type="button"${s3}>`), l4(ssrRenderComponent(sl, { name: "facebook" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(sl, { name: "x" }, null, t2, s3)), l4(`</button><button type="button" class="scale-[1.15]"${s3}>`), l4(ssrRenderComponent(sl, { name: "linkedin" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(sl, { name: "whatsapp-2" }, null, t2, s3)), l4(`</button><button type="button" class="scale-[1.25]"${s3}>`), l4(ssrRenderComponent(sl, { name: "snapchat" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(sl, { name: "telegram" }, null, t2, s3)), l4("</button></div>");
    }), _: 1 }, n2)) : s2("<!---->"), s2("</div>")) : s2("<!---->");
  };
} }, te = le.setup;
le.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/ProductDetails.vue"), te ? te(e2, t2) : undefined;
};
const se = { __name: "Recommended", __ssrInlineRender: true, props: { data: Array, required: true }, setup(e2) {
  const { locale: l2 } = Qs();
  return (s2, n2, o2, v2) => {
    var x2;
    const h2 = $, w2 = An, y2 = g, T2 = a;
    n2(`<section${ssrRenderAttrs(mergeProps({ class: "bg-[#FAFCFF] my-6 py-6 lg:py-14" }, v2))}><div class="container"><h2 data-aos="fade-up" class="mb-10 text-center !text-2xl sm:text-4xl lg:text-5xl font-semibold animate-fade-in">${ssrInterpolate(s2.$t("TITLES.recommended"))}</h2>`), (null == (x2 = e2.data) ? undefined : x2.length) ? (n2("<div>"), n2(ssrRenderComponent(unref(he), { modules: ["SwiperAutoplay" in s2 ? s2.SwiperAutoplay : unref(A$1), "SwiperFreeMode" in s2 ? s2.SwiperFreeMode : unref(z)], "slides-per-view": 1.3, "free-mode": true, "space-between": 24, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 1.3 }, 576: { slidesPerView: 2 }, 768: { slidesPerView: 3 }, 1024: { slidesPerView: 4 }, 1280: { slidesPerView: 5 } }, class: "mySwiper mb-10" }, { default: withCtx((l3, t2, s3, n3) => {
      if (!t2) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(h2, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t2("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t2(ssrRenderComponent(unref(ge), { key: e3.id }, { default: withCtx((l4, t3, s4, a2) => {
          if (!t3) return [createVNode(h2, { product: e3 }, null, 8, ["product"])];
          t3(ssrRenderComponent(h2, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, n3));
      }), t2("<!--]-->");
    }), _: 1 }, o2)), n2('<div class="mt-10 flex items-center justify-center">'), n2(ssrRenderComponent(w2, { to: s2.localePath("/categories") }, { default: withCtx((e3, t2, a2, n3) => {
      if (!t2) return [createVNode("button", { class: "w-[320px] max-w-[100%] bg-black justify-center flex items-center gap-1 px-8 py-3 text-white transition hover:bg-opacity-80 hover:scale-105" }, [createVNode("span", { class: "text-xl font-medium" }, toDisplayString(s2.$t("TITLES.viewAll")), 1), createVNode(y2, { class: ["ar" === unref(l2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, 8, ["class"])])];
      t2(`<button class="w-[320px] max-w-[100%] bg-black justify-center flex items-center gap-1 px-8 py-3 text-white transition hover:bg-opacity-80 hover:scale-105"${n3}><span class="text-xl font-medium"${n3}>${ssrInterpolate(s2.$t("TITLES.viewAll"))}</span>`), t2(ssrRenderComponent(y2, { class: ["ar" === unref(l2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, a2, n3)), t2("</button>");
    }), _: 1 }, o2)), n2("</div></div>")) : (n2("<div>"), n2(ssrRenderComponent(T2, { class: "!min-h-[35vh]" }, null, o2)), n2("</div>")), n2("</div></section>");
  };
} }, ae = se.setup;
se.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/Recommended.vue"), ae ? ae(e2, t2) : undefined;
};
const ie = { __name: "MayLike", __ssrInlineRender: true, props: { data: Array, required: true }, setup(e2) {
  const l2 = ref(5);
  return Qs(), (t2, s2, n2, o2) => {
    var v2;
    const m2 = $, x2 = g, h2 = a;
    (null == (v2 = e2.data) ? undefined : v2.length) ? (s2(`<div${ssrRenderAttrs(o2)}>`), s2(ssrRenderComponent(unref(he), { modules: ["SwiperAutoplay" in t2 ? t2.SwiperAutoplay : unref(A$1), "SwiperFreeMode" in t2 ? t2.SwiperFreeMode : unref(z)], "slides-per-view": 1.3, "free-mode": true, "space-between": 24, autoplay: { delay: 5e3, disableOnInteraction: false }, breakpoints: { 0: { slidesPerView: 1.3 }, 576: { slidesPerView: 2 }, 768: { slidesPerView: 3 }, 1024: { slidesPerView: 4 }, 1280: { slidesPerView: 5 } }, class: "mySwiper mb-10 lg:!hidden" }, { default: withCtx((l3, t3, s3, n3) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(m2, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t3("<!--[-->"), ssrRenderList(e2.data, (e3) => {
        t3(ssrRenderComponent(unref(ge), { key: e3.id }, { default: withCtx((l4, t4, s4, a2) => {
          if (!t4) return [createVNode(m2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(m2, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, n3));
      }), t3("<!--]-->");
    }), _: 1 }, n2)), s2('<div class="mb-10 lg:grid-cols-5 gap-x-6 gap-y-8 hidden lg:!grid"><!--[-->'), ssrRenderList(e2.data.slice(0, unref(l2)), (e3) => {
      s2("<div>"), s2(ssrRenderComponent(m2, { product: e3 }, null, n2)), s2("</div>");
    }), s2("<!--]--></div>"), unref(l2) < e2.data.length ? (s2(`<div class="mt-10 hidden lg:flex items-center justify-center"><button class="w-[320px] h-16 max-w-[100%] bg-black justify-center flex items-center gap-2 px-8 py-3 text-white transition hover:bg-opacity-80 hover:scale-105"><span class="text-xl font-medium">${ssrInterpolate(t2.$t("TITLES.viewMore"))}</span>`), s2(ssrRenderComponent(x2, { name: "chevron-down", class: "scale-[1.5] [&_path]:fill-white" }, null, n2)), s2("</button></div>")) : s2("<!---->"), s2("</div>")) : (s2(`<div${ssrRenderAttrs(o2)}>`), s2(ssrRenderComponent(h2, { class: "!min-h-[35vh]" }, null, n2)), s2("</div>"));
  };
} }, ne = ie.setup;
ie.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/MayLike.vue"), ne ? ne(e2, t2) : undefined;
};
const oe = { __name: "[slug]", __ssrInlineRender: true, setup(e2) {
  const l2 = Qt().$axios, s2 = Ma(), { locale: o2, t: r2 } = Qs(), { data: c2, status: u2 } = wn("products", () => l2.get(`web_product/${s2.params.slug}`).then((e3) => e3.data.data).catch((e3) => e3.response)), p2 = computed(() => {
    var e3;
    return [{ name: r2("NAV.home"), to: "/" }, { name: null == (e3 = c2.value) ? undefined : e3.title, to: `/product/${s2.params.slug}`, disabled: true }];
  });
  return (e3, l3, s3, n2) => {
    var r3, v2, m2, x2;
    const h2 = Z, w2 = An, $2 = g, y2 = d, T2 = le, E2 = se, k2 = ie;
    "pending" === unref(u2) ? (l3(`<div${ssrRenderAttrs(mergeProps({ class: "container my-10" }, n2))}>`), l3(ssrRenderComponent(h2, null, null, s3)), l3("</div>")) : "success" === unref(u2) ? (l3(`<div${ssrRenderAttrs(mergeProps({ class: "container my-10" }, n2))}><div class="flex mb-10 items-center gap-5 flex-wrap">`), l3(ssrRenderComponent(w2, { to: e3.localePath("/"), class: "justify-center flex items-center border border-[#E1E1E1] size-12 rounded-full" }, { default: withCtx((e4, l4, t2, s4) => {
      if (!l4) return [createVNode($2, { name: "arrow-left", class: ["ar" === unref(o2) ? "rotate-180" : "", "[&_path]:fill-primary scale-[.60]"] }, null, 8, ["class"])];
      l4(ssrRenderComponent($2, { name: "arrow-left", class: ["ar" === unref(o2) ? "rotate-180" : "", "[&_path]:fill-primary scale-[.60]"] }, null, t2, s4));
    }), _: 1 }, s3)), l3(ssrRenderComponent(y2, { items: unref(p2) }, null, s3)), l3("</div>"), l3(ssrRenderComponent(T2, { data: unref(c2) }, null, s3)), (null == (r3 = unref(c2)) ? undefined : r3.recommended) ? l3(ssrRenderComponent(E2, { data: null == (v2 = unref(c2)) ? undefined : v2.recommended }, null, s3)) : l3("<!---->"), l3(`<div class="my-6 py-6 lg:py-14"><div class="container"><h2 data-aos="fade-up" class="mb-10 text-center !text-2xl sm:text-4xl lg:text-5xl font-semibold animate-fade-in">${ssrInterpolate(e3.$t("TITLES.mayAlsoLike"))}</h2>`), (null == (m2 = unref(c2)) ? undefined : m2.also_may_like) ? l3(ssrRenderComponent(k2, { data: null == (x2 = unref(c2)) ? undefined : x2.also_may_like }, null, s3)) : l3("<!---->"), l3('</div></div><div class="container pb-6 lg:pb-14"><button class="rounded-full bg-white border border-primary flex items-center justify-center w-16 h-16">'), l3(ssrRenderComponent($2, { name: "arrow-up", class: "scale-75" }, null, s3)), l3("</button></div></div>")) : l3("<!---->");
  };
} }, de = oe.setup;
oe.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("pages/product/[slug].vue"), de ? de(e2, t2) : undefined;
};

export { oe as default };
//# sourceMappingURL=_slug_-2--wviXl.mjs.map
