[{"_1":2,"_218":-5,"_219":-5},"loaderData",{"_3":4,"_30":31,"_208":209},"root",{"_5":6,"_12":13,"_14":15,"_16":17,"_18":-5,"_19":20,"_21":22,"_23":13,"_24":-5,"_25":26,"_27":-7,"_28":-7,"_29":-5},"locale",{"_7":8,"_5":9,"_10":11},"language","en","en-GB","timeZone","Europe/Paris","explicitLocaleChoice",false,"englishCatalogue","/assets/catalogue-en-def935a3776d.js","metaAcquisitionPixelId","1294392036145924","journey","ga4MeasurementId","G-FLZDRZJ6ZC","clarityProjectId","","clarityUs","analyticsDefault","tiktokAcquisitionPixelId","DB87T93C77UCMNE27D6G","adPixels","pxUser","visitorReplay","storefront-root",{"_32":22,"_33":34,"_37":38,"_39":40,"_64":65,"_66":-5,"_67":68,"_89":90,"_91":13,"_92":93,"_175":176,"_197":198,"_207":-5},"base","pageLocale",{"_7":8,"_5":35,"_10":36},"en-US","America/New_York","storefrontFavicon","/favicon.svg","store",{"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":13,"_54":13,"_55":13,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63},"id","cmw58h9nw0038mj0ff536iqd7","publicSlug","gemlery-80607c","name","GEMLERY","currency","USD","publicationMode","showcase","openingPreview",true,"commercialComingSoon","reopeningSignupAvailable","checkoutEnabled","shippingDelay","3–5 business days","processingTime","1 to 2 business days","deliveryEstimatePolicy","vacationEndsAt","returnsWindowDays",30,"nativeTheme","aris-v1","badge","collections",[69,74,77,80,83,86],{"_70":71,"_72":73},"slug","all","title","All products",{"_70":75,"_72":76},"new-in","New in",{"_70":78,"_72":79},"necklaces","Necklaces",{"_70":81,"_72":82},"jewellery","Jewellery",{"_70":84,"_72":85},"bracelets","Bracelets",{"_70":87,"_72":88},"the-collection","The collection","cartCount",0,"demoMode","theme",{"_94":95,"_99":100,"_101":13,"_102":103,"_108":109,"_110":111,"_112":113,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_145":146,"_147":148,"_149":-5,"_150":151,"_152":153},"mood",[96,97,98],"luminous","crafted","quiet","seed",1,"isDark","radius",{"_104":105,"_106":107},"card","4px","button","999px","shadow","none","density","airy","palette",{"_114":115,"_116":117,"_118":119,"_120":115,"_121":122,"_123":124,"_125":126,"_127":124,"_128":129},"text","#221e1a","accent","#a88449","border","#d9cfc2","primary","surface","#fbf8f3","onPrimary","#f3eee7","textMuted","#776d62","background","surfaceAlt","#e9e1d6","rationale","Le cabinet de lumière : plâtre chaud, pierre, encre et un fil d’or ; titres en Cormorant Garamond, texte en Manrope ; cadres en arche, pièces numérotées comme des objets d’exposition, loupe sur les photos.","bodyFamily","Manrope","styleLabel","Aris","fontSystemId","aris-cormorant-manrope","layoutMotifs",[140,141,142,143,144],"Arched cover with the label of the piece worn","Numbered pieces on shelves","Families in arches","Workshop and commitments in Roman numerals","Magnifier on product photographs","visualFamily","editorial_asymmetric","headingFamily","Cormorant Garamond","googleFontsHref","directionSignature","aris-v1:cabinet","systemSurfaceRecipes",{"_154":155,"_162":163,"_164":165,"_167":168,"_169":170,"_171":172,"_173":174},"cart",{"_156":157,"_158":159,"_110":111,"_160":161},"panel","outlined","layout","split","headerAlign","left","checkout",{"_156":157,"_158":159,"_110":111,"_160":161},"account",{"_156":157,"_158":166,"_110":111,"_160":161},"editorial","wishlist",{"_156":157,"_158":166,"_110":111,"_160":161},"order_status",{"_156":157,"_158":166,"_110":111,"_160":161},"help",{"_156":157,"_158":166,"_110":111,"_160":161},"returns",{"_156":157,"_158":159,"_110":111,"_160":161},"chrome",{"_177":178,"_179":180,"_181":182,"_183":184,"_191":192,"_193":194,"_7":8,"_195":196},"headerHtml","

","footerHtml","","css","@media(max-width:760px){[data-safe-storefront-root] header [data-store-action=\"account-open\"],\n [data-safe-storefront-root] header [data-store-action=\"wishlist-open\"]{display:none!important;}}","stylesheets",[185,186,187,188,189,190],"/storefront-templates/aris-v1/style.css","/storefront-templates/aris-v1/pdp.css","/storefront-templates/aris-v1/checkout.css","/storefront-templates/aris-v1/native.css","/storefront-templates/aris-v1/editorial.css","/storefront-templates/aris-v1/cabinet/cabinet.css","runtime","(() => {\n if (window.__publicGeneratedStorefrontLoaded) return;\n window.__publicGeneratedStorefrontLoaded = true;\n (() => {\n if (window.__studioMotionRuntimeLoaded) return;\n window.__studioMotionRuntimeLoaded = true;\n const root = document.querySelector(\"[data-safe-storefront-root]\");\n if (!root) return;\n const reducedMotionQuery = window.matchMedia\n ? window.matchMedia(\"(prefers-reduced-motion: reduce)\")\n : null;\n const compactStoryQuery = window.matchMedia\n ? window.matchMedia(\"(max-width: 760px)\")\n : null;\n const reducedMotion = reducedMotionQuery?.matches === true;\n const compactStory = compactStoryQuery?.matches === true;\n const revealSelector = \".rv,.reveal,[data-reveal]\";\n const revealTargets = Array.from(root.querySelectorAll(revealSelector));\n const revealAll = () => {\n root.removeAttribute(\"data-studio-motion-ready\");\n revealTargets.forEach((target) => {\n target.classList.add(\"is-studio-revealed\");\n target.style.removeProperty(\"transition-delay\");\n });\n };\n const isAtomicStoryVisual = (candidate) => {\n if (candidate.matches(\"img,video\")) return true;\n return (\n candidate.matches(\"figure,picture\") &&\n candidate.querySelectorAll(\"img,video\").length === 1\n );\n };\n const directStoryVisuals = (container) =>\n Array.from(container.children).filter(isAtomicStoryVisual);\n const isBoundedStoryFrame = (candidate) => {\n if (\n isAtomicStoryVisual(candidate) ||\n directStoryVisuals(candidate).length === 1\n ) return true;\n if (!candidate.matches(\"[data-sol-story-phase][data-sol-story-stage]\")) {\n return false;\n }\n return (\n candidate.querySelectorAll(\"img,video\").length === 1 &&\n candidate.querySelectorAll(\"[data-sol-story-copy]\").length === 1\n );\n };\n const resolveStoryMedia = (scope) => {\n const motions = Array.from(scope.querySelectorAll(\"[data-sol-story-motion]\"));\n const boundedMotions = motions.filter(isBoundedStoryFrame);\n if (boundedMotions.length === 3) return boundedMotions;\n if (motions.length === 1) {\n const stackedVisuals = directStoryVisuals(motions[0]);\n if (stackedVisuals.length === 3) return stackedVisuals;\n }\n const phaseVisuals = Array.from(\n scope.querySelectorAll(\"[data-sol-story-phase]\"),\n ).filter(isBoundedStoryFrame);\n return phaseVisuals.length === 3 ? phaseVisuals : boundedMotions;\n };\n const hasCompleteStoryFinalMedia = (finalStage) => {\n if (!finalStage) return false;\n if (\n isAtomicStoryVisual(finalStage) ||\n directStoryVisuals(finalStage).length > 0\n ) return true;\n const nestedStage = finalStage.querySelector(\"[data-sol-story-stage]\");\n return Boolean(nestedStage && nestedStage.querySelector(\"img,video\"));\n };\n const makeStoryStatic = (story) => {\n story.removeAttribute(\"data-studio-story-ready\");\n story.removeAttribute(\"data-studio-story-active-index\");\n story.setAttribute(\"data-studio-story-static\", \"\");\n const primaryStage = Array.from(story.querySelectorAll(\"[data-sol-story-stage]\"))\n .find((stage) => !stage.closest(\"[data-sol-story-final]\"));\n if (primaryStage) primaryStage.setAttribute(\"data-studio-story-primary-stage\", \"\");\n const finalStage = story.querySelector(\"[data-sol-story-final]\");\n const standaloneFinal = Boolean(\n finalStage && (!primaryStage || !primaryStage.contains(finalStage)),\n );\n const finalReplacesPrimaryStage = Boolean(\n standaloneFinal && hasCompleteStoryFinalMedia(finalStage),\n );\n story.toggleAttribute(\"data-studio-story-has-final\", standaloneFinal);\n story.toggleAttribute(\n \"data-studio-story-final-replaces-media\",\n finalReplacesPrimaryStage,\n );\n story.toggleAttribute(\n \"data-studio-story-has-nested-final\",\n Boolean(finalStage && !standaloneFinal),\n );\n if (finalStage) {\n finalStage.toggleAttribute(\"data-studio-story-final-fallback\", standaloneFinal);\n }\n const staticMedia = resolveStoryMedia(primaryStage || story);\n const staticMediaParent = staticMedia[0]?.parentElement;\n if (\n staticMediaParent &&\n staticMedia.every((frame) => frame.parentElement === staticMediaParent)\n ) {\n staticMediaParent.setAttribute(\"data-studio-story-media-stack\", \"\");\n }\n if (primaryStage) {\n primaryStage.querySelectorAll(\"[data-sol-story-phase]\").forEach((phase) => {\n phase.setAttribute(\"data-studio-story-static-phase\", \"\");\n });\n }\n story.querySelectorAll(\n \"[data-sol-story-motion],[data-sol-story-phase],[data-sol-story-copy]\",\n ).forEach((target) => {\n target.classList.remove(\"is-studio-story-active\");\n target.removeAttribute(\"aria-hidden\");\n });\n story.querySelectorAll(\"[data-studio-story-progress]\").forEach((progress) => {\n progress.style.removeProperty(\"--studio-story-progress\");\n });\n };\n const storyControllers = [];\n Array.from(root.querySelectorAll(\"[data-sol-scroll-story]\"))\n .slice(0, 4)\n .forEach((story) => {\n if (compactStory || reducedMotion) {\n makeStoryStatic(story);\n return;\n }\n const pin = Array.from(story.querySelectorAll(\"[data-sol-story-pin]\"))\n .find((candidate) => !candidate.closest(\"[data-sol-story-final]\"));\n const stages = Array.from(story.querySelectorAll(\"[data-sol-story-stage]\"))\n .filter((candidate) => !candidate.closest(\"[data-sol-story-final]\"));\n const stage = stages.find(\n (candidate) =>\n !candidate.matches(\"[data-sol-story-phase]\") &&\n candidate.querySelectorAll(\"[data-sol-story-phase]\").length === 3,\n ) || stages[0];\n const phases = stage\n ? Array.from(stage.querySelectorAll(\"[data-sol-story-phase]\"))\n : [];\n const copies = pin\n ? Array.from(pin.querySelectorAll(\"[data-sol-story-copy]\")).filter(\n (copy) => !copy.querySelector(\"[data-sol-story-copy]\"),\n )\n : [];\n const media = stage ? resolveStoryMedia(stage) : [];\n const independentCopies = copies.filter(\n (copy) => !phases.some((phase) => phase.contains(copy)),\n );\n if (\n !pin ||\n !stage ||\n phases.length !== 3 ||\n media.length !== 3 ||\n (independentCopies.length !== 0 && independentCopies.length !== 3)\n ) {\n makeStoryStatic(story);\n return;\n }\n story.removeAttribute(\"data-studio-story-static\");\n story.removeAttribute(\"data-studio-story-final-replaces-media\");\n story.setAttribute(\"data-studio-story-ready\", \"\");\n stage.setAttribute(\"data-studio-story-primary-stage\", \"\");\n pin.setAttribute(\"data-studio-story-active-pin\", \"\");\n const finalStage = story.querySelector(\"[data-sol-story-final]\");\n const standaloneFinal = Boolean(\n finalStage && !stage.contains(finalStage),\n );\n story.toggleAttribute(\"data-studio-story-has-final\", standaloneFinal);\n story.toggleAttribute(\n \"data-studio-story-has-nested-final\",\n Boolean(finalStage && !standaloneFinal),\n );\n if (finalStage) {\n finalStage.toggleAttribute(\"data-studio-story-final-fallback\", standaloneFinal);\n }\n media.forEach((frame) => frame.setAttribute(\"data-studio-story-frame\", \"\"));\n const mediaParent = media[0]?.parentElement;\n if (mediaParent && media.every((frame) => frame.parentElement === mediaParent)) {\n mediaParent.setAttribute(\"data-studio-story-media-stack\", \"\");\n }\n const panels = independentCopies.length === 3\n ? independentCopies\n : phases;\n panels.forEach((panel) => panel.setAttribute(\"data-studio-story-panel\", \"\"));\n const panelParent = panels[0]?.parentElement;\n if (panelParent && panels.every((panel) => panel.parentElement === panelParent)) {\n panelParent.setAttribute(\"data-studio-story-panel-stack\", \"\");\n }\n const progress =\n pin.querySelector(\".story-progress .bar-fill\") ||\n pin.querySelector(\".progress-track .progress-fill\") ||\n stage.querySelector(\".progress .fill\") ||\n stage.querySelector(\".progress [data-sol-story-motion]\") ||\n stage.querySelector(\"[data-sol-story-motion='progress'],[data-sol-story-motion='fill']\");\n if (progress) progress.setAttribute(\"data-studio-story-progress\", \"\");\n let activeIndex = -1;\n const update = () => {\n const rect = story.getBoundingClientRect();\n const travel = Math.max(1, story.offsetHeight - window.innerHeight);\n const ratio = Math.min(1, Math.max(0, -rect.top / travel));\n const nextIndex = Math.min(2, Math.floor(ratio * 3));\n if (nextIndex !== activeIndex) {\n activeIndex = nextIndex;\n const activeTargets = new Set([\n media[nextIndex],\n phases[nextIndex],\n independentCopies[nextIndex],\n ].filter(Boolean));\n [...new Set([...media, ...panels])].forEach((target) => {\n const active = activeTargets.has(target);\n target.classList.toggle(\"is-studio-story-active\", active);\n if (active) target.removeAttribute(\"aria-hidden\");\n else target.setAttribute(\"aria-hidden\", \"true\");\n });\n story.setAttribute(\"data-studio-story-active-index\", String(nextIndex + 1));\n if (finalStage && !standaloneFinal) {\n const finalActive = nextIndex === 2;\n finalStage.classList.toggle(\"is-studio-story-final-active\", finalActive);\n if (finalActive) finalStage.removeAttribute(\"aria-hidden\");\n else finalStage.setAttribute(\"aria-hidden\", \"true\");\n }\n }\n if (progress) {\n progress.style.setProperty(\n \"--studio-story-progress\",\n String(Math.round(ratio * 1_000) / 1_000),\n );\n }\n };\n storyControllers.push(update);\n });\n const neutralizeInertScrollTracks = () => {\n const viewportHeight = Math.max(window.innerHeight || 0, 600);\n const candidates = Array.from(root.querySelectorAll(\"section,article,div\")).slice(0, 400);\n candidates.forEach((track) => {\n if (\n track.matches(\"[data-sol-scroll-story]\") ||\n track.closest(\"[data-sol-scroll-story]\") ||\n track.querySelector(\"[data-sol-scroll-story]\")\n ) return;\n const identity = [\n track.id,\n track.getAttribute(\"class\"),\n track.getAttribute(\"aria-label\"),\n ].filter(Boolean).join(\" \").toLowerCase();\n if (!/(?:scroll|scrolly|sticky|pin(?:ned)?|track|convergence|story)/.test(identity)) return;\n const box = track.getBoundingClientRect();\n if (box.height < Math.max(1_200, viewportHeight * 1.6)) return;\n const stickyChildren = Array.from(track.querySelectorAll(\"section,article,div,figure\"))\n .slice(0, 100)\n .filter((child) => getComputedStyle(child).position === \"sticky\");\n if (stickyChildren.length === 0) return;\n track.setAttribute(\"data-studio-static-scroll-track\", \"\");\n stickyChildren.forEach((child) =>\n child.setAttribute(\"data-studio-static-sticky\", \"\"),\n );\n });\n };\n neutralizeInertScrollTracks();\n if (storyControllers.length > 0) {\n let storyFrame = 0;\n const updateStories = () => {\n storyFrame = 0;\n storyControllers.forEach((update) => update());\n };\n const scheduleStoryUpdate = () => {\n if (storyFrame) return;\n storyFrame = window.requestAnimationFrame(updateStories);\n };\n window.addEventListener(\"scroll\", scheduleStoryUpdate, { passive: true });\n window.addEventListener(\"resize\", scheduleStoryUpdate, { passive: true });\n updateStories();\n }\n if (reducedMotion || revealTargets.length === 0 || !(\"IntersectionObserver\" in window)) {\n revealAll();\n return;\n }\n root.setAttribute(\"data-studio-motion-ready\", \"\");\n revealTargets.forEach((target) => {\n const explicitDelay = Number.parseInt(target.getAttribute(\"data-reveal-delay\") || \"\", 10);\n const classDelay = /(?:^|\\s)rv--d([0-6])(?:\\s|$)/.exec(target.className || \"\");\n const delay = Number.isFinite(explicitDelay)\n ? Math.min(800, Math.max(0, explicitDelay))\n : Number(classDelay?.[1] || 0) * 90;\n target.style.setProperty(\"transition-delay\", delay + \"ms\");\n });\n try {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (!entry.isIntersecting) return;\n entry.target.classList.add(\"is-studio-revealed\");\n observer.unobserve(entry.target);\n });\n }, { rootMargin: \"0px\", threshold: 0.08 });\n revealTargets.forEach((target) => observer.observe(target));\n } catch (_motionError) {\n revealAll();\n }\n})();\n\n (() => {\n const root = document.querySelector('[data-storefront-translations]');\n if (!root || window.__storefrontTranslationLoaded) return;\n let entries;\n try { entries = JSON.parse(root.getAttribute('data-storefront-translations')); } catch { return; }\n if (!Array.isArray(entries) || entries.length > 2000 || entries.some(e => !Array.isArray(e) || e.length !== 2 || e.some(v => typeof v !== 'string'))) return;\n window.__storefrontTranslationLoaded = true;\n // tsx/esbuild's keepNames transform can reference this helper inside the\n // serialized function. Function names have no effect on translation.\n const __name = value => value;\n const apply = function applyStorefrontTranslations(root2, entries2) {\n const dictionary = new Map(entries2);\n const normalize2 = (text2) => text2.replace(/\\s+/gu, \" \").trim();\n const templates = entries2.filter(([source2]) => /\\{(?:count|product|\\d+)\\}/u.test(source2)).map(([source2, text2]) => {\n const names2 = [];\n const pattern = source2.split(/(\\{(?:count|product|\\d+)\\})/gu).map((part2) => {\n if (/^\\{(?:count|product|\\d+)\\}$/u.test(part2)) {\n names2.push(part2);\n return part2 === \"{count}\" ? \"([0-9]+)\" : \"(.+?)\";\n }\n return part2.replace(/[.*+?^${}()|[\\]\\\\]/gu, \"\\\\$&\");\n }).join(\"\");\n return { pattern: new RegExp(`^${pattern}$`, \"u\"), names: names2, text: text2 };\n });\n const attributes = [\n \"aria-label\",\n \"aria-description\",\n \"placeholder\",\n \"title\",\n \"alt\"\n ];\n const blocked2 = \"script,style,code,pre,svg,[translate='no'],[data-storefront-no-translate]\";\n const phrases = \"h1,h2,h3,h4,h5,h6,p,a,button,label,legend,summary,option,dt,dd,figcaption,title\";\n let changed2 = 0;\n const replace2 = (text2) => {\n const source2 = normalize2(text2);\n let translated = dictionary.get(source2);\n if (translated === void 0 && source2.includes(\" — \")) {\n const parts2 = source2.split(\" — \");\n const localized = parts2.map((part2) => dictionary.get(part2) ?? part2);\n if (localized.some((part2, index) => part2 !== parts2[index]))\n translated = localized.join(\" — \");\n }\n if (translated === void 0) {\n for (const template of templates) {\n const match = template.pattern.exec(source2);\n if (!match) continue;\n translated = template.text.replace(\n /\\{(?:count|product|\\d+)\\}/gu,\n (name2) => match[template.names.indexOf(name2) + 1]\n );\n break;\n }\n }\n if (translated === void 0 || translated === source2) return null;\n return text2.slice(0, text2.length - text2.trimStart().length) + translated + text2.slice(text2.trimEnd().length);\n };\n const visit = (node) => {\n if (node.nodeType === 3) {\n const translated = replace2(node.textContent ?? \"\");\n if (translated !== null) {\n node.textContent = translated;\n changed2 += 1;\n }\n return;\n }\n if (node.nodeType === 1) {\n const element = node;\n if (element.matches(blocked2)) return;\n for (const name2 of attributes) {\n const value = element.getAttribute(name2);\n const translated = value === null ? null : replace2(value);\n if (translated !== null) {\n element.setAttribute(name2, translated);\n changed2 += 1;\n }\n }\n if (element.matches(phrases) && !element.querySelector(\n `${blocked2},input,select,button,a,[data-store-action],[data-commerce-price],[data-commerce-cart-count]`\n )) {\n const translated = replace2(element.textContent ?? \"\");\n if (translated !== null) {\n const texts2 = [];\n const gather = (child) => {\n var _a2;\n if (child.nodeType === 3 && ((_a2 = child.textContent) == null ? void 0 : _a2.trim()))\n texts2.push(child);\n else if (child.nodeType !== 3)\n Array.from(child.childNodes).forEach(gather);\n };\n Array.from(element.childNodes).forEach(gather);\n if (texts2.length) {\n texts2[0].textContent = translated;\n texts2.slice(1).forEach((text2) => {\n text2.textContent = \"\";\n });\n changed2 += 1;\n element.querySelectorAll(\"[aria-label],[title],[alt]\").forEach((child) => {\n for (const name2 of attributes) {\n const value = child.getAttribute(name2);\n const next2 = value === null ? null : replace2(value);\n if (next2 !== null) child.setAttribute(name2, next2);\n }\n });\n return;\n }\n }\n }\n }\n Array.from(node.childNodes).forEach(visit);\n };\n visit(root2);\n return changed2;\n};\n let scheduled = false;\n const observer = new MutationObserver(() => {\n if (scheduled) return;\n scheduled = true;\n queueMicrotask(flush);\n });\n const flush = () => {\n scheduled = false;\n observer.disconnect();\n apply(document, entries);\n observer.observe(document.documentElement, { subtree:true, childList:true, characterData:true, attributes:true, attributeFilter:['aria-label','aria-description','placeholder','title','alt'] });\n };\n queueMicrotask(flush);\n })();\n const config = {\"apiBase\":\"/api/storefront/gemlery-80607c\",\"base\":\"\",\"surface\":\"home\",\"productSlug\":null,\"collectionSlug\":null};\n // The store's language, as its document declares it: an English store never\n // reads « Retirer » or « Passer au paiement » (07/10).\n const say = (fr, en) => (/^en(?:-|$)/i.test(document.documentElement.lang || \"\") ? en : fr);\n \n const personalizationWordsByLanguage = {\"fr\":{\"label\":\"Personnalisation\",\"required\":\"obligatoire\",\"optional\":\"facultatif\",\"placeholder\":\"Prénom, initiales ou texte, exactement comme il doit apparaître\",\"missing\":\"Indiquez la personnalisation avant l’ajout au panier.\",\"onProductPage\":\"Choisissez la personnalisation sur la fiche du produit.\",\"line\":\"Personnalisation\"},\"en\":{\"label\":\"Personalization\",\"required\":\"required\",\"optional\":\"optional\",\"placeholder\":\"Name, initials or text, exactly as it should appear\",\"missing\":\"Enter the personalization before adding to cart.\",\"onProductPage\":\"Choose the personalization on the product page.\",\"line\":\"Personalization\"}};\n const personalizationWords = () =>\n /^fr(?:-|$)/i.test(document.documentElement.lang || \"\")\n ? personalizationWordsByLanguage.fr\n : personalizationWordsByLanguage.en;\n const updatePersonalizationCount = (input) => {\n const count = input?.closest(\"[data-store-personalization]\")?.querySelector(\"[data-store-personalization-count]\");\n if (count) count.textContent = String(input.value.length) + \"/\" + String(input.maxLength > 0 ? input.maxLength : \"\");\n };\n document.addEventListener(\"input\", (event) => {\n const input = event.target;\n if (input instanceof Element && input.matches(\"[data-store-personalization-input]\")) {\n updatePersonalizationCount(input);\n input.removeAttribute(\"aria-invalid\");\n }\n });\n const ensurePersonalizationField = (scope, product) => {\n const rule = product && product.personalization;\n if (!rule || !scope || scope.querySelector(\"[data-store-personalization]\")) return;\n const words = personalizationWords();\n const id = \"store-personalization-\" + String(product.id || \"\").replace(/[^a-zA-Z0-9_-]/g, \"\");\n const wrapper = document.createElement(\"div\");\n wrapper.className = \"store-personalization\";\n wrapper.setAttribute(\"data-store-personalization\", \"\");\n wrapper.setAttribute(\"data-personalization-required\", rule.required ? \"true\" : \"false\");\n wrapper.style.cssText = \"display:grid;gap:6px;margin:16px 0\";\n const label = document.createElement(\"label\");\n label.htmlFor = id;\n label.style.fontWeight = \"600\";\n const hint = document.createElement(\"span\");\n hint.style.cssText = \"font-weight:400;opacity:.7\";\n hint.textContent = \"(\" + (rule.required ? words.required : words.optional) + \")\";\n label.append((rule.label || words.label) + \" \", hint);\n wrapper.append(label);\n const input = document.createElement(rule.maxLength > 60 ? \"textarea\" : \"input\");\n if (input instanceof HTMLInputElement) input.type = \"text\";\n else input.rows = 3;\n input.id = id;\n input.name = \"personalization\";\n input.maxLength = rule.maxLength;\n input.autocomplete = \"off\";\n input.placeholder = words.placeholder;\n input.required = Boolean(rule.required);\n input.setAttribute(\"data-store-personalization-input\", \"\");\n input.style.cssText = \"width:100%;box-sizing:border-box;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;padding:10px 12px;resize:vertical\";\n if (rule.instructions) {\n const help = document.createElement(\"p\");\n help.id = id + \"-help\";\n help.style.cssText = \"margin:0;font-size:.875em;line-height:1.4;opacity:.75\";\n help.textContent = rule.instructions;\n wrapper.append(help);\n input.setAttribute(\"aria-describedby\", help.id);\n }\n const count = document.createElement(\"small\");\n count.setAttribute(\"data-store-personalization-count\", \"\");\n count.setAttribute(\"aria-live\", \"polite\");\n count.style.cssText = \"justify-self:end;font-size:.8em;opacity:.65\";\n count.textContent = \"0/\" + String(rule.maxLength);\n wrapper.append(input, count);\n const add = scope.querySelector(\"[data-store-action='add-to-cart']\");\n const anchor = add ? add.closest(\".purchase-row,.product-form__buttons,.buy-buttons,.product-actions\") || add : null;\n if (anchor && anchor.parentNode) anchor.parentNode.insertBefore(wrapper, anchor);\n else scope.append(wrapper);\n };\n const readPersonalization = (scope, product) => {\n const rule = product && product.personalization;\n // The button and the field may sit in sibling blocks of one product page: its only field is it.\n const onPage = document.querySelectorAll(\"[data-store-personalization-input]\");\n const input =\n (scope && scope.querySelector(\"[data-store-personalization-input]\")) ||\n (onPage.length === 1 ? onPage[0] : null);\n const text = input ? String(input.value || \"\").trim() : \"\";\n if (!rule) return { text: \"\" };\n if (rule.required && !input) return { error: personalizationWords().onProductPage, missingField: true };\n if (rule.required && !text) {\n input.setAttribute(\"aria-invalid\", \"true\");\n return { error: personalizationWords().missing, input };\n }\n return { text: text.slice(0, rule.maxLength) };\n };\n\n let bootstrap = null;\n let cart = null;\n let pulseWishlist = null;\n let drawerOpen = false;\n let checkoutPending = false;\n const pendingCartLineIds = new Set();\n const pendingAddControls = new WeakSet();\n const pendingAddKeys = new Set();\n const addButtonTimers = new WeakMap();\n const addIdleLabels = new WeakMap();\n let addFeedbackTimer = null;\n const isUncoverExperience = () => Boolean(\n document.querySelector(\"[data-uncover-ssr],.uncover-storefront-template\"),\n );\n const normalized = (value) => String(value || \"\").normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").toLowerCase();\n const textOf = (node) => normalized(node && (node.getAttribute?.(\"aria-label\") || node.textContent));\n const escapeHtml = (value) => String(value || \"\")\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n const preorderLineText = (line) => line.preorder\n ? \"Précommande débitée à la commande. Disponibilité annoncée du \" +\n line.preorder.availabilityFrom + \" au \" + line.preorder.availabilityTo + \". \" +\n (line.preorder.refundRule === \"automatic_full\"\n ? \"Remboursement intégral si la disponibilité promise ne peut pas être tenue.\"\n : \"La boutique vous contactera avant le remboursement si la disponibilité promise ne peut pas être tenue.\")\n : \"\";\n const requestJson = async (path, init) => {\n const headers = {\n \"content-type\": \"application/json\",\n ...(init && init.headers ? init.headers : {}),\n };\n const response = await fetch(config.apiBase + path, {\n credentials: \"same-origin\",\n cache: \"no-store\",\n ...init,\n headers,\n });\n const json = await response.json().catch(() => ({}));\n if (!response.ok || json.ok === false) throw new Error(json.error || \"Commerce request failed\");\n return json;\n };\n const products = () => (bootstrap && bootstrap.products) || [];\n const productForSlug = (slug) =>\n products().find((product) => product.slug === slug) ||\n products().find((product) => (product.aliases || []).includes(slug)) ||\n null;\n // The pieces this page links to: the bootstrap returns them even outside the\n // best sellers (07/10: every Aris product past the 24th answered 404).\n const pageProductSlugs = () => {\n const slugs = new Set(config.productSlug ? [config.productSlug] : []);\n document.querySelectorAll(\"a[href*='/products/'],[data-commerce-product-slug]\").forEach((element) => {\n const explicit = element.getAttribute(\"data-commerce-product-slug\");\n if (explicit) slugs.add(explicit);\n const href = element.getAttribute(\"href\");\n if (!href) return;\n try {\n const match = new URL(href, location.href).pathname.match(new RegExp(\"/products/([^/?#]+)\"));\n if (match) slugs.add(decodeURIComponent(match[1]).toLowerCase());\n } catch { /* A malformed link names no product. */ }\n });\n return [...slugs].filter((slug) => /^[a-z0-9-]{1,160}$/.test(slug)).slice(0, 120);\n };\n const productCardForElement = (element) =>\n element.closest(\"article\") ||\n element.closest(\"a[href*='/products/']\") ||\n element.closest(\".product-card,.prod-card,.pcard,[class~='card']\");\n const productForElement = (element) => {\n if (config.surface === \"product\" && config.productSlug) {\n const requested = productForSlug(config.productSlug);\n if (requested) return requested;\n }\n const scope = productCardForElement(element) || element;\n const explicitId =\n element.getAttribute(\"data-commerce-product-id\") ||\n scope.getAttribute(\"data-commerce-product-id\");\n const explicit = explicitId\n ? products().find((product) => product.id === explicitId)\n : null;\n if (explicit) return explicit;\n const explicitSlug =\n element.getAttribute(\"data-commerce-product-slug\") ||\n scope.getAttribute(\"data-commerce-product-slug\");\n const bySlug = explicitSlug ? productForSlug(explicitSlug) : null;\n if (bySlug) return bySlug;\n const label = textOf(scope);\n return products()\n .map((product) => ({ product, score: label.includes(normalized(product.title)) ? product.title.length : 0 }))\n .sort((left, right) => right.score - left.score)[0]?.score > 0\n ? products()\n .map((product) => ({ product, score: label.includes(normalized(product.title)) ? product.title.length : 0 }))\n .sort((left, right) => right.score - left.score)[0].product\n : null;\n };\n const canCheckVariant = (variant) => variant?.inStock === true || variant?.supplierCheckAvailable === true;\n const sellableVariant = (product) =>\n product && ((product.variants || []).find(canCheckVariant) || product.variants?.[0]);\n let discountPending = false;\n const applyDiscountCode = async (code) => {\n if (discountPending) return;\n discountPending = true;\n try {\n const result = await requestJson(\"/cart/discount\", code\n ? { method: \"POST\", body: JSON.stringify({ code }) }\n : { method: \"DELETE\" });\n cart = result.cart;\n } catch (error) {\n alert(error instanceof Error ? error.message : String(error));\n } finally {\n discountPending = false;\n renderCart(drawerOpen);\n hydrateCartDocument();\n }\n };\n const nativeArisCart = (function createArisCartDrawer(onClose, onDiscount) {\n const root = document.querySelector('.aris-storefront-template,.hellobold-storefront-template,.elan-storefront-template,.pulse-storefront-template,.impulse-storefront-template,.vif-storefront-template,.onde-storefront-template,.serre-storefront-template,.tech-storefront-template,.rosee-storefront-template');\n if (!root) return null;\n const english = /^en(?:-|$)/i.test(document.documentElement.lang || '');\n const T = english ? {\"freeLeftBefore\":\"Only \",\"freeLeftAfter\":\" away from free shipping.\",\"freeDone\":\"Your shipping is free.\",\"freeTrack\":\"Amount toward free shipping\",\"quantityOf\":\"Quantity: \",\"decrease\":\"Decrease the quantity of\",\"quantity\":\"Quantity\",\"increase\":\"Increase the quantity of\",\"beforeDiscount\":\"Price before discount\",\"remove\":\"Remove\",\"personalization\":\"Personalization\",\"saveBefore\":\"You save \",\"saveAfter\":\" on your cart\",\"percent\":\"%\",\"shippingAtCheckout\":\"Shipping calculated at checkout\",\"freeShipping\":\"Free shipping\",\"shippingIncluded\":\"Shipping included: \",\"paymentMarks\":\"Accepted payment methods\",\"paymentPreview\":\"Payment methods preview · activation pending\",\"checkout\":\"Check out\",\"redirecting\":\"Redirecting…\",\"checkoutUnavailable\":\"Checkout unavailable\",\"shipping\":\"Shipping: \",\"yourCart\":\"Your cart\",\"cart\":\"Cart\",\"closeCart\":\"Close the cart\",\"empty\":\"Your cart is empty.\",\"emptyHint\":\"The items you choose will appear here.\",\"continue\":\"Continue shopping\",\"yourOrder\":\"Your order\",\"close\":\"Close\",\"previewNote\":\"Checkout preview · no payment will be taken.\",\"editCart\":\"Edit my cart\",\"total\":\"Total: \",\"toConfigure\":\"Payment to be set up\",\"codeLabel\":\"Discount code\",\"codeApply\":\"Apply\",\"codeApplied\":\"Code\",\"codeRemove\":\"Remove the code\",\"codeFreeShipping\":\"free delivery\",\"offerKicker\":\"Add it to your order\",\"offerAdd\":\"Add\",\"offerAdding\":\"Adding…\",\"offerLine\":\"Offer price\",\"offerSave\":\"instead of\",\"refusals\":{\"unknown\":\"This code doesn’t exist.\",\"inactive\":\"This code is no longer valid.\",\"not_started\":\"This code isn’t valid yet.\",\"expired\":\"This code has expired.\",\"used_up\":\"This code has been used up.\",\"not_first_order\":\"This code is for a first order only.\",\"minimum_not_reached\":\"The cart doesn’t reach this code’s minimum.\",\"nothing_eligible\":\"No item in the cart is covered by this code.\"},\"locale\":\"en-US\"} : {\"freeLeftBefore\":\"Encore \",\"freeLeftAfter\":\" pour la livraison offerte.\",\"freeDone\":\"Votre livraison est offerte.\",\"freeTrack\":\"Montant pour la livraison offerte\",\"quantityOf\":\"Quantité : \",\"decrease\":\"Diminuer la quantité de\",\"quantity\":\"Quantité\",\"increase\":\"Augmenter la quantité de\",\"beforeDiscount\":\"Prix avant réduction\",\"remove\":\"Retirer\",\"personalization\":\"Personnalisation\",\"saveBefore\":\"Vous économisez \",\"saveAfter\":\" sur votre panier\",\"percent\":\" %\",\"shippingAtCheckout\":\"Frais de livraison calculés au paiement\",\"freeShipping\":\"Livraison offerte\",\"shippingIncluded\":\"Livraison incluse : \",\"paymentMarks\":\"Illustration des moyens de paiement\",\"paymentPreview\":\"Aperçu des moyens de paiement · activation à terminer\",\"checkout\":\"Passer la commande\",\"redirecting\":\"Redirection…\",\"checkoutUnavailable\":\"Paiement indisponible\",\"shipping\":\"Livraison : \",\"yourCart\":\"Votre panier\",\"cart\":\"Panier\",\"closeCart\":\"Fermer le panier\",\"empty\":\"Votre panier est vide.\",\"emptyHint\":\"Retrouvez ici les articles que vous choisissez.\",\"continue\":\"Continuer mes achats\",\"yourOrder\":\"Votre commande\",\"close\":\"Fermer\",\"previewNote\":\"Aperçu du checkout · aucun paiement ne sera effectué.\",\"editCart\":\"Modifier mon panier\",\"total\":\"Total : \",\"toConfigure\":\"Paiement à configurer\",\"codeLabel\":\"Code de réduction\",\"codeApply\":\"Appliquer\",\"codeApplied\":\"Code\",\"codeRemove\":\"Retirer le code\",\"codeFreeShipping\":\"livraison offerte\",\"offerKicker\":\"Ajoutez-le à votre commande\",\"offerAdd\":\"Ajouter\",\"offerAdding\":\"Ajout…\",\"offerLine\":\"Prix de l’offre\",\"offerSave\":\"au lieu de\",\"refusals\":{\"unknown\":\"Ce code n’existe pas.\",\"inactive\":\"Ce code n’est plus valable.\",\"not_started\":\"Ce code n’est pas encore valable.\",\"expired\":\"Ce code a expiré.\",\"used_up\":\"Ce code a déjà servi autant de fois que prévu.\",\"not_first_order\":\"Ce code est réservé à une première commande.\",\"minimum_not_reached\":\"Le panier n’atteint pas le montant minimum de ce code.\",\"nothing_eligible\":\"Aucun article du panier n’est concerné par ce code.\"},\"locale\":\"fr-FR\"};\n const delayText = value => english ? String(value).replace(/jours?\\s+ouvr[ée]s?/giu, 'business days').replace(/jours?\\s+ouvrables?/giu, 'business days').replace(/(^|[^\\p{L}])jours?(?![\\p{L}])/giu, '$1days').replace(/(^|[^\\p{L}])semaines?(?![\\p{L}])/giu, '$1weeks').replace(/(^|[^\\p{L}])heures?(?![\\p{L}])/giu, '$1hours').replace(/(\\d)\\s*(?:à|a)\\s*(\\d)/gu, '$1 to $2') : String(value);\n const advanced = root.matches('.aris-storefront-template');\n const esc = value => String(value ?? '').replace(/[&<>\"']/g, c => ({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]));\n const safeUrl = value => {\n if (typeof value !== 'string' || !value) return null;\n try { const url = new URL(value, location.href); return url.protocol === 'https:' || (url.origin === location.origin && url.protocol === location.protocol) ? url.href : null; } catch { return null; }\n };\n const icon = path => '';\n let drawer;\n let checkoutPreview = false;\n let pendingFocus = null;\n let lastRender;\n const ensure = () => {\n if (drawer) return drawer;\n drawer = document.createElement('dialog');\n drawer.className = 'drawer aris-native-cart' + (advanced ? ' aris-cart-advanced' : '');\n drawer.setAttribute('data-aris-cart-drawer', '');\n drawer.setAttribute('aria-labelledby', 'aris-native-cart-title');\n (root === document.documentElement ? document.body : root).appendChild(drawer);\n // A discount code: the commerce runtime owns the request, the drawer only asks.\n drawer.addEventListener('submit', event => {\n const form = event.target.closest('form[data-cart-discount]');\n if (!form) return;\n event.preventDefault();\n const code = String(new FormData(form).get('code') || '').trim();\n if (code && onDiscount) onDiscount(code);\n });\n drawer.addEventListener('click', event => {\n if (event.target.closest('[data-cart-discount-remove]')) {\n event.preventDefault();\n if (onDiscount) onDiscount(null);\n return;\n }\n if (event.target.closest('[data-aris-checkout-preview],[data-aris-checkout-back]')) {\n event.preventDefault();\n checkoutPreview = Boolean(event.target.closest('[data-aris-checkout-preview]'));\n api.render(lastRender);\n drawer.querySelector('h2')?.focus();\n return;\n }\n const close = event.target.closest('[data-aris-cart-close]');\n const bounds = drawer.getBoundingClientRect();\n const outside = event.target === drawer && (event.clientX < bounds.left || event.clientX > bounds.right || event.clientY < bounds.top || event.clientY > bounds.bottom);\n if (close || outside) { event.preventDefault(); drawer.close(); }\n });\n drawer.addEventListener('close', () => {\n document.body.classList.remove('aris-native-cart-open');\n document.body.classList.toggle('dialog-open', Boolean(document.querySelector('dialog[open]')));\n checkoutPreview = false;\n pendingFocus = null;\n onClose();\n });\n return drawer;\n };\n const api = { render(args) {\n lastRender = args;\n const { cart, open, shipping, cartPageUrl, checkoutPageUrl, checkoutEnabled, checkoutPending, paymentMethods = [], pendingLineIds, preview = false } = args;\n const methods = checkoutEnabled ? paymentMethods : [];\n const paymentImages = [\n ...(methods.includes('card') ? [['visa','Visa'],['master','Mastercard'],['american_express','American Express']] : []),\n ...(methods.includes('paypal') ? [['paypal','PayPal']] : []),\n ].map(([file,label]) => ' $\"'$ ');\n root.querySelectorAll('.pulse-payments,.impulse-payments,.vif-payments,.onde-payments,.serre-payments,.tech-payments,.rosee-payments').forEach(slot => {\n slot.innerHTML = paymentImages.join('');\n slot.hidden = !paymentImages.length;\n });\n const panel = ensure();\n if (!open && panel.open) panel.close();\n if (!open) return;\n const active = panel.contains(document.activeElement) ? document.activeElement : null;\n // Updating a line temporarily disables its controls. Keep the original\n // target through that pending render so keyboard users can change it again.\n const resumeFocus = active?.matches('[data-aris-cart-close]') ? pendingFocus : null;\n const focusAction = resumeFocus?.action || active?.getAttribute('data-store-action');\n const focusLine = resumeFocus?.line || active?.getAttribute('data-line-id');\n const scrollTop = panel.querySelector('.drawer-body')?.scrollTop || 0;\n const lines = cart?.lines || [];\n const count = lines.reduce((sum, line) => sum + line.quantity, 0);\n const totals = cart?.totals;\n const formatted = totals?.formatted || {};\n const money = cents => new Intl.NumberFormat(T.locale, {style:'currency',currency:totals?.currency || 'EUR',currencyDisplay:'narrowSymbol'}).format(cents / 100);\n const originalLineTotal = line => {\n if (!Number.isFinite(line.unitPriceCents) || !Number.isFinite(line.lineTotalCents)) return null;\n const unit = Number.isFinite(line.compareAtPriceCents) && line.compareAtPriceCents > line.unitPriceCents ? line.compareAtPriceCents : line.unitPriceCents;\n return Math.max(unit * line.quantity, line.lineTotalCents);\n };\n const threshold = shipping?.costModel === 'free_over_threshold' ? shipping.freeShippingThresholdCents : null;\n const progress = Number.isFinite(threshold) && threshold > 0 && Number.isFinite(totals?.subtotalCents)\n ? '

' + (totals.subtotalCents < threshold ? esc(T.freeLeftBefore) + '' + esc(money(threshold - totals.subtotalCents)) + '' + esc(T.freeLeftAfter) : esc(T.freeDone)) + '

'\n : '';\n const row = line => {\n const image = safeUrl(line.imageUrl);\n const disabled = pendingLineIds?.has(line.id) ? ' disabled aria-disabled=\"true\"' : '';\n const control = (action, label, content) => '';\n const quantityControl = advanced ? '' + line.quantity + '' : '

' + control('cart-line-decrease', T.decrease, '−') + '' + line.quantity + '' + control('cart-line-increase', T.increase, '+') + '

';\n const original = originalLineTotal(line);\n const offer = line.offerTitle || line.cartOffer ? '

' + esc(line.offerTitle || T.offerLine) + '

' : '';\n const crossedPrice = original > line.lineTotalCents ? '~~' + esc(money(original)) + '~~' : '';\n return '

' + (image ? ' $\"'$ ' : '') + '

' + esc(line.title) + '

' + (line.variantTitle ? '

' + esc(line.variantTitle) + '

' : '') + (line.personalization ? '

' + esc(T.personalization) + ' : « ' + esc(line.personalization) + ' »

' : '') + offer + '

' + quantityControl + control('cart-line-remove', T.remove, icon('M4 7h16M9 7V4h6v3M6 7l1 14h10l1-14M10 11v6M14 11v6')) + '

' + crossedPrice + esc(line.formattedLineTotal) + '

';\n };\n const baseline = lines.reduce((sum, line) => sum + (originalLineTotal(line) ?? 0), 0);\n const saving = lines.reduce((sum, line) => sum + (originalLineTotal(line) === null ? 0 : originalLineTotal(line) - line.lineTotalCents), 0);\n const savings = saving > 0 ? '

' + esc(T.saveBefore) + '' + esc(money(saving)) + '' + esc(T.saveAfter) + ' (' + new Intl.NumberFormat(T.locale, {maximumFractionDigits:1}).format(saving / baseline * 100) + esc(T.percent) + ')

' : '';\n const deliveryText = document.querySelector('[data-aris-delivery-range]')?.textContent || (shipping?.delay ? delayText(shipping.delay) : '');\n const delivery = deliveryText ? '

' + icon('M2 4h12v13H2ZM14 9h4l4 4v4h-8M4 20h4M16 20h4') + '' + esc(deliveryText) + '

' : '';\n const shippingNote = shipping?.costModel === 'unknown' || !formatted.shipping ? esc(T.shippingAtCheckout) : totals?.shippingCents === 0 ? esc(T.freeShipping) : esc(T.shippingIncluded) + esc(formatted.shipping);\n const marks = paymentImages.length ? '

' + image + '

' : '';\n const checkoutLabel = '' + esc(T.checkout) + '' + esc(formatted.total || '') + '' + icon('M4 12h15m-5-5 5 5-5 5');\n const destination = safeUrl(checkoutPageUrl);\n const primary = checkoutEnabled ? '' : preview ? '' : destination ? '' + checkoutLabel + '' : '

' + esc(T.checkoutUnavailable) + '

';\n // The store's cart offer: « add it for X », priced and checked by the server.\n const cartOffer = cart?.offer;\n const offerImage = cartOffer ? safeUrl(cartOffer.imageUrl) : null;\n const offerBlock = cartOffer && lines.length\n ? ''\n + '

' + (offerImage ? ' $\"\"$ ' : '')\n + '

' + esc(cartOffer.title) + '

' + esc(cartOffer.headline || T.offerKicker) + '

~~' + esc(cartOffer.formattedCompareAt) + '~~' + esc(cartOffer.formattedPrice) + '

'\n + '

'\n : '';\n const discountState = cart?.discount;\n const discountBlock = !lines.length ? '' : discountState?.state === 'applied'\n ? '

' + esc(T.codeApplied) + ' ' + esc(discountState.code) + '' + (discountState.freeShipping ? ' · ' + esc(T.codeFreeShipping) : '') + '−' + esc(discountState.formattedDiscount) + '

'\n : '';\n const shippingSummary = progress || (formatted.shipping && shipping?.costModel !== 'unknown' ? '

' + (totals?.shippingCents === 0 ? esc(T.freeShipping) : esc(T.shipping) + esc(formatted.shipping)) + '

' : '');\n const compactContent = '' + (lines.length ? savings + '

' + shippingSummary + '

' + lines.map(row).join('') + offerBlock + '

' + discountBlock + primary + marks + delivery + '

' + shippingNote + '

' : '

' + esc(T.empty) + '

' + esc(T.emptyHint) + '

');\n const review = '

' + esc(T.previewNote) + '

' + lines.map(row).join('') + '

' + esc(T.total) + '' + esc(formatted.total) + '

' + delivery + '

' + shippingNote + '

' + marks + '

';\n panel.innerHTML = checkoutPreview && preview && !checkoutEnabled ? review : compactContent;\n panel.querySelector('.drawer-body')?.scrollTo(0, scrollTop);\n if (!panel.open) {\n panel.showModal();\n document.body.classList.add('dialog-open', 'aris-native-cart-open');\n } else if (active) {\n const next = [...panel.querySelectorAll('[data-store-action]')].find(el => el.getAttribute('data-store-action') === focusAction && el.getAttribute('data-line-id') === focusLine);\n pendingFocus = next?.disabled ? { action: focusAction, line: focusLine } : null;\n (next && !next.disabled ? next : panel.querySelector('[data-aris-cart-close]')).focus({preventScroll:true});\n }\n }};\n return api;\n })(() => { drawerOpen = false; }, applyDiscountCode);\n const ensureDrawer = () => {\n if (isUncoverExperience()) return null;\n let drawer = document.querySelector(\"[data-public-cart-drawer]\");\n if (!drawer) {\n drawer = document.createElement(\"aside\");\n drawer.setAttribute(\"data-public-cart-drawer\", \"\");\n drawer.style.cssText = \"position:fixed;right:16px;bottom:16px;z-index:2147483647;width:min(380px,calc(100vw - 32px));max-height:75vh;overflow:auto;padding:18px;border-radius:14px;background:#111;color:#fff;font:500 14px/1.45 system-ui,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.32);display:none\";\n document.body.appendChild(drawer);\n }\n return drawer;\n };\n const renderCart = (open = drawerOpen) => {\n const count = cart ? cart.lines.reduce((sum, line) => sum + line.quantity, 0) : 0;\n document.querySelectorAll(\"[data-commerce-cart-count],[data-cart-count],.cart-count,.cart-badge\").forEach((element) => {\n element.textContent = String(count);\n element.setAttribute(\"aria-label\", count + \" article(s) dans le panier\");\n });\n if (isUncoverExperience()) {\n drawerOpen = false;\n document.querySelector(\"[data-public-cart-drawer]\")?.remove();\n return;\n }\n if (nativeArisCart) {\n drawerOpen = open;\n nativeArisCart.render({ cart, open, shipping: bootstrap?.store?.shipping, paymentMethods: bootstrap?.store?.paymentMethods, checkoutPending, pendingLineIds: pendingCartLineIds, cartPageUrl: config.base + \"/cart\", checkoutPageUrl: config.base + \"/checkout\", checkoutEnabled: bootstrap?.store?.checkoutEnabled === true });\n return;\n }\n const drawer = ensureDrawer();\n if (!drawer) return;\n drawerOpen = open;\n drawer.style.display = drawerOpen ? \"block\" : \"none\";\n const lines = cart && cart.lines.length\n ? cart.lines.map((line) => \"

\" + escapeHtml(line.title) + \" × \" + line.quantity + (line.personalization ? \"\" + escapeHtml(personalizationWords().line + \" : « \" + line.personalization + \" »\") + \"\" : \"\") + (line.preorder ? \"\" + escapeHtml(preorderLineText(line)) + \"\" : \"\") + \"\" + escapeHtml(line.formattedLineTotal) + \"

\").join(\"\")\n : \"

Panier vide

\";\n const checkoutDisabled = !(bootstrap && bootstrap.store && bootstrap.store.checkoutEnabled);\n drawer.innerHTML =\n \"

Panier

\" +\n (bootstrap?.store?.shipping?.vacationEndsAt && bootstrap?.store?.shipping?.delay\n ? \"

Mode vacances · délai de livraison : \" + escapeHtml(bootstrap.store.shipping.delay) + \".

\"\n : \"\") +\n lines +\n (cart && cart.lines.length\n ? \"

Total\" + escapeHtml(cart.totals.formatted.total) + \"

Voir le panier\"\n : \"Découvrir les produits\");\n };\n const productStockLabel = (variant) => {\n if (variant?.supplierStockMode && !variant.inStock) return say(\"Disponibilité fournisseur à vérifier\", \"Supplier availability to be checked\");\n if (variant?.supplierStockMode) return say(\"Disponibilité fournisseur vérifiée récemment\", \"Supplier availability checked recently\");\n if (!variant?.inStock) return say(\"Actuellement épuisé\", \"Currently sold out\");\n const quantity = variant.availableQuantity;\n if (!Number.isFinite(quantity)) return say(\"Disponible\", \"In stock\");\n return say(quantity + \" exemplaire\" + (quantity === 1 ? \"\" : \"s\") +\n \" disponible\" + (quantity === 1 ? \"\" : \"s\"), quantity + \" in stock\");\n };\n const setControlAvailable = (control, available) => {\n if (available) {\n control.removeAttribute(\"aria-disabled\");\n control.removeAttribute(\"disabled\");\n if (control.getAttribute(\"tabindex\") === \"-1\") control.removeAttribute(\"tabindex\");\n return;\n }\n control.setAttribute(\"aria-disabled\", \"true\");\n if (/^(BUTTON|INPUT|SELECT|TEXTAREA|OPTION|OPTGROUP|FIELDSET)$/.test(control.tagName)) {\n control.setAttribute(\"disabled\", \"\");\n } else {\n control.setAttribute(\"tabindex\", \"-1\");\n }\n };\n const setUncoverAddButtonLabel = (button, available, overrideLabel) => {\n if (!isUncoverExperience()) return;\n if (\n !overrideLabel &&\n (button.classList.contains(\"is-added\") ||\n button.getAttribute(\"aria-busy\") === \"true\")\n ) {\n return;\n }\n let idle = addIdleLabels.get(button);\n if (!idle) {\n const explicitLabel = button.querySelector?.(\n \"[data-button-label],[data-submit-label]\",\n );\n const textNode = explicitLabel || Array.from(button.childNodes || []).find(\n (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim(),\n );\n const text = button instanceof HTMLInputElement\n ? button.value.trim()\n : textNode?.textContent?.trim() || button.textContent?.trim() || \"Ajouter au panier\";\n idle = { node: textNode || null, text };\n addIdleLabels.set(button, idle);\n }\n const label = overrideLabel || (available ? idle.text : \"Produit épuisé\");\n if (button instanceof HTMLInputElement) {\n button.value = label;\n } else if (idle.node) {\n idle.node.textContent = label + (idle.node.nodeType === Node.TEXT_NODE ? \" \" : \"\");\n } else {\n button.textContent = label;\n }\n button.setAttribute(\"aria-label\", label);\n };\n const setUncoverAddPending = (control, pending) => {\n if (!isUncoverExperience()) return;\n const timer = addButtonTimers.get(control);\n if (timer) {\n window.clearTimeout(timer);\n addButtonTimers.delete(control);\n }\n control.classList.remove(\"is-added\");\n if (pending) {\n control.setAttribute(\"aria-busy\", \"true\");\n control.setAttribute(\"aria-disabled\", \"true\");\n control.setAttribute(\"disabled\", \"\");\n setUncoverAddButtonLabel(control, true, \"Ajout en cours…\");\n return;\n }\n control.removeAttribute(\"aria-busy\");\n setControlAvailable(control, true);\n setUncoverAddButtonLabel(control, true);\n };\n const pulseUncoverCartCount = () => {\n document.querySelectorAll(\"[data-commerce-cart-count],[data-cart-count],.cart-count,.cart-badge\").forEach((count) => {\n count.classList.add(\"uncover-cart-count\");\n count.classList.remove(\"is-updated\");\n void count.offsetWidth;\n count.classList.add(\"is-updated\");\n window.setTimeout(() => count.classList.remove(\"is-updated\"), 520);\n });\n };\n const showUncoverAddedState = (control) => {\n setUncoverAddButtonLabel(control, true, \"Ajouté au panier\");\n control.classList.add(\"is-added\");\n const buttonTimer = window.setTimeout(() => {\n control.classList.remove(\"is-added\");\n setUncoverAddButtonLabel(control, true);\n addButtonTimers.delete(control);\n }, 1800);\n addButtonTimers.set(control, buttonTimer);\n };\n const showUncoverAddFeedback = (product, quantity, overrideMessage = \"\") => {\n if (!isUncoverExperience()) return;\n let feedback = document.querySelector(\"[data-uncover-add-feedback]\");\n if (!feedback) {\n feedback = document.createElement(\"div\");\n feedback.className = \"uncover-add-feedback\";\n feedback.setAttribute(\"data-uncover-add-feedback\", \"\");\n const message = document.createElement(\"p\");\n message.className = \"uncover-add-feedback__message\";\n message.setAttribute(\"data-uncover-add-feedback-message\", \"\");\n message.setAttribute(\"role\", \"status\");\n message.setAttribute(\"aria-live\", \"polite\");\n message.setAttribute(\"aria-atomic\", \"true\");\n const link = document.createElement(\"a\");\n link.className = \"uncover-add-feedback__link\";\n link.setAttribute(\"data-uncover-add-feedback-link\", \"\");\n link.setAttribute(\"data-store-action\", \"cart-open\");\n link.setAttribute(\"href\", config.base + \"/cart\");\n link.setAttribute(\"target\", \"_top\");\n link.textContent = \"Voir le panier\";\n feedback.append(message, link);\n const feedbackHost =\n document.querySelector(\n \"[data-safe-storefront-root].uncover-storefront-template\",\n ) || document.body;\n feedbackHost.appendChild(feedback);\n }\n const message = feedback.querySelector(\"[data-uncover-add-feedback-message]\");\n if (message) {\n message.textContent = overrideMessage ||\n \"Panier mis à jour : \" + quantity + \" × \" + product.title + \".\";\n message.setAttribute(\"role\", overrideMessage ? \"alert\" : \"status\");\n message.setAttribute(\"aria-live\", overrideMessage ? \"assertive\" : \"polite\");\n }\n feedback.hidden = false;\n pulseUncoverCartCount();\n if (addFeedbackTimer) window.clearTimeout(addFeedbackTimer);\n const hideFeedbackWhenIdle = () => {\n const activeElement = document.activeElement;\n if (\n feedback.matches(\":hover\") ||\n (activeElement && feedback.contains(activeElement))\n ) {\n addFeedbackTimer = window.setTimeout(hideFeedbackWhenIdle, 600);\n return;\n }\n feedback.hidden = true;\n addFeedbackTimer = null;\n };\n addFeedbackTimer = window.setTimeout(hideFeedbackWhenIdle, 4200);\n };\n const uncoverAddErrorMessage = (error) => {\n const rawMessage = error instanceof Error ? error.message : String(error);\n const stockMatch = rawMessage.match(\n /^Out of (?:test )?stock\\. Only (\\d+) available\\.$/i,\n );\n if (stockMatch) {\n const maximum = Number.parseInt(stockMatch[1], 10);\n return say(\n \"Impossible d’ajouter cette quantité : \" + maximum + \" exemplaire\" + (maximum === 1 ? \"\" : \"s\") + \" maximum.\",\n \"Can’t add this quantity: \" + maximum + \" maximum.\",\n );\n }\n return say(\"Impossible d’ajouter cet article au panier. Réessayez.\", \"Couldn’t add this item to the cart. Try again.\");\n };\n const setProductVariant = (product, variant, root, resetQuantity = false) => {\n if (!product || !variant) return;\n const scope = root ||\n document.querySelector(\"[data-product-detail],.product-main,.buy-panel,.buybox\") ||\n document.querySelector(\"main\") || document;\n const available = canCheckVariant(variant);\n const addControls = new Set(\n scope.querySelectorAll(\n \"[data-commerce-add],[data-store-action='add-to-cart']\",\n ),\n );\n document.querySelectorAll(\n \"[data-commerce-add],[data-store-action='add-to-cart']\",\n ).forEach((control) => {\n if (control.getAttribute(\"data-commerce-product-id\") === product.id) {\n addControls.add(control);\n }\n });\n addControls.forEach((button) => {\n const boundProductId = button.getAttribute(\"data-commerce-product-id\");\n const card = button.closest(\"article,.product-card,.prod-card,.pcard\");\n const ownsControl = scope.contains(button) && !(card && card !== scope && scope.contains(card));\n if (boundProductId && boundProductId !== product.id && !ownsControl) return;\n button.setAttribute(\"data-commerce-product-id\", product.id);\n button.setAttribute(\"data-commerce-variant-id\", variant.id);\n setControlAvailable(button, available);\n setUncoverAddButtonLabel(button, available, variant.supplierStockMode && !variant.inStock && available\n ? \"Vérifier la disponibilité et ajouter au panier\"\n : undefined);\n if (!isUncoverExperience() && !scope.hasAttribute(\"data-aris-product\") && /ajouter au panier/i.test(button.textContent || \"\")) {\n button.textContent = (variant.supplierStockMode && !variant.inStock\n ? \"Vérifier la disponibilité et ajouter au panier — \"\n : \"Ajouter au panier — \") + variant.formattedPrice;\n }\n });\n scope.querySelectorAll(\".buybox .price,.buy-panel .price,.price-current,[data-commerce-price]\").forEach((price) => {\n price.setAttribute(\"data-commerce-variant-id\", variant.id);\n price.textContent = variant.formattedPrice;\n });\n scope.querySelectorAll(\"[data-public-variant-select]\").forEach((select) => {\n select.value = variant.id;\n select.setAttribute(\"data-commerce-product-id\", product.id);\n select.setAttribute(\"data-commerce-variant-id\", variant.id);\n });\n scope.querySelectorAll(\"[data-aris-option]\").forEach((select) => {\n const value = variant.optionValues?.[select.getAttribute(\"data-aris-option\")];\n if (value == null) return;\n if (select.type === \"radio\") select.checked = select.value === value;\n else if (!select.required || select.value) select.value = value;\n });\n scope.querySelectorAll(\"[data-public-product-stock]\").forEach((stock) => {\n stock.textContent = productStockLabel(variant);\n });\n const legacyStock = scope.querySelector(\".qty-block .variant-label .val\");\n if (legacyStock) legacyStock.textContent = variant.supplierStockMode\n ? productStockLabel(variant)\n : variant.inStock ? \"En stock\" : \"Épuisé\";\n scope.querySelectorAll(\"[data-public-quantity]\").forEach((quantity) => {\n const maximum = Number.isFinite(variant.availableQuantity)\n ? Math.max(1, Math.min(99, variant.availableQuantity))\n : 99;\n quantity.setAttribute(\"max\", String(maximum));\n const current = Number.parseInt(quantity.value || \"1\", 10) || 1;\n quantity.value = String(resetQuantity ? 1 : Math.min(maximum, Math.max(1, current)));\n setControlAvailable(quantity, available);\n });\n };\n const hydrateProductDocument = () => {\n if (config.surface !== \"product\") return;\n const product = productForSlug(config.productSlug);\n // The server already answered 404 for an unknown product: a page it served\n // stays readable even when the live data cannot be matched.\n if (!product) return;\n const scope =\n document.querySelector(\"[data-product-detail],.product-main,.buy-panel,.buybox\") ||\n document.querySelector(\"main\");\n if (!scope) return;\n scope.setAttribute(\"aria-busy\", \"true\");\n document.title = product.metaTitle || product.title;\n scope.querySelectorAll(\n \"[data-public-product-title],.product-title,.bb-title,.product-main h1\",\n ).forEach((title) => { title.textContent = product.title; });\n const breadcrumb = document.querySelector(\".breadcrumbs .current\");\n if (breadcrumb) breadcrumb.textContent = product.title;\n const descriptionText =\n typeof product.description === \"string\" && product.description.trim()\n ? product.description.trim()\n : \"Voir \" + product.title + \".\";\n scope.querySelectorAll(\n \"[data-public-product-tagline],[data-public-product-description],.product-info__tagline\",\n ).forEach((description) => { description.textContent = descriptionText; });\n let category = scope.querySelector(\n \"[data-public-product-category],.product-info__chip\",\n );\n if (!category && !scope.hasAttribute(\"data-aris-product\") && isUncoverExperience()) {\n category = document.createElement(\"span\");\n category.className = \"chip product-info__chip\";\n category.setAttribute(\"data-public-product-category\", \"\");\n scope.querySelector(\".product-info__heading\")?.before(category);\n }\n if (category) {\n category.textContent = product.category || \"\";\n category.hidden = !product.category;\n }\n const oldPreorderPanel = scope.querySelector(\"[data-preorder-panel]\");\n const preorder = product.preorder;\n const preorderToken = preorder?.termsToken || \"\";\n if (!preorder || !preorder.policy || !preorderToken) {\n oldPreorderPanel?.remove();\n } else if (oldPreorderPanel?.getAttribute(\"data-preorder-token\") !== preorderToken) {\n oldPreorderPanel?.remove();\n const policy = preorder.policy;\n const panel = document.createElement(\"section\");\n panel.className = \"pdp-delivery-estimate\";\n panel.setAttribute(\"data-preorder-panel\", \"\");\n panel.setAttribute(\"data-preorder-token\", preorderToken);\n const heading = document.createElement(\"h2\");\n heading.textContent = \"Précommande débitée à la commande\";\n const formatDate = (value) => new Intl.DateTimeFormat(document.documentElement.lang || \"fr-FR\", {\n day: \"numeric\", month: \"long\", year: \"numeric\", timeZone: \"UTC\",\n }).format(new Date(value + \"T12:00:00.000Z\"));\n const timing = document.createElement(\"p\");\n timing.textContent = \"Disponibilité annoncée du \" + formatDate(policy.availabilityFrom) +\n \" au \" + formatDate(policy.availabilityTo) + \".\";\n const refund = document.createElement(\"p\");\n refund.textContent = policy.refundRule === \"automatic_full\"\n ? \"Remboursement intégral si la disponibilité promise ne peut pas être tenue.\"\n : \"La boutique vous contactera avant le remboursement si la disponibilité promise ne peut pas être tenue.\";\n const status = document.createElement(\"p\");\n status.setAttribute(\"data-preorder-status\", \"\");\n status.setAttribute(\"role\", \"status\");\n const label = document.createElement(\"label\");\n const checkbox = document.createElement(\"input\");\n checkbox.type = \"checkbox\";\n checkbox.value = preorderToken;\n checkbox.setAttribute(\"data-preorder-accept\", \"\");\n label.append(checkbox, \" J’accepte la précommande, son débit à la commande et les conditions affichées.\");\n panel.append(heading, timing, refund, status, label);\n const host = scope.querySelector(\".product-purchase,.product-info,.buy-panel,.buybox\") || scope;\n host.prepend(panel);\n }\n // A personalised piece asks for the buyer's text in any page, drawn by its theme or here.\n ensurePersonalizationField(scope, product);\n const currentPreorderPanel = scope.querySelector(\"[data-preorder-panel]\");\n if (currentPreorderPanel) {\n const status = currentPreorderPanel.querySelector(\"[data-preorder-status]\");\n if (status) status.textContent = preorder.available\n ? \"Précommande ouverte.\"\n : \"Précommande indisponible ou plafond atteint.\";\n const consent = currentPreorderPanel.querySelector(\"[data-preorder-accept]\");\n if (consent) { consent.disabled = !preorder.available; consent.closest(\"label\").hidden = !preorder.available; }\n }\n document.querySelectorAll(\".bb-rating,.review-rating,.rating-summary,.reviews,#reviews\").forEach((element) => element.remove());\n document.querySelectorAll(\".installments\").forEach((element) => element.remove());\n document.querySelectorAll(\".buybox .price-row [style*='line-through'],.buybox .save-pill,.buy-panel .compare-at,.buy-panel .price-compare\").forEach((element) => element.remove());\n if (!scope.hasAttribute(\"data-aris-product\")) {\n document.querySelectorAll(\"details\").forEach((details) => {\n const summary = normalized(details.querySelector(\"summary\")?.textContent);\n if (/description|caracteristiques/.test(summary) && product.description) {\n const body = details.querySelector(\".body,[class*='content']\");\n if (body) {\n body.innerHTML = \"\";\n const paragraph = document.createElement(\"p\");\n paragraph.textContent = product.description;\n body.appendChild(paragraph);\n }\n }\n if (/guide des tailles|size guide/.test(summary)) details.style.display = \"none\";\n });\n // The merchant's own sourced guide, when there is one, takes the template's link; the template's guide stays hidden.\n const realGuide = document.getElementById(\"cst-choice-guide\");\n document.querySelectorAll(\".size-guide,#size-guide,[href='#size-guide']\").forEach((element) => {\n if (realGuide && element.matches(\"a[href='#size-guide']\")) { element.setAttribute(\"href\", \"#cst-choice-guide\"); return; }\n element.style.display = \"none\";\n });\n const gallery = Array.from(new Set(\n [product.imageUrl, ...(product.galleryUrls || [])]\n .filter((source) => typeof source === \"string\" && source.trim())\n .map((source) => source.trim())\n ));\n const mainTarget = scope.querySelector(\n \"[data-gallery-main],#mainImage,.product-gallery__image,.gallery-main img,.gal-stage img\"\n );\n const mainImage = mainTarget?.matches(\"img\")\n ? mainTarget\n : mainTarget?.querySelector(\"img\");\n const nativeThumbnails = Array.from(\n scope.querySelectorAll(\"[data-gallery-thumb],[data-product-thumbnail]\")\n );\n const selectedThumbnail = nativeThumbnails.find((thumbnail) =>\n thumbnail.getAttribute(\"aria-current\") === \"true\" ||\n thumbnail.getAttribute(\"aria-pressed\") === \"true\" ||\n thumbnail.classList.contains(\"is-selected\")\n );\n const currentSource =\n selectedThumbnail?.getAttribute(\"data-gallery-src\") ||\n selectedThumbnail?.getAttribute(\"data-image-src\") ||\n selectedThumbnail?.querySelector(\"img\")?.getAttribute(\"src\") ||\n mainImage?.getAttribute(\"src\") ||\n \"\";\n const currentIndex = gallery.indexOf(currentSource);\n const selectedIndex = currentIndex >= 0 ? currentIndex : 0;\n const selectedSource = gallery[selectedIndex];\n if (mainImage && selectedSource) {\n mainImage.setAttribute(\"src\", selectedSource);\n mainImage.setAttribute(\n \"alt\",\n selectedIndex === 0\n ? product.title\n : product.title + \" — vue \" + (selectedIndex + 1)\n );\n mainImage.setAttribute(\"srcset\", \"\");\n }\n // The piece's own film, made by the video program: muted and looping, in place of its first photo; a\n // thumbnail brings the photos back.\n const pageLoop = Array.isArray(product.videos)\n ? product.videos.find((video) => video && video.kind === \"loop\" && typeof video.url === \"string\")\n : null;\n if (pageLoop && mainImage && !scope.querySelector(\"video[data-cst-product-video]\")) {\n const film = document.createElement(\"video\");\n film.setAttribute(\"data-cst-product-video\", \"\");\n [\"muted\", \"loop\", \"autoplay\", \"playsinline\"].forEach((flag) => film.setAttribute(flag, \"\"));\n film.muted = true;\n film.setAttribute(\"preload\", \"metadata\");\n film.setAttribute(\"poster\", pageLoop.posterUrl || mainImage.getAttribute(\"src\") || \"\");\n film.setAttribute(\"aria-label\", product.title);\n film.className = mainImage.className;\n film.style.cssText = \"width:100%;height:100%;object-fit:cover;display:block\";\n film.src = pageLoop.url;\n mainImage.style.display = \"none\";\n mainImage.insertAdjacentElement(\"afterend\", film);\n nativeThumbnails.forEach((thumbnail) =>\n thumbnail.addEventListener(\"click\", () => {\n film.remove();\n mainImage.style.display = \"\";\n }, { once: true })\n );\n }\n nativeThumbnails.forEach((thumbnail, index) => {\n const source = gallery[index];\n if (!source) {\n thumbnail.hidden = true;\n thumbnail.setAttribute(\"aria-hidden\", \"true\");\n thumbnail.setAttribute(\"disabled\", \"\");\n thumbnail.setAttribute(\"aria-pressed\", \"false\");\n thumbnail.setAttribute(\"aria-current\", \"false\");\n thumbnail.classList.remove(\"is-selected\");\n return;\n }\n const alt = product.title + \" — vue \" + (index + 1);\n let image = thumbnail.matches(\"img\") ? thumbnail : thumbnail.querySelector(\"img\");\n thumbnail.hidden = false;\n thumbnail.removeAttribute(\"aria-hidden\");\n thumbnail.removeAttribute(\"disabled\");\n thumbnail.setAttribute(\"data-gallery-src\", source);\n thumbnail.setAttribute(\"data-gallery-alt\", alt);\n thumbnail.setAttribute(\"data-image-src\", source);\n thumbnail.setAttribute(\"data-image-alt\", alt);\n thumbnail.setAttribute(\"aria-label\", \"Afficher \" + alt.toLowerCase());\n thumbnail.setAttribute(\"aria-pressed\", index === selectedIndex ? \"true\" : \"false\");\n thumbnail.setAttribute(\"aria-current\", index === selectedIndex ? \"true\" : \"false\");\n thumbnail.classList.toggle(\"is-selected\", index === selectedIndex);\n if (!image && !thumbnail.matches(\"img\")) {\n image = document.createElement(\"img\");\n image.className = \"image-select__image\";\n thumbnail.replaceChildren(image);\n }\n if (image) {\n image.setAttribute(\"src\", source);\n image.setAttribute(\"alt\", alt);\n image.setAttribute(\"srcset\", \"\");\n }\n });\n if (nativeThumbnails.length === 0) {\n scope.querySelectorAll(\".gallery-thumbs img,.thumbs img\").forEach((image, index) => {\n const source = gallery[index];\n if (!source) {\n image.hidden = true;\n return;\n }\n image.hidden = false;\n image.setAttribute(\"src\", source);\n image.setAttribute(\"alt\", product.title + \" — vue \" + (index + 1));\n image.setAttribute(\"srcset\", \"\");\n });\n }\n }\n const variantBlocks = Array.from(\n scope.querySelectorAll(\n \"[data-public-variant-block],.buy-panel .variant-block,.product-main .variant-block,.buybox .opt\",\n ),\n );\n const nativeVariantId = scope.hasAttribute(\"data-aris-product\")\n ? scope.querySelector(\"[data-public-variant-select]\")?.value\n : null;\n const initialVariant = product.variants?.find((variant) => variant.id === nativeVariantId && canCheckVariant(variant))\n || sellableVariant(product);\n const nativeVariantData = scope.querySelector(\"[data-aris-variant-data]\");\n if (nativeVariantData) {\n try {\n const original = JSON.parse(nativeVariantData.textContent || \"[]\");\n nativeVariantData.textContent = JSON.stringify(original.map((item) => {\n const current = product.variants?.find((variant) => variant.id === item.id);\n return current ? { ...item, inStock: current.inStock, availableQuantity: current.availableQuantity } : item;\n }));\n } catch { /* Variant controls still use the current bootstrap data. */ }\n }\n if (variantBlocks[0]) {\n variantBlocks[0].hidden = (product.variants || []).length <= 1;\n let select = variantBlocks[0].querySelector(\"[data-public-variant-select]\");\n if (!(select instanceof HTMLSelectElement) && product.variants?.length) {\n variantBlocks[0].innerHTML =\n \"

Variante

\" +\n \"\";\n select = variantBlocks[0].querySelector(\"[data-public-variant-select]\");\n }\n if (select instanceof HTMLSelectElement) {\n select.replaceChildren();\n (product.variants || []).forEach((variant) => {\n const option = document.createElement(\"option\");\n option.value = variant.id;\n option.textContent = variant.title + \" — \" + variant.formattedPrice +\n (variant.supplierStockMode && !variant.inStock ? \" — disponibilité à vérifier\" : variant.inStock ? \"\" : \" — épuisé\");\n option.disabled = !canCheckVariant(variant);\n select.appendChild(option);\n });\n setControlAvailable(select, Boolean(product.variants?.length));\n }\n variantBlocks.slice(1).forEach((block) => { block.style.display = \"none\"; });\n if (select && !select.hasAttribute(\"data-public-variant-wired\")) {\n select.setAttribute(\"data-public-variant-wired\", \"\");\n select.addEventListener(\"change\", () => {\n const variant = product.variants.find((item) => item.id === select.value);\n if (variant) setProductVariant(product, variant, scope);\n });\n }\n }\n if (initialVariant) {\n setProductVariant(product, initialVariant, scope, true);\n } else {\n scope.querySelectorAll(\n \"[data-store-action='add-to-cart'],[data-public-quantity],[data-public-variant-select]\",\n ).forEach((control) => setControlAvailable(control, false));\n }\n scope.removeAttribute(\"aria-busy\");\n };\n const hydrateCartDocument = () => {\n if (config.surface !== \"cart\") return;\n const surface =\n document.querySelector('[data-store-slot=\"cart\"]') ||\n document.querySelector(\"[data-studio-cart-surface]\");\n if (!surface) return;\n const lineSlot = surface.querySelector('[data-store-slot=\"cart-lines\"]');\n const summarySlot = surface.querySelector('[data-store-slot=\"cart-summary\"]');\n const totalSlot = surface.querySelector('[data-store-slot=\"cart-total\"]');\n const emptySlot = surface.querySelector('[data-store-slot=\"cart-empty\"]');\n if (!lineSlot || !summarySlot || !totalSlot || !emptySlot) return;\n const checkoutDisabled = !(bootstrap && bootstrap.store && bootstrap.store.checkoutEnabled);\n const lines = cart && cart.lines.length\n ? cart.lines.map((line) => {\n const imageUrl = typeof line.imageUrl === \"string\" && /^(?:https?:\\/\\/|\\/(?!\\/))/i.test(line.imageUrl)\n ? line.imageUrl\n : \"\";\n const pending = pendingCartLineIds.has(line.id);\n const disabled = pending ? \" disabled aria-disabled='true'\" : \"\";\n return \"

\" +\n (imageUrl ? \"

\" : \"\") +\n \"

\" + escapeHtml(line.title) + \"\" + (line.variantTitle ? \"

\" + escapeHtml(line.variantTitle) + \"

\" : \"\") +\n (line.personalization ? \"

\" + escapeHtml(personalizationWords().line + \" : « \" + line.personalization + \" »\") + \"

\" : \"\") +\n (line.preorder ? \"

\" + escapeHtml(preorderLineText(line)) + \"

\" : \"\") +\n \"

\" +\n \"\" + line.quantity + \"\" +\n \"

\" +\n \"

\" +\n \"\" + escapeHtml(line.formattedLineTotal) + \"

\";\n }).join(\"\")\n : \"\";\n const hasLines = Boolean(cart && cart.lines.length);\n lineSlot.innerHTML = lines;\n emptySlot.hidden = hasLines;\n summarySlot.hidden = !hasLines;\n totalSlot.innerHTML = hasLines\n ? \"

\" + say(\"Sous-total\", \"Subtotal\") + \": \" + escapeHtml(cart.totals.formatted.subtotal || cart.totals.formatted.total) + \"
\" + say(\"Livraison\", \"Delivery\") + \": \" + escapeHtml(cart.totals.formatted.shipping || say(\"Calculée au paiement\", \"Calculated at checkout\")) + \"
\" + say(\"Total avant paiement\", \"Total before payment\") + \": \" + escapeHtml(cart.totals.formatted.total) + \"

\"\n : \"\";\n const vacationDelay = bootstrap?.store?.shipping?.vacationEndsAt && bootstrap?.store?.shipping?.delay;\n let vacationNote = summarySlot.querySelector(\"[data-store-vacation-promise]\");\n if (!vacationDelay) vacationNote?.remove();\n else {\n if (!vacationNote) {\n vacationNote = document.createElement(\"p\");\n vacationNote.setAttribute(\"data-store-vacation-promise\", \"\");\n vacationNote.setAttribute(\"role\", \"status\");\n summarySlot.insertBefore(vacationNote, totalSlot);\n }\n vacationNote.textContent = say(\"Mode vacances · délai de livraison : \", \"Holiday mode · delivery time: \") + vacationDelay + \".\";\n }\n const checkout = summarySlot.querySelector(\"[data-store-action='checkout']\");\n if (checkout) {\n setControlAvailable(checkout, !checkoutDisabled && !checkoutPending);\n checkout.textContent = checkoutDisabled\n ? say(\"Paiement indisponible\", \"Checkout unavailable\")\n : checkoutPending\n ? say(\"Redirection…\", \"Redirecting…\")\n : say(\"Passer au paiement\", \"Check out\");\n }\n const paymentNote = summarySlot.querySelector(\".fine-print\");\n if (paymentNote && bootstrap?.store) {\n paymentNote.textContent = bootstrap.store.stripeConnected\n ? say(\"Le paiement est finalisé sur la page sécurisée du prestataire de paiement.\", \"Payment is completed on the payment provider's secure page.\")\n : say(\"Le marchand doit terminer la connexion de son compte de paiement avant l’ouverture du checkout.\", \"The store is finishing its payment setup: checkout opens soon.\");\n }\n };\n // A page this runtime did not draw (the React product fallback) adds to the cart itself, then\n // hands the new cart here so the store's own drawer opens instead of leaving the page.\n document.addEventListener(\"storefront:cart-updated\", (event) => {\n const next = event.detail && event.detail.cart;\n if (!next) return;\n cart = next;\n if (isUncoverExperience()) {\n topNavigate(config.base + \"/cart\");\n return;\n }\n renderCart(event.detail.open !== false);\n hydrateCartDocument();\n });\n window.__storefrontCartDrawer = true;\n // The store's own film, made by the video program (place « store_home »): it opens the home page, muted and\n // looping, in place of the opening's large image when there is one, first on the page otherwise. Still for\n // those who ask the system for less motion.\n const hydrateHomeFilm = () => {\n const film = bootstrap && bootstrap.store && bootstrap.store.homeFilm;\n if (config.surface !== \"home\" || !film || typeof film.url !== \"string\" || document.querySelector(\"video[data-cst-home-film]\")) return;\n const still = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n const main = document.querySelector(\"main\") || document.body;\n const video = document.createElement(\"video\");\n video.setAttribute(\"data-cst-home-film\", \"\");\n [\"muted\", \"loop\", \"playsinline\"].concat(still ? [\"controls\"] : [\"autoplay\"]).forEach((flag) => video.setAttribute(flag, \"\"));\n video.muted = true;\n video.setAttribute(\"preload\", \"metadata\");\n if (film.posterUrl) video.setAttribute(\"poster\", film.posterUrl);\n video.setAttribute(\"aria-label\", document.title || \"\");\n video.src = film.url;\n const opening = main.querySelector(\"section\") || main.firstElementChild;\n const wide = window.innerWidth * 0.6;\n const image = opening ? Array.from(opening.querySelectorAll(\"img\")).find((img) => img.getBoundingClientRect().width >= wide) : null;\n const vertical = film.aspect === \"9:16\" && window.innerWidth > window.innerHeight;\n if (image) {\n video.className = image.className;\n video.style.cssText = \"width:100%;height:100%;object-fit:\" + (vertical ? \"contain\" : \"cover\") + \";display:block;background:#000\";\n image.style.display = \"none\";\n image.insertAdjacentElement(\"afterend\", video);\n return;\n }\n const band = document.createElement(\"section\");\n band.setAttribute(\"data-cst-home-film-band\", \"\");\n band.style.cssText = \"width:100%;overflow:hidden;background:#000\";\n video.style.cssText = \"width:100%;max-height:78vh;aspect-ratio:\" + String(film.aspect || \"16:9\").replace(\":\", \"/\") + \";object-fit:\" + (vertical ? \"contain\" : \"cover\") + \";display:block\";\n band.appendChild(video);\n main.insertBefore(band, main.firstChild);\n };\n const hydrateCommerce = () => {\n hydrateHomeFilm();\n document.querySelectorAll(\"[data-store-action='add-to-cart']\").forEach((element) => {\n if (element.closest(\"nav,header\")) return;\n const product = productForElement(element);\n const variant = sellableVariant(product);\n if (!product || !variant) return;\n element.setAttribute(\"data-commerce-add\", \"\");\n element.setAttribute(\"data-commerce-product-id\", product.id);\n element.setAttribute(\"data-commerce-variant-id\", variant.id);\n const card = productCardForElement(element);\n if (card) {\n card.setAttribute(\"data-public-product-card\", \"\");\n card.setAttribute(\"data-public-product-title\", product.title);\n card.setAttribute(\"data-public-product-price\", String(variant.priceCents || 0));\n const cardLinks = card.matches?.(\"a[href]\")\n ? [card]\n : Array.from(card.querySelectorAll?.(\"a[href]\") || []);\n cardLinks.forEach((cardLink) => {\n cardLink.setAttribute(\n \"href\",\n config.base + \"/products/\" + encodeURIComponent(product.slug),\n );\n cardLink.setAttribute(\"data-commerce-product-id\", product.id);\n cardLink.setAttribute(\"data-commerce-variant-id\", variant.id);\n });\n }\n });\n hydrateProductDocument();\n if (config.surface === \"product\") {\n const vacationDelay = bootstrap?.store?.shipping?.vacationEndsAt && bootstrap?.store?.shipping?.delay;\n let note = document.querySelector(\"[data-store-vacation-promise]\");\n if (!vacationDelay) note?.remove();\n else {\n if (!note) {\n note = document.createElement(\"p\");\n note.setAttribute(\"data-store-vacation-promise\", \"\");\n note.setAttribute(\"role\", \"status\");\n note.style.cssText = \"padding:12px 16px;border:1px solid currentColor;border-radius:8px;margin:16px 0;font:600 14px/1.5 system-ui,sans-serif\";\n (document.querySelector(\"[data-store-slot='product']\") || document.querySelector(\"main\") || document.body).prepend(note);\n }\n note.textContent = \"Mode vacances · délai de livraison : \" + vacationDelay + \". Ce délai remplace celui du contenu de la page.\";\n }\n }\n hydrateCollectionControls();\n // Initial hydration and focus refreshes must not dismiss an open cart.\n renderCart(drawerOpen);\n hydrateCartDocument();\n if (document.querySelector(\".impulse-storefront-template\")) document.dispatchEvent(new CustomEvent(\"impulse:catalog-updated\", { detail: bootstrap }));\n if (document.querySelector(\".vif-storefront-template\")) {\n // « Buy now » waits until the store can take a payment.\n document.querySelectorAll(\"button[data-vif-buy-now]\").forEach(control => { control.dataset.vifCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"vif:catalog-updated\", { detail: bootstrap }));\n }\n if (document.querySelector(\".onde-storefront-template\")) {\n document.querySelectorAll(\"button[data-onde-buy-now]\").forEach(control => { control.dataset.ondeCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"onde:catalog-updated\", { detail: bootstrap }));\n }\n if (document.querySelector(\".serre-storefront-template\")) {\n // « Buy now » waits until the store can take a payment.\n document.querySelectorAll(\"button[data-serre-buy-now]\").forEach(control => { control.dataset.serreCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"serre:catalog-updated\", { detail: bootstrap }));\n }\n if (document.querySelector(\".tech-storefront-template\")) {\n document.querySelectorAll(\"button[data-tech-buy-now]\").forEach(control => { control.dataset.techCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"tech:catalog-updated\", { detail: bootstrap }));\n }\n if (document.querySelector(\".rosee-storefront-template\")) {\n document.querySelectorAll(\"button[data-rosee-buy-now]\").forEach(control => { control.dataset.roseeCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"rosee:catalog-updated\", { detail: bootstrap }));\n }\n if (document.querySelector(\"button[data-aris-buy-now]\")) {\n // Aris and Fanfare « Buy now » wait until the store can take a payment.\n document.querySelectorAll(\"button[data-aris-buy-now]\").forEach(control => { control.dataset.arisCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n }\n if (document.querySelector(\".pulse-club\")) {\n // Pulse's « Buy now » also waits until the store can take a payment.\n document.querySelectorAll(\"button[data-pulse-buy-now]\").forEach(control => { control.dataset.pulseCheckoutReady = String(Boolean(bootstrap?.store?.checkoutEnabled ?? bootstrap?.checkoutEnabled)); });\n document.dispatchEvent(new CustomEvent(\"pulse:catalog-updated\", { detail: bootstrap }));\n }\n };\n const priceOf = (card) => {\n const attr = Number(card.getAttribute(\"data-public-product-price\") || 0);\n if (attr) return attr;\n const match = (card.textContent || \"\").match(/(\\d+(?:[.,]\\d{2})?)\\s*[€$£]|[€$£]\\s*(\\d+(?:[.,]\\d{2})?)/);\n const num = match ? Number((match[1] || match[2]).replace(\",\", \".\")) : 0;\n return Math.round(num * 100);\n };\n const stemWord = (word) => word.replace(/(es|s|x)$/, \"\");\n const categoryTokens = (value) => {\n const folded = normalized(String(value || \"\").replace(/-/g, \" \"));\n const tokens = [];\n folded.split(/\\s+/).filter((token) => token.length >= 4).forEach((token) => {\n tokens.push(token);\n const stem = stemWord(token);\n if (stem.length >= 4 && stem !== token) tokens.push(stem);\n });\n return { raw: folded, tokens: tokens };\n };\n const categoryMatches = (cardCategory, needle) => {\n const hay = normalized(cardCategory);\n if (!hay) return false;\n if (needle.tokens.length === 0) return needle.raw ? hay.indexOf(needle.raw) >= 0 : false;\n return needle.tokens.some((token) => hay.indexOf(token) >= 0 || token.indexOf(hay) >= 0);\n };\n // Prefer the statically-baked product cards (present even when the commerce\n // bootstrap fails), falling back to the cards the cart hydration tagged.\n const collectionCards = () => {\n const hydrated = Array.from(\n document.querySelectorAll(\"[data-public-product-card]\"),\n );\n if (hydrated.length) return hydrated;\n const tagged = Array.from(\n document.querySelectorAll(\"[data-studio-category]\"),\n ).filter((element) => element.querySelector(\"img\"));\n if (tagged.length) return tagged;\n return [];\n };\n const realCardCategories = () =>\n collectionCards()\n .map((card) => normalized(card.getAttribute(\"data-studio-category\")))\n .filter(Boolean);\n const selectedCollectionCategories = () => {\n const categoryGroup = document.querySelector(\".filters .filter-group\");\n if (!categoryGroup) return [];\n return Array.from(categoryGroup.querySelectorAll(\"label\"))\n .filter((label) => label.querySelector(\"input[type='checkbox']\")?.checked)\n .map((label) => normalized(label.textContent).replace(/\\d+/g, \"\").trim())\n .filter(Boolean);\n };\n const applyCollectionControls = (explicitCategory = null) => {\n if (config.surface !== \"collection\") return;\n const cards = collectionCards();\n if (!cards.length) return;\n const minInput = document.querySelector(\".price-range input:first-of-type\");\n const maxInput = document.querySelector(\".price-range input:last-of-type\");\n const minPrice = Number(minInput?.value || 0) * 100;\n const maxPrice = Number(maxInput?.value || 0) * 100;\n const activeCategories = [];\n if (explicitCategory && normalized(explicitCategory) !== \"tous\") {\n activeCategories.push(explicitCategory);\n }\n selectedCollectionCategories().forEach((category) => activeCategories.push(category));\n const needles = activeCategories.map((category) => categoryTokens(category));\n const passesCategory = (card) => {\n if (!needles.length) return true;\n const category = card.getAttribute(\"data-studio-category\") || \"\";\n return needles.some((needle) => categoryMatches(category, needle));\n };\n const passesPrice = (card) => {\n if (!minPrice && !maxPrice) return true;\n const price = priceOf(card);\n if (!price) return true;\n return (!minPrice || price >= minPrice) && (!maxPrice || price <= maxPrice);\n };\n const matched = cards.filter((card) => passesCategory(card) && passesPrice(card));\n // Mirror the studio runtime guard: only filter when it actually narrows the\n // grid, never blank the page. A non-matching ?c= (a label-derived slug, or a\n // category with no products) therefore shows the full catalogue instead of an\n // empty grid.\n const willFilter = matched.length > 0 && matched.length < cards.length;\n cards.forEach((card) => {\n card.style.display = willFilter && matched.indexOf(card) < 0 ? \"none\" : \"\";\n });\n const count = document.querySelector(\"#prodcount,.count span:first-child\");\n if (count) count.textContent = String(willFilter ? matched.length : cards.length);\n };\n const sortCollection = (value) => {\n const cards = collectionCards();\n const container = cards[0]?.parentElement;\n if (!container || cards.length < 2) return;\n if (value === \"price-asc\" || value === \"price_asc\") {\n cards.sort((left, right) => priceOf(left) - priceOf(right));\n } else if (value === \"price-desc\" || value === \"price_desc\") {\n cards.sort((left, right) => priceOf(right) - priceOf(left));\n } else {\n return;\n }\n cards.forEach((card) => container.appendChild(card));\n };\n const hydrateCollectionControls = () => {\n if (config.surface !== \"collection\") return;\n if (document.querySelector(\".elan-storefront-template .elan-category-filter,.pulse-storefront-template .pulse-catalog,.impulse-storefront-template .impulse-catalog,.vif-storefront-template .vif-catalog,.onde-storefront-template .onde-catalog,.serre-storefront-template .serre-catalog,.tech-storefront-template .tech-catalog,.rosee-storefront-template .rosee-catalog\")) return;\n const requested = normalized(\n config.collectionSlug || new URLSearchParams(location.search).get(\"c\"),\n );\n const canonicalCollection = (bootstrap.collections || []).find(\n (collection) => normalized(collection.slug) === requested,\n );\n if (requested && requested !== \"all\" && canonicalCollection) {\n const allowed = new Set(canonicalCollection.productIds || []);\n const cards = collectionCards();\n cards.forEach((card) => {\n const product = productForElement(card);\n card.style.display = product && allowed.has(product.id) ? \"\" : \"none\";\n });\n const count = document.querySelector(\"#prodcount,.count span:first-child\");\n if (count) count.textContent = String(\n cards.filter((card) => card.style.display !== \"none\").length,\n );\n return;\n }\n // Only honour ?c= when it plausibly maps to a real product category; the\n // never-blank guard in applyCollectionControls is the ultimate safety net.\n const requestedNeedle = categoryTokens(requested);\n const matchesReal =\n Boolean(requested) &&\n realCardCategories().some((category) => categoryMatches(category, requestedNeedle));\n applyCollectionControls(matchesReal ? requested : null);\n document.querySelectorAll(\".chip,[data-store-action='collection-filter']\").forEach((chip) => {\n chip.addEventListener(\"click\", () => {\n const category = normalized(chip.textContent).replace(/\\d+/g, \"\").trim();\n applyCollectionControls(category);\n });\n });\n document.querySelectorAll(\".filters input,.price-range input\").forEach((input) => {\n input.addEventListener(\"change\", () => applyCollectionControls());\n });\n document.querySelectorAll(\"select.sort,select[aria-label*='Trier'],[data-store-action='collection-sort']\").forEach((select) => {\n select.addEventListener(\"change\", () => sortCollection(select.value));\n });\n };\n const formatMoneyCents = (cents, currency) => {\n const amount = (Number(cents) || 0) / 100;\n try {\n // The page's language and a short symbol (« $29.95 », never « US$29.95 »).\n return new Intl.NumberFormat(document.documentElement.lang || undefined, { style: \"currency\", currency: currency || \"EUR\", currencyDisplay: \"narrowSymbol\" }).format(amount);\n } catch (error) {\n return amount.toFixed(2) + \" \" + (currency || \"EUR\");\n }\n };\n // Find the densest grid of product-like cards — the search results container.\n const findProductGrid = () => {\n const selector = \"[data-studio-category],[data-public-product-card],.product-card,article.card,.card,article\";\n const candidates = Array.from(document.querySelectorAll(selector)).filter((element) =>\n element.querySelector(\"img\") || /[€$£]|\\d[.,]\\d{2}/.test(element.textContent || \"\")\n );\n if (!candidates.length) return null;\n const groups = new Map();\n candidates.forEach((element) => {\n const parent = element.parentElement;\n if (!parent) return;\n const list = groups.get(parent) || [];\n list.push(element);\n groups.set(parent, list);\n });\n let grid = null;\n let cards = [];\n groups.forEach((list, parent) => {\n if (list.length > cards.length) { grid = parent; cards = list; }\n });\n if (!grid || !cards.length) return null;\n return { grid: grid, template: cards[0] };\n };\n const fillSearchCard = (card, product) => {\n const href = config.base + \"/products/\" + product.slug;\n if (card.classList.contains(\"impulse-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-impulse-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-impulse-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-impulse-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\"[data-impulse-quick]\")?.setAttribute(\"data-impulse-quick\", detail?.id || product.id);\n card.querySelector(\".impulse-card-alternate\")?.remove();\n card.querySelector(\".impulse-stock\")?.remove();\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"vif-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-vif-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-vif-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-vif-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\"[data-vif-quick]\")?.setAttribute(\"data-vif-quick\", detail?.id || product.id);\n card.querySelector(\".vif-card-alternate\")?.remove();\n card.querySelector(\".vif-stock\")?.remove();\n card.querySelector(\".vif-card-swatch\")?.remove();\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".vif-card-add\");\n const variants = detail?.variants || [];\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".vif-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".vif-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-vif-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"onde-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-onde-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-onde-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-onde-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\"[data-onde-quick]\")?.setAttribute(\"data-onde-quick\", detail?.id || product.id);\n card.querySelector(\".onde-card-alternate\")?.remove();\n card.querySelector(\".onde-stock\")?.remove();\n card.querySelector(\".onde-card-swatch\")?.remove();\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".onde-card-add\");\n const variants = detail?.variants || [];\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".onde-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".onde-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-onde-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"serre-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-serre-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-serre-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-serre-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\"[data-serre-quick]\")?.setAttribute(\"data-serre-quick\", detail?.id || product.id);\n card.querySelector(\".serre-card-alternate\")?.remove();\n card.querySelector(\".serre-stock\")?.remove();\n card.querySelector(\".serre-card-swatch\")?.remove();\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".serre-card-add\");\n const variants = detail?.variants || [];\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".serre-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".serre-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-serre-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"tech-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-tech-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-tech-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-tech-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelectorAll(\"[data-tech-quick]\").forEach(control => control.setAttribute(\"data-tech-quick\", detail?.id || product.id));\n card.querySelector(\".tech-card-alternate\")?.remove();\n card.querySelector(\".tech-card-badge\")?.remove();\n card.querySelector(\".tech-card-dots\")?.remove();\n // The template card's one-click add named its own variant: a result chooses in the quick view.\n card.querySelector(\".tech-card-add-one .tech-card-atc\")?.closest(\".tech-card-add\")?.remove();\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".tech-card-add:not(.tech-card-add-one)\");\n const variants = detail?.variants || [];\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".tech-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".tech-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-tech-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"rosee-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-rosee-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-rosee-available\", String((detail?.variants || []).some(v => v.inStock)));\n card.setAttribute(\"data-rosee-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\"[data-rosee-quick]\")?.setAttribute(\"data-rosee-quick\", detail?.id || product.id);\n card.querySelector(\".rosee-card-alternate\")?.remove();\n card.querySelector(\".rosee-stock\")?.remove();\n card.querySelector(\".rosee-card-swatch\")?.remove();\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".rosee-card-add\");\n const variants = detail?.variants || [];\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".rosee-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".rosee-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-rosee-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n if (card.classList.contains(\"pulse-card\")) {\n const detail = bootstrap?.products?.find(item => item.id === product.id || item.slug === product.slug);\n card.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n card.setAttribute(\"data-pulse-price\", String(product.minPriceCents || 0));\n card.setAttribute(\"data-pulse-sizes\", JSON.stringify([...new Set((detail?.variants || []).flatMap(v => Object.entries(v.optionValues || {}).filter(([axis]) => /size|taille/i.test(axis)).map(([, value]) => value)))]));\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\".pulse-card-alternate\")?.remove();\n card.querySelector(\".pulse-stock\")?.remove();\n card.querySelector(\".pulse-card-color\")?.remove();\n card.querySelector(\"[data-pulse-quick]\")?.setAttribute(\"data-pulse-quick\", detail?.id || product.id);\n const variants = detail?.variants || [];\n card.setAttribute(\"data-pulse-available\", String(variants.some(variant => variant.inStock)));\n // Quick add follows the result's own sizes, never the template card's.\n const quickAdd = card.querySelector(\".pulse-card-add\");\n if (quickAdd && (!variants.length || !variants.some(v => v.inStock))) quickAdd.remove();\n else if (quickAdd) {\n quickAdd.querySelector(\".pulse-card-atc\")?.setAttribute(\"data-commerce-product-id\", detail?.id || product.id);\n quickAdd.querySelector(\".pulse-card-atc\")?.removeAttribute(\"data-commerce-variant-id\");\n const row = quickAdd.querySelector(\"div\");\n row?.replaceChildren(...variants.map(variant => {\n const size = Object.entries(variant.optionValues || {}).find(([axis]) => /size|taille|pointure/i.test(axis))?.[1] || variant.title;\n const button = document.createElement(\"button\");\n button.type = \"button\";\n button.setAttribute(\"data-pulse-add-size\", variant.id);\n button.setAttribute(\"aria-label\", say(\"Ajouter la taille \", \"Add size \") + size);\n button.disabled = !variant.inStock;\n button.textContent = size;\n return button;\n }));\n }\n const available = variants.filter(variant => variant.inStock);\n const variant = (available.length ? available : variants).slice().sort((a, b) => a.priceCents - b.priceCents)[0];\n const color = Object.entries(variant?.optionValues || {}).find(([axis]) => /colou?r|coloris|couleur/i.test(axis))?.[1];\n if (color) {\n const label = document.createElement(\"p\");\n label.className = \"pulse-card-color\";\n label.setAttribute(\"translate\", \"no\");\n label.textContent = color;\n card.querySelector(\".pulse-card-price\")?.before(label);\n }\n if (variants.length && !available.length) {\n const label = document.createElement(\"span\");\n label.className = \"pulse-stock\";\n label.textContent = say(\"Épuisé\", \"Sold out\");\n card.querySelector(\".pulse-card-media\")?.append(label);\n }\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n const price = card.querySelector(\".pulse-card-price\");\n if (price) price.textContent = formatMoneyCents(product.minPriceCents, product.currency);\n card.querySelectorAll(\"[data-store-action='wishlist-toggle']\").forEach(button => button.setAttribute(\"data-commerce-product-id\", detail?.id || product.id));\n }\n if (card.classList.contains(\"ff-card\")) {\n // Fanfare prints: every link, the stamped price and the category tab follow the result.\n card.querySelectorAll(\"a[href]\").forEach(anchor => anchor.setAttribute(\"href\", href));\n card.querySelector(\".ff-card-alternate\")?.remove();\n card.querySelector(\".ff-sold\")?.remove();\n const label = formatMoneyCents(product.minPriceCents, product.currency);\n const stamp = card.querySelector(\".ff-stamp-price\");\n if (stamp) { stamp.classList.remove(\"is-from\"); stamp.textContent = label.replace(/[,.]00(?=\\D*$)/, \"\"); }\n const cardPrice = card.querySelector(\".ff-card-price\");\n if (cardPrice) cardPrice.textContent = label;\n const category = card.querySelector(\".hb-category-name\");\n if (category) category.textContent = product.category || \"\";\n card.querySelector(\".product-image-link\")?.setAttribute(\"aria-label\", product.title);\n }\n const link = card.matches(\"a\") ? card : card.querySelector(\"a\");\n if (link) link.setAttribute(\"href\", href);\n const image = card.querySelector(\"img\");\n if (image && product.imageUrl) {\n image.setAttribute(\"src\", product.imageUrl);\n image.setAttribute(\"srcset\", \"\");\n image.setAttribute(\"alt\", product.title);\n }\n const name = card.querySelector(\".card-name,.product-name,.product-title,h2,h3\");\n if (name) {\n const titleLink = (card.classList.contains(\"pulse-card\") || card.classList.contains(\"impulse-card\") || card.classList.contains(\"vif-card\") || card.classList.contains(\"onde-card\") || card.classList.contains(\"serre-card\") || card.classList.contains(\"tech-card\") || card.classList.contains(\"rosee-card\") || card.classList.contains(\"ff-card\")) ? name.querySelector(\"a[href]\") : null;\n (titleLink || name).textContent = product.title;\n }\n const price = card.querySelector(\".card-price,.product-price,.price,[data-commerce-price]\");\n if (price) price.textContent = formatMoneyCents(product.minPriceCents, product.currency);\n card.setAttribute(\"data-studio-category\", product.category || \"\");\n card.setAttribute(\"data-public-product-price\", String(product.minPriceCents || 0));\n // Search cards link to the product page; never keep a fuzzy add-to-cart here.\n card.querySelectorAll(\"[data-commerce-add]\").forEach((button) => button.removeAttribute(\"data-commerce-add\"));\n };\n const mapSortValue = (raw) => {\n const value = normalized(raw);\n if (/croissant|\\blow\\b|\\basc\\b/.test(value)) return \"price_asc\";\n if (/decroissant|\\bhigh\\b|\\bdesc\\b/.test(value)) return \"price_desc\";\n if (/nouveau|nouveaut|recent|newest|\\bnew\\b/.test(value)) return \"newest\";\n if (/vente|best|popul/.test(value)) return \"best_selling\";\n return \"relevance\";\n };\n const wireSearchForms = () => {\n if (document.querySelector(\".pulse-storefront-template,.impulse-storefront-template,.vif-storefront-template,.onde-storefront-template,.serre-storefront-template,.tech-storefront-template,.rosee-storefront-template\")) return;\n document.querySelectorAll('form,[data-store-action=\"search-submit\"]').forEach((searchSurface) => {\n const input = searchSurface.querySelector(\"input[type='search'],input[name='q']\");\n if (!input || searchSurface.hasAttribute(\"data-public-search-wired\")) return;\n searchSurface.setAttribute(\"data-public-search-wired\", \"\");\n const navigateToResults = (event) => {\n event.preventDefault();\n const params = new URLSearchParams();\n if (input.value) params.set(\"q\", input.value);\n topNavigate(config.base + \"/search?\" + params.toString());\n };\n if (searchSurface.tagName === \"FORM\") {\n searchSurface.addEventListener(\"submit\", navigateToResults);\n return;\n }\n searchSurface.addEventListener(\"click\", (event) => {\n const target = event.target && event.target.closest\n ? event.target.closest(\"button,input[type='button'],input[type='submit']\")\n : null;\n if (target && searchSurface.contains(target)) navigateToResults(event);\n });\n input.addEventListener(\"keydown\", (event) => {\n if (event.key === \"Enter\") navigateToResults(event);\n });\n });\n };\n const hydrateSearchResults = async () => {\n if (config.surface !== \"search\") return;\n const params = new URLSearchParams(location.search);\n const query = params.get(\"q\") || \"\";\n document.querySelectorAll(\"input[type='search'],input[name='q']\").forEach((input) => {\n if (!input.value) input.value = query;\n });\n let result;\n try {\n result = await requestJson(\"/search?\" + params.toString());\n } catch (error) {\n return;\n }\n if (document.querySelector(\".pulse-storefront-template,.impulse-storefront-template,.vif-storefront-template,.onde-storefront-template,.serre-storefront-template,.tech-storefront-template,.rosee-storefront-template\")) {\n // Search can return products added after this document was frozen. Read\n // their current variants before creating size and availability filters.\n const slugs = [...new Set((result.products || []).map(product => product.slug))];\n if (slugs.length) {\n try {\n bootstrap = await requestJson(\"/bootstrap?products=\" + encodeURIComponent(slugs.join(\",\")));\n cart = bootstrap.cart;\n } catch {\n // Result links still lead to the product's live detail page.\n }\n }\n }\n const found = findProductGrid();\n const empty = document.querySelector(\n \"[data-public-empty],.empty-state,.no-results,.empty\",\n );\n if (found && found.template) {\n const template = found.template.cloneNode(true);\n template.style.display = \"\";\n Array.from(found.grid.children).forEach((child) => child.remove());\n if (result.products && result.products.length) {\n if (empty) empty.style.display = \"none\";\n result.products.forEach((product) => {\n const card = template.cloneNode(true);\n fillSearchCard(card, product);\n found.grid.appendChild(card);\n });\n } else {\n if (empty) empty.style.display = \"\";\n }\n }\n if (document.querySelector(\".pulse-storefront-template,.impulse-storefront-template,.vif-storefront-template,.onde-storefront-template,.serre-storefront-template,.tech-storefront-template,.rosee-storefront-template\")) {\n hydrateCommerce();\n document.dispatchEvent(new CustomEvent(\"pulse:catalog-updated\", { detail: bootstrap }));\n syncPulseWishlist();\n document.dispatchEvent(new CustomEvent(\"impulse:catalog-updated\", { detail: bootstrap }));\n document.dispatchEvent(new CustomEvent(\"vif:catalog-updated\", { detail: bootstrap }));\n document.dispatchEvent(new CustomEvent(\"onde:catalog-updated\", { detail: bootstrap }));\n document.dispatchEvent(new CustomEvent(\"rosee:catalog-updated\", { detail: bootstrap }));\n }\n const total = result.pagination ? result.pagination.totalItems : (result.products || []).length;\n document.querySelectorAll(\"[data-public-result-count],.results-count,.result-count strong,#resultCount,#prodcount,.count span:first-child\").forEach((element) => {\n if (element.hasAttribute(\"data-public-result-count\") || /\\d/.test(element.textContent || \"\")) {\n element.textContent = String(total);\n }\n });\n document.querySelectorAll(\"select.sort,select[name='sort'],select[aria-label*='Trier'],.sort select\").forEach((select) => {\n if (select.hasAttribute(\"data-public-sort-wired\")) return;\n select.setAttribute(\"data-public-sort-wired\", \"\");\n select.addEventListener(\"change\", () => {\n const option = select.options[select.selectedIndex];\n const next = new URLSearchParams(location.search);\n next.set(\"sort\", mapSortValue(select.value || (option && option.textContent) || \"\"));\n topNavigate(config.base + \"/search?\" + next.toString());\n });\n });\n };\n const topNavigate = (path) => {\n if (window.top && window.top !== window) window.top.location.href = path;\n else window.location.href = path;\n };\n const topReplace = (path) => {\n const target = window.top && window.top !== window ? window.top : window;\n try {\n target.location.replace(path);\n } catch {\n window.location.replace(path);\n }\n };\n const syncPulseWishlist = () => {\n const root = document.querySelector(\".pulse-storefront-template\");\n if (!root) return;\n const ids = pulseWishlist?.productIds || [];\n root.dataset.pulseWishlist = JSON.stringify(ids);\n document.querySelectorAll(\"[data-store-action='wishlist-toggle']\").forEach(control => {\n control.setAttribute(\"aria-pressed\", String(ids.includes(control.getAttribute(\"data-commerce-product-id\"))));\n });\n document.dispatchEvent(new CustomEvent(\"pulse:wishlist-updated\", { detail: ids }));\n };\n const hydratePulseWishlist = async () => {\n if (config.surface !== \"collection\" || new URLSearchParams(location.search).get(\"wishlist\") !== \"1\") return;\n const found = findProductGrid();\n if (!found?.template) return;\n const items = pulseWishlist?.items || [];\n if (items.length) {\n try {\n bootstrap = await requestJson(\"/bootstrap?products=\" + encodeURIComponent(items.map(item => item.slug).join(\",\")));\n cart = bootstrap.cart;\n } catch { /* Current prices remain available in the wishlist response. */ }\n }\n const template = found.template.cloneNode(true);\n Array.from(found.grid.children).forEach(child => child.remove());\n items.forEach(item => {\n const detail = bootstrap?.products?.find(product => product.id === item.productId);\n const card = template.cloneNode(true);\n card.hidden = false;\n card.style.display = \"\";\n fillSearchCard(card, {\n ...item,\n id: item.productId,\n category: detail?.category || \"\",\n minPriceCents: item.priceCents,\n });\n found.grid.appendChild(card);\n });\n document.dispatchEvent(new Event(\"pulse:catalog-updated\"));\n syncPulseWishlist();\n };\n const loadPulseWishlist = () => requestJson(\"/wishlist\").then(async result => {\n pulseWishlist = result.wishlist;\n syncPulseWishlist();\n await hydratePulseWishlist();\n }).catch(() => {});\n document.addEventListener(\"click\", async (event) => {\n const target = event.target instanceof Element ? event.target : null;\n if (!target) return;\n // Native modal controls own their click before the generic action contract.\n if (target.closest(\"[data-pulse-open],[data-impulse-open],[data-vif-open],[data-onde-open],[data-serre-open],[data-tech-open],[data-rosee-open]\")) return;\n const menuToggle = target.closest(\".menu-toggle,.hamburger,.burger,[aria-label*='menu' i],[aria-controls*='menu' i]\");\n if (menuToggle?.hasAttribute(\"data-pulse-open\") || menuToggle?.hasAttribute(\"data-impulse-open\") || menuToggle?.hasAttribute(\"data-vif-open\") || menuToggle?.hasAttribute(\"data-onde-open\") || menuToggle?.hasAttribute(\"data-serre-open\") || menuToggle?.hasAttribute(\"data-tech-open\") || menuToggle?.hasAttribute(\"data-rosee-open\")) return;\n if (menuToggle && !menuToggle.closest(\"[data-public-cart-drawer]\")) {\n if (\n window.__uncoverTemplateAppLoaded === true &&\n document.querySelector(\"[data-uncover-ssr]\") &&\n menuToggle.hasAttribute(\"data-menu-toggle\")\n ) {\n return;\n }\n event.preventDefault();\n const nestedDetails = menuToggle.matches(\"summary\")\n ? menuToggle.closest(\"details\")\n : menuToggle.querySelector(\"details\");\n if (nestedDetails) {\n const open = !nestedDetails.open;\n nestedDetails.open = open;\n const menuContainer = nestedDetails.closest(\"button\") || menuToggle;\n menuContainer.classList.toggle(\"open\", open);\n menuContainer.setAttribute(\"data-open\", open ? \"true\" : \"false\");\n menuContainer.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n nestedDetails.querySelector(\"summary\")?.setAttribute(\n \"aria-expanded\",\n open ? \"true\" : \"false\",\n );\n return;\n }\n const controlledId = menuToggle.getAttribute(\"aria-controls\");\n const controlled = controlledId ? document.getElementById(controlledId) : null;\n const menu =\n controlled ||\n menuToggle.closest(\"header\")?.querySelector(\"[data-mobile-nav],.mobile-menu,.nav-links,.mobile-nav,.desktop-nav\");\n if (menu) {\n const open = menu.getAttribute(\"data-open\") !== \"true\";\n menu.setAttribute(\"data-open\", open ? \"true\" : \"false\");\n menu.setAttribute(\"aria-hidden\", open ? \"false\" : \"true\");\n menu.hidden = !open;\n menu.classList.toggle(\"open\", open);\n menu.classList.toggle(\"is-open\", open);\n menuToggle.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n }\n return;\n }\n const close = target.closest(\"[data-public-cart-close]\");\n if (close) {\n event.preventDefault();\n drawerOpen = false;\n renderCart(false);\n return;\n }\n const actionElement = target.closest(\"[data-store-action]\");\n const action = actionElement?.getAttribute(\"data-store-action\");\n if (document.querySelector(\".pulse-storefront-template\") && action === \"wishlist-open\") {\n event.preventDefault();\n topNavigate(config.base + \"/collections/all?wishlist=1\");\n return;\n }\n if (document.querySelector(\".pulse-storefront-template\") && action === \"wishlist-toggle\" && actionElement) {\n event.preventDefault();\n const productId = actionElement.getAttribute(\"data-commerce-product-id\");\n if (!productId || actionElement.dataset.pulseWishlistPending) return;\n actionElement.dataset.pulseWishlistPending = \"true\";\n actionElement.setAttribute(\"aria-busy\", \"true\");\n try {\n pulseWishlist = (await requestJson(\"/wishlist\", {\n method: \"POST\",\n body: JSON.stringify({ productId }),\n })).wishlist;\n syncPulseWishlist();\n } catch (error) {\n alert(error instanceof Error ? error.message : String(error));\n } finally {\n delete actionElement.dataset.pulseWishlistPending;\n actionElement.removeAttribute(\"aria-busy\");\n }\n return;\n }\n if (action === \"cart-clear\" && actionElement) {\n event.preventDefault();\n try {\n const result = await requestJson(\"/cart\", { method: \"DELETE\" });\n cart = result.cart;\n renderCart(drawerOpen);\n hydrateCartDocument();\n } catch (error) {\n alert(error instanceof Error ? error.message : String(error));\n }\n return;\n }\n if (action === \"pagination-go\" && actionElement) {\n event.preventDefault();\n const params = new URLSearchParams(location.search);\n const current = Number(params.get(\"page\") || 1);\n const label = normalized(actionElement.textContent);\n const explicit = Number(actionElement.getAttribute(\"data-page\"));\n const nextPage = Number.isFinite(explicit) && explicit > 0\n ? explicit\n : /suivant|next|›/.test(label)\n ? current + 1\n : /precedent|previous|‹/.test(label)\n ? Math.max(1, current - 1)\n : Number(label);\n if (Number.isFinite(nextPage) && nextPage > 0) {\n params.set(\"page\", String(nextPage));\n topNavigate(location.pathname + \"?\" + params.toString());\n }\n return;\n }\n if (action === \"cart-offer-add\" && actionElement) {\n event.preventDefault();\n const offerId = actionElement.getAttribute(\"data-offer-id\");\n if (!offerId || actionElement.hasAttribute(\"aria-busy\")) return;\n actionElement.setAttribute(\"aria-busy\", \"true\");\n actionElement.setAttribute(\"disabled\", \"\");\n try {\n // The server checks the offer and sets its price; the cart only asks.\n const result = await requestJson(\"/cart/items\", {\n method: \"POST\",\n body: JSON.stringify({\n offerId,\n variantId: actionElement.getAttribute(\"data-variant-id\") || \"\",\n quantity: 1,\n }),\n });\n cart = result.cart;\n renderCart(true);\n hydrateCartDocument();\n } catch (error) {\n alert(error instanceof Error ? error.message : String(error));\n actionElement.removeAttribute(\"aria-busy\");\n actionElement.removeAttribute(\"disabled\");\n }\n return;\n }\n if (action && action.startsWith(\"cart-line-\") && actionElement) {\n event.preventDefault();\n const lineId = actionElement.getAttribute(\"data-line-id\");\n if (!lineId || pendingCartLineIds.has(lineId)) return;\n const line = cart?.lines?.find((item) => item.id === lineId);\n if (!line) return;\n pendingCartLineIds.add(lineId);\n hydrateCartDocument();\n if (nativeArisCart) renderCart(drawerOpen);\n try {\n const method = action === \"cart-line-remove\" ? \"DELETE\" : \"PATCH\";\n const quantity =\n action === \"cart-line-increase\"\n ? line.quantity + (line.offerQuantity || 1)\n : Math.max(0, line.quantity - (line.offerQuantity || 1));\n const result = await requestJson(\n \"/cart/items/\" + encodeURIComponent(line.id),\n {\n method,\n body: method === \"PATCH\" ? JSON.stringify({ quantity }) : undefined,\n },\n );\n cart = result.cart;\n renderCart(drawerOpen);\n hydrateCartDocument();\n } catch (error) {\n alert(error instanceof Error ? error.message : String(error));\n } finally {\n pendingCartLineIds.delete(lineId);\n hydrateCartDocument();\n if (nativeArisCart) renderCart(drawerOpen);\n }\n return;\n }\n if (action === \"checkout\" && actionElement && !checkoutPending) {\n event.preventDefault();\n event.stopPropagation();\n if (isUncoverExperience()) {\n topReplace(config.base + \"/checkout\");\n return;\n }\n checkoutPending = true;\n renderCart(true);\n try {\n const result = await requestJson(\"/checkout\", {\n method: \"POST\",\n headers: { \"idempotency-key\": \"cart:\" + cart.id + \":\" + cart.version },\n body: \"{}\",\n });\n topNavigate(result.checkoutUrl);\n } catch (error) {\n checkoutPending = false;\n renderCart(true);\n alert(error instanceof Error ? error.message : String(error));\n }\n return;\n }\n if (action === \"add-to-cart\" && actionElement && !actionElement.closest(\"nav,header\")) {\n event.preventDefault();\n // Vif's « Buy now » adds through this same control, then opens the shared checkout.\n const directCheckout = actionElement.hasAttribute(\"data-vif-buy-now\") || actionElement.hasAttribute(\"data-onde-buy-now\") || actionElement.hasAttribute(\"data-serre-buy-now\") || actionElement.hasAttribute(\"data-tech-buy-now\") || actionElement.hasAttribute(\"data-rosee-buy-now\") || actionElement.hasAttribute(\"data-pulse-buy-now\") || actionElement.hasAttribute(\"data-aris-buy-now\");\n event.stopPropagation();\n const productScope = actionElement.closest(\n \".product-main,.buy-box,.buy-panel,.product-detail,[data-product-detail],main\",\n ) || document;\n const product = productForElement(actionElement);\n const selectedVariantId = productScope.querySelector(\"[data-public-variant-select]\")?.value;\n const variant =\n product?.variants?.find((item) => item.id === selectedVariantId) ||\n product?.variants?.find((item) => item.id === actionElement.getAttribute(\"data-commerce-variant-id\")) ||\n sellableVariant(product);\n const productId = product?.id || actionElement.getAttribute(\"data-commerce-product-id\");\n const variantId = variant?.id || actionElement.getAttribute(\"data-commerce-variant-id\");\n const addKey = String(productId || \"\") + \":\" + String(variantId || \"\");\n if (pendingAddControls.has(actionElement) || pendingAddKeys.has(addKey)) return;\n const quantityText =\n productScope.querySelector(\"[data-public-quantity]\")?.value ||\n productScope.querySelector(\"#qtyVal\")?.textContent ||\n \"1\";\n const quantity = Math.max(1, Math.min(99, Number(quantityText) || 1));\n const uncoverExperience = isUncoverExperience();\n const matchingControls = uncoverExperience && productId && variantId\n ? Array.from(document.querySelectorAll(\"[data-store-action='add-to-cart']\")).filter(\n (control) =>\n control.getAttribute(\"data-commerce-product-id\") === productId &&\n control.getAttribute(\"data-commerce-variant-id\") === variantId,\n )\n : [actionElement];\n let added = false;\n pendingAddKeys.add(addKey);\n matchingControls.forEach((control) => {\n pendingAddControls.add(control);\n if (uncoverExperience) setUncoverAddPending(control, true);\n });\n try {\n if (!productId || !variantId) throw new Error(say(\"Produit ou variante indisponible.\", \"This product or option isn’t available.\"));\n const preorderConsent = config.surface === \"product\" && product?.preorder\n ? document.querySelector(\"[data-preorder-panel] [data-preorder-accept]\")\n : null;\n if (product?.preorder && !preorderConsent) {\n throw new Error(say(\"Ouvrez la fiche du produit pour lire et accepter les conditions de précommande.\", \"Open the product page to read and accept the preorder terms.\"));\n }\n if (preorderConsent && !preorderConsent.checked) {\n preorderConsent.focus();\n throw new Error(say(\"Confirmez les conditions de la précommande avant l’ajout au panier.\", \"Confirm the preorder terms before adding to the cart.\"));\n }\n const personalization = readPersonalization(productScope, product);\n if (personalization.missingField && product?.slug && config.surface !== \"product\") {\n // A quick add on a card: the name is chosen on the product's own page.\n topNavigate(config.base + \"/products/\" + encodeURIComponent(product.slug));\n return;\n }\n if (personalization.error) {\n personalization.input?.focus();\n throw new Error(personalization.error);\n }\n const result = await requestJson(\"/cart/items\", {\n method: \"POST\",\n body: JSON.stringify({\n productId,\n variantId,\n quantity,\n preorderAccepted: preorderConsent?.checked ? preorderConsent.value : null,\n ...(personalization.text ? { personalization: personalization.text } : {}),\n }),\n });\n cart = result.cart;\n renderCart(!uncoverExperience);\n hydrateCartDocument();\n added = true;\n if (directCheckout) document.querySelector('[data-aris-cart-drawer] [data-store-action=\"checkout\"]:not([disabled])')?.click();\n } catch (error) {\n if (uncoverExperience) {\n showUncoverAddFeedback(\n product || { title: \"Article\" },\n quantity,\n uncoverAddErrorMessage(error),\n );\n } else {\n alert(error instanceof Error ? error.message : String(error));\n }\n } finally {\n pendingAddKeys.delete(addKey);\n matchingControls.forEach((control) => pendingAddControls.delete(control));\n if (uncoverExperience) {\n matchingControls.forEach((control) => setUncoverAddPending(control, false));\n if (added && product) {\n matchingControls.forEach(showUncoverAddedState);\n showUncoverAddFeedback(product, quantity);\n }\n }\n }\n return;\n }\n if (action === \"search-open\") {\n event.preventDefault();\n topNavigate(config.base + \"/search\");\n return;\n }\n if (action === \"account-open\") {\n event.preventDefault();\n topNavigate(config.base + \"/account\");\n return;\n }\n if (action === \"cart-open\") {\n event.preventDefault();\n if (isUncoverExperience()) {\n topNavigate(config.base + \"/cart\");\n return;\n }\n drawerOpen = true;\n renderCart(true);\n return;\n }\n }, true);\n // Navigation is normalized by the server. A customer label such as\n // \"Retour à la boutique\" must never overwrite an explicit destination.\n let bootstrapRequest = null;\n const loadBootstrap = () => {\n if (bootstrapRequest) return bootstrapRequest;\n const pageSlugs = pageProductSlugs();\n bootstrapRequest = requestJson(\n \"/bootstrap\" + (pageSlugs.length ? \"?products=\" + encodeURIComponent(pageSlugs.join(\",\")) : \"\"),\n ).finally(() => {\n bootstrapRequest = null;\n });\n return bootstrapRequest;\n };\n loadBootstrap()\n .then((result) => {\n bootstrap = result;\n cart = result.cart;\n hydrateCommerce();\n })\n .catch((error) => {\n console.warn(\"[public-storefront]\", error);\n });\n // Surface controllers that don't depend on the bootstrap payload.\n wireSearchForms();\n if (document.querySelector(\".pulse-storefront-template\")) loadPulseWishlist();\n if (config.surface === \"search\") hydrateSearchResults();\n const refreshCommerceState = () => {\n loadBootstrap().then((result) => {\n bootstrap = result;\n cart = result.cart;\n hydrateCommerce();\n }).catch(() => {});\n };\n window.addEventListener(\"pageshow\", (event) => {\n refreshCommerceState();\n if (event.persisted) window.setTimeout(refreshCommerceState, 250);\n });\n window.addEventListener(\"focus\", refreshCommerceState);\n window.addEventListener(\"popstate\", refreshCommerceState);\n document.addEventListener(\"visibilitychange\", () => {\n if (document.visibilityState === \"visible\") refreshCommerceState();\n });\n})();\n","homeUrl","/","direction","ltr","fallbackOverlay",{"_199":200,"_205":-5,"_181":206},"plan",{"_7":8,"_201":202,"_203":-5,"_204":-5},"banner","Order by Tue, Dec 15 for Christmas","signup","proof","newsletter","\n.cst-plan-bar{position:relative;z-index:50;margin:0;padding:10px 16px;font:inherit;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.01em;text-align:center;color:inherit;background:color-mix(in srgb,currentColor 7%,transparent);box-shadow:inset 0 -1px 0 color-mix(in srgb,currentColor 10%,transparent)}\n.cst-plan-signup{box-sizing:border-box;max-width:640px;margin:72px auto;padding:0 20px;text-align:center;color:inherit;font:inherit}\n.cst-plan-signup h2{margin:0;text-wrap:balance}\n.cst-plan-signup>p{margin:12px auto 0;max-width:34em;opacity:.78;text-wrap:pretty}\n.cst-plan-signup form{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 0}\n.cst-plan-signup input,.cst-plan-signup select{box-sizing:border-box;height:48px;min-width:0;margin:0;padding:0 18px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:999px;background:transparent;font:inherit;font-size:15px;color:inherit}\n.cst-plan-signup input:focus,.cst-plan-signup select:focus{outline:none;border-color:currentColor}\n.cst-plan-signup input::placeholder{color:inherit;opacity:.5}\n.cst-plan-signup input[type=email]{flex:0 1 300px}\n.cst-plan-signup input[type=text]{flex:0 1 220px}\n.cst-plan-signup .cst-plan-date{display:flex;gap:10px;flex:0 1 auto}\n.cst-plan-signup select{padding:0 14px}\n.cst-plan-signup button{flex:none;min-height:48px;margin:0}\n.cst-plan-signup button:disabled{opacity:.6}\n.cst-plan-signup [data-cst-note]{margin:16px 0 0;font-size:16px;font-weight:500}\n.cst-plan-signup [data-cst-note]:empty{display:none}\n.cst-plan-signup .cst-plan-news{display:flex;flex-basis:100%;justify-content:center;align-items:center;gap:8px;margin:4px 0 0;font-size:14px;cursor:pointer}\n.cst-plan-signup .cst-plan-news input{width:16px;height:16px;margin:0;padding:0;border:0;border-radius:0;background:none;-webkit-appearance:checkbox;appearance:auto;accent-color:currentColor;flex:none}\n.cst-plan-signup small{display:block;margin-top:14px;font-size:13px;opacity:.6}\n.cst-plan-signup.is-done form,.cst-plan-signup.is-done small{display:none}\n.cst-plan-proof{margin:10px 0 16px;font:inherit;font-size:14px;line-height:1.45;color:inherit;opacity:.82}\n.cst-plan-proof a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}\n@media (max-width:560px){.cst-plan-signup{margin:56px auto}.cst-plan-signup form{flex-direction:column;align-items:stretch}.cst-plan-signup input[type=email],.cst-plan-signup input[type=text]{flex:none;width:100%}.cst-plan-signup .cst-plan-date{width:100%}.cst-plan-signup .cst-plan-date select{flex:1}.cst-plan-signup button{width:100%}}\n","pixels","storefront-root/routes/store.$storeSlug.notify",{"_210":44,"_211":46,"_212":213,"_214":215,"_216":217},"storeSlug","storeName","mode","opening_preview","productSlug","pearls-in-the-wild","productTitle","Pearls in the Wild","actionData","errors"]

' + esc(line.title) + '

' + esc(T.cart) + ' ' + count + '

' + esc(T.empty) + '

' + esc(T.yourOrder) + '