function addSizeGuide() { if (document.getElementById('bc-size-modal')) return; // --- Modal HTML --- const modal = document.createElement('div'); modal.id = 'bc-size-modal'; modal.style.cssText = ` display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9999; align-items: center; justify-content: center; padding: 16px; `; modal.innerHTML = `

Find Your Fit

Baby comes in two sizes. Here's how to choose.

Standard Baby will fit most face widths

Bigger Babyis 2mm wider on each side

`; document.body.appendChild(modal); // --- Trigger link --- const selects = document.querySelectorAll('select.select-pdp'); let injected = false; selects.forEach(function(select) { if (injected) return; if (select.name !== 'options[Size]') return; injected = true; const link = document.createElement('a'); link.id = 'bc-size-guide-link'; link.href = '#'; link.textContent = "What's my size?"; link.style.cssText = ` display: inline-block; margin-top: 8px; font-family: 'Folio BT Book', sans-serif; font-size: 12px; color: #666; text-decoration: underline; cursor: pointer; `; select.closest('.select-wrapper-pdp').after(link); link.addEventListener('click', function(e) { e.preventDefault(); modal.style.display = 'flex'; }); }); // --- Close --- document.getElementById('bc-size-modal-close').addEventListener('click', function() { modal.style.display = 'none'; }); modal.addEventListener('click', function(e) { if (e.target === modal) modal.style.display = 'none'; }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') modal.style.display = 'none'; }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addSizeGuide); } else { addSizeGuide(); }

GROUPIE