Order within … to receive as soon as …

`; return wrap; } function updateCountdown(container) { if (!container) return; const counter = container.querySelector('.fl-counter'); const bar = container.querySelector('.fl-progress__bar'); const dateEl = container.querySelector('.fl-date'); const preText = container.querySelector('.fl-pre-text'); const postText = container.querySelector('.fl-post-text'); if (!counter || !bar || !dateEl || !preText || !postText) return; // Get current PST time const now = new Date(); const pstString = now.toLocaleString('en-US', { timeZone: 'America/Los_Angeles' }); const nowPST = new Date(pstString); // Set 1:00 PM PST cutoff const cutoff = new Date(nowPST); cutoff.setHours(13, 0, 0, 0); // 1PM PST let diff; let hours, mins; if (nowPST < cutoff) { // BEFORE 1PM PST — show time until cutoff diff = cutoff - nowPST; hours = Math.floor(diff / 36e5); mins = Math.floor((diff % 36e5) / 6e4); preText.textContent = 'Your order will ship today if you order within the next'; postText.textContent = ''; dateEl.textContent = ''; } else { // AFTER 1PM PST — show time until midnight const midnight = new Date(nowPST); midnight.setHours(24, 0, 0, 0); // midnight PST diff = Math.max(0, midnight - nowPST); hours = Math.floor(diff / 36e5); mins = Math.floor((diff % 36e5) / 6e4); preText.textContent = 'Order within'; postText.textContent = 'to receive as soon as'; dateEl.textContent = computeDeliveryDate(); } counter.textContent = `${hours} hrs ${mins} mins`; // Progress bar based on time-of-day (not cutoff) const msSinceMidnight = nowPST - new Date(nowPST.toDateString()); const pct = (msSinceMidnight / 86400000) * 100; bar.style.width = `${Math.min(100, Math.max(0, pct))}%`; bar.style.backgroundColor = BRAND; } function ensureDeliveryBlock() { const drawer = document.querySelector(DRAWER); if (!drawer) return; const afterNode = drawer.querySelector(AFTER_SEL); if (!afterNode) return; const maybeExisting = afterNode.nextElementSibling; if (maybeExisting && maybeExisting.matches(BLOCK_SEL)) { const dateEl = maybeExisting.querySelector('.fl-date'); if (dateEl) dateEl.textContent = computeDeliveryDate(); updateCountdown(maybeExisting); return; } drawer.querySelectorAll(BLOCK_SEL).forEach(n => n.remove()); const block = createDeliveryBlock(); afterNode.insertAdjacentElement('afterend', block); const dateEl = block.querySelector('.fl-date'); if (dateEl) dateEl.textContent = computeDeliveryDate(); updateCountdown(block); } // ---------- Reassurance badges ---------- function createBadgesBlock() { const wrap = document.createElement('div'); wrap.className = 'fl-badges'; wrap.setAttribute('aria-label','Cart reassurance'); wrap.innerHTML = `

Portion of every order donated

30-day returns & exchanges

Join 430,000+ wearing Free Luma®

`; return wrap; } function ensureBadges() { const drawer = document.querySelector(DRAWER); if (!drawer) return; const delivery = drawer.querySelector(BLOCK_SEL); if (!delivery) return; const next = delivery.nextElementSibling; if (next && next.matches(BADGES_SEL)) return; drawer.querySelectorAll(BADGES_SEL).forEach(n => n.remove()); const badges = createBadgesBlock(); delivery.insertAdjacentElement('afterend', badges); } // ---------- Observer ---------- function startObserver() { const root = document.querySelector(DRAWER); if (!root) return; if (window.FL_CART.mo) return; const handleMutations = debounce(() => { const isOpen = !!root.querySelector('.opus-drawer-container.open'); const hasHead = !!root.querySelector(HEADER); const hasList = !!root.querySelector(AFTER_SEL); if (isOpen && hasHead) ensureWave(); if (isOpen && hasList) { ensureDeliveryBlock(); ensureBadges(); ensureSavingsLine(); } }, 150); const mo = new MutationObserver(handleMutations); mo.observe(root, { childList: true, attributes: true, subtree: true, attributeFilter: ['class'] }); window.FL_CART.mo = mo; // initial pass handleMutations(); // one shared minute ticker for countdown updates if (!window.FL_CART.ticker) { window.FL_CART.ticker = setInterval(() => { const block = document.querySelector(`${DRAWER} ${BLOCK_SEL}`); if (block) updateCountdown(block); }, 60000); } } // ---------- Teardown helpers ---------- function stopObserver() { if (window.FL_CART.mo) { window.FL_CART.mo.disconnect(); window.FL_CART.mo = null; } } function stopTicker() { if (window.FL_CART.ticker) { clearInterval(window.FL_CART.ticker); window.FL_CART.ticker = null; } } // boot once if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startObserver); } else { startObserver(); } window.addEventListener('beforeunload', () => { stopObserver(); stopTicker(); }); })();

Split Screen - Landing