{"customCss":"/* ---------- Wishlist grid: 6 columns on large screens ---------- */\n\n@media (min-width: 1440px) {\n .wishlist-modal-box.wishlist-modal-4 {\n grid-template-columns: repeat(6, 1fr) !important;\n }\n}\n\n/* ---------- empty/new lists: force grid so new cards size correctly ---------- */\n\n.wishlist-modal-box.wg-force-grid {\n display: grid !important;\n grid-template-columns: repeat(4, 1fr) !important;\n gap: 20px;\n}\n.wishlist-modal-box .drawer-cart-empty,\n.wishlist-modal-box .a-main {\n grid-column: 1 / -1;\n}\n.wishlist-modal-box:has(.wg-optimistic) .drawer-cart-empty,\n.wishlist-modal-box:has(.wg-optimistic) .a-main { display: none; }\n\n/* ---------- Toolbar: search + Add All row above each list ---------- */\n\n.wg-toolbar {\n display: flex; align-items: center; gap: 12px;\n margin: 8px 0 16px; flex-wrap: wrap;\n}\n\n/* ---------- Product search: input box ---------- */\n\n.wg-search-wrap { position: relative; flex: 1; min-width: 260px; max-width: 480px; }\n.wg-search-input { width: 100%; padding: 10px 14px; border: 1px solid #ccc; font-size: 15px; }\n\n/* ---------- Product search: results dropdown ---------- */\n\n.wg-search-results {\n position: absolute; top: 100%; left: 0; right: 0; z-index: 50;\n background: #fff; border: 1px solid #ccc; border-top: none;\n max-height: 420px; overflow-y: auto;\n box-shadow: 0 8px 20px rgba(0,0,0,0.12);\n}\n.wg-search-results:empty { display: none; }\n.wg-search-row { padding: 12px 16px; border-bottom: 1px solid #eee; }\n.wg-search-row:last-child { border-bottom: none; }\n.wg-search-main { display: flex; align-items: center; gap: 12px; }\n.wg-search-main img { width: 52px; height: 52px; object-fit: cover; flex-shrink: 0; }\n.wg-search-title { flex: 1; font-size: 15px; text-align: left; }\n.wg-search-empty { padding: 14px; font-size: 14px; color: #777; }\n.wg-in-list {\n margin-left: 8px; padding: 2px 8px; font-size: 11px;\n background: #eee; color: #555; border-radius: 10px;\n vertical-align: middle; white-space: nowrap;\n}\n\n/* ---------- Product search: Add button on each result row ---------- */\n\n.wg-search-action button {\n padding: 8px 18px; background: #272727; color: #fff;\n border: none; cursor: pointer; white-space: nowrap;\n}\n.wg-search-action button:disabled { opacity: 0.6; cursor: default; }\n\n/* ---------- Product search: inline variant chips ---------- */\n\n.wg-variant-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0 2px 64px; }\n.wg-variant-chip {\n padding: 8px 14px; background: #fff; color: #272727;\n border: 1px solid #272727; cursor: pointer; font-size: 13px;\n}\n.wg-variant-chip:disabled { background: #272727; color: #fff; cursor: default; }\n\n/* ---------- Product search: optimistic card for just-added items ---------- */\n\n.wg-optimistic { position: relative; }\n.wg-optimistic-note {\n margin-top: 8px; text-align: center; font-size: 13px; color: #2e7d32;\n}\n\n/* ---------- Add All to Cart button ---------- */\n\n.wg-add-all {\n padding: 12px 28px; background: #272727; color: #fff;\n border: none; cursor: pointer; white-space: nowrap;\n}\n.wg-add-all:disabled { opacity: 0.6; cursor: default; }\n\n/* ---------- create new list: button and inline form ---------- */\n\n.wg-new-list-wrap {\n display: flex; justify-content: flex-start; align-items: center;\n min-height: 44px; margin: 0 0 16px; text-align: left;\n}\n.wg-new-list {\n padding: 10px 22px; background: #fff; color: #272727;\n border: 1px solid #272727; cursor: pointer;\n}\n.wg-new-list-form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.wg-new-list-name { padding: 10px 14px; border: 1px solid #ccc; min-width: 220px; }\n.wg-new-list-create, .wg-new-list-cancel {\n padding: 10px 18px; border: 1px solid #272727; cursor: pointer;\n}\n.wg-new-list-create { background: #272727; color: #fff; }\n.wg-new-list-cancel { background: #fff; color: #272727; }\n.wg-new-list-error { font-size: 13px; color: #b3261e; flex-basis: 100%; }\n.wg-new-list-title { text-align: center; margin: 32px 0 8px; }\n.wg-new-list-hint {\n grid-column: 1 / -1; padding: 24px; text-align: center;\n font-size: 14px; color: #777; border: 1px dashed #ccc;\n}\n\n/* ---------- inputs: replace the browser~s blue focus ring ---------- */\n\n.wg-new-list-name:focus,\n.wg-search-input:focus {\n outline: none;\n border-color: #272727;\n}\n\n/* hide the global share-all buttons; sharing is per-list via each list~s share icon */\n.share-div { display: none !important; }\n\n/* ---------- header heart badge: hide the app~s item count, we render list count ---------- */\n\nhtml.wg-list-badge-on .count-span .show-count b:not(.wg-list-count) {\n display: none !important;\n}","customJs":"(function () {\n /* ---------- shared helpers ---------- */\n\n function money(cents) { return ~$~ + (cents / 100).toFixed(2); }\n\n function isLoggedIn() {\n if (window.__st && window.__st.cid) return true;\n return !!document.querySelector(~a[href*=\"/account/logout\"]~);\n }\n\n function getListId(section) {\n var el = section.querySelector(~[onclick*=\"updateQuantity\"]~);\n var m = el && el.getAttribute(~onclick~).match(/updateQuantity\\(event,\\s*\\d+,\\s*(\\d+)/);\n return m ? m[1] : ~0~;\n }\n\n function variantInList(section, variantId) {\n return !!section.querySelector(~[onclick*=\"addToCartWf(event, ~ + variantId + ~\"]~);\n }\n\n function productInList(section, handle) {\n return !!section.querySelector(~a[href*=\"/products/~ + handle + ~?\"]~);\n }\n\n /* ---------- Add All to Cart, per list ---------- */\n\n function getSectionItems(section) {\n return Array.from(section.querySelectorAll(~.wishlist-grid1~)).map(function (card) {\n var btn = card.querySelector(~[onclick*=\"addToCartWf\"]~);\n if (!btn) return null;\n var match = btn.getAttribute(~onclick~).match(/addToCartWf\\(event,\\s*(\\d+)/);\n if (!match) return null;\n var qtyInput = card.querySelector(~.quant-update~);\n var qty = qtyInput ? parseInt(qtyInput.value, 10) : 1;\n return { id: parseInt(match[1], 10), quantity: qty > 0 ? qty : 1 };\n }).filter(Boolean);\n }\n\n function postItems(items) {\n return fetch(~/cart/add.js~, {\n method: ~POST~,\n headers: { ~Content-Type~: ~application/json~ },\n body: JSON.stringify({ items: items })\n });\n }\n\n async function addAllToCart(section, btn) {\n var items = getSectionItems(section);\n if (!items.length) return;\n\n btn.disabled = true;\n btn.textContent = ~Adding...~;\n\n var failed = [];\n var res = await postItems(items);\n if (!res.ok) {\n // batch add is all-or-nothing on Shopify, so retry one at a time\n for (var i = 0; i < items.length; i++) {\n var single = await postItems([items[i]]);\n if (!single.ok) failed.push(items[i]);\n }\n }\n\n if (failed.length === items.length) {\n btn.textContent = ~Items unavailable~;\n btn.disabled = false;\n return;\n }\n window.location.href = ~/cart~;\n }\n\n /* ---------- Product search: storefront APIs ---------- */\n\n function searchProducts(q) {\n var url = ~/search/suggest.json?q=~ + encodeURIComponent(q) +\n ~&resources[type]=product&resources[limit]=6~;\n return fetch(url).then(function (r) { return r.json(); })\n .then(function (d) { return (d.resources.results.products) || []; });\n }\n\n function getProduct(handle) {\n return fetch(~/products/~ + handle + ~.js~)\n .then(function (r) { return r.json(); });\n }\n\n /* ---------- Product search: add to the current list ---------- */\n\n // posts directly to the Wishlist Guru API; returns true if the save landed\n async function addProductToList(ev, section, product, variant) {\n if (typeof getCurrentLoginFxnForSharedPage !== ~function~) {\n console.warn(~Wishlist Guru login helper not found~);\n return false;\n }\n\n if (variantInList(section, variant.id)) return true;\n\n var listName = section.getAttribute(~data-key~) || ~favourites~;\n var login = await getCurrentLoginFxnForSharedPage();\n\n try {\n var res = await fetch(~https://wishlist-api.webframez.com/create-user~, {\n method: ~POST~,\n headers: { ~Content-Type~: ~application/json~ },\n body: JSON.stringify({\n shopName: permanentDomain,\n plan: window.currentPlan,\n guestToken: login.accessToken,\n customerEmail: login.accessEmail,\n productId: String(product.id),\n variantId: String(variant.id),\n price: variant.price,\n handle: product.handle,\n title: product.title,\n image: product.featured_image,\n customImage: null,\n quantity: ~1~,\n storeName: ~Seint Beauty~,\n language: wfGetDomain,\n wishlistName: [listName],\n wfGetDomain: wfGetDomain,\n specificVariant: true,\n productOption: ~null~,\n wgLanguage: ~english~,\n wgReceiveEmail: ~yes~,\n qunatObj: null\n })\n });\n if (!res.ok) return false;\n var data = await res.json();\n if (data.isAdded !== ~yes~) {\n console.warn(~Wishlist add rejected:~, data);\n return false;\n }\n } catch (e) {\n console.warn(~Wishlist add failed:~, e);\n return false;\n }\n\n insertOptimisticCard(section, product, variant);\n return true;\n }\n\n /* ---------- Product search: optimistic card in the grid ---------- */\n\n function insertOptimisticCard(section, product, variant) {\n var variantLabel = variant.title === ~Default Title~ ? ~~ : variant.title;\n var url = ~/products/~ + product.handle + ~?variant=~ + variant.id;\n var img = String(product.featured_image || ~~);\n\n // empty lists are collapsed, carry the app~s empty-state class, and have no\n // real column tracks even when display is grid, so check the columns themselves\n section.classList.remove(~collapsed~);\n section.classList.remove(~wf-empty-multiwishlist~);\n var cs = getComputedStyle(section);\n var cols = cs.gridTemplateColumns || ~none~;\n if (cs.display !== ~grid~ || cols === ~none~ || cols.split(~ ~).length < 2) {\n section.classList.add(~wg-force-grid~);\n }\n\n var card = document.createElement(~div~);\n card.className = ~wishlist-grid1 product-customization-wishlist wg-optimistic~;\n card.innerHTML =\n ~~ +\n ~

~ +\n ~

~ +\n ~~ + product.title +\n (variantLabel ? ~ - ~ + variantLabel : ) + +\n ~

~ +\n ~

~ + variantLabel + ~

~ +\n ~

~ + money(variant.price) + ~

~ +\n ~

~ +\n ~~ +\n ~

~ +\n ~

Added \\u2713

~ +\n ~

~;\n\n // hidden hook so Add All and the duplicate guard see this item before the next page load\n var hook = document.createElement(~div~);\n hook.style.display = ~none~;\n hook.setAttribute(~onclick~, ~addToCartWf(event, ~ + variant.id + ~, ~ + getListId(section) + ~)~);\n card.appendChild(hook);\n\n section.appendChild(card);\n sortSection(section);\n }\n\n /* ---------- alphabetize items within each list ---------- */\n\n function sortSection(section) {\n var cards = Array.from(section.querySelectorAll(~:scope > .wishlist-grid1~));\n if (cards.length < 2) return;\n\n function titleOf(card) {\n var el = card.querySelector(~.title11~);\n return el ? el.textContent.trim().toLowerCase() : ~~;\n }\n\n var sorted = cards.slice().sort(function (a, b) {\n return titleOf(a).localeCompare(titleOf(b));\n });\n\n // only touch the DOM when the order actually changes, or the observer would loop\n var changed = sorted.some(function (c, i) { return c !== cards[i]; });\n if (!changed) return;\n sorted.forEach(function (c) { section.appendChild(c); });\n }\n\n /* ---------- Product search: results UI ---------- */\n\n function showVariantsInline(row, section, product) {\n var list = row.querySelector(~.wg-variant-list~);\n list.innerHTML = ~~;\n row.querySelector(~.wg-search-action~).innerHTML = ~~;\n\n product.variants.forEach(function (v) {\n if (!v.available) return;\n var chip = document.createElement(~button~);\n chip.type = ~button~;\n chip.className = ~wg-variant-chip~;\n\n if (variantInList(section, v.id)) {\n chip.textContent = v.title + ~ \\u2713~;\n chip.disabled = true;\n } else {\n chip.textContent = v.title + ~ ~ + money(v.price);\n chip.addEventListener(~click~, async function (ev) {\n chip.disabled = true;\n chip.textContent = v.title + ~ ...~;\n var ok = await addProductToList(ev, section, product, v);\n if (ok) {\n chip.textContent = v.title + ~ \\u2713~;\n } else {\n chip.disabled = false;\n chip.textContent = v.title + ~ - retry~;\n }\n });\n }\n list.appendChild(chip);\n });\n }\n\n function renderResults(products, container, section) {\n container.innerHTML = ~~;\n if (!products.length) {\n container.innerHTML = ~

No products found

~;\n return;\n }\n products.forEach(function (p) {\n var img = (p.featured_image && p.featured_image.url) || p.image || ~~;\n var badge = productInList(section, p.handle)\n ? ~In list~ : ~~;\n var row = document.createElement(~div~);\n row.className = ~wg-search-row~;\n row.innerHTML =\n ~

~ +\n ~ $\"\"$ ~ +\n ~~ + p.title + badge + ~~ +\n ~~ +\n ~

~ +\n ~

~;\n\n row.querySelector(~.wg-search-action button~).addEventListener(~click~, function (ev) {\n var btn = ev.currentTarget;\n btn.textContent = ~...~;\n btn.disabled = true;\n getProduct(p.handle).then(async function (product) {\n var available = product.variants.filter(function (v) { return v.available; });\n if (available.length <= 1) {\n var v = available[0] || product.variants[0];\n if (variantInList(section, v.id)) {\n btn.textContent = ~In list \\u2713~;\n return;\n }\n var ok = await addProductToList(ev, section, product, v);\n if (ok) {\n btn.textContent = ~Added \\u2713~;\n } else {\n btn.textContent = ~Retry~;\n btn.disabled = false;\n }\n } else {\n showVariantsInline(row, section, product);\n }\n });\n });\n\n container.appendChild(row);\n });\n }\n\n /* ---------- Product search: input box ---------- */\n\n function buildSearch(section) {\n var listName = section.getAttribute(~data-key~) || ~this list~;\n var wrap = document.createElement(~div~);\n wrap.className = ~wg-search-wrap~;\n wrap.innerHTML =\n ~~ +\n ~

~;\n\n var input = wrap.querySelector(~.wg-search-input~);\n var results = wrap.querySelector(~.wg-search-results~);\n var timer;\n\n input.addEventListener(~input~, function () {\n clearTimeout(timer);\n var q = input.value.trim();\n if (q.length < 2) { results.innerHTML = ~~; return; }\n timer = setTimeout(function () {\n searchProducts(q).then(function (products) { renderResults(products, results, section); });\n }, 300);\n });\n\n document.addEventListener(~click~, function (e) {\n if (!wrap.contains(e.target)) results.innerHTML = ~~;\n });\n\n return wrap;\n }\n\n /* ---------- create a new list (one control per list container) ---------- */\n\n function buildNewListButton(container) {\n if (!isLoggedIn()) return;\n if (container.querySelector(~:scope > .wg-new-list-wrap~)) return;\n\n var wrap = document.createElement(~div~);\n wrap.className = ~wg-new-list-wrap~;\n wrap.innerHTML =\n ~~ +\n ~~;\n\n var openBtn = wrap.querySelector(~.wg-new-list~);\n var form = wrap.querySelector(~.wg-new-list-form~);\n var input = wrap.querySelector(~.wg-new-list-name~);\n var error = wrap.querySelector(~.wg-new-list-error~);\n var createBtn = wrap.querySelector(~.wg-new-list-create~);\n\n function closeForm() {\n form.hidden = true;\n openBtn.hidden = false;\n input.value = ~~;\n error.hidden = true;\n }\n\n function showError(msg) {\n error.textContent = msg;\n error.hidden = false;\n input.focus();\n }\n\n async function createList() {\n var name = input.value.trim();\n if (!name) { showError(~Give your list a name.~); return; }\n\n var exists = Array.from(document.querySelectorAll(~.wishlist-modal-box~)).some(function (s) {\n return (s.getAttribute(~data-key~) || ~~).toLowerCase() === name.toLowerCase();\n });\n if (exists) { showError(~You already have a list named \"~ + name + ~\".~); return; }\n\n if (typeof getCurrentLoginFxnForSharedPage !== ~function~) {\n showError(~Could not create the list. Please refresh and try again.~);\n return;\n }\n\n createBtn.disabled = true;\n createBtn.textContent = ~Creating...~;\n error.hidden = true;\n\n try {\n var login = await getCurrentLoginFxnForSharedPage();\n var res = await fetch(~https://wishlist-api.webframez.com/create-new-wihlist~, {\n method: ~POST~,\n headers: { ~Content-Type~: ~application/json~ },\n body: JSON.stringify({\n wishlistName: [name],\n shopName: permanentDomain,\n customerEmail: login.accessEmail,\n currentToken: login.accessToken,\n storeName: ~Seint Beauty~,\n language: wfGetDomain,\n referral_id: ~~,\n wgReceiveEmail: ~yes~\n })\n });\n var data = res.ok ? await res.json() : null;\n if (!data || String(data.msg || ~~).indexOf(~created~) === -1) {\n console.warn(~Create list rejected:~, data);\n showError(~Could not create the list. Please try again.~);\n return;\n }\n } catch (e) {\n console.warn(~Create list failed:~, e);\n showError(~Could not create the list. Please try again.~);\n return;\n } finally {\n createBtn.disabled = false;\n createBtn.textContent = ~Create~;\n }\n\n var sectionsHere = container.querySelectorAll(~:scope > .wishlist-modal-box~);\n var last = sectionsHere[sectionsHere.length - 1] || container.lastElementChild;\n\n var heading = document.createElement(~h2~);\n heading.className = ~wg-new-list-title~;\n heading.textContent = name;\n\n var section = document.createElement(~div~);\n section.className = ~wishlist-modal-box wishlist-modal-4 wg-force-grid~;\n section.setAttribute(~data-key~, name);\n section.innerHTML =\n ~

Your list is ready. Search above to add items.

~;\n\n last.insertAdjacentElement(~afterend~, heading);\n heading.insertAdjacentElement(~afterend~, section);\n injectAll();\n closeForm();\n\n // take the user to their new list and put the cursor in its search box\n heading.scrollIntoView({ behavior: ~smooth~, block: ~center~ });\n var toolbar = section.previousElementSibling;\n var searchInput = toolbar && toolbar.querySelector(~.wg-search-input~);\n if (searchInput) setTimeout(function () { searchInput.focus(); }, 400);\n }\n\n openBtn.addEventListener(~click~, function () {\n openBtn.hidden = true;\n form.hidden = false;\n input.focus();\n });\n createBtn.addEventListener(~click~, createList);\n wrap.querySelector(~.wg-new-list-cancel~).addEventListener(~click~, closeForm);\n input.addEventListener(~keydown~, function (e) {\n if (e.key === ~Enter~) createList();\n if (e.key === ~Escape~) closeForm();\n });\n\n container.insertAdjacentElement(~afterbegin~, wrap);\n }\n\n /* ---------- toolbar injection, one per list ---------- */\n\n function buildToolbar(section) {\n var prev = section.previousElementSibling;\n if (prev && prev.classList.contains(~wg-toolbar~)) return;\n\n var bar = document.createElement(~div~);\n bar.className = ~wg-toolbar~;\n\n if (isLoggedIn()) bar.appendChild(buildSearch(section));\n\n var btn = document.createElement(~button~);\n btn.type = ~button~;\n btn.className = ~wg-add-all~;\n btn.textContent = ~Add All to Cart~;\n btn.addEventListener(~click~, function () { addAllToCart(section, btn); });\n bar.appendChild(btn);\n\n section.insertAdjacentElement(~beforebegin~, bar);\n }\n\n function injectAll() {\n var containers = [];\n document.querySelectorAll(~.wishlist-modal-box~).forEach(function (section) {\n buildToolbar(section);\n sortSection(section);\n if (containers.indexOf(section.parentElement) === -1) {\n containers.push(section.parentElement);\n }\n });\n containers.forEach(buildNewListButton);\n }\n\n new MutationObserver(injectAll).observe(document.body, { childList: true, subtree: true });\n injectAll();\n})();\n\n/* ---------- Your Lists modal: smarter search (matches list names too) ---------- */\n\n(function () {\n function runListSearch(root, q) {\n var anyVisible = false;\n\n root.querySelectorAll(~.wishlist-modal-box~).forEach(function (section) {\n var nameMatch = q !== ~~ &&\n (section.getAttribute(~data-key~) || ~~).toLowerCase().indexOf(q) > -1;\n\n var sectionVisible = false;\n section.querySelectorAll(~.wishlist-grid1~).forEach(function (card) {\n var title = ((card.querySelector(~.title11 a~) || {}).textContent || ~~).toLowerCase();\n var price = ((card.querySelector(~.product-option-price~) || {}).textContent || ~~).toLowerCase();\n var variant = ((card.querySelector(~.product-selected-variants~) || {}).textContent || ~~).toLowerCase();\n var match = q === ~~ || nameMatch ||\n title.indexOf(q) > -1 || price.indexOf(q) > -1 || variant.indexOf(q) > -1;\n card.style.display = match ? ~flex~ : ~none~;\n if (match) sectionVisible = true;\n });\n\n // during a search, hide entire lists (heading + toolbar + box) with no hits\n var show = q === ~~ || sectionVisible || nameMatch;\n var toolbar = section.previousElementSibling;\n var heading = toolbar && toolbar.previousElementSibling;\n section.style.display = show ? ~~ : ~none~;\n if (toolbar && toolbar.classList.contains(~wg-toolbar~)) {\n toolbar.style.display = show ? ~~ : ~none~;\n }\n if (heading && heading.classList.contains(~wf-multi-Wish-heading~)) {\n heading.style.display = show ? ~~ : ~none~;\n }\n if (show) anyVisible = true;\n });\n\n // recompute the no-match state after our changes\n var modalAll = root.querySelector(~.wishlist-modal-all~);\n var noMatch = root.querySelector(~.wg-no-match-found~);\n var btnDiv = root.querySelector(~.modal-button-div~);\n var gridOpt = root.querySelector(~.grid-option~);\n if (anyVisible) {\n if (modalAll) modalAll.style.display = ~grid~;\n if (btnDiv) btnDiv.style.display = ~block~;\n if (noMatch) { noMatch.style.display = ~none~; noMatch.innerHTML = ~~; }\n if (gridOpt) gridOpt.style.pointerEvents = ~auto~;\n } else {\n if (modalAll) modalAll.style.display = ~none~;\n if (btnDiv) btnDiv.style.display = ~none~;\n if (noMatch) {\n noMatch.style.display = ~block~;\n noMatch.innerHTML = ~

No results found

~;\n }\n if (gridOpt) gridOpt.style.pointerEvents = ~none~;\n }\n }\n\n // runs after the app~s own inline keyup handler, so our result wins\n document.addEventListener(~keyup~, function (e) {\n var t = e.target;\n if (!t || !t.classList || !t.classList.contains(~searchbar_Input~)) return;\n var root = t.closest(~#main-Modal-form~) || document;\n runListSearch(root, t.value.trim().toLowerCase());\n });\n})();\n\n/* ---------- shared page: only show the list named in the share link (wid) ---------- */\n\n(function () {\n var params = new URLSearchParams(window.location.search);\n var wid = params.get(~wid~);\n if (!wid) return;\n\n function listIdOf(section) {\n var el = section.querySelector(~[onclick*=\"updateQuantity\"]~);\n var m = el && el.getAttribute(~onclick~).match(/updateQuantity\\(event,\\s*\\d+,\\s*(\\d+)/);\n return m ? m[1] : null;\n }\n\n function filterToSharedList() {\n document.querySelectorAll(~.wishlist-modal-box~).forEach(function (section) {\n // never filter the \"Your Lists\" modal, only the shared page content\n if (section.closest(~#wg-myModal~)) return;\n\n var id = listIdOf(section);\n if (!id || id === wid) return;\n\n section.style.display = ~none~;\n var prev = section.previousElementSibling;\n if (prev && prev.classList.contains(~wg-toolbar~)) {\n prev.style.display = ~none~;\n prev = prev.previousElementSibling;\n }\n // hide the list~s heading too, matched by its text being the list name\n if (prev && prev.textContent.trim() === (section.getAttribute(~data-key~) || ~~).trim()) {\n prev.style.display = ~none~;\n }\n });\n }\n\n new MutationObserver(filterToSharedList).observe(document.body, { childList: true, subtree: true });\n filterToSharedList();\n})();\n\n\n/* ---------- share links: include the specific list (wid) being shared ---------- */\n\n(function () {\n var attempts = 0;\n\n function wrapUrlCreator() {\n if (typeof window.wishlistUrlCreator !== ~function~) {\n // the app~s script may load after ours, retry for up to ~15s\n if (attempts++ < 30) setTimeout(wrapUrlCreator, 500);\n return;\n }\n\n var orig = window.wishlistUrlCreator;\n window.wishlistUrlCreator = async function (sharedName, singleWishlist) {\n var url = await orig.apply(this, arguments);\n if (singleWishlist && typeof url === ~string~ &&\n url.indexOf(~wg-wishlist~) > -1 && url.indexOf(~wid=~) === -1) {\n url += (url.indexOf(~?~) > -1 ? ~&~ : ~?~) + ~wid=~ + singleWishlist;\n }\n return url;\n };\n }\n\n wrapUrlCreator();\n})();\n\n/* ---------- share: carry the picked list through the app~s share flow ---------- */\n\n(function () {\n var attempts = 0;\n\n function install() {\n if (typeof window.openShareModal !== ~function~ ||\n typeof window.createShareWishlistLink !== ~function~) {\n // the app~s script may load after ours, retry for up to ~15s\n if (attempts++ < 30) setTimeout(install, 500);\n return;\n }\n\n var currentShareListId = ~~;\n\n var origOpen = window.openShareModal;\n window.openShareModal = function (singleWishlist) {\n // remember which list this share dialog is for (~~ = share-all)\n currentShareListId = singleWishlist || ~~;\n return origOpen.apply(this, arguments);\n };\n\n [~openShareWishlistModal~, ~createShareWishlistLink~, ~submitForm~,\n ~shareOnFacebook~, ~shareViaWhatsApp~, ~shareViaLinkedIn~,\n ~shareOnFbMessenger~, ~shareViaTelegram~, ~shareOnTwitter~, ~shareOnInstagram~\n ].forEach(function (name) {\n var orig = window[name];\n if (typeof orig !== ~function~) return;\n window[name] = function () {\n var args = Array.prototype.slice.call(arguments);\n // the app~s dialog re-render loses the list id; restore it here\n if (currentShareListId && (!args.length || args[0] === ~~ || args[0] == null)) {\n args[0] = currentShareListId;\n }\n return orig.apply(this, args);\n };\n });\n }\n\n install();\n})();\n\n/* ---------- header heart badge: show number of lists, not items ---------- */\n\n(function () {\n var listCount = null;\n var fetching = false;\n\n async function getLoginInfo() {\n try {\n if (typeof getCurrentLoginFxnForSharedPage === ~function~) {\n var l = await getCurrentLoginFxnForSharedPage();\n if (l && l.accessEmail) return { email: l.accessEmail, token: l.accessToken };\n }\n } catch (e) {}\n var email = (typeof customerEmail !== ~undefined~ && customerEmail) ? customerEmail : null;\n var token = null;\n try {\n if (typeof getAccessTokenFromCookie === ~function~) token = getAccessTokenFromCookie();\n } catch (e) {}\n try {\n if (!email && typeof getCurrentLoginFxn === ~function~) email = await getCurrentLoginFxn();\n } catch (e) {}\n return email ? { email: email, token: token } : null;\n }\n\n async function fetchListCount() {\n if (fetching) return;\n if (typeof permanentDomain === ~undefined~) return;\n fetching = true;\n try {\n var login = await getLoginInfo();\n if (!login) return; // guests keep the app~s own count\n var res = await fetch(~https://wishlist-api.webframez.com/get-multiwishlist-data~, {\n method: ~POST~,\n headers: { ~Content-Type~: ~application/json~ },\n body: JSON.stringify({\n shopName: permanentDomain,\n customerEmail: login.email,\n currentToken: login.token\n })\n });\n if (res.ok) {\n var data = await res.json();\n if (data && Array.isArray(data.data)) listCount = data.data.length;\n }\n } catch (e) {\n console.warn(~[wg-badge] error:~, e);\n } finally {\n fetching = false;\n applyCount();\n }\n }\n\n function applyCount() {\n if (listCount === null) return;\n // flips on the CSS that hides the app~s own number\n document.documentElement.classList.add(~wg-list-badge-on~);\n document.querySelectorAll(~.count-span .show-count~).forEach(function (bubble) {\n var el = bubble.querySelector(~.wg-list-count~);\n if (!el) {\n el = document.createElement(~b~);\n el.className = ~wg-list-count~;\n bubble.appendChild(el);\n }\n var txt = String(listCount);\n if (el.textContent !== txt) el.textContent = txt;\n });\n }\n\n var timer;\n new MutationObserver(function (muts) {\n var relevant = muts.some(function (m) {\n var t = m.target.nodeType === 3 ? m.target.parentElement : m.target;\n if (t && t.closest && t.closest(~.count-span~)) return true;\n return Array.prototype.some.call(m.addedNodes || [], function (n) {\n return n.nodeType === 1 && (\n (n.matches && n.matches(~.count-span, .show-count, .custom-wishlist-icon~)) ||\n (n.querySelector && n.querySelector(~.count-span~))\n );\n });\n });\n if (!relevant) return;\n applyCount(); // restore our element immediately if the app wiped it\n clearTimeout(timer);\n timer = setTimeout(fetchListCount, 300); // and refresh the count itself\n }).observe(document.body, { childList: true, subtree: true, characterData: true });\n\n setInterval(applyCount, 1000); // backstop\n fetchListCount();\n})();","jsAfterAddToWishlist":"","jsAfterRemoveFromWishlist":"","jsAfterItemsLoaded":"","jsAfterAddToCart":"","metaPixelApiKey":""}

~ +\n ~~ + product.title +\n (variantLabel ? ~ - ~ + variantLabel : ~~) + ~~ +\n ~

No results found

~ +\n ~~ + product.title +\n (variantLabel ? ~ - ~ + variantLabel : ) + +\n ~

Makeup

Palettes

Brushes + Tools

Skincare

Haircare

Bundles

Popular

Highlight

Get The Latest