' + (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",{"_194":195,"_205":-5,"_175":206},"plan",{"_7":35,"_196":-5,"_197":-5,"_198":199},"banner","signup","proof",{"_113":200,"_201":202,"_203":204},"More than 5,000 happy customers on Etsy","sourceUrl","https://arisheartmade.com/","sourceLabel","arisheartmade.com","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",{"_70":44,"_209":210,"_215":216,"_217":35,"_218":219},"ids",{"_211":212},"meta",{"_213":214},"pixelId","1415371237110424","consent","auto","lang","privacyHref","/legal","storefront-root/routes/store.$storeSlug.notify",{"_222":44,"_223":46,"_224":225,"_226":227,"_228":229},"storeSlug","storeName","mode","opening_preview","productSlug","bonbon-pink-pearl-drop-earrings-in-14k-rose-gold-filled","productTitle","BONBON Pink Pearl Drop Earrings in 14K Rose Gold Filled","actionData","errors"]

' + esc(line.title) + '

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

' + esc(T.empty) + '

' + esc(T.yourOrder) + '