(function () { const TITLE_SELECTOR = '.moonbundle-subscription-option-title.moonbundle-subscription-title, .moonbundle-subscription-option-title.moonbundle-onetime-title'; const STYLE_ID = 'moonbundle-price-align-style'; function injectStyles() { if (document.getElementById(STYLE_ID)) return; const style = document.createElement('style'); style.id = STYLE_ID; style.textContent = ` .moonbundle-subscription-radios { width: 100% !important; } .moonbundle-subscription-radio-option { width: 100% !important; display: flex !important; align-items: flex-start !important; box-sizing: border-box !important; } .moonbundle-subscription-radio-option > input[type="radio"] { flex: 0 0 auto !important; } .moonbundle-subscription-option-content { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } .moonbundle-subscription-option-title.moonbundle-subscription-title.mb-price-split, .moonbundle-subscription-option-title.moonbundle-onetime-title.mb-price-split { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; gap: 12px !important; } .mb-price-split-label { min-width: 0 !important; } .mb-price-split-prices { display: inline-flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; justify-self: end !important; } .mb-price-old { text-decoration: line-through !important; opacity: 0.65 !important; white-space: nowrap !important; } .mb-price-split-value { white-space: nowrap !important; text-align: right !important; justify-self: end !important; } `; document.head.appendChild(style); } function parseTitle(text) { const cleaned = (text || '').replace(/\s+/g, ' ').trim(); // Match: "Title ~$59.00~ $34.00" let match = cleaned.match(/^(.*?)(?:\s+~(\$\d[\d,]*(?:\.\d{2})?)~)\s+(\$\d[\d,]*(?:\.\d{2})?)$/); if (match) { return { label: match[1].trim(), oldPrice: match[2].trim(), price: match[3].trim() }; } // Match: "Title $59.00 $34.00" match = cleaned.match(/^(.*?)\s+(\$\d[\d,]*(?:\.\d{2})?)\s+(\$\d[\d,]*(?:\.\d{2})?)$/); if (match) { return { label: match[1].trim(), oldPrice: match[2].trim(), price: match[3].trim() }; } // Match: "Title $34.00" match = cleaned.match(/^(.*?)\s+(\$\d[\d,]*(?:\.\d{2})?)$/); if (match) { return { label: match[1].trim(), oldPrice: '', price: match[2].trim() }; } return null; } function splitPrice(el) { if (!el) return; const parsed = parseTitle(el.textContent || ''); if (!parsed) return; const currentLabel = el.querySelector('.mb-price-split-label')?.textContent?.trim() || ''; const currentOldPrice = el.querySelector('.mb-price-old')?.textContent?.trim() || ''; const currentPrice = el.querySelector('.mb-price-split-value')?.textContent?.trim() || ''; if ( currentLabel === parsed.label && currentOldPrice === parsed.oldPrice && currentPrice === parsed.price ) { return; } const pricesHtml = parsed.oldPrice ? ` ${parsed.oldPrice} ${parsed.price} ` : ` ${parsed.price} `; el.innerHTML = ` ${parsed.label} ${pricesHtml} `; el.classList.add('mb-price-split'); } function run() { document.querySelectorAll(TITLE_SELECTOR).forEach(splitPrice); } injectStyles(); run(); const observer = new MutationObserver(function () { run(); }); observer.observe(document.body, { childList: true, subtree: true }); })();