' + (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 \"Impossible d’ajouter cette quantité : \" + maximum +\n \" exemplaire\" + (maximum === 1 ? \"\" : \"s\") + \" maximum.\";\n }\n return \"Impossible d’ajouter cet article au panier. Réessayez.\";\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 // 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(\"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\")) 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(\"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(\"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\")) 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\")) {\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\")) {\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 }\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]\")) 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\")) 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-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(\"Produit ou variante indisponible.\");\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(\"Ouvrez la fiche du produit pour lire et accepter les conditions de précommande.\");\n }\n if (preorderConsent && !preorderConsent.checked) {\n preorderConsent.focus();\n throw new Error(\"Confirmez les conditions de la précommande avant l’ajout au panier.\");\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",{"_202":-5,"_203":204,"_189":218},"plan","newsletter",{"_7":8,"_71":205,"_115":206,"_207":208,"_107":209,"_210":211,"_212":213,"_214":215,"_216":217},"News from Aris Heartmade","New arrivals and store moments, straight to your inbox.","field","Your email","Get the news","small","One click to unsubscribe, in every email.","thanks","You’re in. The next news will land in your inbox.","invalidEmail","This email address doesn’t look valid.","failed","That didn’t work. Please try again in a moment.","\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\n.cst-news{box-sizing:border-box;max-width:640px;margin:72px auto;padding:0 20px;text-align:center;color:inherit;font:inherit}\n.cst-news h2{margin:0;text-wrap:balance}\n.cst-news>p{margin:12px auto 0;max-width:34em;opacity:.78;text-wrap:pretty}\n.cst-news form{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin:26px 0 0}\n.cst-news input[type=email]{box-sizing:border-box;flex:0 1 320px;min-width:0;height:var(--cst-news-h,48px);margin:0;padding:0 18px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:var(--cst-news-r,999px);background:transparent;font:inherit;font-size:15px;color:inherit;-webkit-appearance:none;appearance:none}\n.cst-news input[type=email]:focus{outline:none;border-color:currentColor}\n.cst-news input[type=email]::placeholder{color:inherit;opacity:.5}\n.cst-news input[aria-invalid=true]{border-color:currentColor;border-width:2px}\n.cst-news .cst-news-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0}\n.cst-news button{flex:none;min-height:var(--cst-news-h,48px);margin:0}\n.cst-news button:disabled{opacity:.6;cursor:progress}\n.cst-news [data-cst-news-note]{margin:16px 0 0;font-size:16px;font-weight:500}\n.cst-news [data-cst-news-note]:empty{display:none}\n.cst-news [data-cst-news-note]:focus{outline:none}\n.cst-news small{display:block;margin-top:14px;font-size:13px;opacity:.6}\n.cst-news.is-done form,.cst-news.is-done small{display:none}\n@media (max-width:560px){.cst-news{margin:56px auto}.cst-news form{flex-direction:column;align-items:stretch}.cst-news input[type=email]{flex:none;width:100%}.cst-news button{width:100%}}\n","pixels","storefront-root/routes/store.$storeSlug.collections.$collectionSlug",{"_222":223,"_244":245,"_38":308,"_309":310,"_311":22,"_312":313},"collection",{"_40":224,"_225":41,"_69":226,"_71":227,"_228":229,"_230":231,"_232":233,"_234":202,"_235":-5,"_236":-5,"_237":-5,"_238":239,"_240":241,"_242":243},"cmuy0utc1048tpj0d1qeq7pqt","storeId","january-birthstone","January birthstone: garnet","description","Pieces made with garnet, January's birthstone.","imageUrl","https://i.etsystatic.com/19912347/r/il/78fd41/5695166924/il_fullxfull.5695166924_7bed.jpg","kind","manual","managedBy","sourceArtifactId","sourceArtifactVersionId","rules","status","active","createdAt",["D",1791372367871],"updatedAt",["D",1793248701068],"result",{"_246":22,"_247":248,"_249":22,"_250":-5,"_251":-5,"_252":253,"_267":268,"_269":270,"_293":294,"_301":302},"query","sort","relevance","expandedQuery","redirectDestination","correctedQuery","products",[254],{"_40":255,"_69":256,"_71":257,"_228":258,"_259":81,"_260":-5,"_230":231,"_261":89,"_262":263,"_46":47,"_264":54,"_265":13,"_266":89},"cmuwk9fgj006tqp0d0uxcswkn","tiny-garnet-stud-earrings","Tiny Garnet Stud Earrings","💖 Tiny Garnet Stud Earrings with 4mm natural Garnet beads. Choice of 14K rose gold, gold-filled & 925 Sterling Silver wire.\n\n✨ Garnet, the birthstone of January, is a stone of love & devotion. A symbol of dreams into reality & success in business matter ✨\n\n• 14K gold-filled & 925 Sterling Silver wire is known for its lasting quality. With proper care, they will last for a lifetime.\n\n• These earrings won’t tarnish. You can wear them every day.\n\n• Hypoallergenic. You won’t have to worry about allergies from metal such as nickel.\n\n• Each pair is carefully hand-made. They are unique, cute & small and very comfortable. They are perfect for your basic everyday wear and will make a wonderful birthday gift. Also an affordable treat for yourself.\n\n• The earrings will be packaged in a beautiful earring card and tiny craft paper gift box.\n\n• Due to the nature of natural gemstone beads, the color and size of the stones may be slightly varied in each pair. However, that gives a unique charm to each piece :)\n\n💌 Please note that Tracking is not available for Standard Delivery\n\nIf you have any questions about this product, please feel free to message me anytime :)","category","brand","salesCount","minPriceCents",3300,"inStock","availabilityUnknown","searchRank","popularProducts",[],"facets",{"_271":272,"_277":278,"_279":280,"_287":288,"_289":290},"categories",[273],{"_274":81,"_275":81,"_276":101},"value","label","count","brands",[],"availability",[281,284],{"_274":282,"_275":283,"_276":101},"true","En stock",{"_274":285,"_275":286,"_276":89},"false","À vérifier ou épuisé","attributes",{},"price",{"_291":263,"_292":263},"minCents","maxCents","selectedFilters",{"_271":295,"_277":296,"_297":-5,"_262":-5,"_298":-5,"_287":299,"_300":226},[],[],"available","maxPriceCents",{},"collectionSlug","pagination",{"_303":101,"_304":305,"_306":101,"_307":101},"page","pageSize",24,"totalItems","totalPages",{"_44":45,"_42":43,"_46":47},"origin","https://aris-heartmade-2c4207.shops.custodianstores.com","seoBase","path","/collections/january-birthstone","actionData","errors"]

' + esc(line.title) + '

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

' + esc(T.empty) + '

' + esc(T.yourOrder) + '