import { d } from './Skeleton-BBJiWBrY.mjs';
import { mergeProps, withCtx, openBlock, createBlock, Fragment, renderList, createVNode, createTextVNode, computed, unref, useSSRContext, ref, withModifiers, toDisplayString, watch } from 'vue';
import { ssrRenderAttrs, ssrRenderComponent, ssrRenderClass, ssrRenderList, ssrRenderAttr, ssrInterpolate, ssrRenderStyle, 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-BAPcdaJk.mjs';
import { d as d$1 } from './breadcrumb-gjE702oE.mjs';
import { h as he, g as ge, z, I, B, A as A$1 } from './swiper-vue-DHAv4051.mjs';
import { $ } from './ProductCard-C4kDAhDj.mjs';
import { o } from './Backdrop-Ez8lg5QV.mjs';
import { a } from './NoData-sJRPgl_N.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 J = {};
const K = J.setup;
J.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/ProductDetailsSkelton.vue"), K ? K(e2, t2) : undefined;
};
const N = uf(J, [["ssrRender", function(l2, s2, a2, i2) {
  const o2 = d;
  s2(`<div${ssrRenderAttrs(mergeProps({ class: "pb-6 lg:pb-14" }, i2))}>`), s2(ssrRenderComponent(o2, { 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-8 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(o2, { class: "h-[128px] flex-1 w-[128px] mb-2" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[128px] flex-1 w-[128px] mb-2" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[128px] flex-1 w-[128px] mb-2" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[128px] hidden md:block w-[128px] mb-2" }, null, a2)), s2('</div><div class="w-full order-1 md:order-2 h-[340px] lg:h-[680px] max-w-[100%]">'), s2(ssrRenderComponent(o2, { class: "h-[100%] w-[100%] rounded-md" }, null, a2)), s2('</div></div><div class="mt-8 space-y-4">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[400px] max-w-[100%]" }, null, a2)), s2(ssrRenderComponent(o2, { 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(o2, { class: "h-[36px] w-[160px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(o2, { class: "h-[32px] w-[72px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[24px] w-[150px]" }, null, a2)), s2("</div>"), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[100px]" }, null, a2)), s2("</div>"), s2(ssrRenderComponent(o2, { class: "h-[24px] mb-4 w-[300px]" }, null, a2)), s2('<div class="mb-8 space-y-4">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2('</div></div><div class="mb-8 space-y-4">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="flex items-center gap-4">'), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[40px] w-[100px]" }, null, a2)), s2("</div></div>"), s2(ssrRenderComponent(o2, { 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(o2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { 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(o2, { 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(o2, { class: "h-[20px] w-[120px]" }, null, a2)), s2('<div class="space-y-6">'), s2(ssrRenderComponent(o2, { class: "h-[20px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[240px]" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[16px] w-[240px]" }, null, a2)), s2('</div></div></div></div><div class="my-8 py-8 bg-[#F9F9F9] px-6">'), s2(ssrRenderComponent(o2, { 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(o2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2(ssrRenderComponent(o2, { class: "h-[400px] w-[100%] rounded-md" }, null, a2)), s2("</div></div></div>");
}]]), Z = { 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 H = Z.setup;
Z.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/UI/CustomSwiper.vue"), H ? H(e2, t2) : undefined;
};
const W = uf(Z, [["ssrRender", function(e2, l2, s2, u2, p2, m2, v2, x2) {
  const $2 = he, y2 = ge, E2 = g;
  l2(`<div${ssrRenderAttrs(mergeProps({ class: "custom-swiper gap-6 flex flex-col md:flex-row" }, u2))}><div class="${ssrRenderClass([{ "desktop-layout": m2.isDesktop }, "order-2 md:order-1 w-full md:w-[128px] overflow-auto max-w-[100%]"])}">`), l2(ssrRenderComponent($2, { onSwiper: m2.setThumbsSwiper, spaceBetween: 10, breakpoints: { 0: { direction: "horizontal", slidesPerView: 3 }, 567: { direction: "horizontal", slidesPerView: 4 }, 768: { direction: "vertical", slidesPerView: 3 } }, direction: m2.isDesktop ? "vertical" : "horizontal", watchSlidesProgress: true, modules: m2.modules, class: "h-full w-full thumbs-swiper max-w-[100%]" }, { default: withCtx((e3, l3, t2, s3) => {
    if (!l3) return [(openBlock(true), createBlock(Fragment, null, renderList(p2.images, (e4) => (openBlock(), createBlock(y2, { class: "md:w-auto cursor-pointer !h-[128px]", key: e4.id }, { default: withCtx(() => [e4.media.includes("mp4") ? (openBlock(), createBlock("div", { key: 1, class: "relative" }, [createVNode("video", { poster: p2.images[0].media, class: "w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]" }, [createVNode("source", { src: e4.media, type: "video/mp4" }, null, 8, ["src"]), createTextVNode(" Your browser does not support the video tag. ")], 8, ["poster"]), createVNode("div", { class: "z-10 size-10 rounded-full flex items-center justify-center bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }, [createVNode(E2, { name: "play_" })]), createVNode("div", { class: "absolute top-0 left-0 w-full h-full bg-[#000] opacity-50" })])) : (openBlock(), createBlock("img", { key: 0, src: e4.media, class: "w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]" }, null, 8, ["src"]))]), _: 2 }, 1024))), 128))];
    l3("<!--[-->"), ssrRenderList(p2.images, (e4) => {
      l3(ssrRenderComponent(y2, { class: "md:w-auto cursor-pointer !h-[128px]", key: e4.id }, { default: withCtx((l4, t3, s4, a2) => {
        if (!t3) return [e4.media.includes("mp4") ? (openBlock(), createBlock("div", { key: 1, class: "relative" }, [createVNode("video", { poster: p2.images[0].media, class: "w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]" }, [createVNode("source", { src: e4.media, type: "video/mp4" }, null, 8, ["src"]), createTextVNode(" Your browser does not support the video tag. ")], 8, ["poster"]), createVNode("div", { class: "z-10 size-10 rounded-full flex items-center justify-center bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }, [createVNode(E2, { name: "play_" })]), createVNode("div", { class: "absolute top-0 left-0 w-full h-full bg-[#000] opacity-50" })])) : (openBlock(), createBlock("img", { key: 0, src: e4.media, class: "w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]" }, null, 8, ["src"]))];
        e4.media.includes("mp4") ? (t3(`<div class="relative"${a2}><video${ssrRenderAttr("poster", p2.images[0].media)} class="w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]"${a2}><source${ssrRenderAttr("src", e4.media)} type="video/mp4"${a2}> Your browser does not support the video tag. </video><div class="z-10 size-10 rounded-full flex items-center justify-center bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"${a2}>`), t3(ssrRenderComponent(E2, { name: "play_" }, null, s4, a2)), t3(`</div><div class="absolute top-0 left-0 w-full h-full bg-[#000] opacity-50"${a2}></div></div>`)) : t3(`<img${ssrRenderAttr("src", e4.media)} class="w-[128px] md:w-auto select-none h-[128px] cursor-pointer object-cover max-w-[100%]"${a2}>`);
      }), _: 2 }, t2, s3));
    }), l3("<!--]-->");
  }), _: 1 }, s2)), l2('</div><div class="w-full order-1 md:order-2 h-[340px] md:h-[404px] lg:h-[680px] max-w-[100%]">'), l2(ssrRenderComponent($2, { spaceBetween: 10, pagination: { clickable: true }, thumbs: { swiper: m2.thumbsSwiper }, modules: m2.modules, loop: true, class: "main-swiper h-full w-full max-w-[100%]" }, { default: withCtx((e3, l3, t2, s3) => {
    if (!l3) return [(openBlock(true), createBlock(Fragment, null, renderList(p2.images, (e4) => (openBlock(), createBlock(y2, { class: "!w-full !h-full max-w-[100%] cursor-pointer", key: e4.id }, { default: withCtx(() => [e4.media.includes("mp4") ? (openBlock(), createBlock("video", { key: 1, controls: "", poster: p2.images[0].media, class: "w-full select-none h-full object-cover max-w-[100%]" }, [createVNode("source", { src: e4.media, type: "video/mp4" }, null, 8, ["src"]), createTextVNode(" Your browser does not support the video tag. ")], 8, ["poster"])) : (openBlock(), createBlock("img", { key: 0, src: e4.media, class: "w-full select-none h-full object-cover max-w-[100%]" }, null, 8, ["src"]))]), _: 2 }, 1024))), 128))];
    l3("<!--[-->"), ssrRenderList(p2.images, (e4) => {
      l3(ssrRenderComponent(y2, { class: "!w-full !h-full max-w-[100%] cursor-pointer", key: e4.id }, { default: withCtx((l4, t3, s4, a2) => {
        if (!t3) return [e4.media.includes("mp4") ? (openBlock(), createBlock("video", { key: 1, controls: "", poster: p2.images[0].media, class: "w-full select-none h-full object-cover max-w-[100%]" }, [createVNode("source", { src: e4.media, type: "video/mp4" }, null, 8, ["src"]), createTextVNode(" Your browser does not support the video tag. ")], 8, ["poster"])) : (openBlock(), createBlock("img", { key: 0, src: e4.media, class: "w-full select-none h-full object-cover max-w-[100%]" }, null, 8, ["src"]))];
        e4.media.includes("mp4") ? t3(`<video controls${ssrRenderAttr("poster", p2.images[0].media)} class="w-full select-none h-full object-cover max-w-[100%]"${a2}><source${ssrRenderAttr("src", e4.media)} type="video/mp4"${a2}> Your browser does not support the video tag. </video>`) : t3(`<img${ssrRenderAttr("src", e4.media)} class="w-full select-none h-full object-cover max-w-[100%]"${a2}>`);
      }), _: 2 }, t2, s3));
    }), l3("<!--]-->");
  }), _: 1 }, s2)), l2("</div></div>");
}]]), X = (e2) => {
  const l2 = $a(), t2 = Ma(), a2 = ref(null), i2 = ref(null), o2 = ref(false), n2 = ref(false), r2 = 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), []) : [];
  }), d2 = 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), []) : [];
  }), c2 = 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;
  }), m2 = () => {
    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, o3, n3;
      const r3 = t2.query.color, d3 = t2.query.size;
      if (r3 && (null == (l4 = e2.value) ? undefined : l4.details)) {
        const l5 = null == (s2 = e2.value.details.find((e3) => e3.color.id == r3)) ? undefined : s2.color;
        a2.value = l5 || null;
      }
      if (d3 && (null == (o3 = e2.value) ? undefined : o3.details)) {
        const l5 = null == (n3 = e2.value.details.find((e3) => e3.size.id == d3)) ? undefined : n3.size;
        i2.value = l5 || null;
      }
    })();
  }, { immediate: true }), { selectedColor: a2, selectedSize: i2, colorIsOpen: o2, sizeIsOpen: n2, availableColors: r2, availableSizes: d2, selectedDetail: c2, 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, m2();
  }, 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, m2();
  }, toggleColorDropdown: (e3) => {
    e3.stopPropagation(), o2.value = !o2.value, o2.value && (n2.value = false);
  }, toggleSizeDropdown: (e3) => {
    e3.stopPropagation(), n2.value = !n2.value, n2.value && (o2.value = false);
  } };
}, ee = { __name: "ProductDetails", __ssrInlineRender: true, props: { data: { type: Object, required: true } }, setup(e2) {
  const l2 = e2, { locale: p2 } = Qs(), k2 = z;
  Qt().$axios, ref(null);
  const S2 = computed(() => l2.data), { selectedColor: _2, selectedSize: A2, colorIsOpen: L2, sizeIsOpen: j2, availableColors: V2, availableSizes: B2, selectedDetail: R2, selectColor: J2, selectSize: K2, toggleColorDropdown: N2, toggleSizeDropdown: Z2 } = X(S2), H2 = ref(false), ee2 = ref(false), le2 = ref(false), te2 = ref(false), se2 = ref(false), ae2 = ref(false), ie2 = ref(false), oe2 = ref(false), ne2 = ref(""), re = ref(""), de = (e3) => {
    var t2, s2, a2, i2, o2, n2;
    const r2 = encodeURIComponent((undefined).location.href), d2 = encodeURIComponent(null == (t2 = l2.data) ? undefined : t2.title), c2 = encodeURIComponent(null == (s2 = l2.data) ? undefined : s2.short_desc);
    if ("linkedin" === e3) (undefined).open(`https://www.linkedin.com/shareArticle?mini=true&url=${r2}&title=${d2}&summary=${c2}&source=Al-Arkan`, "_blank");
    else if ("facebook" === e3) (undefined).open(`https://www.facebook.com/sharer/sharer.php?u=${r2}`, "_blank");
    else if ("twitter" === e3) {
      const e4 = `${d2} - ${c2}`;
      (undefined).open(`https://twitter.com/intent/tweet?text=${e4}&url=${r2}`, "_blank");
    } else if ("whatsapp" === e3) {
      const e4 = `${null == (a2 = l2.data) ? undefined : a2.title} - ${null == (i2 = l2.data) ? undefined : i2.short_desc}
    ${(undefined).location.href}`;
      (undefined).open(`https://wa.me/?text=${encodeURIComponent(e4)}`, "_blank");
    } else if ("snapchat" === e3) {
      const e4 = `${null == (o2 = l2.data) ? undefined : o2.title} - ${null == (n2 = l2.data) ? undefined : n2.short_desc} - ${(undefined).location.href}`;
      (undefined).open(`https://www.snapchat.com/share?text=${encodeURIComponent(e4)}`, "_blank");
    } else if ("telegram" === e3) {
      const e4 = `${d2} - ${c2}`;
      (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, u2, S3) => {
    var _a, _b, _c;
    var _3, C2, I2, A3, D2, Q2, J3, K3, N3, Z3, X2, ue, pe, me, ve, xe, be, fe, ge$1, we, he$1, $e, ye, Ee, Te, ke, Se, _e, Ce, Ie, Ae, Le, ze, je, Fe, Pe, De, Ve, Be, Re, qe, Ye, Me, Ue, Oe, Ge, Qe;
    const Je = W, Ke = g, Ne = $, Ze = o, He = a, We = p, Xe = 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-10"><div class="lg:col-span-7" data-aos="fade-right">`), s2(ssrRenderComponent(Je, { images: [e2.data.main_image, ...null == (_3 = unref(R2)) ? undefined : _3.images, ...null == (C2 = unref(R2)) ? undefined : C2.videos] }, null, u2)), s2(`<div class="mt-8"><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 data-aos="fade-up" 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" data-aos="fade-left"><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 == (D2 = unref(R2)) ? undefined : D2.discount_offer) ? (null == (Q2 = unref(R2)) ? undefined : Q2.price) - (null == (J3 = unref(R2)) ? undefined : J3.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 == (X2 = null == (Z3 = unref(R2)) ? undefined : Z3.coupons) ? undefined : X2.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 == (ve = null == (me = unref(R2)) ? undefined : me.coupons[0]) ? undefined : ve.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">'), (null == (we = unref(R2)) ? undefined : we.discount_offer) ? s2(`<div class="text-[#7C7E80] line-through font-medium text-2xl"><span class="font-bold">${ssrInterpolate(null == (he$1 = unref(R2)) ? undefined : he$1.price)}</span> ${ssrInterpolate(l3.$t("TITLES.egp"))}</div>`) : s2("<!---->"), s2(`<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 == ($e = unref(R2)) ? undefined : $e.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 == (ye = e2.data) ? undefined : ye.short_desc)}</p><div class="px-5 py-2.5 mb-6 flex items-center gap-2 text-lg bg-[#FCE9E9]"><span class="font-medium text-[#DC6E07]">LoGo</span><span>${ssrInterpolate(l3.$t("TITLES.save"))} <span class="text-[#DC6E07]">90 ${ssrInterpolate(l3.$t("TITLES.egp"))}</span> ${ssrInterpolate(l3.$t("TITLES.saveWithJoin"))}</span></div><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 == (Ee = e2.data.brand) ? undefined : Ee.title)}</span><img${ssrRenderAttr("src", null == (ke = null == (Te = e2.data.brand) ? undefined : Te.image) ? undefined : ke.media)}${ssrRenderAttr("alt", null == (Se = e2.data.brand) ? undefined : Se.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 == (Ce = null == (_e = unref(R2)) ? undefined : _e.color) ? undefined : Ce.title) || l3.$t("TITLES.selectColor"))} `), s2(ssrRenderComponent(Ke, { name: "chevron-down", class: "scale-[1.2]" }, null, u2)), 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(V2), (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(Ke, { name: "check" }, null, u2)) : s2("<!---->"), s2("</button></li>");
    }), s2("<!--]--></ul></div>")) : s2("<!---->"), s2('</div></div><div class="flex gap-2"><!--[-->'), ssrRenderList(unref(V2), (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 == (Ae = null == (Ie = unref(R2)) ? undefined : Ie.size) ? undefined : Ae.title) || l3.$t("TITLES.selectSize"))}</span>`), s2(ssrRenderComponent(Ke, { name: "chevron-down", class: "scale-[1.2] flex-shrink-0" }, null, u2)), s2("</button>"), unref(j2) ? (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(B2), (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(Ke, { name: "check" }, null, u2)) : 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(Ke, { name: "chevron-right", class: "scale-[0.8] [&_path]:fill-primary" }, null, u2)), s2("</button>")) : s2("<!---->"), s2('</div><div class="flex gap-2"><!--[-->'), ssrRenderList(unref(B2), (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(Ke, { name: "fill-heart", class: "text-2xl transition-all duration-300" }, null, u2)) : s2(ssrRenderComponent(Ke, { name: "heart", class: "text-2xl transition-all duration-300 [&_path]:fill-primary group-hover:[&_path]:!fill-white" }, null, u2)), 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(Ke, { name: "share", class: "text-2xl transition-all duration-300 [&_path]:fill-primary group-hover:[&_path]:!fill-white" }, null, u2)), s2(`</button><button class="base-btn flex-1 !font-medium"${ssrIncludeBooleanAttr(!e2.data.details || !e2.data.details.length || !(null == (Le = unref(R2)) ? undefined : Le.in_stock) || unref(ee2)) ? " disabled" : ""}>`), s2(ssrRenderComponent(Ke, { name: "cart" }, null, u2)), s2(` ${ssrInterpolate(l3.$t("TITLES.addToCart"))}</button></div></div>`), (null == (je = null == (ze = unref(R2)) ? undefined : ze.coupons) ? undefined : je.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(Ke, { name: "coupon", class: "flex-shrink-0" }, null, u2)), s2(`<span class="font-medium">${ssrInterpolate(l3.$t("TITLES.bestDeal"))}</span></div>`), "percentage" === (null == (Pe = null == (Fe = unref(R2)) ? undefined : Fe.coupons[0]) ? undefined : Pe.discount_type) ? s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (Ve = null == (De = unref(R2)) ? undefined : De.coupons[0]) ? undefined : Ve.discount)}% ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`) : s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (Re = null == (Be = unref(R2)) ? undefined : Be.coupons[0]) ? undefined : Re.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 == (qe = unref(R2).coupons) ? undefined : qe.length)} ${ssrInterpolate(l3.$t("TITLES.vouchers"))}</span>`), s2(ssrRenderComponent(Ke, { class: ["ar" === unref(p2) ? "rotate-180" : "rotate-0", "scale-[0.8] [&_path]:fill-primary"], name: "chevron-right" }, null, u2)), 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(Ke, { name: "copy" }, null, u2)), s2(`<span class="font-medium text-lg">${ssrInterpolate(null == (Ye = unref(R2).coupons[0]) ? undefined : Ye.code)}</span></button><span class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.validTill"))}: <span class="font-normal">${ssrInterpolate(null == (Me = unref(R2).coupons[0]) ? undefined : Me.end_at)}</span></span></div></div>`)) : s2("<!---->"), s2(`<div class="${ssrRenderClass({ "border-t-2 border-[#DEE0EA] pt-6": null == (Oe = null == (Ue = unref(R2)) ? undefined : Ue.coupons) ? undefined : Oe.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(Ke, { name: "truck", class: "flex-shrink-0" }, null, u2)), 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(Ke, { name: "return-policy", class: "flex-shrink-0" }, null, u2)), s2(`<h5 class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.returnPolicy"))}</h5><button class="${ssrRenderClass(["ar" === unref(p2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), s2(ssrRenderComponent(Ke, { name: "chevron-right", class: "[&_path]:fill-primary" }, null, u2)), s2('</button></div><div class="flex cursor-pointer items-center gap-2 flex-wrap">'), s2(ssrRenderComponent(Ke, { name: "description", class: "flex-shrink-0" }, null, u2)), s2(`<h5 class="font-medium text-lg">${ssrInterpolate(l3.$t("TITLES.description"))}</h5><button class="${ssrRenderClass(["ar" === unref(p2) ? "rotate-180" : "", "flex-shrink-0 ms-auto inline-block"])}">`), s2(ssrRenderComponent(Ke, { class: ["ar" === unref(p2) ? "rotate-180" : "", "[&_path]:fill-primary"], name: "chevron-right" }, null, u2)), s2("</button></div></div>"), (null == (Qe = null == (Ge = e2.data) ? undefined : Ge.complete_outfit) ? undefined : Qe.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, r2) => {
      var u3, p3;
      if (!t2) return [(openBlock(true), createBlock(Fragment, null, renderList(null == (p3 = e2.data) ? undefined : p3.complete_outfit, (e3, l5) => (openBlock(), createBlock(unref(ge), { key: l5 }, { default: withCtx(() => [createVNode(Ne, { product: e3 }, null, 8, ["product"])]), _: 2 }, 1024))), 128))];
      t2("<!--[-->"), ssrRenderList(null == (u3 = e2.data) ? undefined : u3.complete_outfit, (e3, l5) => {
        t2(ssrRenderComponent(unref(ge), { key: l5 }, { default: withCtx((l6, t3, s4, a2) => {
          if (!t3) return [createVNode(Ne, { product: e3 }, null, 8, ["product"])];
          t3(ssrRenderComponent(Ne, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, r2));
      }), t2("<!--]-->");
    }), _: 1 }, u2)), s2("</div>")) : s2("<!---->"), s2("</div></div>"), ssrRenderTeleport(s2, (e3) => {
      unref(ae2) ? e3(ssrRenderComponent(Ze, { onClose: (e4) => ae2.value = false }, { default: withCtx((e4, l4, t2, s3) => {
        if (!l4) return [createVNode("img", { src: unref(re), "data-aos": "zoom-in", "data-aos-duration": "800", alt: "review image", class: "max-w-[100%] object-cover" }, null, 8, ["src"])];
        l4(`<img${ssrRenderAttr("src", unref(re))} data-aos="zoom-in" data-aos-duration="800" alt="review image" class="max-w-[100%] object-cover"${s3}>`);
      }), _: 1 }, u2)) : e3("<!---->");
    }, "body", false, u2), ssrRenderTeleport(s2, (t2) => {
      unref(se2) ? t2(ssrRenderComponent(Ze, { onClose: (e3) => se2.value = false }, { default: withCtx((t3, s3, a2, i2) => {
        var _a2;
        if (!s3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white w-[1000px] max-w-[100%] 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(Ke, { 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-[100%] lg:p-14 p-6" data-aos="zoom-in" data-aos-duration="800"${i2}><div class="relative"${i2}><h4 class="text-3xl text-center mb-8 font-bold"${i2}>${ssrInterpolate(l3.$t("TITLES.description"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${i2}>`), s3(ssrRenderComponent(Ke, { name: "big-close" }, null, a2, i2)), s3(`</button></div><div${i2}>${(_a2 = e2.data.long_desc) != null ? _a2 : ""}</div></div>`);
      }), _: 1 }, u2)) : t2("<!---->");
    }, "body", false, u2), ssrRenderTeleport(s2, (e3) => {
      unref(te2) ? e3(ssrRenderComponent(Ze, { 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-[100%]", "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(Ke, { 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-[100%]" 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(Ke, { 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 }, u2)) : e3("<!---->");
    }, "body", false, u2), ssrRenderTeleport(s2, (e3) => {
      unref(le2) ? e3(ssrRenderComponent(Ze, { onClose: (e4) => le2.value = false }, { default: withCtx((e4, t2, s3, a2) => {
        var u3, p3;
        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-[100%]", "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(Ke, { name: "big-close" })], 8, ["onClick"])]), (null == (p3 = unref(R2).coupons) ? undefined : p3.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, d2, c2, u4, p4;
          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(Ke, { 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 == (c2 = null == (d2 = unref(R2)) ? undefined : d2.coupons[0]) ? undefined : c2.discount) + "% " + toDisplayString(l3.$t("TITLES.off")), 1)) : (openBlock(), createBlock("span", { key: 1, class: "font-medium text-lg" }, toDisplayString(null == (p4 = null == (u4 = unref(R2)) ? undefined : u4.coupons[0]) ? undefined : p4.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(Ke, { 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(He, { 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-[100%]" 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(Ke, { name: "big-close" }, null, s3, a2)), t2("</button></div>"), (null == (u3 = unref(R2).coupons) ? undefined : u3.length) ? (t2(`<div class="flex flex-col gap-8"${a2}><!--[-->`), ssrRenderList(unref(R2).coupons, (e5, i2) => {
          var o2, n2, r2, d2, c2, u4;
          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(Ke, { name: "coupon", class: "flex-shrink-0" }, null, s3, a2)), t2(`<span class="font-medium"${a2}>${ssrInterpolate(l3.$t("TITLES.bestDeal"))}</span></div>`), "percentage" === (null == (n2 = null == (o2 = unref(R2)) ? undefined : o2.coupons[0]) ? undefined : n2.discount_type) ? t2(`<span class="font-medium text-lg"${a2}>${ssrInterpolate(null == (d2 = null == (r2 = unref(R2)) ? undefined : r2.coupons[0]) ? undefined : d2.discount)}% ${ssrInterpolate(l3.$t("TITLES.off"))}</span>`) : t2(`<span class="font-medium text-lg"${a2}>${ssrInterpolate(null == (u4 = null == (c2 = unref(R2)) ? undefined : c2.coupons[0]) ? undefined : u4.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(Ke, { 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(He, { class: "!min-h-[300px]" }, null, s3, a2)), t2("</div>")), t2("</div>");
      }), _: 1 }, u2)) : e3("<!---->");
    }, "body", false, u2), ssrRenderTeleport(s2, (t2) => {
      unref(ie2) ? t2(ssrRenderComponent(Ze, { onClose: (e3) => ie2.value = false }, { default: withCtx((t3, s3, a2, i2) => {
        var o2, r2;
        if (!s3) return [createVNode("div", { onClick: withModifiers(() => {
        }, ["stop"]), class: "bg-white p-5 min-w-[614px] max-w-full 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(Ke, { name: "big-close" })], 8, ["onClick"])]), createVNode("div", { class: "p-5 bg-[#F6F6F6]" }, [createVNode("img", { src: null == (r2 = e2.data.size_guide_image) ? undefined : r2.media, alt: "size-gide", class: "object-contain select-none max-w-[100%] max-h-[100%]" }, null, 8, ["src"])])], 8, ["onClick"])];
        s3(`<div class="bg-white p-5 min-w-[614px] max-w-full md:p-10" data-aos="zoom-in" data-aos-duration="800"${i2}><div class="relative"${i2}><h4 class="text-3xl text-center font-bold mb-10"${i2}>${ssrInterpolate(l3.$t("TITLES.sizeGuide"))}</h4><button class="absolute top-1/2 -translate-y-1/2 end-0"${i2}>`), s3(ssrRenderComponent(Ke, { name: "big-close" }, null, a2, i2)), s3(`</button></div><div class="p-5 bg-[#F6F6F6]"${i2}><img${ssrRenderAttr("src", null == (o2 = e2.data.size_guide_image) ? undefined : o2.media)} alt="size-gide" class="object-contain select-none max-w-[100%] max-h-[100%]"${i2}></div></div>`);
      }), _: 1 }, u2)) : t2("<!---->");
    }, "body", false, u2), unref(oe2) ? s2(ssrRenderComponent(We, { title: l3.$t("TITLES.share_product"), onClose: (e3) => oe2.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(ne2)), 1), createVNode("button", { class: "text-primary", onClick: (e4) => ce(unref(ne2)) }, [createVNode(Xe, { name: "copy" })], 8, ["onClick"])]), createVNode("div", { class: "flex items-center justify-center gap-4 flex-wrap" }, [createVNode("button", { type: "button", onClick: (e4) => de("facebook") }, [createVNode(Xe, { name: "facebook" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => de("twitter") }, [createVNode(Xe, { name: "x" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => de("linkedin"), class: "scale-[1.15]" }, [createVNode(Xe, { name: "linkedin" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => de("whatsapp") }, [createVNode(Xe, { name: "whatsapp-2" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => de("snapchat"), class: "scale-[1.25]" }, [createVNode(Xe, { name: "snapchat" })], 8, ["onClick"]), createVNode("button", { type: "button", onClick: (e4) => de("telegram") }, [createVNode(Xe, { 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(ne2))}</p><button class="text-primary"${s3}>`), l4(ssrRenderComponent(Xe, { 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(Xe, { name: "facebook" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(Xe, { name: "x" }, null, t2, s3)), l4(`</button><button type="button" class="scale-[1.15]"${s3}>`), l4(ssrRenderComponent(Xe, { name: "linkedin" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(Xe, { name: "whatsapp-2" }, null, t2, s3)), l4(`</button><button type="button" class="scale-[1.25]"${s3}>`), l4(ssrRenderComponent(Xe, { name: "snapchat" }, null, t2, s3)), l4(`</button><button type="button"${s3}>`), l4(ssrRenderComponent(Xe, { name: "telegram" }, null, t2, s3)), l4("</button></div>");
    }), _: 1 }, u2)) : s2("<!---->"), s2("</div>")) : s2("<!---->");
  };
} }, le = ee.setup;
ee.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/ProductDetails.vue"), le ? le(e2, t2) : undefined;
};
const te = { __name: "Recommended", __ssrInlineRender: true, props: { data: Array, required: true }, setup(e2) {
  const { locale: l2 } = Qs();
  return (s2, r2, u2, p2) => {
    var v2;
    const g2 = $, h2 = An, y2 = g, E2 = a;
    r2(`<section${ssrRenderAttrs(mergeProps({ class: "bg-[#FAFCFF] my-6 lg:my-14 py-6 lg:py-14" }, p2))}><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 == (v2 = e2.data) ? undefined : v2.length) ? (r2("<div>"), r2(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, r3) => {
      if (!t2) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(g2, { 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(g2, { product: e3 }, null, 8, ["product"])];
          t3(ssrRenderComponent(g2, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, r3));
      }), t2("<!--]-->");
    }), _: 1 }, u2)), r2('<div class="mt-10 flex items-center justify-center">'), r2(ssrRenderComponent(h2, { to: s2.localePath("/categories") }, { default: withCtx((e3, t2, a2, i2) => {
      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"${i2}><span class="text-xl font-medium"${i2}>${ssrInterpolate(s2.$t("TITLES.viewAll"))}</span>`), t2(ssrRenderComponent(y2, { class: ["ar" === unref(l2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, a2, i2)), t2("</button>");
    }), _: 1 }, u2)), r2("</div></div>")) : (r2("<div>"), r2(ssrRenderComponent(E2, { class: "!min-h-[35vh]" }, null, u2)), r2("</div>")), r2("</div></section>");
  };
} }, se = te.setup;
te.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/Recommended.vue"), se ? se(e2, t2) : undefined;
};
const ae = { __name: "MayLike", __ssrInlineRender: true, props: { data: Array, required: true }, setup(e2) {
  const { locale: l2 } = Qs();
  return (t2, s2, r2, u2) => {
    var p2;
    const v2 = $, g2 = An, h2 = g, y2 = a;
    (null == (p2 = e2.data) ? undefined : p2.length) ? (s2(`<div${ssrRenderAttrs(u2)}>`), 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" }, { default: withCtx((l3, t3, s3, r3) => {
      if (!t3) return [(openBlock(true), createBlock(Fragment, null, renderList(e2.data, (e3) => (openBlock(), createBlock(unref(ge), { key: e3.id }, { default: withCtx(() => [createVNode(v2, { 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(v2, { product: e3 }, null, 8, ["product"])];
          t4(ssrRenderComponent(v2, { product: e3 }, null, s4, a2));
        }), _: 2 }, s3, r3));
      }), t3("<!--]-->");
    }), _: 1 }, r2)), s2('<div class="mt-10 flex items-center justify-center">'), s2(ssrRenderComponent(g2, { to: t2.localePath("/categories") }, { default: withCtx((e3, s3, a2, i2) => {
      if (!s3) 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(t2.$t("TITLES.viewAll")), 1), createVNode(h2, { class: ["ar" === unref(l2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, 8, ["class"])])];
      s3(`<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"${i2}><span class="text-xl font-medium"${i2}>${ssrInterpolate(t2.$t("TITLES.viewAll"))}</span>`), s3(ssrRenderComponent(h2, { class: ["ar" === unref(l2) ? "rotate-180" : "", "scale-75"], name: "arrow-right" }, null, a2, i2)), s3("</button>");
    }), _: 1 }, r2)), s2("</div></div>")) : (s2(`<div${ssrRenderAttrs(u2)}>`), s2(ssrRenderComponent(y2, { class: "!min-h-[35vh]" }, null, r2)), s2("</div>"));
  };
} }, ie = ae.setup;
ae.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("components/Shared/MayLike.vue"), ie ? ie(e2, t2) : undefined;
};
const oe = { __name: "[slug]", __ssrInlineRender: true, setup(e2) {
  const l2 = Qt().$axios, s2 = Ma(), { locale: i2, t: o2 } = Qs(), { data: r2, status: d2 } = wn("products", () => l2.get(`web_product/${s2.params.slug}`).then((e3) => e3.data.data).catch((e3) => e3.response)), c2 = computed(() => {
    var e3;
    return [{ name: o2("NAV.home"), to: "/" }, { name: null == (e3 = r2.value) ? undefined : e3.title, to: `/product/${s2.params.slug}`, disabled: true }];
  });
  return (e3, l3, s3, o3) => {
    var u2, p2, v2, x2;
    const g2 = N, w2 = An, h2 = g, y2 = d$1, E2 = ee, T2 = te, k2 = ae;
    "pending" === unref(d2) ? (l3(`<div${ssrRenderAttrs(mergeProps({ class: "container my-10" }, o3))}>`), l3(ssrRenderComponent(g2, null, null, s3)), l3("</div>")) : "success" === unref(d2) ? (l3(`<div${ssrRenderAttrs(mergeProps({ class: "container my-10" }, o3))}><div data-aos="fade-right" 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(h2, { name: "arrow-left", class: ["ar" === unref(i2) ? "rotate-180" : "", "[&_path]:fill-primary scale-[.60]"] }, null, 8, ["class"])];
      l4(ssrRenderComponent(h2, { name: "arrow-left", class: ["ar" === unref(i2) ? "rotate-180" : "", "[&_path]:fill-primary scale-[.60]"] }, null, t2, s4));
    }), _: 1 }, s3)), l3(ssrRenderComponent(y2, { items: unref(c2) }, null, s3)), l3("</div>"), l3(ssrRenderComponent(E2, { data: unref(r2) }, null, s3)), (null == (u2 = unref(r2)) ? undefined : u2.recommended) ? l3(ssrRenderComponent(T2, { data: null == (p2 = unref(r2)) ? undefined : p2.recommended }, null, s3)) : l3("<!---->"), l3(`<div class="my-6 lg:my-14 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 == (v2 = unref(r2)) ? undefined : v2.also_may_like) ? l3(ssrRenderComponent(k2, { data: null == (x2 = unref(r2)) ? 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(h2, { name: "arrow-up", class: "scale-75" }, null, s3)), l3("</button></div></div>")) : l3("<!---->");
  };
} }, ne = oe.setup;
oe.setup = (e2, t2) => {
  const s2 = useSSRContext();
  return (s2.modules || (s2.modules = /* @__PURE__ */ new Set())).add("pages/product/[slug].vue"), ne ? ne(e2, t2) : undefined;
};

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