3b:T9af,var C=Object.create,s=Object.defineProperty,b=Object.getOwnPropertyDescriptor,F=Object.getOwnPropertyNames,k=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,v=(e,n)=>{for(var r in n)s(e,r,{get:n[r],enumerable:!0})},g=(e,n,r,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of F(n))!w.call(e,o)&&o!==r&&s(e,o,{get:()=>n[o],enumerable:!(a=b(n,o))||a.enumerable});return e},P=(e,n,r)=>(r=e!=null?C(k(e)):{},g(n||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),T=e=>g(s({},"__esModule",{value:!0}),e),L={};v(L,{default:()=>y}),module.exports=T(L);var i=require("@packman/sdk"),m=P(require("react")),S=require("@emotion/react/jsx-runtime");function d(e,n){if(typeof e=="number")return`calc(${e}px * var(${n}, 1))`;if(typeof e!="string")return;const r=e.trim();if(r)return["inherit","initial","unset","revert"].includes(r)?r:`calc((${r}) * var(${n}, 1))`}const c=Symbol.for("packman:product-context");function R(){const e=globalThis;return e[c]||(e[c]=m.default.createContext(null)),e[c]}function A(){return m.default.useContext(R())}function y({settings:e}){const n=A(),r=(0,i.useViewport)(),{language:a}=(0,i.useLanguage)(),o=(0,i.useTheme)(),x=(a??"en").toLowerCase()==="ar";if(!n)return null;const t=e?.typography,l=e?.spacing,f=r==="mobile"?e?.mobile:r==="tablet"?e?.tablet:null,u=f?.fontSize||t?.fontSize,p=f?.lineHeight||t?.lineHeight,h={...t?.color?{color:t.color}:o?.colors?.textColor?{color:o.colors.textColor}:{},...d(u,"--template-headline-scale")?{fontSize:d(u,"--template-headline-scale")}:{},...t?.fontWeight?{fontWeight:t.fontWeight}:{},...t?.fontStyle&&t.fontStyle!=="normal"?{fontStyle:t.fontStyle}:{},...t?.letterSpacing?{letterSpacing:t.letterSpacing}:{},...x?{fontFamily:'Tajawal, "Noto Sans Arabic", sans-serif'}:typeof t?.fontFamily=="string"?{fontFamily:t.fontFamily}:typeof o?.headingFontFamily=="string"?{fontFamily:o.headingFontFamily}:typeof o?.fontFamily=="string"?{fontFamily:o.fontFamily}:{},...p?{lineHeight:p}:{},...t?.textAlign?{textAlign:t.textAlign}:{},...t?.textTransform?{textTransform:t.textTransform}:{},...t?.maxLines?{WebkitLineClamp:t.maxLines,display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden"}:{},...l?.padding?{padding:(0,i.spacingToCss)(l.padding)}:{},...l?.margin?{margin:(0,i.spacingToCss)(l.margin)}:{},margin:0};return(0,S.jsx)("h3",{className:["product-name",typeof e?.css?.className=="string"?e.css.className.trim():""].filter(Boolean).join(" "),style:h,children:n.productName})} 3c:Tc1e,var O=Object.create,m=Object.defineProperty,q=Object.getOwnPropertyDescriptor,B=Object.getOwnPropertyNames,K=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,X=(e,r)=>{for(var o in r)m(e,o,{get:r[o],enumerable:!0})},N=(e,r,o,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of B(r))!V.call(e,n)&&n!==o&&m(e,n,{get:()=>r[n],enumerable:!(l=q(r,n))||l.enumerable});return e},Y=(e,r,o)=>(o=e!=null?O(K(e)):{},N(r||!e||!e.__esModule?m(o,"default",{value:e,enumerable:!0}):o,e)),G=e=>N(m({},"__esModule",{value:!0}),e),Q={};X(Q,{default:()=>z}),module.exports=G(Q);var c=require("@packman/sdk"),b=Y(require("react")),t=require("@emotion/react/jsx-runtime");const g=Symbol.for("packman:product-context");function H(){const e=globalThis;return e[g]||(e[g]=b.default.createContext(null)),e[g]}function J(){return b.default.useContext(H())}function u(e){if(typeof e=="string")return e.trim().toUpperCase()||void 0;if(!e||typeof e!="object")return;const r=e,o=r.code??r.currencyCode??r.value;return typeof o=="string"&&o.trim().toUpperCase()||void 0}const M=({icon:e,code:r,mode:o})=>o==="code"?(0,t.jsx)(t.Fragment,{children:r??""}):typeof e=="function"?(0,t.jsx)(e,{}):(0,t.jsx)(t.Fragment,{children:e||r||""});function z({settings:e}){const r=J(),o=(0,c.useViewport)(),{language:l}=(0,c.useLanguage)(),n=(0,c.useCurrency)(),f=(0,c.useTheme)(),w=(l??"en").toLowerCase()==="ar";if(!r)return null;const i=e?.typography,p=e?.oldPrice,T=e?.display,d=e?.spacing,A=o==="mobile"?e?.mobile:o==="tablet"?e?.tablet:null,D=n?.currencies&&typeof n.currencies=="object"?n.currencies:{},y=u(n?.currency)??u(n?.currentCurrency)??u(n?.defaultCurrency)??u(n?.storeCurrency),x=Object.entries(D),v=(y?x.find(([a,s])=>a.toUpperCase()===y||u(s)===y):void 0)??x[0],h=v?.[1],k=h?.icon,U=u(h)??u(v?.[0])??y??"",C=n?.convertCurrency,W=a=>{if(typeof C!="function")return a;const s=C(a);return typeof s=="number"&&Number.isFinite(s)?s:a},j=T?.currencyDisplay??"symbol",F=A?.fontSize||i?.fontSize,P={...i?.color?{color:i.color}:f?.colors?.textColor?{color:f.colors.textColor}:{},...F?{fontSize:F}:{},...i?.fontWeight?{fontWeight:i.fontWeight}:{},...w?{fontFamily:'Tajawal, "Noto Sans Arabic", sans-serif'}:typeof i?.fontFamily=="string"?{fontFamily:i.fontFamily}:typeof f?.fontFamily=="string"?{fontFamily:f.fontFamily}:{},...i?.textAlign?{textAlign:i.textAlign}:{}},L={...P,textDecoration:"line-through",opacity:.45,...p?.color?{color:p.color}:{},...p?.fontSize?{fontSize:p.fontSize}:{}},E={...d?.padding?{padding:(0,c.spacingToCss)(d.padding)}:{},...d?.margin?{margin:(0,c.spacingToCss)(d.margin)}:{}},I=r.currentPrice,S=r.wasPrice,R=r.hasDiscount,_=a=>(0,t.jsxs)(t.Fragment,{children:[j!=="none"&&(0,t.jsx)(M,{icon:k,code:U,mode:j==="code"?"code":"symbol"}),j!=="none"&&" ",W(a).toFixed(2)]});return(0,t.jsxs)("div",{className:["product-price",typeof e?.css?.className=="string"?e.css.className.trim():""].filter(Boolean).join(" "),style:E,children:[(0,t.jsx)("span",{className:"product-price__current",style:P,children:_(I)}),R&&S!=null&&(0,t.jsx)("span",{className:"product-price__old",style:L,children:_(S)})]})} 3d:T3ec0,var K=Object.create,N=Object.defineProperty,z=Object.getOwnPropertyDescriptor,G=Object.getOwnPropertyNames,J=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty,Y=(r,e)=>{for(var t in e)N(r,t,{get:e[t],enumerable:!0})},I=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!V.call(r,o)&&o!==t&&N(r,o,{get:()=>e[o],enumerable:!(a=z(e,o))||a.enumerable});return r},X=(r,e,t)=>(t=r!=null?K(J(r)):{},I(e||!r||!r.__esModule?N(t,"default",{value:r,enumerable:!0}):t,r)),Q=r=>I(N({},"__esModule",{value:!0}),r),_t={};Y(_t,{default:()=>F}),module.exports=Q(_t);var O=require("@packman/sdk"),C=X(require("react")),M=require("@emotion/react/jsx-runtime");const W=".legacy-body";function Z(r){const e=[];let t=0,a="",o=0;for(let n=0;nn.trim()).filter(Boolean)}const tt=/^(?:html|body)(?![\w-])((?:[.#][\w-]+|\[[^\]]*\]|::?[\w-]+(?:$[^)]*$)?)*)\s*/;function et(r){let e=r.replace(/:root\b/g,W),t="",a=!1,o;for(;o=tt.exec(e);)t+=o[1]||"",e=e.slice(o[0].length),a=!0;if(!a)return e;const n=W+t;return e?`${n} ${e}`:n}function q(r,e){for(const t of Array.from(r)){if(t.constructor.name==="CSSFontFaceRule"){e.push(t.cssText);continue}const a=t;if(typeof a.selectorText=="string"){const n=Z(a.selectorText).map(et).join(", ");if(n&&n!==a.selectorText)try{a.selectorText=n}catch{}}const o=t.cssRules;o&&o.length&&q(o,e)}}const nt=['[data-pcn="NavigationAnnouncementWrapper"]','[data-pcn="NavigationWrapper"]','[data-pcn="NavigationMobileShade"]','[data-pcn="NavigationMobileContainer"]',"#mobile-navigation-portal",".hdr-drawer","header"].join(", "),ot=['[data-pcn="FooterWrapper"]','[data-custom-name="Footer"]','[data-custom-name*="footer" i]',"footer"].join(", "),rt=['[data-pcn="Products"]','[data-pcn="ProductsItems"]','[data-pcn="ProductsWrapper"]','[data-pcn="CarouselWrapper"]:has([data-pcn="CardImageWrapper"])','[data-pcn="Grid"]:has([data-pcn="CardImageWrapper"])'].join(", "),at=` [data-pcn="CartWrapper"], [data-pcn="CartShade"] { display: none !important; }`,st=` [data-pcn="ConsentContainer"], [data-pcn="ConsentWrapper"], [data-pcn="ConsentButtonsWrapper"], [data-pcn="ConsentShade"], [role="dialog"], [aria-modal="true"] { display: none !important; }`,it=` #mobile-navigation-portal, [data-pcn="NavigationMobileShade"], [data-pcn="NavigationMobileContainer"], [data-pcn="NavigationMobileWrapper"], [data-pcn="NavigationMobileIcon"], .hdr-drawer { display: none !important; visibility: hidden !important; pointer-events: none !important; }`,lt=` [data-pcn="Slider"], [data-pcn="CarouselWrapper"], [data-pcn="LegacySliderWrapper"] { overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } /* The old JS moved these tracks and drew no bar; a native one parked under the merchant's cards is our plumbing showing. The rails still scroll \u2014 by drag, wheel, keyboard and the controls. */ .legacy-body ::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .legacy-body, .legacy-body * { scrollbar-width: none !important; -ms-overflow-style: none !important; } [data-pcn="Slider"] > *, [data-pcn="CarouselTrack"] > *, [data-pcn="LegacySliderTrack"] > * { scroll-snap-align: start; } [data-pcn="Slider"] [data-pcn="Slider"] { overflow-x: visible !important; } [data-pcn="LegacySliderContainer"] { overflow-x: visible !important; }`,ct=` slot[name^="products-"] { min-width: 0; } slot[name^="products-"]::slotted(*) { max-width: 100%; min-width: 0; width: 100%; flex: 1 1 auto; }`,dt=` [data-pcn="Frame"]:has(> [data-pcn="Products"] > slot[name^="products-"]) { display: flex !important; } [data-pcn="Products"]:has(> slot[name^="products-"]) { display: block !important; }`;function ut(r){const e=Array.from(r);return e.filter(t=>!e.some(a=>a!==t&&a.contains(t)))}const D='[data-pcn="CardImageWrapper"], [data-pcn="CardPriceWrapper"]',pt=/\/(?:[a-z]{2}(?:-[a-z]{2})?\/)?(?:shop|product|products|item)\/[^/?#]+/i;function ft(r,e){const t=Array.from(r.children),a=t.filter(i=>i.matches(D)||i.querySelector(D)||[i,...Array.from(i.querySelectorAll("a[href]"))].some(s=>s.tagName==="A"&&pt.test(s.getAttribute("href")||""))),o=new Set(a.map(i=>`${i.tagName}|${i.getAttribute("class")||""}`)),n=a.length?t.filter(i=>o.has(`${i.tagName}|${i.getAttribute("class")||""}`)):a;if(!n.length||n.length===t.length){r.replaceChildren(e);return}r.insertBefore(e,n[0]),n.forEach(i=>i.remove())}function ht(r,e){const t=e.clientWidth;t&&r.querySelectorAll('slot[name^="products-"]').forEach(a=>{let o=a.parentElement;for(;o&&o.getBoundingClientRect().width>t*1.05;)o.style.maxWidth="100%",o.style.width="100%",o=o.parentElement})}function gt(r){r.querySelectorAll('[data-pcn="StoreLayout"]').forEach(e=>{const t=e;parseFloat(getComputedStyle(t).minHeight)>0&&(t.style.minHeight="0")})}function mt(r){r.querySelectorAll("*").forEach(e=>{const t=e;if(t.classList.contains("legacy-rail-controls"))return;const a=getComputedStyle(t);parseFloat(a.opacity)!==0||!a.transitionProperty.includes("opacity")||a.position==="fixed"||a.position==="absolute"||t.getBoundingClientRect().height&&(t.style.opacity="1")})}function yt(r){r.querySelectorAll("*").forEach(e=>{if(!(parseFloat(getComputedStyle(e).zIndex)<0))return;let t=e.parentElement;for(;t;){const o=getComputedStyle(t);if(o.backgroundColor!=="rgba(0, 0, 0, 0)"||o.backgroundImage!=="none")break;t=t.parentElement}const a=t||r.querySelector(".legacy-body");a&&getComputedStyle(a).isolation!=="isolate"&&(a.style.isolation="isolate")})}const St=` .legacy-rail-controls { position: absolute; pointer-events: none; z-index: 20; opacity: 0; transition: opacity 0.18s ease; } .legacy-rail-controls[data-show="1"] { opacity: 1; } .legacy-rail-controls:not([data-show="1"]) button { pointer-events: none; } .legacy-rail-controls button { pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: #111; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18); cursor: pointer; font: 600 18px/1 system-ui, sans-serif; opacity: 0.85; transition: opacity 0.15s ease; } .legacy-rail-controls button:hover { opacity: 1; } .legacy-rail-controls button[hidden] { display: none; } .legacy-rail-controls .legacy-rail-prev { inset-inline-start: 8px; } .legacy-rail-controls .legacy-rail-next { inset-inline-end: 8px; } .legacy-rail-dots { pointer-events: auto; position: absolute; inset-inline: 0; bottom: 10px; display: flex; justify-content: center; gap: 6px; } .legacy-rail-dots button { position: static; transform: none; width: 8px; height: 8px; padding: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.55); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); opacity: 1; } .legacy-rail-dots button[aria-current="true"] { background: #fff; width: 18px; border-radius: 4px; } @media (max-width: 540px) { .legacy-rail-controls button { width: 32px; height: 32px; font-size: 15px; } }`,bt='[data-pcn="Slider"], [data-pcn="CarouselWrapper"], [data-pcn="LegacySliderWrapper"]',wt=5e3,Et=9e3,vt=1400,Lt=120;function $(r){const e=r.querySelector('[data-pcn="CarouselTrack"], [data-pcn="LegacySliderTrack"], [data-pcn="SliderTrack"]');if(e&&e.children.length>1)return e;const t=r.firstElementChild;return r.children.length===1&&t&&t.children.length>1?t:r}function Ct(r){for(const e of[r,$(r)])/translate|matrix/i.test(e.style.transform||"")&&(e.style.transform="none")}function At(r,e){const t=e&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,a=[],o=Array.from(r.querySelectorAll(bt));return o.forEach(Ct),o.forEach(n=>{if(o.some(l=>l!==n&&n.contains(l)))return;let i=n.parentElement;for(;i&&getComputedStyle(i).overflowX!=="visible";)i=i.parentElement;if(!i)return;const s=Array.from($(n).children).filter(l=>l.getBoundingClientRect().width>1);if(s.length<2)return;const m=()=>{let l=0,w=1/0;return s.forEach((S,U)=>{const H=Math.abs(S.offsetLeft-n.offsetLeft-n.scrollLeft);Hn.clientWidth*.8,u=t&&h;let b=0,c=0;const p=()=>{window.clearTimeout(c),window.clearInterval(b),b=0},y=()=>{u&&!b&&(b=window.setInterval(()=>{const l=m();L(l>=s.length-1?0:l+1,!1)},wt))};function A(){p(),u&&(c=window.setTimeout(y,Et))}function L(l,w){const S=s[Math.max(0,Math.min(s.length-1,l))];S&&(n.scrollTo({left:S.offsetLeft-n.offsetLeft,behavior:"smooth"}),w&&A())}const P=["pointerenter","focusin","pointerdown","wheel","touchstart"];if(P.forEach(l=>n.addEventListener(l,A,{passive:!0})),n.addEventListener("pointerleave",y),y(),n.getBoundingClientRect().height{p(),n.removeEventListener("pointerleave",y),P.forEach(l=>n.removeEventListener(l,A))});return}const f=document.createElement("div");f.className="legacy-rail-controls";const x=document.createElement("button"),d=document.createElement("button");x.className="legacy-rail-prev",d.className="legacy-rail-next",x.type="button",d.type="button",x.setAttribute("aria-label","Previous"),d.setAttribute("aria-label","Next"),x.textContent="\u2039",d.textContent="\u203A",f.append(x,d);let g=null;h&&(g=document.createElement("div"),g.className="legacy-rail-dots",s.forEach((l,w)=>{const S=document.createElement("button");S.type="button",S.setAttribute("aria-label",`Slide ${w+1}`),S.addEventListener("click",()=>L(w,!0)),g.append(S)}),f.append(g)),getComputedStyle(i).position==="static"&&(i.style.position="relative"),i.append(f);const k=()=>{const l=n.getBoundingClientRect(),w=i.getBoundingClientRect();f.style.left=`${l.left-w.left+i.scrollLeft}px`,f.style.top=`${l.top-w.top+i.scrollTop}px`,f.style.width=`${l.width}px`,f.style.height=`${l.height}px`;const S=n.scrollWidth-n.clientWidth;f.hidden=S<=Math.max(24,n.clientWidth*.15)},v=()=>{const l=m();g&&Array.from(g.children).forEach((w,S)=>w.setAttribute("aria-current",String(S===l))),x.hidden=n.scrollLeft<=4,d.hidden=n.scrollLeft>=n.scrollWidth-n.clientWidth-4};x.addEventListener("click",()=>L(m()-1,!0)),d.addEventListener("click",()=>L(m()+1,!0));let T=0;const E=()=>{window.clearTimeout(T),f.dataset.show="1"},R=()=>{window.clearTimeout(T),T=window.setTimeout(()=>{delete f.dataset.show},vt)};i.addEventListener("pointerenter",E),i.addEventListener("pointerleave",R),i.addEventListener("focusin",E),i.addEventListener("focusout",R),n.addEventListener("scroll",()=>{v(),E(),R()},{passive:!0});const j=new ResizeObserver(()=>{k(),v()});j.observe(n),j.observe(i),k(),v();const _=[400,1500].map(l=>window.setTimeout(()=>{k(),v()},l));a.push(()=>{p(),window.clearTimeout(T),_.forEach(l=>window.clearTimeout(l)),j.disconnect(),f.remove()})}),()=>a.forEach(n=>n())}function xt(r){r.querySelectorAll("video").forEach(e=>{if(!e.autoplay)return;e.muted=!0,e.defaultMuted=!0,e.playsInline=!0;const t=()=>e.play().catch(()=>{});e.readyState>=2?t():e.addEventListener("loadeddata",t,{once:!0})})}const Tt=/^\/(?!\/)/,Rt="[data-legacy-link]";function B(r){const e=r.getAttribute("href")||r.getAttribute("data-legacy-link")||"";return!Tt.test(e)||(r.getAttribute("target")||"").toLowerCase()==="_blank"||r.hasAttribute("download")?"":e}function Mt(r){const e=new Set;return r.querySelectorAll(`a[href], ${Rt}`).forEach(t=>{const a=B(t);a&&(t.dataset.legacyHref=a,e.add(a))}),Array.from(e)}function kt(r,e){r.querySelectorAll("a[data-legacy-href]").forEach(t=>{const a=t,o=e.get(a.dataset.legacyHref||""),n=o?.getAttribute("href")||o?.href||"";n&&a.getAttribute("href")!==n&&a.setAttribute("href",n)})}function Ht(r,e){const t=decodeURIComponent(e.slice(1));if(!t)return;let a=null;try{a=r.getElementById?.(t)||r.querySelector(`[name="${CSS.escape(t)}"]`)}catch{a=null}a?.scrollIntoView({behavior:"smooth",block:"start"})}function Nt(r,e,t){const a=o=>{if(o.defaultPrevented||o.button!==0||o.metaKey||o.ctrlKey||o.shiftKey||o.altKey)return;const n=o.composedPath().find(u=>u instanceof Element&&(u instanceof HTMLAnchorElement&&u.hasAttribute("href")||u.hasAttribute("data-legacy-link")));if(!n||n.getRootNode()!==r)return;const i=n.dataset.legacyLang;if(i){o.preventDefault();const{language:u,setLanguage:b,toggle:c}=t.current;if(String(u||"").toLowerCase()===i)return;b?b(i):c?.();return}const s=n.getAttribute("href")||n.getAttribute("data-legacy-link")||"";if(s.startsWith("#")){o.preventDefault(),Ht(r,s);return}const m=n.dataset.legacyHref||B(n);if(!m)return;o.preventDefault();const h=e.get(m);h?h.click():window.location.assign(m)};return r.addEventListener("click",a),()=>r.removeEventListener("click",a)}function Ot(r,e,t){const a=new DOMParser().parseFromString(e,"text/html"),o=r.shadowRoot||r.attachShadow({mode:"open"});o.replaceChildren(),document.querySelectorAll(`style[data-legacy-fonts="${CSS.escape(t.key)}"]`).forEach(c=>c.remove()),t.stripHeader&&a.body.querySelectorAll(nt).forEach(c=>c.remove()),t.stripFooter&&a.body.querySelectorAll(ot).forEach(c=>c.remove());let n=0;try{ut(a.body.querySelectorAll(t.productsSelector)).forEach((c,p)=>{if(p>=t.productSlots)return;n+=1;const y=a.createElement("slot");y.setAttribute("name",`products-${p}`),ft(c,y)})}catch{}const i=[],s=[],m=new CSSStyleSheet;m.replaceSync(`${W}{all:initial;display:block}`),s.push(m);for(const c of Array.from(a.querySelectorAll("style"))){const p=new CSSStyleSheet;try{p.replaceSync(c.textContent||"")}catch{continue}q(p.cssRules,i),s.push(p)}const h=[at,st];if(t.hideDrawer&&!t.stripHeader&&h.push(it),t.fixSliders&&h.push(lt,St),n&&h.push(ct),n&&t.showProductsOnMobile&&h.push(dt),h.length){const c=new CSSStyleSheet;c.replaceSync(h.join(` `)),s.push(c)}if(i.length){const c=document.createElement("style");c.dataset.legacyFonts=t.key,c.textContent=i.join(` `),document.head.append(c)}o.adoptedStyleSheets=s;const u=document.createElement("div");u.className="legacy-body";for(const c of[a.documentElement,a.body])if(c){c.classList.forEach(p=>u.classList.add(p));for(const p of["dir","lang"]){const y=c.getAttribute(p);y&&u.setAttribute(p,y)}}const b=a.body.getAttribute("style");return b&&u.setAttribute("style",b),u.innerHTML=a.body.innerHTML,o.append(u),ht(o,r),gt(o),yt(o),mt(o),xt(o),t.fixSliders?At(o,!0):()=>{}}function Pt(r){let e=5381;for(let t=0;t>>0;return`legacy-${e.toString(36)}-${r.length}`}function Wt(r,e){const t=r?.[e];return Array.isArray(t)?t:t?[t]:[]}function F({settings:r,blocks:e}){const t=r?.content||{},a=(0,O.useLanguage)(),{language:o}=a,n=String(t.altLanguage||"").toLowerCase(),i=String(t.altSrc||""),s=i&&n&&String(o||"").toLowerCase()===n?i:String(t.src||""),m=String(t.minHeight||"60vh"),h=Wt(e,"products"),u=s?Pt(s):"",b={key:u,stripHeader:t.stripHeader!==!1,stripFooter:t.stripFooter===!0,hideDrawer:t.hideDrawer!==!1,fixSliders:t.fixSliders!==!1,productsSelector:String(t.productsSelector||rt),productSlots:h.length,showProductsOnMobile:t.showProductsOnMobile===!0},c=JSON.stringify(b),p=C.default.useRef(null),y=C.default.useRef(new Map),[A,L]=C.default.useState([]),[P,f]=C.default.useState("loading"),x=C.default.useRef({});return x.current=a,C.default.useEffect(()=>{const d=p.current;if(!d||!s||typeof window>"u")return;let g=!1,k=null;return f("loading"),fetch(s).then(v=>v.ok?v.text():Promise.reject(new Error(String(v.status)))).then(v=>{if(g)return;const T=Ot(d,v,b),E=d.shadowRoot,R=E?Nt(E,y.current,x):null;E&&L(Mt(E)),k=()=>{R?.(),T()},f("ready")}).catch(()=>{g||f("error")}),()=>{g=!0,k?.(),document.querySelectorAll(`style[data-legacy-fonts="${CSS.escape(u)}"]`).forEach(v=>v.remove())}},[s,c]),C.default.useEffect(()=>{const d=p.current?.shadowRoot;d&&A.length&&kt(d,y.current)},[A]),s?(0,M.jsxs)("div",{ref:p,className:"legacy-page","data-legacy-page":P,style:P==="ready"?void 0:{minHeight:m},children:[h.map((d,g)=>(0,M.jsx)("div",{slot:`products-${g}`,className:"legacy-page__slot",children:(0,M.jsx)(d,{})},g)),A.map(d=>(0,M.jsx)(O.Link,{href:d,"aria-hidden":"true",tabIndex:-1,ref:g=>{y.current.set(d,g)}},d))]}):null}

Silver Smoke

diamonds blend

Deer Eyes

WHITENING CREAM

Brownish Green

Green River

Mocka Mystery