No products found for \"${escapeHtml(searchTerms)}\".
`;\n if (pagination) {\n pagination.innerHTML = sorted.length > visibleCount\n ? ''\n : \"\";\n }\n window.__luxePopularitySearch = {\n query: searchTerms,\n nativeTotal: nativeTotalCount,\n total: filtered.length,\n visible: page.length,\n first: page.slice(0, 12).map((product) => ({\n handle: product.handle,\n title: product.title,\n vendor: product.vendor,\n score: popularityScore(product)\n }))\n };\n setWishlistState();\n window.__luxePostAppendPlp = renderSearchResults;\n };\n\n plp.addEventListener(\"change\", (event) => {\n if (!event.target.closest(\"[data-sort-select]\")) return;\n visibleCount = pageSize;\n renderSearchResults();\n });\n plp.addEventListener(\"click\", (event) => {\n if (!event.target.closest(\"[data-client-view-more]\")) return;\n event.preventDefault();\n visibleCount += pageSize;\n renderSearchResults();\n });\n renderSearchResults();\n return;\n }\n\n const popularityProducts = await loadPopularityProducts();\n const rules = intent;\n let baseProducts = [];\n try {\n const collectionProducts = await fetchAllCollectionProducts(handle);\n baseProducts = withPopularityScores(collectionProducts, popularityProducts).filter((product) => productMatchesTerms(product, terms, rules));\n } catch (error) {\n console.warn(\"[Luxe] Falling back to popularity dataset for collection page\", handle, error);\n baseProducts = popularityProducts.filter((product) => productMatchesTerms(product, terms, rules));\n }\n if (rules.maxItems) baseProducts = sortProductsForPlp(baseProducts, \"best-selling\").slice(0, rules.maxItems);\n const countNode = plp.querySelector(\".ff-plp__count\");\n const pagination = plp.querySelector(\"[data-pagination]\") || plp.querySelector(\".ff-pagination\");\n const pageSize = Math.max(24, grid.querySelectorAll(\".ff-product-card\").length || 24);\n let visibleCount = pageSize;\n\n const render = () => {\n const sortSelect = plp.querySelector(\"[data-sort-select]\");\n const filters = selectedUrlFilters();\n const filtered = applyClientFilters(baseProducts, filters);\n const selectedSort = sortSelect?.value || \"best-selling\";\n const normalizedSort = selectedSort === \"relevance\" ? \"best-selling\" : selectedSort;\n const sorted = sortProductsForPlp(filtered, normalizedSort);\n const page = sorted.slice(0, visibleCount);\n grid.innerHTML = page.map(homeRailProductCard).join(\"\");\n plp.dataset.popularityRendered = \"true\";\n window.__luxePopularityPlp = {\n handle,\n terms,\n baseCount: baseProducts.length,\n filteredCount: filtered.length,\n visibleCount: page.length,\n first: page.slice(0, 8).map((product) => ({\n handle: product.handle,\n title: product.title,\n vendor: product.vendor,\n score: popularityScore(product)\n }))\n };\n if (countNode) countNode.textContent = `${filtered.length} Items`;\n if (pagination) {\n pagination.innerHTML = sorted.length > visibleCount\n ? ''\n : \"\";\n }\n setWishlistState();\n };\n\n plp.addEventListener(\"change\", (event) => {\n if (!event.target.closest(\"[data-sort-select]\")) return;\n visibleCount = pageSize;\n render();\n });\n plp.addEventListener(\"click\", (event) => {\n if (event.target.closest(\"[data-client-view-more]\")) {\n event.preventDefault();\n visibleCount += pageSize;\n render();\n }\n if (event.target.closest(\"[data-client-filter-apply]\")) {\n event.preventDefault();\n render();\n }\n });\n render();\n};\n\nconst ensureMobileSearch = () => {\n const header = document.querySelector(\".ff-header__mobile\");\n if (!header || header.querySelector(\"[data-mobile-search-form]\")) return;\n\n const searchLink = header.querySelector('a.ff-icon-button[href=\"/search\"], a.ff-icon-button[href^=\"/search?\"]');\n if (!searchLink) return;\n\n const iconHtml = searchLink.innerHTML;\n const button = document.createElement(\"button\");\n button.className = searchLink.className;\n button.type = \"button\";\n button.setAttribute(\"data-mobile-search-open\", \"\");\n button.setAttribute(\"aria-label\", searchLink.getAttribute(\"aria-label\") || \"Search\");\n button.innerHTML = iconHtml;\n searchLink.replaceWith(button);\n\n const form = document.createElement(\"form\");\n form.className = \"ff-mobile-search\";\n form.action = \"/search\";\n form.method = \"get\";\n form.role = \"search\";\n form.setAttribute(\"data-mobile-search-form\", \"\");\n form.innerHTML = `\n \n ${iconHtml}\n \n \n `;\n header.appendChild(form);\n};\n\nconst normalizePdpMedia = () => {\n const gallery = document.querySelector(\".ff-pdp__media\");\n if (!gallery || gallery.dataset.luxePdpMediaExpanded === \"true\") return;\n\n const images = Array.from(gallery.querySelectorAll(\":scope > .ff-pdp__image\"));\n if (images.length <= 5) return;\n\n let more = gallery.querySelector(\".ff-pdp__media-more\");\n if (!more) {\n more = document.createElement(\"div\");\n more.className = \"ff-pdp__media-more\";\n more.innerHTML = '';\n }\n\n const moreButton = more.querySelector(\"[data-pdp-media-view-more]\");\n if (moreButton) {\n moreButton.style.setProperty(\"display\", \"inline-flex\", \"important\");\n moreButton.style.setProperty(\"align-items\", \"center\", \"important\");\n moreButton.style.setProperty(\"justify-content\", \"center\", \"important\");\n }\n\n images.forEach((image, index) => {\n if (index > 3) {\n image.hidden = true;\n image.classList.add(\"is-hidden\");\n image.setAttribute(\"data-pdp-extra-media\", \"\");\n } else {\n image.hidden = false;\n image.classList.remove(\"is-hidden\");\n image.removeAttribute(\"data-pdp-extra-media\");\n }\n });\n\n images[3].after(more);\n};\n\nconst homeRailProductCard = (product) => {\n const image = productImageUrl(product);\n const price = Number(product.variants?.[0]?.price || product.price || 0);\n const compare = Number(product.variants?.[0]?.compare_at_price || product.compare_at_price || (price ? price * 1.5 : 0));\n const title = escapeHtml(product.title);\n const vendor = escapeHtml(product.vendor || \"\");\n const url = `/products/${product.handle}`;\n return `\nYour shopping bag is empty.
\";\n footer.innerHTML = 'Continue shopping';\n return;\n }\n\n body.innerHTML = cart.items.map((item) => `\nEstimated Total${money(cart.total_price)}
\n Check out\n `;\n};\n\nconst openSideCart = async () => {\n const cart = await fetch(\"/cart.js\", { headers: { Accept: \"application/json\" } }).then((response) => response.json());\n renderSideCart(cart);\n document.body.classList.add(\"ff-side-cart-open\");\n};\n\nconst removeSideCartItem = async (key) => {\n if (!key) return;\n const response = await fetch(\"/cart/change.js\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\"\n },\n body: JSON.stringify({ id: key, quantity: 0 })\n });\n if (!response.ok) throw new Error(\"Could not remove item from cart\");\n const cart = await response.json();\n renderSideCart(cart);\n};\n\nconst updateSideCartQty = async (key, quantity) => {\n if (!key) return;\n const response = await fetch(\"/cart/change.js\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Accept: \"application/json\" },\n body: JSON.stringify({ id: key, quantity: Math.max(0, quantity) })\n });\n const cart = response.ok\n ? await response.json()\n : await fetch(\"/cart.js\", { headers: { Accept: \"application/json\" } }).then((r) => r.json());\n renderSideCart(cart);\n};\n\nconst initAjaxCart = () => {\n document.querySelectorAll(\"[data-product-form]\").forEach((form) => {\n form.addEventListener(\"submit\", async (event) => {\n if (!window.matchMedia(\"(min-width: 990px)\").matches) return;\n event.preventDefault();\n const submit = form.querySelector('button[type=\"submit\"]');\n const previous = submit?.textContent;\n if (submit) {\n submit.disabled = true;\n submit.textContent = \"Adding...\";\n }\n try {\n const response = await fetch(\"/cart/add.js\", {\n method: \"POST\",\n headers: { Accept: \"application/json\" },\n body: new FormData(form)\n });\n if (!response.ok) throw new Error(\"Could not add item to cart\");\n await openSideCart();\n } catch {\n form.submit();\n } finally {\n if (submit) {\n submit.disabled = false;\n submit.textContent = previous || \"Add to bag\";\n }\n }\n });\n });\n};\n\nconst initHomeProductCarousel = () => {\n document.querySelectorAll(\"[data-home-product-carousel]\").forEach((carousel) => {\n const slides = Array.from(carousel.querySelectorAll(\"[data-home-product-slide]\"));\n const dots = Array.from(carousel.querySelectorAll(\"[data-home-product-dot]\"));\n if (!slides.length) return;\n\n let active = Math.floor((slides.length - 1) / 2);\n const render = () => {\n slides.forEach((slide, index) => {\n const offset = index - active;\n slide.classList.toggle(\"is-active\", index === active);\n slide.style.setProperty(\"--offset\", offset);\n slide.style.setProperty(\"--abs-offset\", Math.abs(offset));\n });\n dots.forEach((dot, index) => dot.classList.toggle(\"is-active\", index === active));\n };\n\n dots.forEach((dot, index) => dot.addEventListener(\"click\", () => {\n active = index;\n render();\n }));\n\n carousel.addEventListener(\"click\", (event) => {\n const slide = event.target.closest(\"[data-home-product-slide]\");\n if (!slide || slide.classList.contains(\"is-active\")) return;\n event.preventDefault();\n active = slides.indexOf(slide);\n render();\n });\n\n render();\n });\n};\n\nconst initHeroBannerCarousel = () => {\n document.querySelectorAll(\"[data-hero-carousel]\").forEach((section) => {\n if (section.dataset.heroCarouselReady === \"true\") return;\n section.dataset.heroCarouselReady = \"true\";\n\n const rail = section.querySelector(\"[data-hero-rail]\");\n const prev = section.querySelector(\"[data-hero-prev]\");\n const next = section.querySelector(\"[data-hero-next]\");\n if (!rail) return;\n\n let paused = false;\n let resumeTimer;\n const step = () => {\n const firstSlide = rail.querySelector(\".ff-luxe-hero__banner\");\n if (!firstSlide) return rail.clientWidth;\n return firstSlide.getBoundingClientRect().width;\n };\n\n const sync = () => {\n const canScroll = rail.scrollWidth > rail.clientWidth + 2;\n prev?.classList.toggle(\"is-disabled\", !canScroll);\n next?.classList.toggle(\"is-disabled\", !canScroll);\n };\n\n const move = (direction = 1) => {\n if (rail.scrollWidth <= rail.clientWidth + 2) return;\n const max = rail.scrollWidth - rail.clientWidth;\n const atEnd = rail.scrollLeft >= max - 4;\n const atStart = rail.scrollLeft <= 4;\n if (direction > 0 && atEnd) {\n rail.scrollTo({ left: 0, behavior: \"smooth\" });\n return;\n }\n if (direction < 0 && atStart) {\n rail.scrollTo({ left: max, behavior: \"smooth\" });\n return;\n }\n rail.scrollBy({ left: direction * step(), behavior: \"smooth\" });\n };\n\n const pauseBriefly = () => {\n paused = true;\n clearTimeout(resumeTimer);\n resumeTimer = setTimeout(() => {\n paused = false;\n }, 5000);\n };\n\n prev?.addEventListener(\"click\", (event) => {\n event.preventDefault();\n pauseBriefly();\n move(-1);\n });\n next?.addEventListener(\"click\", (event) => {\n event.preventDefault();\n pauseBriefly();\n move(1);\n });\n\n [\"pointerenter\", \"focusin\", \"touchstart\", \"wheel\"].forEach((type) => {\n section.addEventListener(type, pauseBriefly, { passive: true });\n });\n section.addEventListener(\"pointerleave\", () => {\n clearTimeout(resumeTimer);\n resumeTimer = setTimeout(() => {\n paused = false;\n }, 1200);\n });\n rail.addEventListener(\"scroll\", sync, { passive: true });\n window.addEventListener(\"resize\", sync);\n\n sync();\n setInterval(() => {\n if (!paused) move(1);\n }, 3000);\n });\n};\n\nconst centerHomeProductCarousels = () => {\n document.querySelectorAll(\"[data-home-product-carousel]\").forEach((carousel) => {\n const baseStyles = {\n display: \"block\",\n visibility: \"visible\",\n opacity: \"1\",\n position: \"relative\",\n left: \"50%\",\n right: \"auto\",\n width: \"100vw\",\n maxWidth: \"100vw\",\n marginTop: \"20px\",\n marginRight: \"0\",\n marginBottom: \"20px\",\n marginLeft: \"-50vw\",\n overflow: \"hidden\",\n textAlign: \"center\",\n transform: \"none\",\n };\n\n Object.entries(baseStyles).forEach(([property, value]) => {\n carousel.style.setProperty(property.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`), value, \"important\");\n });\n\n carousel.querySelectorAll(\".ff-home-recommendations__stage\").forEach((stage) => {\n stage.style.setProperty(\"width\", \"100vw\", \"important\");\n stage.style.setProperty(\"max-width\", \"100vw\", \"important\");\n stage.style.setProperty(\"height\", window.matchMedia(\"(max-width: 749px)\").matches ? \"422px\" : \"562px\", \"important\");\n stage.style.setProperty(\"margin-left\", \"auto\", \"important\");\n stage.style.setProperty(\"margin-right\", \"auto\", \"important\");\n stage.style.setProperty(\"overflow\", \"visible\", \"important\");\n });\n\n carousel.querySelectorAll(\".ff-home-recommendations__slide\").forEach((slide) => {\n slide.style.setProperty(\"left\", \"50%\", \"important\");\n slide.style.setProperty(\"margin-left\", \"0\", \"important\");\n });\n\n requestAnimationFrame(() => {\n carousel.style.setProperty(\"transform\", \"none\", \"important\");\n const left = carousel.getBoundingClientRect().left;\n if (Math.abs(left) > 1) {\n carousel.style.setProperty(\"transform\", `translateX(${-left}px)`, \"important\");\n }\n });\n });\n};\n\nconst enforceMobileLayoutFixes = () => {\n if (!document.getElementById(\"ff-live-mobile-layout-fixes\")) {\n const style = document.createElement(\"style\");\n style.id = \"ff-live-mobile-layout-fixes\";\n style.textContent = `\n .ff-home .ff-home-recommendations,\n .ff-home-recommendations {\n display: block !important;\n visibility: visible !important;\n opacity: 1 !important;\n position: relative !important;\n left: 50% !important;\n right: auto !important;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: -50vw !important;\n margin-right: 0 !important;\n transform: none !important;\n overflow: hidden !important;\n text-align: center !important;\n }\n\n .ff-home-recommendations__stage {\n width: 100vw !important;\n max-width: 100vw !important;\n height: 562px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n overflow: visible !important;\n }\n\n .ff-home-recommendations__dots {\n margin-top: 2px !important;\n }\n\n .ff-home-recommendations__slide {\n left: 50% !important;\n transform: translateX(calc(-50% + (var(--offset) * 290px))) scale(calc(1 - (var(--abs-offset) * .08))) !important;\n }\n\n @media (max-width: 749px) {\n .ff-plp .ff-refinement-bar,\n .ff-plp .ff-refinement-bar.is-open,\n .ff-plp__filters.is-open .ff-refinement-bar {\n display: none !important;\n visibility: hidden !important;\n height: 0 !important;\n max-height: 0 !important;\n overflow: hidden !important;\n margin: 0 !important;\n padding: 0 !important;\n border: 0 !important;\n }\n\n .ff-plp__mobile-controls {\n display: none !important;\n visibility: hidden !important;\n height: 0 !important;\n max-height: 0 !important;\n overflow: hidden !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .ff-plp__body {\n display: block !important;\n padding: 0 !important;\n }\n\n .ff-home .ff-home-recommendations,\n .ff-home-recommendations {\n padding: 14px 0 18px !important;\n }\n\n .ff-home-recommendations__stage {\n width: 100vw !important;\n max-width: 100vw !important;\n height: 422px !important;\n margin: 0 auto !important;\n overflow: visible !important;\n }\n\n .ff-home-recommendations__slide {\n left: 50% !important;\n transform: translateX(calc(-50% + (var(--offset) * 210px))) scale(calc(1 - (var(--abs-offset) * .08))) !important;\n }\n }\n `;\n document.head.append(style);\n }\n\n if (window.matchMedia(\"(max-width: 749px)\").matches) {\n document.querySelectorAll(\"[data-filter-panel]\").forEach((panel) => {\n panel.classList.remove(\"is-open\");\n panel.setAttribute(\"hidden\", \"\");\n panel.style.setProperty(\"display\", \"none\", \"important\");\n });\n document.querySelector(\"[data-filter-form]\")?.classList.remove(\"is-open\");\n }\n\n document.querySelectorAll(\"[data-home-product-carousel]\").forEach((carousel) => {\n carousel.style.setProperty(\"display\", \"block\", \"important\");\n carousel.style.setProperty(\"position\", \"relative\", \"important\");\n carousel.style.setProperty(\"left\", \"50%\", \"important\");\n carousel.style.setProperty(\"width\", \"100vw\", \"important\");\n carousel.style.setProperty(\"max-width\", \"100vw\", \"important\");\n carousel.style.setProperty(\"margin-left\", \"-50vw\", \"important\");\n carousel.style.setProperty(\"margin-right\", \"0\", \"important\");\n carousel.style.setProperty(\"transform\", \"none\", \"important\");\n });\n centerHomeProductCarousels();\n};\n\nconst mountHomeProductCarouselFallback = async () => {\n if (document.querySelector(\"[data-home-product-carousel]\")) return;\n const hero = document.querySelector(\".ff-luxe-hero\");\n if (!hero) return;\n try {\n const data = await fetch(\"/collections/all/products.json?limit=9\", { headers: { Accept: \"application/json\" } }).then((response) => response.json());\n const products = data.products || [];\n if (!products.length) return;\n const section = document.createElement(\"section\");\n section.className = \"ff-home-recommendations\";\n section.setAttribute(\"data-home-product-carousel\", \"\");\n section.innerHTML = `\nMonday to Saturday, 10:30am to 7:00pm
\nSupport: info@luxe-outlet.com
\nPocket 8, Block B, Rohini Sector 15, New Delhi - 110089
\nMonday to Saturday, 10:30am to 7:00pm
\nSupport: info@luxe-outlet.com
\nPocket 8, Block B, Rohini Sector 15, New Delhi - 110089
\nOrders are processed by Luxe Outlet after payment verification or cash-on-delivery confirmation. Delivery timelines depend on the product and service level shown on the product page.
\nFor the fastest support, include your order number, the product link, and a short description of the issue in your email.
\n