[{"key":"mobile-pp-test","changeId":"ff119153d7eb5db241dd1ea040d811693397f55c82bf7e059ca75777272a8477","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(function() {\n // 1. Mobile Check\n const isMobile = window.innerWidth <= 768;\n if (!isMobile) return;\n\n // 2. Polling: Wait for BOTH the Article and the Destination Grid\n const intervalId = setInterval(function() {\n \n // Selector for the Article (using wildcard for safety)\n const articleElement = document.querySelector('article[class*=\"LoggedOutMemberBenefits_panel\"]');\n \n // Selector for the Destination (The Featured Links Grid)\n const destinationContainer = document.querySelector('section[data-testid=\"featuredLinks\"] section[data-testid=\"grid\"]');\n\n // Only proceed if BOTH exist\n if (articleElement && destinationContainer) {\n clearInterval(intervalId);\n\n // --- PART A: Edit Content (Slimline) ---\n const legalSmallPrint = articleElement.querySelector('p[class*=\"SignupButton_caption\"]');\n \n if (legalSmallPrint) {\n const parentOfLegalSmallPrint = legalSmallPrint.parentElement;\n \n // Remove siblings after legal print\n let currentNode = parentOfLegalSmallPrint.nextElementSibling;\n while (currentNode) {\n const next = currentNode.nextElementSibling;\n currentNode.remove();\n currentNode = next;\n }\n\n // Remove Footer\n const footerElement = articleElement.querySelector('[class*=\"ContextualPanelFooter_footer\"]');\n if (footerElement) {\n footerElement.remove();\n }\n\n // Reset Height to auto so it shrinks to fit new content size\n articleElement.style.minHeight = 'auto';\n articleElement.style.height = 'auto';\n }\n\n // --- PART B: Reposition and Rebalance Spacing ---\n \n // Get the GRID WRAPPER (the parent div with GridItem classes)\n const gridWrapper = articleElement.closest('div[class*=\"GridItem\"]');\n\n if (gridWrapper) {\n // 1. Move it to the top\n destinationContainer.prepend(gridWrapper);\n\n // 2. Apply Styles to Fix Grid Position and Spacing\n // We use cssText to apply multiple styles at once.\n // !important is needed to override existing class styles.\n gridWrapper.style.cssText += `\n grid-column-start: 1 !important; \n grid-row-start: 1 !important;\n margin-top: 0px !important;\n margin-bottom: 32px !important; \n `;\n \n // NOTE: You can adjust '32px' above to '24px' or '40px' depending on preferred balance.\n }\n }\n }, 100); // Check every 100ms\n\n // 3. Safety Timeout: Give up after 5 seconds\n setTimeout(function() {\n clearInterval(intervalId);\n }, 5000);\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"0d023f85-44c1-4804-9f92-60d181bf3fcc","name":"Move Mobile PPP to the top of the page","phase":"0","coverage":1},{"key":"visual-editor-work-registration-consent-messaging","changeId":"6376b58d65571588bc602a7addb5f57126669ae9fc55a7461017d438dd94781d","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Consent UI Refactor (Optimized for Production)\n * - MutationObserver disconnects after success to save resources.\n * - Uses event delegation for cleaner logic.\n * - Minimal DOM footprints.\n */\n\n(function() {\n const CONFIG = {\n id: 'gb-consent-experiment',\n selectors: {\n emailInput: 'input#email',\n // Using attribute-contains selectors for better resilience against hashed CSS modules\n marketingHeader: '[class*=\"MarketingPreferences_marketingConsentHeading\"]',\n marketingRows: '[class*=\"MarketingPreferences_marketingConsent__\"]',\n disclaimerTexts: 'p[class*=\"Typography_sb-text-body-default-regular\"]',\n formFieldClass: 'FormField_formField'\n },\n externalIcon: ``\n };\n\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-new-consent-wrapper { margin: 24px 0; font-family: Arial, sans-serif; clear: both; }\n .gb-header { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #000; }\n .gb-subheader { font-size: 14px; margin-bottom: 20px; color: #333; line-height: 1.5; }\n .gb-card { border: 1px solid #ced4da; border-radius: 8px; padding: 16px; margin-bottom: 12px; display: flex; align-items: flex-start; cursor: pointer; transition: all 0.2s ease; background: #fff; }\n .gb-card:hover { border-color: #0056b3; }\n .gb-card.selected { border-color: #0056b3; background-color: #f8fbff; }\n .gb-checkbox-ui { width: 20px; height: 20px; border: 2px solid #ced4da; border-radius: 4px; margin-right: 16px; flex-shrink: 0; position: relative; top: 2px; }\n .gb-card.selected .gb-checkbox-ui { background-color: #0056b3; border-color: #0056b3; }\n .gb-card.selected .gb-checkbox-ui::after { content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }\n .gb-card-title-row { font-weight: 700; font-size: 16px; color: #000; margin-bottom: 4px; }\n .gb-card-desc { font-size: 14px; color: #555; line-height: 1.4; }\n .gb-legal-link { color: #0056b3; text-decoration: underline; }\n .gb-show-more-btn { background: none; border: none; color: #0056b3; padding: 0; font-size: 14px; cursor: pointer; text-decoration: underline; display: inline; margin-left: 4px; }\n .gb-more-info { display: none; margin: 12px 0 20px 0; padding: 12px; background: #f4f4f4; border-radius: 4px; font-size: 13px; color: #555; }\n .gb-more-info.expanded { display: block; }\n .gb-hidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; }\n `;\n document.head.appendChild(style);\n };\n\n const applyExperiment = () => {\n const emailInput = document.querySelector(CONFIG.selectors.emailInput);\n const marketingHeader = document.querySelector(CONFIG.selectors.marketingHeader);\n \n if (!emailInput || !marketingHeader || document.querySelector('.gb-new-consent-wrapper')) return false;\n\n injectStyles();\n\n const container = marketingHeader.parentElement;\n // Using [class*=\"...\"] to find the root wrapper more reliably than a full hashed class name\n const emailFieldRoot = emailInput.closest(`[class*=\"${CONFIG.selectors.formFieldClass}\"]`);\n if (!emailFieldRoot) return false;\n\n // Hide original nodes via accessibility-safe class\n container.querySelectorAll(`${CONFIG.selectors.marketingHeader}, ${CONFIG.selectors.marketingRows}, ${CONFIG.selectors.disclaimerTexts}:not(:last-of-type)`)\n .forEach(el => el.classList.add('gb-hidden'));\n\n // Inject New UI\n const html = `\n `;\n \n emailFieldRoot.insertAdjacentHTML('afterend', html);\n\n // Logic Bindings\n const setupCard = (id, consentName) => {\n const card = document.getElementById(id);\n if (!card) return;\n\n const syncState = () => {\n const yesRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"Yes\"]`);\n card.classList.toggle('selected', !!(yesRadio && yesRadio.checked));\n };\n\n card.addEventListener('click', () => {\n const targetValue = card.classList.contains('selected') ? 'No' : 'Yes';\n const targetRadio = document.querySelector(`input[name=\"${consentName}Consent\"][value=\"${targetValue}\"]`);\n if (targetRadio) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n syncState();\n });\n syncState();\n };\n\n const toggleBtn = document.getElementById('gb-toggle-info');\n if (toggleBtn) {\n toggleBtn.addEventListener('click', (e) => {\n e.preventDefault();\n const content = document.getElementById('gb-more-info-content');\n const isExpanded = content.classList.toggle('expanded');\n toggleBtn.textContent = isExpanded ? 'Show less' : 'Show more';\n });\n }\n\n setupCard('gb-card-email', 'email');\n setupCard('gb-card-post', 'post');\n\n return true;\n };\n\n const observer = new MutationObserver(() => {\n if (applyExperiment()) observer.disconnect();\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n applyExperiment();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/registration"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"f14b2541-9d7c-427d-8752-96dba89a17b1","name":"Consent selection test QA","phase":"1","condition":{"id":{"$regex":"317a05de-0554-4d51-b4d6-827f494c134e|2aee58cc-137b-41b2-a5a9-a0275045a949"}},"coverage":1},{"key":"exp-038-product-listings-add-relevant-advice-links-to-filter-sections","changeId":"1d2fe64c2bd2551dacbcf5c63d5a482e4226e2d5fac183fd3bbbd1c76253ccd7","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: EXP 038 Add relevant advice links to filter sections\n * * Description: \n * This script injects advice links into specific filter sections across TVs, Cars, and Washing Machines.\n * - Inline links (e.g. Don't Buy) are placed under specific filter checkboxes without chevrons.\n * - Section links are placed at the bottom of the accordion with a blue chevron and top border.\n * * Engineering Standards:\n * - Resilience: Uses attribute-contains selectors [class*=\"...\"] to survive CSS module rehashing.\n * - Performance: MutationObserver monitors for React re-renders.\n * - Safety: Execution guard prevents double-injection on SPAs.\n * - Unified Logic: Automatically detects the product category route.\n */\n\n(function () {\n const CONFIG = {\n id: 'multi_category_filter_links',\n experimentId: 'EXP 038 Add relevant advice links to filter sections',\n selectors: {\n accordionItem: 'li[data-testid=\"accordion-item\"]',\n accordionContent: '[class*=\"Filters_accordionContent\"]',\n headerLabel: '[class*=\"Typography_sb-text-interface-body-default-strong\"]',\n // Inline targeting\n checkboxWrapper: '[data-testid=\"filter-checkbox-wrapper\"]',\n featureHeader: '[class*=\\\"Filter_exclusionFilterTitle\\\"]',\n tooltip: '[data-testid=\"filter-tooltip\"]'\n }\n };\n\n // 1. Execution Guard: Prevent multiple runs on SPA navigation\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n const tvData = [\n {\n section: \"Best Buys & Don't Buys\",\n links: [\n { text: \"Which? Don't Buy TVs\", href: \"https://www.which.co.uk/reviews/televisions/article/which-dont-buy-tvs-avGpY4Q2Npls\", targetText: \"don't buy\", type: \"inline-checkbox\" }\n ]\n },\n {\n section: \"Screen size\",\n links: [{ text: \"What size TV should I buy?\", href: \"https://www.which.co.uk/reviews/televisions/article/what-size-tv-should-i-buy/what-size-tv-should-i-buy-aXiiB3e0zZcW\", type: \"bottom\" }]\n },\n {\n section: \"Brands\",\n links: [\n { text: \"Which TV brand to buy in 2026\", href: \"https://www.which.co.uk/reviews/televisions/article/most-reliable-tv-brands-aHn4T3r7VjsM\", type: \"bottom\" },\n { text: \"Should you buy a Bush, JVC or Logik TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-currys-or-argos-brand-tv-adSdf3i54xPd\", type: \"bottom\" },\n { text: \"Samsung vs LG TVs: which is best?\", href: \"https://www.which.co.uk/reviews/televisions/article/samsung-vs-lg-tvs-which-is-best-ahcff9c1krJF\", type: \"bottom\" },\n { text: \"Should you buy a Hisense TV over an LG or Samsung?\", href: \"https://www.which.co.uk/reviews/televisions/article/should-you-buy-a-hisense-tv-over-an-lg-or-samsung-aDusZ0t3tEd2\", type: \"bottom\" }\n ]\n },\n {\n section: \"Screen type\",\n links: [\n { text: \"What are LCD and LED TVs and what's the difference?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-are-lcd-and-led-tvs-and-what-s-the-difference-ac27g0D50PeT\", type: \"bottom\" },\n { text: \"What is OLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-oled-tv-aGjI44A1IVQc\", type: \"bottom\" },\n { text: \"What is QLED TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-qled-tv-asQHo4o9SgcG\", type: \"bottom\" }\n ]\n },\n {\n section: \"Features\",\n links: [\n { text: \"What is Freeview Play?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-freeview-play-aWWFq7b6mGfB\", targetText: \"freeview play\", type: \"inline-title\" },\n { text: \"What is HDR?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-hdr-tv-aXRJb9O3rPPx\", targetText: \"hdr\", type: \"inline-title\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [{ text: \"How much does your TV really cost to run?\", href: \"https://www.which.co.uk/reviews/televisions/article/how-much-does-your-tv-really-cost-to-run-avFBE9o43tX5\", type: \"bottom\" }]\n },\n {\n section: \"TV accessibility settings\",\n links: [{ text: \"The best TVs for people who are blind or partially sighted\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-people-who-are-blind-or-partially-sighted-akJC52P8mk06\", type: \"bottom\" }]\n },\n {\n section: \"Gaming features\",\n links: [{ text: \"What specs should a TV have for gaming?\", href: \"https://www.which.co.uk/reviews/televisions/article/the-best-tvs-for-gaming-aQOsC3p2dXb3#what-specs-should-a-tv-have-for-gaming\", type: \"bottom\" }]\n },\n {\n section: \"Resolution\",\n links: [\n { text: \"What is 4K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-4k-tv-aA9be0m2H18T\", type: \"bottom\" },\n { text: \"What is 8K TV?\", href: \"https://www.which.co.uk/reviews/televisions/article/tv-screen-technology-explained/what-is-8k-tv-aeTW93f7JRej\", type: \"bottom\" }\n ]\n }\n ];\n\n const carData = [\n {\n section: \"Brands\",\n links: [\n { text: \"BYD vs Tesla: which EV brand is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/byd-v-tesla-which-is-best-aHibp3U3ryvc\", type: \"bottom\" },\n { text: \"Kia Sportage vs Hyundai Tucson: which is best?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/kia-sportage-vs-hyundai-tucson-which-is-best-a9Qhr3w2ENdo\", type: \"bottom\" },\n { text: \"Most reliable car brands\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/car-reliability/most-reliable-car-brands-aIgru9f1jeFC\", type: \"bottom\" }\n ]\n },\n {\n section: \"New/Used\",\n links: [\n { text: \"How to buy the best used car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-used-car-anNPo1k4R4hS\", type: \"bottom\" },\n { text: \"How to buy the best new car\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/how-to-buy-the-best-car/how-to-buy-the-best-new-car-aUjg94F3x8bL\", type: \"bottom\" }\n ]\n },\n {\n section: \"Fuel type\",\n links: [\n { text: \"Petrol vs diesel vs hybrid cars: which is better?\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/petrol-vs-diesel-cars-which-is-better-az4UV9R1twEE\", type: \"bottom\" },\n { text: \"The pros and cons of EVs in 2026\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/should-i-buy-an-electric-car-ao47p7A3gD29\", type: \"bottom\" },\n { text: \"Petrol vs diesel fuel cost calculator\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/driver-calculators-and-tools/petrol-vs-diesel-calculator-aq1aI3j7Pkm7\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Top cash and finance discounts, plus how to haggle\", href: \"https://www.which.co.uk/reviews/new-and-used-cars/article/best-cash-and-finance-discounts-on-new-cars-aY9jH3J1Q8Fj\", type: \"bottom\" }\n ]\n }\n ];\n\n const washingMachineData = [\n {\n section: \"Brands\",\n links: [\n { text: \"Which washing machine brand is the most reliable?\", href: \"https://www.which.co.uk/reviews/washing-machines/article/best-washing-machine-brands-a2Z6T7H782pB\", type: \"bottom\" }\n ]\n },\n {\n section: \"Price\",\n links: [\n { text: \"Best cheap washing machines 2026: budget models under £400\", href: \"https://www.which.co.uk/reviews/washing-machines/article/top-five-best-cheap-washing-machines-a00aT7T8Y9Hi\", type: \"bottom\" }\n ]\n },\n {\n section: \"Smart\",\n links: [\n { text: \"Smart washing machines explained\", href: \"https://www.which.co.uk/reviews/washing-machines/article/smart-washing-machines-explained-atSzX5S9PxPE\", type: \"bottom\" }\n ]\n },\n {\n section: \"Spin speed\",\n links: [\n { text: \"Useful washing machine cycles\", href: \"https://www.which.co.uk/reviews/washing-machines/article/useful-washing-machine-programs-aVyo00m11RUN\", type: \"bottom\" }\n ]\n },\n {\n section: \"Annual running cost\",\n links: [\n { text: \"Energy-efficient washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/energy-efficient-washing-machines-aDUNk3I9sAL4\", type: \"bottom\" }\n ]\n },\n {\n section: \"Type\",\n links: [\n { text: \"Best integrated washing machines\", href: \"https://www.which.co.uk/reviews/washing-machines/article/how-to-buy-the-best-integrated-washing-machine-aKLaj1q36EUK\", type: \"bottom\" }\n ]\n }\n ];\n\n // 2. Dynamic Routing: Determine the active page configuration\n let activeData = [];\n const path = window.location.pathname;\n\n if (path.includes('/reviews/televisions')) {\n activeData = tvData;\n } else if (path.includes('/reviews/new-and-used-cars')) {\n activeData = carData;\n } else if (path.includes('/reviews/washing-machines')) {\n activeData = washingMachineData;\n }\n\n // If we aren't on a recognized page, stop execution\n if (!activeData.length) return;\n\n\n // =================================================================================\n // DOM INJECTION & TRACKING LOGIC\n // =================================================================================\n\n /**\n * Fires tracking event to the dataLayer\n */\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n /**\n * Injects CSS for the custom links and containers\n */\n const injectStyles = () => {\n if (document.getElementById(`${CONFIG.id}-styles`)) return;\n const style = document.createElement('style');\n style.id = `${CONFIG.id}-styles`;\n style.textContent = `\n .gb-filter-link-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n }\n /* Placement at bottom of accordion section */\n .gb-placement-bottom {\n margin-top: 16px;\n }\n /* Inline placement (under checkboxes or titles) */\n .gb-placement-inline {\n margin-top: 4px;\n margin-bottom: 12px;\n }\n /* Align with checkbox labels (offset for icon/padlock) */\n .gb-align-checkbox {\n padding-left: 28px;\n }\n /* Align with sub-titles (no offset) */\n .gb-align-title {\n padding-left: 0;\n }\n .gb-filter-help-link {\n display: inline-flex;\n align-items: center;\n color: #0050B3 !important;\n text-decoration: none;\n cursor: pointer;\n width: fit-content;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n .gb-filter-help-link:hover {\n text-decoration: underline;\n }\n .gb-filter-help-link svg {\n margin-right: 8px;\n flex-shrink: 0;\n }\n `;\n document.head.appendChild(style);\n };\n\n /**\n * Helper to create the link anchor element\n */\n const createLink = (text, href, sectionName, hasChevron = false) => {\n const link = document.createElement('a');\n link.className = 'gb-filter-help-link';\n link.href = href;\n \n let iconHtml = '';\n if (hasChevron) {\n iconHtml = `\n \n `;\n }\n\n link.innerHTML = `${iconHtml}${text}`;\n link.addEventListener('click', () => {\n trackEvent(text, sectionName);\n });\n return link;\n };\n\n /**\n * Primary logic for DOM manipulation and link injection\n */\n const apply = () => {\n const accordionItems = document.querySelectorAll(CONFIG.selectors.accordionItem);\n \n accordionItems.forEach(item => {\n const header = item.querySelector(CONFIG.selectors.headerLabel);\n if (!header) return;\n\n const sectionTitle = header.textContent.trim();\n const sectionMatch = activeData.find(d => d.section.toLowerCase() === sectionTitle.toLowerCase());\n\n if (sectionMatch) {\n const contentArea = item.querySelector(CONFIG.selectors.accordionContent);\n if (!contentArea) return;\n\n // --- 1. Inline Link Placement ---\n sectionMatch.links.filter(l => l.type.startsWith(\"inline\")).forEach(linkData => {\n let targetElement = null;\n let alignmentClass = 'gb-align-checkbox';\n\n if (linkData.type === \"inline-checkbox\") {\n // Target the specific checkbox wrapper containing the label text (e.g., Don't Buy)\n const wrappers = contentArea.querySelectorAll(CONFIG.selectors.checkboxWrapper);\n targetElement = Array.from(wrappers).find(w => w.textContent.toLowerCase().includes(linkData.targetText));\n alignmentClass = 'gb-align-checkbox';\n } \n else if (linkData.type === \"inline-title\") {\n // Target the sub-header (e.g., Freeview Play or HDR) - specific to TVs\n const headers = contentArea.querySelectorAll(CONFIG.selectors.featureHeader);\n const headerEl = Array.from(headers).find(h => h.textContent.toLowerCase() === linkData.targetText);\n if (headerEl) {\n // Insert after title or tooltip to keep row integrity\n const tooltip = headerEl.nextElementSibling?.matches(CONFIG.selectors.tooltip) ? headerEl.nextElementSibling : null;\n targetElement = tooltip || headerEl;\n alignmentClass = 'gb-align-title';\n }\n }\n\n // Guard: prevent duplicate injection after this specific element\n if (targetElement && !targetElement.nextElementSibling?.classList.contains('gb-placement-inline')) {\n const container = document.createElement('div');\n container.className = `gb-filter-link-container gb-placement-inline ${alignmentClass}`;\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, false));\n targetElement.insertAdjacentElement('afterend', container);\n }\n });\n\n // --- 2. Bottom Link Placement ---\n const bottomLinks = sectionMatch.links.filter(l => l.type === \"bottom\");\n if (bottomLinks.length > 0 && !contentArea.querySelector('.gb-placement-bottom')) {\n const container = document.createElement('div');\n container.className = 'gb-filter-link-container gb-placement-bottom';\n bottomLinks.forEach(linkData => {\n container.appendChild(createLink(linkData.text, linkData.href, sectionTitle, true));\n });\n contentArea.appendChild(container);\n }\n }\n });\n };\n\n // Lifecycle Initialization\n injectStyles();\n \n // Observe body for subtree changes to handle React re-renders efficiently\n const observer = new MutationObserver(apply);\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Run immediately in case elements are already in the DOM\n apply();\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"7226e852-4b8f-45b3-b7e5-b72afc355da2","name":"EXP 038 [Product Listings] Add relevant advice links to filter sections","phase":"3","condition":{"id":{"$regex":"65243d99-ea13-4785-9c43-a2e409646b44|91dec8ff-89fd-488b-bf11-d18b0ecd3e0a2aee58cc-137b-41b2-a5a9-a0275045a949|f70c0b3e-c7d0-43bf-9185-573724864582|dd8531a7-6a65-4073-bee0-92045fd8bdec|"}},"coverage":1},{"key":"filtered-listings-links-advice-pages","changeId":"831119b1cc5c6854baee8c442a6ee23c58c49ab7e17dd76cfeac28405a79abd1","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/televisions/article/best-cheap-tvs-a5tli4d9hH1f"}],"weights":[0.25,0.25,0.25,0.25],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"},{"key":"3","name":"Variation 3"}],"seed":"bab1e5fb-9832-4b42-a169-de89f8d71c49","name":"Filtered listings links from advice pages","phase":"0","coverage":1},{"key":"dummy-experiment-script-sdk-join","changeId":"2684ad2bcb44537a0bcf9cdde4498bc4ad0373c7d1bb1cdbbca100fb47682d79","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".OfferPageVariant1_offerPage__6Mvn0 .OfferHeroVariant1_benefitsList__C7Lsa","action":"set","attribute":"html","value":"

Tirelessly testing, constantly campaigning so you don’t have to

Unlock over 10,000 product reviews

The Which? Magazine – reviews & investigations

Join our fight to protect you from HARM

"}]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://dev.internal.which.co.uk/join/offer/t-and-c-test-two"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"1df36dce-ca32-40a8-8c1b-aeac3258e318","name":"Dummy experiment for the script sdk on join","phase":"0","coverage":1},{"key":"dummy-test-new-join-sdk","changeId":"2127dfa4e7e963e9552dc875dbb97e932eca61d10af0b848830a0c36015ceca4","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":".OfferHero_offerHero__0f66j ._sb-text-body-default-strong_18sav_171","action":"set","attribute":"html","value":"Offer ends \n 11 June 2026, T&Cs apply."}]}],"hashVersion":1,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-annual-50percent-5.26"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"b79ba6c5-15a3-417a-8305-136de8251293","name":"Dummy test for new join sdk","phase":"0","coverage":1},{"key":"exp-123-collapse-newsletter-fields-test","changeId":"d4b7791e097b17895a096e5498fde3ddc421664e7ba1748a7fb95e8278398299","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'EXP-123-collapse-newsletter-for-fields-TEST',\n id: 'EXP-123-collapse-newsletter-for-fields-TEST',\n selectors: {\n // Target the newsletter form container using stable data-testid attribute\n container: '[data-testid=\"newsletter-signup-form\"]',\n nameFields: '[class*=\"NewsletterSignUpForm_newsletterFormName\"]',\n emailField: '[class*=\"NewsletterSignUpForm_email__\"]',\n postcodeField: '[class*=\"NewsletterSignUpForm_postcode__\"]',\n smallprint: '[class*=\"NewsletterSignUpForm_newsletterFormUnsubscribe\"]',\n cta: '[data-testid=\"sign-up-button\"]',\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const EXPANDED_CLASS = 'gb-expanded';\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Styles — collapsed by default, expanded when gb-expanded is present\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n /* Collapsed state: hide fields and smallprint */\n .${INJECTED_CLASS} ${CONFIG.selectors.nameFields},\n .${INJECTED_CLASS} ${CONFIG.selectors.emailField},\n .${INJECTED_CLASS} ${CONFIG.selectors.postcodeField},\n .${INJECTED_CLASS} ${CONFIG.selectors.smallprint} {\n display: none !important;\n }\n\n /* Expanded state: reveal fields and smallprint */\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.nameFields},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.emailField},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.postcodeField},\n .${INJECTED_CLASS}.${EXPANDED_CLASS} ${CONFIG.selectors.smallprint} {\n display: block !important;\n }\n `;\n document.head.appendChild(style);\n };\n\n // 3. Tracking\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n // Loop Prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n console.warn(`[GB] MAX INJECTIONS REACHED for ${CONFIG.id}.`);\n return true;\n }\n\n const container = document.querySelector(CONFIG.selectors.container);\n if (!container || container.classList.contains(INJECTED_CLASS)) return false;\n\n injectStyles();\n\n // Mark the container as modified and initialise collapsed state\n container.classList.add(INJECTED_CLASS);\n const cta = container.querySelector(CONFIG.selectors.cta);\n if (cta) {\n cta.dataset.gbState = 'collapsed';\n }\n\n // Auto-Healing / DOM Wipe Detector\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === container || (removedNode.nodeType === 1 && removedNode.contains(container))) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // 5. Global Event Delegation — two-step CTA behaviour\n document.body.addEventListener('click', (event) => {\n const cta = event.target.closest(CONFIG.selectors.cta);\n if (!cta) return;\n\n const container = cta.closest(`.${INJECTED_CLASS}`);\n if (!container) return;\n\n if (cta.dataset.gbState === 'collapsed') {\n // First click: expand the form, do not submit\n event.preventDefault();\n container.classList.add(EXPANDED_CLASS);\n cta.dataset.gbState = 'expanded';\n trackEvent('cta_expand', 'newsletter_widget');\n } else {\n // Second click: allow native form submission\n trackEvent('cta_submit', 'newsletter_widget');\n }\n });\n\n // 6. Primary Observer Init\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?:news|reviews)\\/.*"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"3e497ee9-d744-4a5d-bdc5-6ce26ebd24bd","name":"EXP 123 collapse newsletter for fields TEST","phase":"0","condition":{"id":{"$in":["76a785c0-4ed1-4f94-8201-70d03ddc7b72"]}},"coverage":1},{"key":"exp-039-advice-non-standard-reviews-locked-content-signposting","changeId":"0ccc50f4cb101ac3881471d7b28513861dff5276ebe12c8dd13279585b01cf79","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // ---------------------------------------------------------------------------\n // WHC-032 — Non-standard reviews locked content signposting\n // Variation 1: Expandable CTA module at the bottom of each product section\n //\n // Only the FIRST product section on the page gets the full CTA\n // presentation. Every subsequent product section gets a more minimal,\n // expandable CTA: no eyebrow, a small inline lock icon next to a generic\n // \"See the full review\" header, no CTA sub-copy, and a \"See what's\n // included\" toggle link that expands/collapses the feature list.\n // ---------------------------------------------------------------------------\n\n // Configuration\n const CONFIG = {\n experimentId: 'WHC-032-Non-standard-reviews-locked-content-signposting',\n id: 'WHC032v1',\n selectors: {\n articleWrapper: '[class*=\"article-wrapper\"]',\n productHeading: '[class*=\"h3-article\"]',\n // Boundary: any heading level that marks the end of a product section.\n // h2-article is used for major dividers (e.g. \"More pizza ovens from our tests\").\n sectionBoundary: '[class*=\"h2-article\"], [class*=\"h3-article\"]',\n // Gate: the padlock CTA is only in the DOM for non-members\n lockGate: '[data-which-id=\"nstunlockedprovider-signup-cta\"]',\n },\n subscribeUrl: 'https://join.which.co.uk/join/subscribe',\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // ---------------------------------------------------------------------------\n // 1. SPA-Proof Execution Guard\n // ---------------------------------------------------------------------------\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // ---------------------------------------------------------------------------\n // 2. Non-member gating — only show to users who see the table padlock CTA\n // ---------------------------------------------------------------------------\n const isNonMember = () => !!document.querySelector(CONFIG.selectors.lockGate);\n\n // ---------------------------------------------------------------------------\n // 3. Utilities — Styles & Tracking\n // ---------------------------------------------------------------------------\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n /* EXP-039 v1 — CTA module (base styles, shared by full & minimal variants) */\n .gb-exp039v1-cta {\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n border: 1px solid #d6ead3;\n border-radius: 8px;\n background: #f0f7ef;\n padding: 16px;\n margin: 8px 0 32px;\n }\n .gb-exp039v1-cta__top {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .gb-exp039v1-cta__left {\n min-width: 0;\n }\n .gb-exp039v1-cta__icon-eyebrow {\n display: flex;\n align-items: center;\n gap: 6px;\n margin: 0 0 8px;\n }\n .gb-exp039v1-cta__icon-wrap {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n }\n .gb-exp039v1-cta__icon-wrap svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v1-cta__eyebrow {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n color: #01892e;\n margin: 0;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n .gb-exp039v1-cta__title {\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-weight: 400;\n font-size: 1.1rem;\n color: #000;\n margin: 0 0 6px;\n line-height: 1.25;\n word-wrap: break-word;\n }\n .gb-exp039v1-cta__title strong {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n }\n .gb-exp039v1-cta__subtitle {\n font-size: 0.88rem;\n line-height: 1.4;\n color: #000;\n margin: 0;\n }\n .gb-exp039v1-cta__right {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n .gb-exp039v1-cta__btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n padding: 6px 20px;\n border-radius: 20px;\n background: rgb(232, 28, 48);\n border: 2px solid rgb(232, 28, 48);\n color: #fff;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 0.9rem;\n line-height: 1;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n white-space: nowrap;\n }\n .gb-exp039v1-cta__btn:hover,\n .gb-exp039v1-cta__btn:focus {\n background: rgb(181, 4, 15);\n border-color: rgb(181, 4, 15);\n color: #fff;\n text-decoration: none;\n }\n .gb-exp039v1-cta__btn:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n .gb-exp039v1-cta__btn-subtext {\n font-size: 0.875rem;\n color: #000;\n line-height: 1.35;\n margin: 0;\n }\n .gb-exp039v1-cta__btn-subtext a {\n color: #0050b3;\n text-decoration: underline;\n }\n .gb-exp039v1-cta__btn-subtext a:hover {\n text-decoration: underline;\n }\n .gb-exp039v1-cta__hr {\n border: none;\n border-top: 1px solid #c8e0c5;\n margin: 16px 0;\n }\n .gb-exp039v1-cta__features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px 14px;\n }\n .gb-exp039v1-cta__feature {\n display: flex;\n align-items: flex-start;\n gap: 6px;\n font-size: 0.875rem;\n line-height: 1.3;\n color: #000;\n word-wrap: break-word;\n }\n .gb-exp039v1-cta__feature-tick {\n flex-shrink: 0;\n color: #01892e;\n font-weight: bold;\n font-size: 0.9rem;\n }\n .gb-exp039v1-cta__extra-access {\n font-size: 0.875rem;\n color: #000;\n margin: 14px 0 0;\n line-height: 1.3;\n }\n\n /* ---- Minimal (non-first product) variant overrides ---- */\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n font-size: 1rem;\n margin: 0 0 6px;\n }\n .gb-exp039v1-cta__icon-inline {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gb-exp039v1-cta__icon-inline svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v1-cta__toggle {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 10px 0 0;\n background: none;\n border: none;\n padding: 0;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n color: #0050b3;\n text-decoration: underline;\n cursor: pointer;\n }\n .gb-exp039v1-cta__toggle:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n .gb-exp039v1-cta__toggle-chevron {\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n transition: transform 0.15s ease;\n }\n .gb-exp039v1-cta__toggle[aria-expanded=\"true\"] .gb-exp039v1-cta__toggle-chevron {\n transform: rotate(180deg);\n }\n .gb-exp039v1-cta__expandable[hidden] {\n display: none;\n }\n\n @media (min-width: 768px) {\n .gb-exp039v1-cta {\n padding: 24px;\n }\n .gb-exp039v1-cta__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 24px;\n }\n .gb-exp039v1-cta__left {\n flex: 1;\n }\n .gb-exp039v1-cta__right {\n flex-shrink: 0;\n align-items: flex-end;\n text-align: right;\n max-width: 220px;\n }\n .gb-exp039v1-cta__title {\n font-size: 1.3rem;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__title {\n font-size: 1.1rem;\n }\n /* Minimal variant: switch to a grid so the toggle stays nested under\n the subtitle in the left column on desktop (unchanged from before),\n while the mobile flex-column layout stacks it below the CTA. */\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__top {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-areas:\n \"left right\"\n \"toggle right\";\n align-items: start;\n row-gap: 0;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__left {\n grid-area: left;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__right {\n grid-area: right;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__toggle {\n grid-area: toggle;\n }\n .gb-exp039v1-cta__subtitle {\n font-size: 0.95rem;\n }\n .gb-exp039v1-cta__btn-subtext {\n font-size: 0.875rem;\n }\n .gb-exp039v1-cta__hr {\n margin: 20px 0;\n }\n .gb-exp039v1-cta__features {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 14px 20px;\n }\n .gb-exp039v1-cta__feature {\n font-size: 0.9rem;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n .gb-exp039v1-cta__extra-access {\n font-size: 0.875rem;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const LOCK_SVG = ``;\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId,\n });\n };\n\n // ---------------------------------------------------------------------------\n // Detect whether this page uses a subscribe or free-account unlock flow.\n // Reads the href of the existing padlock CTA link already on the page —\n // free-account pages link to /free-account, subscribe pages link to /join.\n // Returns a copy + URL object consumed by the build functions.\n // ---------------------------------------------------------------------------\n const getUnlockMode = () => {\n const ctaLink = document.querySelector(CONFIG.selectors.lockGate);\n if (ctaLink && ctaLink.href && ctaLink.href.includes('/free-account')) {\n return {\n mode: 'free',\n url: ctaLink.href,\n eyebrow: 'Which? free account',\n titleSuffix: 'by signing up for free',\n subtext: 'No payment required · Log in',\n buttonText: 'Sign up for a free account',\n };\n }\n return {\n mode: 'subscribe',\n url: CONFIG.subscribeUrl,\n eyebrow: 'Which? membership',\n titleSuffix: 'by subscribing',\n subtext: 'Get Digital Access £9.99/month, cancel at any time · Log in',\n buttonText: 'Unlock reviews',\n };\n };\n\n // ---------------------------------------------------------------------------\n // Track which unlock mode (free account vs subscribe) applies to this page,\n // as soon as it's knowable — i.e. once the padlock CTA link is in the DOM,\n // rather than waiting for the main product-injection flow. Fires once.\n // ---------------------------------------------------------------------------\n let unlockModeTracked = false;\n const trackUnlockModeOnce = () => {\n if (unlockModeTracked) return true;\n if (!document.querySelector(CONFIG.selectors.lockGate)) return false;\n unlockModeTracked = true;\n trackEvent(`unlock_mode_${getUnlockMode().mode}`);\n return true;\n };\n\n const initUnlockModeTracking = () => {\n if (trackUnlockModeOnce()) return;\n const unlockModeObserver = new MutationObserver(() => {\n if (trackUnlockModeOnce()) unlockModeObserver.disconnect();\n });\n unlockModeObserver.observe(document.body, { childList: true, subtree: true });\n };\n\n // ---------------------------------------------------------------------------\n // Read star-rated column names from the comparison table at runtime.\n // Uses the first tbody row (most complete — includes the lockCtaCell) to\n // detect which column indices contain .w-table-stars elements, then maps\n // those back to the corresponding thead th text. Works across any article\n // type regardless of how many columns exist or what they are called.\n // ---------------------------------------------------------------------------\n const getStarRatedColumnNames = () => {\n // The primary comparison table carries the \"tableVariation\" class\n const tableSection = document.querySelector('[data-testid=\"table\"][class*=\"tableVariation\"]');\n if (!tableSection) return [];\n\n const headers = Array.from(tableSection.querySelectorAll('thead th'))\n .map(th => th.textContent.trim().replace(/\\*\\*/g, ''));\n if (!headers.length) return [];\n\n // First row is the most complete — it includes any rowspan/colspan cells\n const firstRow = tableSection.querySelector('tbody tr');\n if (!firstRow) return [];\n\n return Array.from(firstRow.querySelectorAll('td'))\n .map((cell, i) => (cell.querySelector('.w-table-stars') ? headers[i] : null))\n .filter(Boolean);\n };\n\n // ---------------------------------------------------------------------------\n // Build the CTA module for a single product.\n // The first product on the page gets the full presentation; every\n // subsequent product gets a minimal, expandable presentation.\n // ---------------------------------------------------------------------------\n const buildCtaModule = (productName, starColumnNames, unlockMode, isFirstProduct, productIndex) => {\n const wrapper = document.createElement('div');\n wrapper.className = `gb-exp039v1-cta ${INJECTED_CLASS}`;\n wrapper.setAttribute('data-gb-product', productName);\n wrapper.setAttribute('data-gb-unlock-mode', unlockMode.mode);\n wrapper.setAttribute('data-gb-variant', isFirstProduct ? 'full' : 'minimal');\n wrapper.setAttribute('data-gb-exp039', 'v1-cta');\n\n const featureItems = [\n 'Overall test score',\n ...starColumnNames,\n 'Pros & cons',\n 'Expert verdict'\n ].map(name => `

✓${name}

`).join('');\n\n const extraAccessLine = unlockMode.mode === 'subscribe'\n ? '

Subscription unlocks instant access to over 9,000 product reviews by independent Which? experts

'\n : '

A free account unlocks reviews of everyday essentials, money-saving tips, a premium review every fortnight and more

';\n\n if (isFirstProduct) {\n // ---- Full presentation (first product only) ----\n wrapper.innerHTML = `\n

${LOCK_SVG}

${unlockMode.eyebrow}

Read the full review for ${productName} ${unlockMode.titleSuffix}

Unlock the Which? test score, pros, cons and our expert verdict

\n \n ${unlockMode.buttonText}\n \n

${unlockMode.subtext}

\n ${featureItems}\n

\n ${extraAccessLine}\n `;\n } else {\n // ---- Minimal, expandable presentation (every subsequent product) ----\n const expandableId = `gb-exp039v1-expandable-${productIndex}`;\n\n wrapper.innerHTML = `\n

\n ${LOCK_SVG}\n See the full review\n

Unlock the Which? test score, pros, cons and our expert verdict

\n \n ${unlockMode.buttonText}\n \n

${unlockMode.subtext}

\n \n

\n \n `;\n }\n\n return wrapper;\n };\n\n // ---------------------------------------------------------------------------\n // Determine if an h3 is a product section.\n // Product sections have an image and a non-empty bold label in the first\n // paragraph after the heading. (p-article elements each containing a strong-article) e.g. \"Dimensions\",\n // \"Colour options\", \"Type and fuel\" etc. Generic section h3s never do.\n // Stops at any h2-article or h3-article, whether a direct sibling or nested.\n // ---------------------------------------------------------------------------\n const isProductH3 = (h3) => {\n let next = h3.nextElementSibling;\n let hasImage = false;\n while (next && next.classList.contains(INJECTED_CLASS)) next = next.nextElementSibling;\n while (next && next.matches('div')) {\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector('img')) hasImage = true;\n next = next.nextElementSibling;\n }\n if (!next || next.matches(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (!next.matches('[class*=\"p-article\"]')) return false;\n\n const label = next.querySelector('[class*=\"strong-article\"]');\n return hasImage && !!label && label.textContent.trim().length > 0;\n };\n\n // ---------------------------------------------------------------------------\n // Inject CTA modules into all product sections\n // ---------------------------------------------------------------------------\n const injectProductCTAs = () => {\n const articleWrapper = document.querySelector(CONFIG.selectors.articleWrapper);\n if (!articleWrapper) return false;\n\n const h3s = Array.from(articleWrapper.querySelectorAll(CONFIG.selectors.productHeading));\n if (!h3s.length) return false;\n\n let injectedAny = false;\n\n // Read unlock mode and star column names once for all products on this page\n const unlockMode = getUnlockMode();\n const starColumnNames = getStarRatedColumnNames();\n\n // Tracks how many product sections have been injected so far, so we know\n // which one is the \"first\" (full presentation) vs. subsequent (minimal).\n let productIndex = window[`__product_index_${CONFIG.id}`] || 0;\n\n h3s.forEach((h3) => {\n // Skip non-product h3s (e.g. \"Gas pizza ovens\", \"Ease of use\" sections)\n if (!isProductH3(h3)) return;\n // Skip already-processed h3s\n if (h3.getAttribute('data-gb-exp039') === 'v1-done') return;\n h3.setAttribute('data-gb-exp039', 'v1-done');\n\n const productName = h3.textContent.trim();\n const parent = h3.parentNode;\n const isFirstProduct = productIndex === 0;\n\n // Walk forward through siblings to find the last sibling before the next\n // h3-article — stopping whether it is a direct sibling or nested inside a\n // wrapper div (section headings after the product list may be wrapped).\n let lastSibling = h3;\n let next = h3.nextElementSibling;\n while (next) {\n if (next.matches(CONFIG.selectors.sectionBoundary)) break;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) break;\n lastSibling = next;\n next = next.nextElementSibling;\n }\n\n const ctaModule = buildCtaModule(productName, starColumnNames, unlockMode, isFirstProduct, productIndex);\n parent.insertBefore(ctaModule, lastSibling.nextSibling);\n injectedAny = true;\n productIndex++;\n });\n\n window[`__product_index_${CONFIG.id}`] = productIndex;\n\n return injectedAny;\n };\n\n // ---------------------------------------------------------------------------\n // 4. Core injection logic with Auto-Healing Observer\n // ---------------------------------------------------------------------------\n const apply = () => {\n // Loop prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) return true;\n\n // Gate: only run for non-members\n if (!isNonMember()) return false;\n\n // Gate: article wrapper must exist\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return false;\n\n injectStyles();\n injectProductCTAs();\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (!injectedElement) return false;\n\n // Auto-Healing: re-inject if the SPA wipes our injected element\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === injectedElement ||\n (removedNode.nodeType === 1 && removedNode.contains(injectedElement))\n ) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n window[`__product_index_${CONFIG.id}`] = 0;\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // ---------------------------------------------------------------------------\n // 5. Global Event Delegation\n // ---------------------------------------------------------------------------\n document.body.addEventListener('click', (event) => {\n const toggleBtn = event.target.closest('[data-gb-track=\"exp039-v1-toggle\"]');\n if (toggleBtn) {\n const expandable = document.getElementById(toggleBtn.getAttribute('aria-controls'));\n if (expandable) {\n const willExpand = expandable.hasAttribute('hidden');\n if (willExpand) {\n expandable.removeAttribute('hidden');\n } else {\n expandable.setAttribute('hidden', '');\n }\n toggleBtn.setAttribute('aria-expanded', String(willExpand));\n const toggleLabel = toggleBtn.querySelector('.gb-exp039v1-cta__toggle-label');\n if (toggleLabel) toggleLabel.textContent = willExpand ? \"Hide what's included\" : \"See what's included\";\n const productName = toggleBtn.getAttribute('data-gb-product') || 'unknown';\n trackEvent(willExpand ? 'features_toggle_open' : 'features_toggle_close', productName);\n }\n return;\n }\n\n const btn = event.target.closest('[data-gb-track=\"exp039-v1-unlock\"]');\n if (btn) {\n const unlockModeLabel = btn.getAttribute('data-gb-unlock-mode') === 'free' ? 'Free account' : 'Subscription';\n trackEvent('unlock_cta_click', unlockModeLabel);\n }\n });\n\n // ---------------------------------------------------------------------------\n // 6. Primary Observer Init — off-page guarded\n // ---------------------------------------------------------------------------\n initUnlockModeTracking();\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 7. bfcache Resilience\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n window[`__product_index_${CONFIG.id}`] = 0;\n unlockModeTracked = false;\n initUnlockModeTracking();\n apply();\n }\n });\n})();\n","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // ---------------------------------------------------------------------------\n // WHC-032 — Non-standard reviews locked content signposting\n // Variation 2: Show locked features on each product card\n //\n // For each product section, injects:\n // 1. A locked score badge overlaid on the product image\n // 2. A locked pros & cons + expert verdict block below the product details\n //\n // Non-member targeting is handled by GrowthBook, not this script.\n // ---------------------------------------------------------------------------\n\n // Configuration\n const CONFIG = {\n experimentId: 'WHC-032-Non-standard-reviews-locked-content-signposting',\n id: 'WHC032v2',\n selectors: {\n articleWrapper: '[class*=\"article-wrapper\"]',\n productHeading: '[class*=\"h3-article\"]',\n // Boundary: any heading level that marks the end of a product section.\n // h2-article is used for major dividers (e.g. \"More pizza ovens from our tests\").\n sectionBoundary: '[class*=\"h2-article\"], [class*=\"h3-article\"]',\n // Existing padlock CTA link, used to detect subscribe vs free-account unlock mode\n lockGate: '[data-which-id=\"nstunlockedprovider-signup-cta\"]',\n },\n subscribeUrl: 'https://join.which.co.uk/join/subscribe',\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // ---------------------------------------------------------------------------\n // 1. SPA-Proof Execution Guard\n // ---------------------------------------------------------------------------\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // ---------------------------------------------------------------------------\n // 2. Utilities — Styles & Tracking\n // ---------------------------------------------------------------------------\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n /* EXP-039 v2 — Locked feature overlays */\n\n /* ---- Score row: injected directly below each product h3 ---- */\n /* Small replica of the site's native obfuscated test-score gauge: a\n blurred pastel-rainbow ring behind a white circle with a padlock\n icon, plus a \"TEST SCORE\" label alongside it. */\n .gb-exp039v2-score-row {\n display: flex;\n align-items: center;\n gap: 10px;\n margin: 4px 0 16px;\n }\n .gb-exp039v2-score-row__badge {\n position: relative;\n flex-shrink: 0;\n width: 34px;\n height: 34px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gb-exp039v2-score-row__badge::before {\n content: '';\n position: absolute;\n inset: -5px;\n border-radius: 50%;\n background: conic-gradient(from 180deg, #ffb3c6, #fff3b0, #b6f2b6, #b3d9ff, #d9b3ff, #ffb3c6);\n filter: blur(5px);\n z-index: 0;\n }\n .gb-exp039v2-score-row__badge-inner {\n position: relative;\n z-index: 1;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n background: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gb-exp039v2-score-row__badge-inner svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v2-score-row__label {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n color: #000;\n margin: 0;\n }\n\n /* ---- Locked features block: below product details ---- */\n .gb-exp039v2-locked-block {\n border: 1px solid #d1d1d1;\n border-radius: 8px;\n overflow: hidden;\n margin: 8px 0 32px;\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n background: #fff;\n }\n\n .gb-exp039v2-locked-section {\n padding: 16px 20px;\n border-bottom: 1px solid #e8e8e8;\n position: relative;\n }\n .gb-exp039v2-locked-section:last-of-type {\n border-bottom: none;\n }\n\n .gb-exp039v2-locked-section__heading {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 0 12px;\n }\n .gb-exp039v2-locked-section__heading-left {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .gb-exp039v2-locked-section__title {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n color: #000;\n margin: 0;\n }\n .gb-exp039v2-locked-section__lock {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n }\n\n /* Blurred placeholder text lines */\n .gb-exp039v2-blurred-content {\n filter: blur(4px);\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n }\n .gb-exp039v2-fake-line {\n display: block;\n height: 14px;\n background: #ededed;\n border-radius: 3px;\n margin-bottom: 8px;\n }\n .gb-exp039v2-fake-label {\n margin: 0 0 4px;\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n }\n .gb-exp039v2-fake-label--pro {\n color: #01892e;\n }\n .gb-exp039v2-fake-label--con {\n color: #E81C30;\n margin-top: 12px;\n }\n .gb-exp039v2-fake-bullet {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n }\n .gb-exp039v2-fake-bullet__icon {\n flex-shrink: 0;\n width: 14px;\n text-align: center;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1;\n color: #ededed;\n }\n .gb-exp039v2-fake-bullet__text {\n flex: 1;\n height: 14px;\n background: #ededed;\n border-radius: 3px;\n }\n\n /* CTA footer of the locked block — mirrors the v1 CTA card style */\n .gb-exp039v2-locked-cta {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n padding: 20px;\n background: #f0f7ef;\n border-top: 1px solid #c8e0c5;\n }\n .gb-exp039v2-locked-cta__icon-eyebrow {\n display: flex;\n align-items: center;\n gap: 6px;\n margin: 0;\n }\n .gb-exp039v2-locked-cta__icon-wrap {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gb-exp039v2-locked-cta__icon-wrap svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v2-locked-cta__eyebrow {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n color: #01892e;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin: 0;\n }\n .gb-exp039v2-locked-cta__title {\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-weight: 400;\n font-size: 1.1rem;\n color: #000;\n margin: 0;\n line-height: 1.25;\n }\n .gb-exp039v2-locked-cta__title strong {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n }\n .gb-exp039v2-locked-cta__subtitle {\n font-size: 0.88rem;\n line-height: 1.4;\n color: #000;\n margin: 0;\n }\n .gb-exp039v2-locked-cta__btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 44px;\n padding: 8px 24px;\n border-radius: 22px;\n background: rgb(232, 28, 48);\n border: 2px solid rgb(232, 28, 48);\n color: #fff;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n white-space: nowrap;\n }\n .gb-exp039v2-locked-cta__btn:hover,\n .gb-exp039v2-locked-cta__btn:focus {\n background: rgb(181, 4, 15);\n border-color: rgb(181, 4, 15);\n color: #fff;\n text-decoration: none;\n }\n .gb-exp039v2-locked-cta__btn:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n .gb-exp039v2-locked-cta__subtext {\n font-size: 0.875rem;\n color: #000;\n margin: 0;\n line-height: 1.35;\n }\n .gb-exp039v2-locked-cta__subtext a {\n color: #0050b3;\n text-decoration: underline;\n }\n .gb-exp039v2-locked-cta__subtext a:hover {\n text-decoration: underline;\n }\n\n @media (min-width: 768px) {\n .gb-exp039v2-locked-section {\n padding: 20px 24px;\n }\n .gb-exp039v2-locked-cta {\n padding: 24px;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const LOCK_SVG_SM = ``;\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId,\n });\n };\n\n // ---------------------------------------------------------------------------\n // Detect whether this page uses a subscribe or free-account unlock flow.\n // Reads the href of the existing padlock CTA link already on the page —\n // free-account pages link to /free-account, subscribe pages link to /join.\n // Returns a copy + URL object consumed by the build functions.\n // ---------------------------------------------------------------------------\n const getUnlockMode = () => {\n const ctaLink = document.querySelector(CONFIG.selectors.lockGate);\n if (ctaLink && ctaLink.href && ctaLink.href.includes('/free-account')) {\n return {\n mode: 'free',\n url: ctaLink.href,\n eyebrow: 'Which? free account',\n titleSuffix: 'by signing up for free',\n subtext: 'No payment required · Log in',\n buttonText: 'Sign up for a free account',\n };\n }\n return {\n mode: 'subscribe',\n url: CONFIG.subscribeUrl,\n eyebrow: 'Which? membership',\n titleSuffix: 'by subscribing',\n subtext: 'Get Digital access £9.99 per month, cancel at any time · Log in',\n buttonText: 'Unlock reviews',\n };\n };\n\n // ---------------------------------------------------------------------------\n // Track which unlock mode (free account vs subscribe) applies to this page,\n // as soon as it's knowable — i.e. once the padlock CTA link is in the DOM,\n // rather than waiting for the main product-injection flow. Fires once.\n // ---------------------------------------------------------------------------\n let unlockModeTracked = false;\n const trackUnlockModeOnce = () => {\n if (unlockModeTracked) return true;\n if (!document.querySelector(CONFIG.selectors.lockGate)) return false;\n unlockModeTracked = true;\n trackEvent(`unlock_mode_${getUnlockMode().mode}`);\n return true;\n };\n\n const initUnlockModeTracking = () => {\n if (trackUnlockModeOnce()) return;\n const unlockModeObserver = new MutationObserver(() => {\n if (trackUnlockModeOnce()) unlockModeObserver.disconnect();\n });\n unlockModeObserver.observe(document.body, { childList: true, subtree: true });\n };\n\n // ---------------------------------------------------------------------------\n // Build the score row (inserted directly below each product h3)\n // Shows: \"Our score and verdict 🔒 %\" to signal a locked rating.\n // ---------------------------------------------------------------------------\n const buildScoreRow = () => {\n const row = document.createElement('div');\n row.className = 'gb-exp039v2-score-row';\n row.innerHTML = `\n

${LOCK_SVG_SM}

Test score

\n `;\n return row;\n };\n\n // ---------------------------------------------------------------------------\n // Build the locked features block (pros/cons + expert verdict + CTA)\n // ---------------------------------------------------------------------------\n const buildLockedFeaturesBlock = (productName, unlockMode) => {\n const wrapper = document.createElement('div');\n wrapper.className = `gb-exp039v2-locked-block ${INJECTED_CLASS}`;\n wrapper.setAttribute('data-gb-product', productName);\n wrapper.setAttribute('data-gb-exp039', 'v2-block');\n\n // Fake blurred pros & cons bullet lines (check/cross icon + blurred bar)\n const fakePros = Array.from({ length: 3 }, (_, i) => `\n

\n ✓\n

`).join('');\n\n const fakeCons = Array.from({ length: 2 }, (_, i) => `\n

\n ✕\n

`).join('');\n\n // Fake blurred expert verdict lines\n const fakeVerdict = Array.from({ length: 4 }, (_, i) => `\n

`).join('');\n\n wrapper.innerHTML = `\n

\n ${LOCK_SVG_SM}\n

Pros and cons

Pros

\n ${fakePros}\n

Cons

\n ${fakeCons}\n

\n\n

\n ${LOCK_SVG_SM}\n

Which? verdict

\n ${fakeVerdict}\n

\n\n

${LOCK_SVG_SM}

${unlockMode.eyebrow}

Read the full review for ${productName} ${unlockMode.titleSuffix}

Unlock the Which? test score, pros, cons and our expert verdict

\n \n ${unlockMode.buttonText}\n \n

${unlockMode.subtext}

\n `;\n\n return wrapper;\n };\n\n // ---------------------------------------------------------------------------\n // Determine if an h3 is a product section.\n // Product sections have an image and a non-empty bold label in the first\n // paragraph after the heading. (p-article elements each containing a strong-article) e.g. \"Dimensions\",\n // \"Colour options\", \"Type and fuel\" etc. Generic section h3s never do.\n // Stops at any h2-article or h3-article, whether a direct sibling or nested.\n // ---------------------------------------------------------------------------\n const isProductH3 = (h3) => {\n let next = h3.nextElementSibling;\n let hasImage = false;\n while (next && next.classList.contains(INJECTED_CLASS)) next = next.nextElementSibling;\n while (next && next.matches('div')) {\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector('img')) hasImage = true;\n next = next.nextElementSibling;\n }\n if (!next || next.matches(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (!next.matches('[class*=\"p-article\"]')) return false;\n\n const label = next.querySelector('[class*=\"strong-article\"]');\n return hasImage && !!label && label.textContent.trim().length > 0;\n };\n\n // ---------------------------------------------------------------------------\n // Inject locked features into all product sections\n // ---------------------------------------------------------------------------\n const injectLockedFeatures = () => {\n const articleWrapper = document.querySelector(CONFIG.selectors.articleWrapper);\n if (!articleWrapper) return false;\n\n const h3s = Array.from(articleWrapper.querySelectorAll(CONFIG.selectors.productHeading));\n if (!h3s.length) return false;\n\n let injectedAny = false;\n\n // Detect unlock flow once for all products on this page\n const unlockMode = getUnlockMode();\n\n h3s.forEach((h3) => {\n // Skip non-product h3s\n if (!isProductH3(h3)) return;\n // Skip already-processed h3s\n if (h3.getAttribute('data-gb-exp039') === 'v2-done') return;\n h3.setAttribute('data-gb-exp039', 'v2-done');\n\n const productName = h3.textContent.trim();\n const parent = h3.parentNode;\n\n // ---- 1. Score row directly below the product h3 ----\n parent.insertBefore(buildScoreRow(), h3.nextSibling);\n\n // ---- 2. Locked features block at end of product section ----\n // Stop at the next h2-article or h3-article, direct or nested in a wrapper.\n let lastSibling = h3;\n let next = h3.nextElementSibling;\n while (next) {\n if (next.matches(CONFIG.selectors.sectionBoundary)) break;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) break;\n lastSibling = next;\n next = next.nextElementSibling;\n }\n\n const lockedBlock = buildLockedFeaturesBlock(productName, unlockMode);\n parent.insertBefore(lockedBlock, lastSibling.nextSibling);\n injectedAny = true;\n });\n\n return injectedAny;\n };\n\n // ---------------------------------------------------------------------------\n // 3. Core injection logic with Auto-Healing Observer\n // ---------------------------------------------------------------------------\n const apply = () => {\n // Loop prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) return true;\n\n // Gate: article wrapper must exist\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return false;\n\n injectStyles();\n injectLockedFeatures();\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (!injectedElement) return false;\n\n // Auto-Healing: re-inject if the SPA wipes our injected element\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === injectedElement ||\n (removedNode.nodeType === 1 && removedNode.contains(injectedElement))\n ) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // ---------------------------------------------------------------------------\n // 4. Global Event Delegation\n // ---------------------------------------------------------------------------\n document.body.addEventListener('click', (event) => {\n const btn = event.target.closest('[data-gb-track=\"exp039-v2-unlock\"]');\n if (btn) {\n const unlockModeLabel = btn.getAttribute('data-gb-unlock-mode') === 'free' ? 'Free account' : 'Subscription';\n trackEvent('unlock_cta_click', unlockModeLabel);\n }\n });\n\n // ---------------------------------------------------------------------------\n // 5. Primary Observer Init — off-page guarded\n // ---------------------------------------------------------------------------\n initUnlockModeTracking();\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 6. bfcache Resilience\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n unlockModeTracked = false;\n initUnlockModeTracking();\n apply();\n }\n });\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Expandable CTAs"},{"key":"2","name":"Locked Previews"}],"seed":"60ee1ac2-7a51-4c0d-9a60-4b06447047eb","name":"EXP 039 [Advice] Non standard reviews locked content signposting","phase":"1","condition":{"paywall_access_status":{"$in":["anonymous","no access"]},"pageComponents":{"$regex":"(^|\\|)\\s*[Nn][Ss][Tt][Ll]?\\s*(\\||$)","$not":{"$regex":"(^|\\|)\\s*([Ss][Pp][Pp]|[Mm][Ll][Pp])\\s*(\\||$)"}}},"coverage":1},{"key":"acq-018-offers-page-promote-payment-options-from-offers-onwards","changeId":"f619edfbfbd8a3f0a9ad5beb9dd5616a186e19d1c7c371e368113909eb99b046","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-018',\n id: 'ACQ-018',\n selectors: {\n target: '[class*=\"offerTilesContainer\"]',\n terms: '[class*=\"offerTermsContainer\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}-v1`;\n const STYLE_ID = `gb-styles-${CONFIG.id}-v1`;\n const RUN_KEY = `__run_${CONFIG.id}_v1`;\n const OBSERVER_KEY = `__obs_${CONFIG.id}_v1`;\n const COUNT_KEY = `__inject_count_${CONFIG.id}_v1`;\n const EXPOSURE_KEY = `__exposure_tracked_${CONFIG.id}_v1`;\n\n if (window[RUN_KEY]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[OBSERVER_KEY]) window[OBSERVER_KEY].disconnect();\n window[COUNT_KEY] = 0;\n }\n window[RUN_KEY] = true;\n\n const APPLE_PAY_DATA_URI = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMzMCIgaGVpZ2h0PSIxMzYiPgo8cGF0aCBkPSJNMCAwIEM1LjY0IDEuOTggOS4zIDIuMzIgMTUgMC4xOSBDMjIuOTQgLTIuNzYgMzAuOTUgLTMuNjcgMzguOTQgLTAuMzEgQzQ3LjEyIDMuOTEgNDcuMTIgMy45MSA0OC44MyA3Ljg2IEM0OSA5Ljk0IDQ5IDkuOTQgNDcuNjcgMTEuNjEgQzQ2LjcyIDEyLjQyIDQ2LjcyIDEyLjQyIDQ1Ljc1IDEzLjI1IEM0MC41MSAxOC4yMSAzOC44NSAyMi43IDM4LjU2IDI5Ljg4IEMzOC43NiAzNi40MSA0MC4xMyA0MS4wMiA0NC43NSA0NS43MiBDNDcuMDYgNDcuNzYgNDkuMjQgNDkuNTYgNTIgNTAuOTQgQzUwLjczIDYxLjY3IDQzLjk0IDcxLjc5IDM2IDc4Ljk0IEMzMS41NiA4MS43MiAyNy4wOCA4MS40NSAyMiA4MC45NCBDMTkuNjQgODAuMjcgMTcuMzggNzkuNDYgMTUuMDggNzguNjIgQzEwLjI1IDc3LjA0IDYuMzEgNzcuNzQgMS42OSA3OS40NCBDLTMuMjUgODEuMiAtNy44IDgxLjcyIC0xMyA4MC45NCBDLTIzLjY5IDc1LjggLTMwLjI5IDYzLjAyIC0zNC4yNyA1Mi40IEMtMzguNDEgNDAuMjQgLTM5LjYyIDI1LjA4IC0zNC4yNSAxMy4xMyBDLTMwLjMgNi4yMiAtMjUuMzcgMi4wNCAtMTggLTEuMDYgQy0xMS40IC0yLjYzIC02LjM5IC0yLjMxIDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcsMjguMDYyNSkiLz4KPHBhdGggZD0iTTAgMCBDNTIuNzQgMCA1Mi43NCAwIDYzIDkgQzcwLjEgMTcuMSA3Mi42MSAyNi40MyA3Mi4yOCAzNy4wNSBDNzEuMzkgNDYuMzYgNjggNTMuMzUgNjEuMTUgNTkuNzIgQzUxLjg4IDY3LjI0IDQyLjU0IDY3LjQxIDMwLjk0IDY3LjE5IEMyNC4wNCA2Ny4wOSAyNC4wNCA2Ny4wOSAxNyA2NyBDMTcgNzguNTUgMTcgOTAuMSAxNyAxMDIgQzExLjM5IDEwMiA1Ljc4IDEwMiAwIDEwMiBDMCA2OC4zNCAwIDM0LjY4IDAgMCBaIE0xNyAxNCBDMTcgMjYuODcgMTcgMzkuNzQgMTcgNTMgQzIwLjggNTMuMDggMjQuNTkgNTMuMTYgMjguNSA1My4yNSBDMjkuNjggNTMuMjkgMzAuODYgNTMuMzIgMzIuMDggNTMuMzYgQzM4Ljg5IDUzLjQzIDQzLjIyIDUyLjY3IDQ5IDQ5IEM1My40MSA0NC40NyA1NS4wOSA0MC4zOCA1NS4zMSAzNC4xMiBDNTUuMTcgMjguMTUgNTMuNTUgMjQgNDkuODggMTkuMjUgQzQzIDEzLjg3IDM1LjM4IDEzLjU5IDI2Ljk0IDEzLjgxIEMyMy42NiAxMy44NyAyMC4zOCAxMy45NCAxNyAxNCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3LDcpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuMTggMy41NiAxMC4zOCA4LjM4IDEyLjMgMTUuMzMgQzEyLjcxIDE5LjcyIDEyLjY1IDI0LjA4IDEyLjYgMjguNDggQzEyLjU5IDI5Ljc0IDEyLjU5IDMwLjk5IDEyLjU4IDMyLjI4IEMxMi41NyAzNS42IDEyLjU0IDM4LjkyIDEyLjUxIDQyLjIzIEMxMi40OCA0NS42MiAxMi40NyA0OS4wMiAxMi40NSA1Mi40MSBDMTIuNDIgNTkuMDUgMTIuMzcgNjUuNjkgMTIuMyA3Mi4zMyBDNy4zNSA3Mi4zMyAyLjQgNzIuMzMgLTIuNyA3Mi4zMyBDLTMuMTkgNjcuODcgLTMuMTkgNjcuODcgLTMuNyA2My4zMyBDLTQuNzEgNjQuMjYgLTUuNzIgNjUuMTggLTYuNzYgNjYuMTQgQy0xMi4yNCA3MS4xNyAtMTguMjQgNzIuODggLTI1LjU3IDcyLjc3IEMtMjYuMjcgNzIuNzYgLTI2Ljk3IDcyLjc1IC0yNy42OSA3Mi43NCBDLTM0LjQ1IDcyLjUyIC0zOS40OCA3MS4yNyAtNDQuNSA2Ni42OCBDLTQ5LjkyIDYwLjc1IC01MS4yMyA1NS4zIC01MS4wNyA0Ny4zNCBDLTUwLjM5IDQxLjgzIC00OC4wOCAzOC4yNSAtNDMuNzkgMzQuOCBDLTM2LjEzIDI5LjcyIC0yOC41NyAyOC44NiAtMTkuNTcgMjguMiBDLTE4LjQ5IDI4LjEyIC0xNy40IDI4LjAzIC0xNi4yOSAyNy45NCBDLTEyLjA3IDI3LjYxIC03LjkzIDI3LjMzIC0zLjcgMjcuMzMgQy0zLjgxIDI1LjkxIC0zLjk0IDI0LjQ5IC00LjA3IDIzLjA4IEMtNC4xNyAyMS44OSAtNC4xNyAyMS44OSAtNC4yOCAyMC42OSBDLTQuNzIgMTguMTggLTUuMzMgMTYuNDcgLTYuNyAxNC4zMyBDLTExLjkgMTEuNDEgLTE1Ljc3IDEwLjc2IC0yMS43IDExLjMzIEMtMjUgMTIuNzMgLTI1IDEyLjczIC0yNy43IDE0LjMzIEMtMjguMzYgMTQuMzMgLTI5LjAyIDE0LjMzIC0yOS43IDE0LjMzIEMtMzAuMzYgMTYuMzEgLTMxLjAyIDE4LjI5IC0zMS43IDIwLjMzIEMtMzYuNjUgMjAuMzMgLTQxLjYgMjAuMzMgLTQ2LjcgMjAuMzMgQy00Ni41OSAxMy40OCAtNDUuNDYgOS45OSAtNDAuNjYgNS4wNSBDLTI5Ljg3IC00LjQxIC0xMi45OCAtNS42IDAgMCBaIE0tMzMuNyA0NS4zMyBDLTM0Ljg0IDQ5LjI1IC0zNS4xIDUxLjM2IC0zMy41MSA1NS4xNCBDLTMwLjkzIDU4LjI1IC0yOC45MSA1OS4yIC0yNC44OSA1OS42MyBDLTE2LjgzIDU5Ljc1IC0xNi44MyA1OS43NSAtOS43IDU2LjMzIEMtNS4zIDUxLjkxIC01LjMgNTEuOTEgLTMuNiA0Ni4xNiBDLTMuNjEgNDUuMzUgLTMuNjIgNDQuNTQgLTMuNjMgNDMuNyBDLTMuNjQgNDIuODkgLTMuNjUgNDIuMDcgLTMuNjYgNDEuMjMgQy0zLjY3IDQwLjYgLTMuNjggMzkuOTcgLTMuNyAzOS4zMyBDLTE5Ljg5IDM4LjQzIC0xOS44OSAzOC40MyAtMzMuNyA0NS4zMyBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQyLjY5NTMxMjUsMzYuNjcxODc1KSIvPgo8cGF0aCBkPSJNMCAwIEM1Ljk0IDAgMTEuODggMCAxOCAwIEMyMy42MSAxOC4xNSAyOS4yMiAzNi4zIDM1IDU1IEMzNi44OSA1Mi4xNiAzNy43MSA1MC4xMSAzOC43IDQ2Ljg5IEMzOS4wMiA0NS44NSAzOS4zNCA0NC44IDM5LjY3IDQzLjczIEM0MC4wMSA0Mi42MSA0MC4zNSA0MS40OSA0MC43IDQwLjMzIEM0MS4wNSAzOS4xOCA0MS40IDM4LjAzIDQxLjc2IDM2Ljg1IEM0Mi44OSAzMy4xNyA0NC4wMSAyOS40OSA0NS4xMiAyNS44MSBDNDUuODkgMjMuMzIgNDYuNjUgMjAuODMgNDcuNDEgMTguMzQgQzQ5LjI4IDEyLjIzIDUxLjE0IDYuMTEgNTMgMCBDNTguNjEgMCA2NC4yMiAwIDcwIDAgQzY4LjQ0IDguMTIgNjUuNzggMTUuNzcgNjMuMDIgMjMuNTQgQzYyLjUyIDI0Ljk0IDYyLjAzIDI2LjM1IDYxLjUzIDI3Ljc1IEM2MC40OSAzMC42OSA1OS40NSAzMy42MyA1OC40MSAzNi41NyBDNTcuMDkgNDAuMjkgNTUuNzggNDQuMDEgNTQuNDcgNDcuNzMgQzUzLjQ1IDUwLjYzIDUyLjQyIDUzLjU0IDUxLjM5IDU2LjQ0IEM1MC45IDU3LjgxIDUwLjQyIDU5LjE4IDQ5Ljk0IDYwLjU1IEM0Ny4zMiA2Ny45OCA0NC41NCA3NS4zMyA0MS40NiA4Mi41OSBDNDEuMTkgODMuMjQgNDAuOTIgODMuOSA0MC42NCA4NC41NyBDMzguMTQgOTAuMzQgMzQuODUgOTUuNjQgMjguOTQgOTguMzEgQzI3Ljk2IDk4Ljc3IDI3Ljk2IDk4Ljc3IDI2Ljk2IDk5LjI0IEMyMC43MyAxMDEuNjUgMTQuNjMgMTAxLjA3IDggMTAxIEM4IDk2LjcxIDggOTIuNDIgOCA4OCBDMTAuNTcgODcuNjkgMTAuNTcgODcuNjkgMTMuMTkgODcuMzggQzE2LjkyIDg2LjY5IDE5LjUxIDg2LjIxIDIyLjA2IDgzLjMxIEMyNS43MiA3Ny4wNyAyNS43MiA3Ny4wNyAyNS4zNCA3MC4xIEMyNC4xNyA2Ni40OSAyMi44NyA2Mi45NCAyMS41MiA1OS4zOSBDMjEuMDQgNTguMDcgMjAuNTUgNTYuNzQgMjAuMDYgNTUuNDEgQzE4Ljc4IDUxLjkxIDE3LjQ4IDQ4LjQzIDE2LjE3IDQ0Ljk0IEMxNC44NiA0MS40MyAxMy41NiAzNy45MSAxMi4yNyAzNC40IEMxMC44MSAzMC40MiA5LjM0IDI2LjQ1IDcuODYgMjIuNDggQzUuMDggMTUuMDMgMi40NyA3LjU2IDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYwLDM1KSIvPgo8cGF0aCBkPSJNMCAwIEMtMC40IDguNyAtMi4zOCAxNC44NyAtOC44OCAyMC44OCBDLTEzLjQ0IDI0LjYgLTE3LjA3IDI2IC0yMyAyNiBDLTI0LjY4IDIwLjkyIC0yMy4wOCAxNi43NiAtMjEgMTIgQy0xNi4xNCA0LjQ4IC05LjI5IC0wLjkzIDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcsMCkiLz4KPC9zdmc+';\n\n const PAYMENT_LOGOS = [\n {\n alt: 'Visa',\n src: 'data:image/webp;base64,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',\n width: 62,\n height: 20\n },\n {\n alt: 'Mastercard',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2Fmastercard.2dg3rp68xj9gt.png&w=640&q=75',\n width: 42,\n height: 26\n },\n {\n alt: 'American Express',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2Famex.3nkjvj6hpj-cp.png&w=640&q=75',\n width: 26,\n height: 26\n },\n {\n alt: 'Direct Debit',\n src: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkuNzQ4IiBoZWlnaHQ9IjYwLjg4IiB2aWV3Qm94PSI2LjUwNCA2NS45MzcgMTc5Ljc0OCA2MC44OCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05MS4xODIgNzkuODc5aDkuMTE1czkuMDI1LS4xODIgOC45MzQgOC4wMjFjLS4wOSA2LjEwOC04Ljc1IDcuMDE5LTguNzUgNy4wMTloLTkuMjk4di0xNS4wNGgtLjAwMXptMjcuMjY5IDI5LjQ0NWMuMjU2IDEuMTkzIDEuMTE5IDIuNTA4IDMuOTk4IDIuNjQzIDMuODI4LjA5IDYuMDE2LTEuMzY5IDYuMDE2LTEuMzY5djIuODI2cy00LjE5MyAxLjAwNC02LjE5OSAxLjAwNGMtMi4wOTYgMC04LjI5NS0uNDU3LTguMjk1LTYuMTk5IDAtNC42NDggNS4xMDUtNi4xMDcgOC4wMjEtNi4xMDcgNS4xMDUuMTgyIDcuNTY2IDIuMDA2IDcuNDc1IDcuMjAxIDAgLjA3NS04LjM5OS4wMTktMTEuMDE2LjAwMXptLjAxMi0yLjI4MWg2Ljk5NHMwLTIuNjQzLTMuMzczLTIuNjQzYy0yLjUzNyAwLTMuMzY3IDEuMzY4LTMuNjIxIDIuNjQzem0yMi4xMjUtMi44NTRjMS4wMTItMS4wOTggMi43MTEtMS45NzcgNS41NjEtMS45NzcgNS42NTIgMCA2LjU2NCA0Ljc0IDYuNDczIDYuMDE2cy0uNTQ3IDYuMTA3LTcuMTA5IDYuMTA3Yy0yLjQ3OSAwLTMuOTk2LS44NDYtNC45MjQtMS44OTZ2MS41MzFoLTQuNDY3Vjk3LjU2Mmg0LjQ2N3Y2LjYyN2gtLjAwMXptMy44MyA3LjU5NGMyLjY0My0uMDkyIDMuODI4LTIuMzY5IDMuODI4LTMuNDYzcy0uNjM5LTMuMzczLTQuMDEyLTMuMzczYy0yLjYxNyAwLTMuNDE0IDEuOTc3LTMuNjQ2IDIuOTQzdjEuMTg5Yy4yMy45ODUgMS4wMzEgMi43MDQgMy44MyAyLjcwNHptMzguNTU5LS40NTVsLjA5IDIuNTUzcy0yLjA5Ni40NTUtMy40NjMuNDU1LTQuOTI0LS44Mi00LjkyNC00LjI4NXYtNS4yODdoLTMuNzM2di0yLjM2OWgzLjczNnYtMi44MjZoNC41NTl2Mi44MjZoMy43Mzh2Mi4zNjloLTMuNzM4djQuNTU5czAgMi4yNzkgMS44MjQgMi4yNzljMS44MjIgMCAxLjkxNC0uMjc0IDEuOTE0LS4yNzR6TTE2OS4xMjEgODIuMzRoNS4yODd2MTIuNjdoNC40NjVWODIuMzRoNS4zNzl2LTIuNjQ0aC0xNS4xMzF2Mi42NDR6bS0xLjgyNC42MzhsLjU0Ny0yLjY0NHMtMi4yNzktMS4wMDItNi4yODktMS4wMDJjLTMuOTIgMC0xMC4yMDkgMi4xODgtMTAuMjA5IDguMTEzIDAgNS44MzQgNi42NTQgNy44MzkgMTAuNzU2IDcuODM5czUuNDY5LS42MzggNS40NjktLjYzOGwtLjQ1NS0yLjkxN3MtMS44MjQuNTQ3LTQuOTI0LjU0N2MtMy4wMDgtLjA5MS02LjEwNS0yLjQ2MS02LjEwNS01LjEwNC4wOS0yLjM3IDIuODI0LTUuMDE0IDYuMzgxLTUuMDE0IDIuNzMzIDAgNC44MjkuODIgNC44MjkuODJ6bS00MC4yOTEtMy4xOXM3LjQ3NS0uMzY0IDcuNDc1IDQuMDExYzAgMy43MzgtNC4yODMgNC4wMTEtNC4yODMgNC4wMTFzMS4xODQuMTgyIDEuNzMyIDEuMDAyYy40NTUuNzI5IDMuNDYzIDYuMTk5IDMuNDYzIDYuMTk5aC00LjU1OXMtLjcyOS0uOTEyLTEuMDk0LTEuNTQ5Yy0uMjczLS42MzgtMS4wOTQtMi4wMDYtMS4wOTQtMi4wMDZzLS42MzctMi4yNzktMi44MjYtMi4yNzljLS4wNTUgMC0uOTQ1LS4wMzQtMS42NDEtLjA2djUuODk0aC00LjM3NVY3OS43ODhoNy4yMDJ6bS0yLjgyNiA2LjgzN2gyLjM3MXMzLjI4MS0uMTgzIDMuNDYzLTIuMTg4Yy4wOTItMS45MTQtMy4xODktMi4xODgtMy4xODktMi4xODhoLTIuNjQ1djQuMzc2em0xOC4zMjIgMi4zN2g3LjI5M3YtMi44MjZoLTcuMjkzdi0zLjQ2NGg3LjkzMnYtMi45MTdoLTEyLjM5NnYxNS4yMjNoMTIuNDg4di0yLjczNWgtOC4wMjN2LTMuMjgxaC0uMDAxem0xNy43NzUgMTEuNjY3aDQuNDY3di0zLjFoLTQuNDY3djMuMXptMCAxMy4zMDloNC40Njd2LTExLjU3NmgtNC40Njd2MTEuNTc2em0tNDguNjc1LTE4Ljk2aDQuMzc1Vjc5Ljc4OGgtNC4zNzV2MTUuMjIzem0tMjAuNDIgMy44MjloOS4xMTVzOS4wMjUtLjE4NCA4LjkzNCA4LjAyMWMtLjA5IDYuMTA3LTguNzUgNy4wMi04Ljc1IDcuMDJoLTkuMjk4Vjk4Ljg0aC0uMDAxem00LjQ2NyAxMi4yMTVoMi45MTdzNi4wMTYtLjM2NSA2LjAxNi01LjAxNC02LjM4MS01LjEwNS02LjM4MS01LjEwNWgtMi41NTJ2MTAuMTE5em0wLTE4Ljk2MWgyLjkxN3M2LjAxNi0uNDU2IDYuMDE2LTUuMDE0YzAtNC43NC02LjM4MS01LjEwNC02LjM4MS01LjEwNGgtMi41NTJ2MTAuMTE4ek01MC4yNTMgODguOTQxdjMwLjVzLTE3LjY4NS0zLjE5MS0xNy42ODUtMTUuMzE0Yy4wMDEtOS42NjkgMTMuMDkyLTEzLjkzMSAxNy42ODUtMTUuMTg2em0wLS41NjljLTEwLjYyOS0uNzY5LTM0LjczIDQuMjEzLTM0LjczIDE1LjExNiAwIDcuMTA5IDEyLjc2MiAxNy41MDIgMzMuNTQ1IDE3Ljc3NS44MiAwIDI0LjQyOS0uOTEyIDI0LjA2NS0yNi4yNTMtLjMwNi0yMS4yODQtMTYuMjM2LTI1LjAxMi0yMS4zMy0yNS42NjF2LTEuMjk3YzIwLjMwOCAxLjI4OSAzNi4yOCAxMy41MDIgMzYuMjggMjguMzI1IDAgMTUuNjc5LTE3Ljg2NyAyOC40NC0zOS44MzUgMjguNDRTOC41MDQgMTEyLjA1NSA4LjUwNCA5Ni4zNzdzMTcuNzc1LTI4LjQ0IDM5Ljc0NC0yOC40NGMuNjczIDAgMS4zNDIuMDEyIDIuMDA2LjAzNnYyMC4zOTloLS4wMDF6IiAvPjwvZz48L3N2Zz4=',\n width: 76,\n height: 26\n },\n {\n alt: 'Apple Pay',\n src: APPLE_PAY_DATA_URI,\n width: 330,\n height: 136\n },\n {\n alt: 'Google Pay',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2FgooglePay.22s_ewi2eu0r_.png&w=640&q=75',\n width: 49,\n height: 26\n }\n ];\n\n const injectStyles = () => {\n if (document.getElementById(STYLE_ID)) return;\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = `\n .${INJECTED_CLASS} {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 24px 24px;\n width: 100%;\n max-width: 100%;\n margin: var(--sb-spacing-xl, 32px) auto;\n padding: 0 var(--sb-grid-gutter-mobile, 16px);\n color: #171717;\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n line-height: 1.4;\n }\n\n .${INJECTED_CLASS}-security {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 12px;\n }\n\n .${INJECTED_CLASS}-logos {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n align-items: center;\n justify-content: stretch;\n gap: 12px 8px;\n width: 100%;\n }\n\n .${INJECTED_CLASS}-security {\n font-size: 1.125rem;\n font-weight: 700;\n white-space: nowrap;\n }\n\n .${INJECTED_CLASS}-lock {\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n }\n\n .${INJECTED_CLASS}-logo {\n display: block;\n flex: 0 0 auto;\n width: auto;\n max-width: 76px;\n height: auto;\n max-height: 26px;\n justify-self: center;\n object-fit: contain;\n }\n\n .${INJECTED_CLASS}-apple-pay {\n color: #171717;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 600;\n white-space: nowrap;\n }\n\n @media (min-width: 768px) {\n .${INJECTED_CLASS} {\n gap: 16px 24px;\n padding-right: var(--sb-grid-gutter-tablet, 24px);\n padding-left: var(--sb-grid-gutter-tablet, 24px);\n font-size: 1rem;\n }\n\n .${INJECTED_CLASS}-logos {\n display: flex;\n gap: 28px;\n width: auto;\n }\n }\n\n @media (min-width: 1024px) {\n .${INJECTED_CLASS} {\n padding-right: var(--sb-grid-gutter-desktop, 24px);\n padding-left: var(--sb-grid-gutter-desktop, 24px);\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId\n });\n };\n\n const createLockIcon = () => {\n const svgNamespace = 'http://www.w3.org/2000/svg';\n const svg = document.createElementNS(svgNamespace, 'svg');\n svg.setAttribute('viewBox', '0 0 18 24');\n svg.setAttribute('width', '18');\n svg.setAttribute('height', '24');\n svg.setAttribute('data-testid', 'icon-lock');\n svg.setAttribute('aria-hidden', 'true');\n svg.classList.add(`${INJECTED_CLASS}-lock`);\n\n const shackle = document.createElementNS(svgNamespace, 'path');\n shackle.setAttribute('fill-rule', 'evenodd');\n shackle.setAttribute('clip-rule', 'evenodd');\n shackle.setAttribute('d', 'M5.1939 6.43269C5.1939 4.38461 6.90538 2.71154 9.00046 2.71154C11.0955 2.71154 12.807 4.38461 12.807 6.43269V10.3558H15.6103V6.43269C15.5808 2.88461 12.63 0 9.00046 0C5.37095 0 2.39062 2.88461 2.39062 6.43269V10.3558H5.1939V6.43269Z');\n shackle.setAttribute('fill', '#0F894E');\n\n const body = document.createElementNS(svgNamespace, 'path');\n body.setAttribute('fill-rule', 'evenodd');\n body.setAttribute('clip-rule', 'evenodd');\n body.setAttribute('d', 'M0 11.9131V23.9996H18V11.9131H0ZM12.2164 16.2112L8.2918 20.0477L7.99672 20.3362L7.70164 20.0477L5.78361 18.1727L5.48852 17.8842L5.78361 17.5958L6.31475 17.0765L6.60984 16.7881L6.90492 17.0765L7.99672 18.1439L11.1246 15.0862L11.4197 14.7977L11.7148 15.0862L12.2459 15.6054L12.541 15.8939L12.2164 16.2112Z');\n body.setAttribute('fill', '#0F894E');\n\n svg.append(shackle, body);\n return svg;\n };\n\n const buildPaymentRow = () => {\n const row = document.createElement('section');\n row.className = INJECTED_CLASS;\n row.setAttribute('aria-label', 'Payment options and secure TLS encryption');\n\n const security = document.createElement('div');\n security.className = `${INJECTED_CLASS}-security`;\n const securityText = document.createElement('span');\n securityText.textContent = 'Secure TLS Encryption';\n security.append(createLockIcon(), securityText);\n\n const logos = document.createElement('div');\n logos.className = `${INJECTED_CLASS}-logos`;\n PAYMENT_LOGOS.forEach(({ alt, src, width, height }) => {\n const image = document.createElement('img');\n image.className = `${INJECTED_CLASS}-logo`;\n image.alt = alt;\n image.width = width;\n image.height = height;\n image.loading = 'lazy';\n image.src = src;\n image.addEventListener('error', () => {\n const fallback = document.createElement('span');\n fallback.className = `${INJECTED_CLASS}-apple-pay`;\n fallback.textContent = alt;\n image.replaceWith(fallback);\n }, { once: true });\n logos.appendChild(image);\n });\n\n row.append(security, logos);\n return row;\n };\n\n const apply = () => {\n const offerTiles = document.querySelector(CONFIG.selectors.target);\n const termsContainer = document.querySelector(CONFIG.selectors.terms);\n if (!offerTiles || !termsContainer || offerTiles.parentElement !== termsContainer.parentElement) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\n window[COUNT_KEY] = (window[COUNT_KEY] || 0) + 1;\n if (window[COUNT_KEY] > 10) return true;\n\n injectStyles();\n const row = buildPaymentRow();\n termsContainer.parentElement.insertBefore(row, termsContainer);\n\n if (!window[EXPOSURE_KEY]) {\n trackEvent('experiment_loaded', 'offers_payment_options');\n window[EXPOSURE_KEY] = true;\n }\n\n const domWipeObserver = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === row || (removedNode.nodeType === 1 && removedNode.contains(row))) {\n domWipeObserver.disconnect();\n window[COUNT_KEY] = 0;\n if (window[OBSERVER_KEY]) {\n window[OBSERVER_KEY].observe(document.documentElement, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.documentElement, { childList: true, subtree: true });\n return true;\n };\n\n window[OBSERVER_KEY] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target) || !document.querySelector(CONFIG.selectors.terms)) return;\n if (apply()) window[OBSERVER_KEY].disconnect();\n });\n window[OBSERVER_KEY].observe(document.documentElement, { childList: true, subtree: true });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (!event.persisted) return;\n window[COUNT_KEY] = 0;\n apply();\n });\n})();","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-018',\n id: 'ACQ-018',\n selectors: {\n target: '[data-testid=\"payment-selector\"]',\n title: '[class*=\"PaymentSelector\"][class*=\"__title\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: '[class*=\"SecurityMessage\"][class*=\"__container\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const STYLE_ID = `gb-styles-${CONFIG.id}`;\n const RUN_KEY = `__run_${CONFIG.id}`;\n const OBSERVER_KEY = `__obs_${CONFIG.id}`;\n const COUNT_KEY = `__inject_count_${CONFIG.id}`;\n const EXPOSURE_KEY = `__exposure_tracked_${CONFIG.id}`;\n const SECURITY_MESSAGE_ID = `gb-security-message-${CONFIG.id}`;\n const PAYMENT_LOGO_SOURCES = {\n visa: 'data:image/webp;base64,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',\n directDebit: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkuNzQ4IiBoZWlnaHQ9IjYwLjg4IiB2aWV3Qm94PSI2LjUwNCA2NS45MzcgMTc5Ljc0OCA2MC44OCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05MS4xODIgNzkuODc5aDkuMTE1czkuMDI1LS4xODIgOC45MzQgOC4wMjFjLS4wOSA2LjEwOC04Ljc1IDcuMDE5LTguNzUgNy4wMTloLTkuMjk4di0xNS4wNGgtLjAwMXptMjcuMjY5IDI5LjQ0NWMuMjU2IDEuMTkzIDEuMTE5IDIuNTA4IDMuOTk4IDIuNjQzIDMuODI4LjA5IDYuMDE2LTEuMzY5IDYuMDE2LTEuMzY5djIuODI2cy00LjE5MyAxLjAwNC02LjE5OSAxLjAwNGMtMi4wOTYgMC04LjI5NS0uNDU3LTguMjk1LTYuMTk5IDAtNC42NDggNS4xMDUtNi4xMDcgOC4wMjEtNi4xMDcgNS4xMDUuMTgyIDcuNTY2IDIuMDA2IDcuNDc1IDcuMjAxIDAgLjA3NS04LjM5OS4wMTktMTEuMDE2LjAwMXptLjAxMi0yLjI4MWg2Ljk5NHMwLTIuNjQzLTMuMzczLTIuNjQzYy0yLjUzNyAwLTMuMzY3IDEuMzY4LTMuNjIxIDIuNjQzem0yMi4xMjUtMi44NTRjMS4wMTItMS4wOTggMi43MTEtMS45NzcgNS41NjEtMS45NzcgNS42NTIgMCA2LjU2NCA0Ljc0IDYuNDczIDYuMDE2cy0uNTQ3IDYuMTA3LTcuMTA5IDYuMTA3Yy0yLjQ3OSAwLTMuOTk2LS44NDYtNC45MjQtMS44OTZ2MS41MzFoLTQuNDY3Vjk3LjU2Mmg0LjQ2N3Y2LjYyN2gtLjAwMXptMy44MyA3LjU5NGMyLjY0My0uMDkyIDMuODI4LTIuMzY5IDMuODI4LTMuNDYzcy0uNjM5LTMuMzczLTQuMDEyLTMuMzczYy0yLjYxNyAwLTMuNDE0IDEuOTc3LTMuNjQ2IDIuOTQzdjEuMTg5Yy4yMy45ODUgMS4wMzEgMi43MDQgMy44MyAyLjcwNHptMzguNTU5LS40NTVsLjA5IDIuNTUzcy0yLjA5Ni40NTUtMy40NjMuNDU1LTQuOTI0LS44Mi00LjkyNC00LjI4NXYtNS4yODdoLTMuNzM2di0yLjM2OWgzLjczNnYtMi44MjZoNC41NTl2Mi44MjZoMy43Mzh2Mi4zNjloLTMuNzM4djQuNTU5czAgMi4yNzkgMS44MjQgMi4yNzljMS44MjIgMCAxLjkxNC0uMjc0IDEuOTE0LS4yNzR6TTE2OS4xMjEgODIuMzRoNS4yODd2MTIuNjdoNC40NjVWODIuMzRoNS4zNzl2LTIuNjQ0aC0xNS4xMzF2Mi42NDR6bS0xLjgyNC42MzhsLjU0Ny0yLjY0NHMtMi4yNzktMS4wMDItNi4yODktMS4wMDJjLTMuOTIgMC0xMC4yMDkgMi4xODgtMTAuMjA5IDguMTEzIDAgNS44MzQgNi42NTQgNy44MzkgMTAuNzU2IDcuODM5czUuNDY5LS42MzggNS40NjktLjYzOGwtLjQ1NS0yLjkxN3MtMS44MjQuNTQ3LTQuOTI0LjU0N2MtMy4wMDgtLjA5MS02LjEwNS0yLjQ2MS02LjEwNS01LjEwNC4wOS0yLjM3IDIuODI0LTUuMDE0IDYuMzgxLTUuMDE0IDIuNzMzIDAgNC44MjkuODIgNC44MjkuODJ6bS00MC4yOTEtMy4xOXM3LjQ3NS0uMzY0IDcuNDc1IDQuMDExYzAgMy43MzgtNC4yODMgNC4wMTEtNC4yODMgNC4wMTFzMS4xODQuMTgyIDEuNzMyIDEuMDAyYy40NTUuNzI5IDMuNDYzIDYuMTk5IDMuNDYzIDYuMTk5aC00LjU1OXMtLjcyOS0uOTEyLTEuMDk0LTEuNTQ5Yy0uMjczLS42MzgtMS4wOTQtMi4wMDYtMS4wOTQtMi4wMDZzLS42MzctMi4yNzktMi44MjYtMi4yNzljLS4wNTUgMC0uOTQ1LS4wMzQtMS42NDEtLjA2djUuODk0aC00LjM3NVY3OS43ODhoNy4yMDJ6bS0yLjgyNiA2LjgzN2gyLjM3MXMzLjI4MS0uMTgzIDMuNDYzLTIuMTg4Yy4wOTItMS45MTQtMy4xODktMi4xODgtMy4xODktMi4xODhoLTIuNjQ1djQuMzc2em0xOC4zMjIgMi4zN2g3LjI5M3YtMi44MjZoLTcuMjkzdi0zLjQ2NGg3LjkzMnYtMi45MTdoLTEyLjM5NnYxNS4yMjNoMTIuNDg4di0yLjczNWgtOC4wMjN2LTMuMjgxaC0uMDAxem0xNy43NzUgMTEuNjY3aDQuNDY3di0zLjFoLTQuNDY3djMuMXptMCAxMy4zMDloNC40Njd2LTExLjU3NmgtNC40Njd2MTEuNTc2em0tNDguNjc1LTE4Ljk2aDQuMzc1Vjc5Ljc4OGgtNC4zNzV2MTUuMjIzem0tMjAuNDIgMy44MjloOS4xMTVzOS4wMjUtLjE4NCA4LjkzNCA4LjAyMWMtLjA5IDYuMTA3LTguNzUgNy4wMi04Ljc1IDcuMDJoLTkuMjk4Vjk4Ljg0aC0uMDAxem00LjQ2NyAxMi4yMTVoMi45MTdzNi4wMTYtLjM2NSA2LjAxNi01LjAxNC02LjM4MS01LjEwNS02LjM4MS01LjEwNWgtMi41NTJ2MTAuMTE5em0wLTE4Ljk2MWgyLjkxN3M2LjAxNi0uNDU2IDYuMDE2LTUuMDE0YzAtNC43NC02LjM4MS01LjEwNC02LjM4MS01LjEwNGgtMi41NTJ2MTAuMTE4ek01MC4yNTMgODguOTQxdjMwLjVzLTE3LjY4NS0zLjE5MS0xNy42ODUtMTUuMzE0Yy4wMDEtOS42NjkgMTMuMDkyLTEzLjkzMSAxNy42ODUtMTUuMTg2em0wLS41NjljLTEwLjYyOS0uNzY5LTM0LjczIDQuMjEzLTM0LjczIDE1LjExNiAwIDcuMTA5IDEyLjc2MiAxNy41MDIgMzMuNTQ1IDE3Ljc3NS44MiAwIDI0LjQyOS0uOTEyIDI0LjA2NS0yNi4yNTMtLjMwNi0yMS4yODQtMTYuMjM2LTI1LjAxMi0yMS4zMy0yNS42NjF2LTEuMjk3YzIwLjMwOCAxLjI4OSAzNi4yOCAxMy41MDIgMzYuMjggMjguMzI1IDAgMTUuNjc5LTE3Ljg2NyAyOC40NC0zOS44MzUgMjguNDRTOC41MDQgMTEyLjA1NSA4LjUwNCA5Ni4zNzdzMTcuNzc1LTI4LjQ0IDM5Ljc0NC0yOC40NGMuNjczIDAgMS4zNDIuMDEyIDIuMDA2LjAzNnYyMC4zOTloLS4wMDF6IiAvPjwvZz48L3N2Zz4='\n };\n\n if (window[RUN_KEY]) {\n const existingTarget = document.querySelector(CONFIG.selectors.target);\n if (existingTarget?.classList.contains(INJECTED_CLASS) && document.getElementById(STYLE_ID)) return;\n if (window[OBSERVER_KEY]) window[OBSERVER_KEY].disconnect();\n window[COUNT_KEY] = 0;\n }\n window[RUN_KEY] = true;\n\n const injectStyles = () => {\n if (document.getElementById(STYLE_ID)) return;\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = `\n .${INJECTED_CLASS}-title {\n box-sizing: border-box;\n width: 100%;\n background-color: #f5f5f5;\n border: 1px solid #d1d1d1;\n border-bottom: 0;\n border-radius: 2px 2px 0 0;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n padding: 16px 16px 0;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n box-sizing: border-box;\n background-color: #f5f5f5;\n border: 1px solid #d1d1d1;\n border-top: 0;\n border-radius: 0 0 2px 2px;\n padding: 0 16px 16px;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid^=\"payment-method-\"],\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__body\"],\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__bodyInner\"] {\n background-color: #f5f5f5;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__icons\"] img[alt=\"American Express\"] {\n order: -1;\n }\n\n .${INJECTED_CLASS}-security-message {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n width: 100%;\n margin: 12px 0 0;\n padding: 0;\n }\n\n .${INJECTED_CLASS}-security-message [class*=\"SecurityMessage\"][class*=\"__items\"] {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .${INJECTED_CLASS}-security-message svg {\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n }\n\n .${INJECTED_CLASS}-security-message p {\n margin: 0;\n }\n\n @media (max-width: 767px) {\n [class*=\"securityMessageCompact\"] {\n display: none !important;\n }\n\n .${INJECTED_CLASS}-security-source {\n display: none !important;\n }\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} #z_hppm_iframe[title=\"payment\"] {\n box-sizing: border-box;\n box-shadow: 0 0 0 12px #fff;\n }\n\n .${INJECTED_CLASS}-title::before {\n content: \"\";\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.1939 6.43269C5.1939 4.38461 6.90538 2.71154 9.00046 2.71154C11.0955 2.71154 12.807 4.38461 12.807 6.43269V10.3558H15.6103V6.43269C15.5808 2.88461 12.63 0 9.00046 0C5.37095 0 2.39062 2.88461 2.39062 6.43269V10.3558H5.1939V6.43269Z' fill='%230F894E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11.9131V23.9996H18V11.9131H0ZM12.2164 16.2112L8.2918 20.0477L7.99672 20.3362L7.70164 20.0477L5.78361 18.1727L5.48852 17.8842L5.78361 17.5958L6.31475 17.0765L6.60984 16.7881L6.90492 17.0765L7.99672 18.1439L11.1246 15.0862L11.4197 14.7977L11.7148 15.0862L12.2459 15.6054L12.541 15.8939L12.2164 16.2112Z' fill='%230F894E'/%3E%3C/svg%3E\");\n }\n\n @media (min-width: 768px) {\n .${INJECTED_CLASS}-title {\n max-width: 430px;\n padding: 24px 24px 0;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n padding: 0 24px 24px;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n injectStyles();\n\n const syncPaymentLogoSource = (target, alt, source) => {\n const images = target.querySelectorAll(`img[alt=\"${alt}\"]`);\n for (const image of images) {\n if (image.getAttribute('src') !== source) image.setAttribute('src', source);\n for (const attribute of ['srcset', 'sizes']) {\n if (image.hasAttribute(attribute)) image.removeAttribute(attribute);\n }\n }\n };\n\n const syncPaymentLogos = target => {\n syncPaymentLogoSource(target, 'Visa', PAYMENT_LOGO_SOURCES.visa);\n syncPaymentLogoSource(target, 'Direct Debit', PAYMENT_LOGO_SOURCES.directDebit);\n };\n\n const syncSecurityMessage = target => {\n const source = document.querySelector(CONFIG.selectors.securityMessage);\n const completePaymentButton = Array.from(target.querySelectorAll('button')).find(button =>\n button.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'complete payment'\n );\n const sourceItems = source?.querySelector('[class*=\"SecurityMessage\"][class*=\"__items\"]');\n if (!source || !completePaymentButton || !sourceItems) return false;\n\n let message = document.getElementById(SECURITY_MESSAGE_ID);\n if (!message) {\n message = document.createElement('div');\n message.id = SECURITY_MESSAGE_ID;\n message.className = `${INJECTED_CLASS}-security-message`;\n message.appendChild(sourceItems.cloneNode(true));\n }\n\n source.classList.add(`${INJECTED_CLASS}-security-source`);\n if (message.previousElementSibling !== completePaymentButton) {\n completePaymentButton.insertAdjacentElement('afterend', message);\n }\n return true;\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId\n });\n };\n\n const apply = () => {\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target) return false;\n const title = target.previousElementSibling;\n if (!title?.matches(CONFIG.selectors.title)) return false;\n if (target.classList.contains(INJECTED_CLASS) && title.classList.contains(`${INJECTED_CLASS}-title`) && document.getElementById(STYLE_ID)) return true;\n\n window[COUNT_KEY] = (window[COUNT_KEY] || 0) + 1;\n if (window[COUNT_KEY] > 10) return true;\n\n injectStyles();\n target.classList.add(INJECTED_CLASS);\n title.classList.add(`${INJECTED_CLASS}-title`);\n syncPaymentLogos(target);\n syncSecurityMessage(target);\n\n if (!window[EXPOSURE_KEY]) {\n trackEvent('experiment_loaded', 'checkout_payment');\n window[EXPOSURE_KEY] = true;\n }\n\n let uiSyncPending = false;\n let uiSyncFrame = 0;\n const paymentContentObserver = new MutationObserver(() => {\n if (uiSyncPending) return;\n uiSyncPending = true;\n uiSyncFrame = requestAnimationFrame(() => {\n uiSyncPending = false;\n uiSyncFrame = 0;\n if (!document.documentElement.contains(target)) return;\n syncPaymentLogos(target);\n syncSecurityMessage(target);\n });\n });\n paymentContentObserver.observe(target, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['src', 'srcset', 'sizes']\n });\n\n const domWipeObserver = new MutationObserver(() => {\n const targetStillPresent = document.documentElement.contains(target);\n const targetStillMarked = target.classList.contains(INJECTED_CLASS);\n const titleStillMarked = title.classList.contains(`${INJECTED_CLASS}-title`);\n const stylesStillPresent = Boolean(document.getElementById(STYLE_ID));\n if (targetStillPresent && targetStillMarked && titleStillMarked && stylesStillPresent) return;\n\n domWipeObserver.disconnect();\n paymentContentObserver.disconnect();\n if (uiSyncFrame) cancelAnimationFrame(uiSyncFrame);\n window[COUNT_KEY] = 0;\n if (window[OBSERVER_KEY]) {\n window[OBSERVER_KEY].observe(document.documentElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['class']\n });\n }\n setTimeout(apply, 50);\n });\n domWipeObserver.observe(document.documentElement, { childList: true, subtree: true });\n domWipeObserver.observe(target, { attributes: true, attributeFilter: ['class'] });\n domWipeObserver.observe(title, { attributes: true, attributeFilter: ['class'] });\n\n return true;\n };\n\n document.body.addEventListener('change', event => {\n const input = event.target;\n if (!(input instanceof HTMLInputElement) || !input.matches(CONFIG.selectors.paymentMethodRadio)) return;\n const target = input.closest(CONFIG.selectors.target);\n if (!target?.classList.contains(INJECTED_CLASS)) return;\n const methodContainer = input.closest('[data-testid^=\"payment-method-\"]');\n const method = methodContainer?.getAttribute('data-testid')?.replace('payment-method-', '').replace(/-/g, '_') || 'unknown';\n trackEvent(`payment_method_${method}_selected`, 'checkout_payment_method');\n });\n\n window[OBSERVER_KEY] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return;\n if (apply()) window[OBSERVER_KEY].disconnect();\n });\n window[OBSERVER_KEY].observe(document.documentElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['class']\n });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (!event.persisted) return;\n window[COUNT_KEY] = 0;\n apply();\n });\n})();","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-018',\n id: 'ACQ-018',\n selectors: {\n target: '[class*=\"offerTilesContainer\"]',\n terms: '[class*=\"offerTermsContainer\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}-v1`;\n const STYLE_ID = `gb-styles-${CONFIG.id}-v1`;\n const RUN_KEY = `__run_${CONFIG.id}_v1`;\n const OBSERVER_KEY = `__obs_${CONFIG.id}_v1`;\n const COUNT_KEY = `__inject_count_${CONFIG.id}_v1`;\n const EXPOSURE_KEY = `__exposure_tracked_${CONFIG.id}_v1`;\n\n if (window[RUN_KEY]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[OBSERVER_KEY]) window[OBSERVER_KEY].disconnect();\n window[COUNT_KEY] = 0;\n }\n window[RUN_KEY] = true;\n\n const APPLE_PAY_DATA_URI = 'data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMzMCIgaGVpZ2h0PSIxMzYiPgo8cGF0aCBkPSJNMCAwIEM1LjY0IDEuOTggOS4zIDIuMzIgMTUgMC4xOSBDMjIuOTQgLTIuNzYgMzAuOTUgLTMuNjcgMzguOTQgLTAuMzEgQzQ3LjEyIDMuOTEgNDcuMTIgMy45MSA0OC44MyA3Ljg2IEM0OSA5Ljk0IDQ5IDkuOTQgNDcuNjcgMTEuNjEgQzQ2LjcyIDEyLjQyIDQ2LjcyIDEyLjQyIDQ1Ljc1IDEzLjI1IEM0MC41MSAxOC4yMSAzOC44NSAyMi43IDM4LjU2IDI5Ljg4IEMzOC43NiAzNi40MSA0MC4xMyA0MS4wMiA0NC43NSA0NS43MiBDNDcuMDYgNDcuNzYgNDkuMjQgNDkuNTYgNTIgNTAuOTQgQzUwLjczIDYxLjY3IDQzLjk0IDcxLjc5IDM2IDc4Ljk0IEMzMS41NiA4MS43MiAyNy4wOCA4MS40NSAyMiA4MC45NCBDMTkuNjQgODAuMjcgMTcuMzggNzkuNDYgMTUuMDggNzguNjIgQzEwLjI1IDc3LjA0IDYuMzEgNzcuNzQgMS42OSA3OS40NCBDLTMuMjUgODEuMiAtNy44IDgxLjcyIC0xMyA4MC45NCBDLTIzLjY5IDc1LjggLTMwLjI5IDYzLjAyIC0zNC4yNyA1Mi40IEMtMzguNDEgNDAuMjQgLTM5LjYyIDI1LjA4IC0zNC4yNSAxMy4xMyBDLTMwLjMgNi4yMiAtMjUuMzcgMi4wNCAtMTggLTEuMDYgQy0xMS40IC0yLjYzIC02LjM5IC0yLjMxIDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzcsMjguMDYyNSkiLz4KPHBhdGggZD0iTTAgMCBDNTIuNzQgMCA1Mi43NCAwIDYzIDkgQzcwLjEgMTcuMSA3Mi42MSAyNi40MyA3Mi4yOCAzNy4wNSBDNzEuMzkgNDYuMzYgNjggNTMuMzUgNjEuMTUgNTkuNzIgQzUxLjg4IDY3LjI0IDQyLjU0IDY3LjQxIDMwLjk0IDY3LjE5IEMyNC4wNCA2Ny4wOSAyNC4wNCA2Ny4wOSAxNyA2NyBDMTcgNzguNTUgMTcgOTAuMSAxNyAxMDIgQzExLjM5IDEwMiA1Ljc4IDEwMiAwIDEwMiBDMCA2OC4zNCAwIDM0LjY4IDAgMCBaIE0xNyAxNCBDMTcgMjYuODcgMTcgMzkuNzQgMTcgNTMgQzIwLjggNTMuMDggMjQuNTkgNTMuMTYgMjguNSA1My4yNSBDMjkuNjggNTMuMjkgMzAuODYgNTMuMzIgMzIuMDggNTMuMzYgQzM4Ljg5IDUzLjQzIDQzLjIyIDUyLjY3IDQ5IDQ5IEM1My40MSA0NC40NyA1NS4wOSA0MC4zOCA1NS4zMSAzNC4xMiBDNTUuMTcgMjguMTUgNTMuNTUgMjQgNDkuODggMTkuMjUgQzQzIDEzLjg3IDM1LjM4IDEzLjU5IDI2Ljk0IDEzLjgxIEMyMy42NiAxMy44NyAyMC4zOCAxMy45NCAxNyAxNCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE3LDcpIi8+CjxwYXRoIGQ9Ik0wIDAgQzYuMTggMy41NiAxMC4zOCA4LjM4IDEyLjMgMTUuMzMgQzEyLjcxIDE5LjcyIDEyLjY1IDI0LjA4IDEyLjYgMjguNDggQzEyLjU5IDI5Ljc0IDEyLjU5IDMwLjk5IDEyLjU4IDMyLjI4IEMxMi41NyAzNS42IDEyLjU0IDM4LjkyIDEyLjUxIDQyLjIzIEMxMi40OCA0NS42MiAxMi40NyA0OS4wMiAxMi40NSA1Mi40MSBDMTIuNDIgNTkuMDUgMTIuMzcgNjUuNjkgMTIuMyA3Mi4zMyBDNy4zNSA3Mi4zMyAyLjQgNzIuMzMgLTIuNyA3Mi4zMyBDLTMuMTkgNjcuODcgLTMuMTkgNjcuODcgLTMuNyA2My4zMyBDLTQuNzEgNjQuMjYgLTUuNzIgNjUuMTggLTYuNzYgNjYuMTQgQy0xMi4yNCA3MS4xNyAtMTguMjQgNzIuODggLTI1LjU3IDcyLjc3IEMtMjYuMjcgNzIuNzYgLTI2Ljk3IDcyLjc1IC0yNy42OSA3Mi43NCBDLTM0LjQ1IDcyLjUyIC0zOS40OCA3MS4yNyAtNDQuNSA2Ni42OCBDLTQ5LjkyIDYwLjc1IC01MS4yMyA1NS4zIC01MS4wNyA0Ny4zNCBDLTUwLjM5IDQxLjgzIC00OC4wOCAzOC4yNSAtNDMuNzkgMzQuOCBDLTM2LjEzIDI5LjcyIC0yOC41NyAyOC44NiAtMTkuNTcgMjguMiBDLTE4LjQ5IDI4LjEyIC0xNy40IDI4LjAzIC0xNi4yOSAyNy45NCBDLTEyLjA3IDI3LjYxIC03LjkzIDI3LjMzIC0zLjcgMjcuMzMgQy0zLjgxIDI1LjkxIC0zLjk0IDI0LjQ5IC00LjA3IDIzLjA4IEMtNC4xNyAyMS44OSAtNC4xNyAyMS44OSAtNC4yOCAyMC42OSBDLTQuNzIgMTguMTggLTUuMzMgMTYuNDcgLTYuNyAxNC4zMyBDLTExLjkgMTEuNDEgLTE1Ljc3IDEwLjc2IC0yMS43IDExLjMzIEMtMjUgMTIuNzMgLTI1IDEyLjczIC0yNy43IDE0LjMzIEMtMjguMzYgMTQuMzMgLTI5LjAyIDE0LjMzIC0yOS43IDE0LjMzIEMtMzAuMzYgMTYuMzEgLTMxLjAyIDE4LjI5IC0zMS43IDIwLjMzIEMtMzYuNjUgMjAuMzMgLTQxLjYgMjAuMzMgLTQ2LjcgMjAuMzMgQy00Ni41OSAxMy40OCAtNDUuNDYgOS45OSAtNDAuNjYgNS4wNSBDLTI5Ljg3IC00LjQxIC0xMi45OCAtNS42IDAgMCBaIE0tMzMuNyA0NS4zMyBDLTM0Ljg0IDQ5LjI1IC0zNS4xIDUxLjM2IC0zMy41MSA1NS4xNCBDLTMwLjkzIDU4LjI1IC0yOC45MSA1OS4yIC0yNC44OSA1OS42MyBDLTE2LjgzIDU5Ljc1IC0xNi44MyA1OS43NSAtOS43IDU2LjMzIEMtNS4zIDUxLjkxIC01LjMgNTEuOTEgLTMuNiA0Ni4xNiBDLTMuNjEgNDUuMzUgLTMuNjIgNDQuNTQgLTMuNjMgNDMuNyBDLTMuNjQgNDIuODkgLTMuNjUgNDIuMDcgLTMuNjYgNDEuMjMgQy0zLjY3IDQwLjYgLTMuNjggMzkuOTcgLTMuNyAzOS4zMyBDLTE5Ljg5IDM4LjQzIC0xOS44OSAzOC40MyAtMzMuNyA0NS4zMyBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQyLjY5NTMxMjUsMzYuNjcxODc1KSIvPgo8cGF0aCBkPSJNMCAwIEM1Ljk0IDAgMTEuODggMCAxOCAwIEMyMy42MSAxOC4xNSAyOS4yMiAzNi4zIDM1IDU1IEMzNi44OSA1Mi4xNiAzNy43MSA1MC4xMSAzOC43IDQ2Ljg5IEMzOS4wMiA0NS44NSAzOS4zNCA0NC44IDM5LjY3IDQzLjczIEM0MC4wMSA0Mi42MSA0MC4zNSA0MS40OSA0MC43IDQwLjMzIEM0MS4wNSAzOS4xOCA0MS40IDM4LjAzIDQxLjc2IDM2Ljg1IEM0Mi44OSAzMy4xNyA0NC4wMSAyOS40OSA0NS4xMiAyNS44MSBDNDUuODkgMjMuMzIgNDYuNjUgMjAuODMgNDcuNDEgMTguMzQgQzQ5LjI4IDEyLjIzIDUxLjE0IDYuMTEgNTMgMCBDNTguNjEgMCA2NC4yMiAwIDcwIDAgQzY4LjQ0IDguMTIgNjUuNzggMTUuNzcgNjMuMDIgMjMuNTQgQzYyLjUyIDI0Ljk0IDYyLjAzIDI2LjM1IDYxLjUzIDI3Ljc1IEM2MC40OSAzMC42OSA1OS40NSAzMy42MyA1OC40MSAzNi41NyBDNTcuMDkgNDAuMjkgNTUuNzggNDQuMDEgNTQuNDcgNDcuNzMgQzUzLjQ1IDUwLjYzIDUyLjQyIDUzLjU0IDUxLjM5IDU2LjQ0IEM1MC45IDU3LjgxIDUwLjQyIDU5LjE4IDQ5Ljk0IDYwLjU1IEM0Ny4zMiA2Ny45OCA0NC41NCA3NS4zMyA0MS40NiA4Mi41OSBDNDEuMTkgODMuMjQgNDAuOTIgODMuOSA0MC42NCA4NC41NyBDMzguMTQgOTAuMzQgMzQuODUgOTUuNjQgMjguOTQgOTguMzEgQzI3Ljk2IDk4Ljc3IDI3Ljk2IDk4Ljc3IDI2Ljk2IDk5LjI0IEMyMC43MyAxMDEuNjUgMTQuNjMgMTAxLjA3IDggMTAxIEM4IDk2LjcxIDggOTIuNDIgOCA4OCBDMTAuNTcgODcuNjkgMTAuNTcgODcuNjkgMTMuMTkgODcuMzggQzE2LjkyIDg2LjY5IDE5LjUxIDg2LjIxIDIyLjA2IDgzLjMxIEMyNS43MiA3Ny4wNyAyNS43MiA3Ny4wNyAyNS4zNCA3MC4xIEMyNC4xNyA2Ni40OSAyMi44NyA2Mi45NCAyMS41MiA1OS4zOSBDMjEuMDQgNTguMDcgMjAuNTUgNTYuNzQgMjAuMDYgNTUuNDEgQzE4Ljc4IDUxLjkxIDE3LjQ4IDQ4LjQzIDE2LjE3IDQ0Ljk0IEMxNC44NiA0MS40MyAxMy41NiAzNy45MSAxMi4yNyAzNC40IEMxMC44MSAzMC40MiA5LjM0IDI2LjQ1IDcuODYgMjIuNDggQzUuMDggMTUuMDMgMi40NyA3LjU2IDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYwLDM1KSIvPgo8cGF0aCBkPSJNMCAwIEMtMC40IDguNyAtMi4zOCAxNC44NyAtOC44OCAyMC44OCBDLTEzLjQ0IDI0LjYgLTE3LjA3IDI2IC0yMyAyNiBDLTI0LjY4IDIwLjkyIC0yMy4wOCAxNi43NiAtMjEgMTIgQy0xNi4xNCA0LjQ4IC05LjI5IC0wLjkzIDAgMCBaICIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcsMCkiLz4KPC9zdmc+';\n\n const PAYMENT_LOGOS = [\n {\n alt: 'Visa',\n src: 'data:image/webp;base64,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',\n width: 62,\n height: 20\n },\n {\n alt: 'Mastercard',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2Fmastercard.2dg3rp68xj9gt.png&w=640&q=75',\n width: 42,\n height: 26\n },\n {\n alt: 'American Express',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2Famex.3nkjvj6hpj-cp.png&w=640&q=75',\n width: 26,\n height: 26\n },\n {\n alt: 'Direct Debit',\n src: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkuNzQ4IiBoZWlnaHQ9IjYwLjg4IiB2aWV3Qm94PSI2LjUwNCA2NS45MzcgMTc5Ljc0OCA2MC44OCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05MS4xODIgNzkuODc5aDkuMTE1czkuMDI1LS4xODIgOC45MzQgOC4wMjFjLS4wOSA2LjEwOC04Ljc1IDcuMDE5LTguNzUgNy4wMTloLTkuMjk4di0xNS4wNGgtLjAwMXptMjcuMjY5IDI5LjQ0NWMuMjU2IDEuMTkzIDEuMTE5IDIuNTA4IDMuOTk4IDIuNjQzIDMuODI4LjA5IDYuMDE2LTEuMzY5IDYuMDE2LTEuMzY5djIuODI2cy00LjE5MyAxLjAwNC02LjE5OSAxLjAwNGMtMi4wOTYgMC04LjI5NS0uNDU3LTguMjk1LTYuMTk5IDAtNC42NDggNS4xMDUtNi4xMDcgOC4wMjEtNi4xMDcgNS4xMDUuMTgyIDcuNTY2IDIuMDA2IDcuNDc1IDcuMjAxIDAgLjA3NS04LjM5OS4wMTktMTEuMDE2LjAwMXptLjAxMi0yLjI4MWg2Ljk5NHMwLTIuNjQzLTMuMzczLTIuNjQzYy0yLjUzNyAwLTMuMzY3IDEuMzY4LTMuNjIxIDIuNjQzem0yMi4xMjUtMi44NTRjMS4wMTItMS4wOTggMi43MTEtMS45NzcgNS41NjEtMS45NzcgNS42NTIgMCA2LjU2NCA0Ljc0IDYuNDczIDYuMDE2cy0uNTQ3IDYuMTA3LTcuMTA5IDYuMTA3Yy0yLjQ3OSAwLTMuOTk2LS44NDYtNC45MjQtMS44OTZ2MS41MzFoLTQuNDY3Vjk3LjU2Mmg0LjQ2N3Y2LjYyN2gtLjAwMXptMy44MyA3LjU5NGMyLjY0My0uMDkyIDMuODI4LTIuMzY5IDMuODI4LTMuNDYzcy0uNjM5LTMuMzczLTQuMDEyLTMuMzczYy0yLjYxNyAwLTMuNDE0IDEuOTc3LTMuNjQ2IDIuOTQzdjEuMTg5Yy4yMy45ODUgMS4wMzEgMi43MDQgMy44MyAyLjcwNHptMzguNTU5LS40NTVsLjA5IDIuNTUzcy0yLjA5Ni40NTUtMy40NjMuNDU1LTQuOTI0LS44Mi00LjkyNC00LjI4NXYtNS4yODdoLTMuNzM2di0yLjM2OWgzLjczNnYtMi44MjZoNC41NTl2Mi44MjZoMy43Mzh2Mi4zNjloLTMuNzM4djQuNTU5czAgMi4yNzkgMS44MjQgMi4yNzljMS44MjIgMCAxLjkxNC0uMjc0IDEuOTE0LS4yNzR6TTE2OS4xMjEgODIuMzRoNS4yODd2MTIuNjdoNC40NjVWODIuMzRoNS4zNzl2LTIuNjQ0aC0xNS4xMzF2Mi42NDR6bS0xLjgyNC42MzhsLjU0Ny0yLjY0NHMtMi4yNzktMS4wMDItNi4yODktMS4wMDJjLTMuOTIgMC0xMC4yMDkgMi4xODgtMTAuMjA5IDguMTEzIDAgNS44MzQgNi42NTQgNy44MzkgMTAuNzU2IDcuODM5czUuNDY5LS42MzggNS40NjktLjYzOGwtLjQ1NS0yLjkxN3MtMS44MjQuNTQ3LTQuOTI0LjU0N2MtMy4wMDgtLjA5MS02LjEwNS0yLjQ2MS02LjEwNS01LjEwNC4wOS0yLjM3IDIuODI0LTUuMDE0IDYuMzgxLTUuMDE0IDIuNzMzIDAgNC44MjkuODIgNC44MjkuODJ6bS00MC4yOTEtMy4xOXM3LjQ3NS0uMzY0IDcuNDc1IDQuMDExYzAgMy43MzgtNC4yODMgNC4wMTEtNC4yODMgNC4wMTFzMS4xODQuMTgyIDEuNzMyIDEuMDAyYy40NTUuNzI5IDMuNDYzIDYuMTk5IDMuNDYzIDYuMTk5aC00LjU1OXMtLjcyOS0uOTEyLTEuMDk0LTEuNTQ5Yy0uMjczLS42MzgtMS4wOTQtMi4wMDYtMS4wOTQtMi4wMDZzLS42MzctMi4yNzktMi44MjYtMi4yNzljLS4wNTUgMC0uOTQ1LS4wMzQtMS42NDEtLjA2djUuODk0aC00LjM3NVY3OS43ODhoNy4yMDJ6bS0yLjgyNiA2LjgzN2gyLjM3MXMzLjI4MS0uMTgzIDMuNDYzLTIuMTg4Yy4wOTItMS45MTQtMy4xODktMi4xODgtMy4xODktMi4xODhoLTIuNjQ1djQuMzc2em0xOC4zMjIgMi4zN2g3LjI5M3YtMi44MjZoLTcuMjkzdi0zLjQ2NGg3LjkzMnYtMi45MTdoLTEyLjM5NnYxNS4yMjNoMTIuNDg4di0yLjczNWgtOC4wMjN2LTMuMjgxaC0uMDAxem0xNy43NzUgMTEuNjY3aDQuNDY3di0zLjFoLTQuNDY3djMuMXptMCAxMy4zMDloNC40Njd2LTExLjU3NmgtNC40Njd2MTEuNTc2em0tNDguNjc1LTE4Ljk2aDQuMzc1Vjc5Ljc4OGgtNC4zNzV2MTUuMjIzem0tMjAuNDIgMy44MjloOS4xMTVzOS4wMjUtLjE4NCA4LjkzNCA4LjAyMWMtLjA5IDYuMTA3LTguNzUgNy4wMi04Ljc1IDcuMDJoLTkuMjk4Vjk4Ljg0aC0uMDAxem00LjQ2NyAxMi4yMTVoMi45MTdzNi4wMTYtLjM2NSA2LjAxNi01LjAxNC02LjM4MS01LjEwNS02LjM4MS01LjEwNWgtMi41NTJ2MTAuMTE5em0wLTE4Ljk2MWgyLjkxN3M2LjAxNi0uNDU2IDYuMDE2LTUuMDE0YzAtNC43NC02LjM4MS01LjEwNC02LjM4MS01LjEwNGgtMi41NTJ2MTAuMTE4ek01MC4yNTMgODguOTQxdjMwLjVzLTE3LjY4NS0zLjE5MS0xNy42ODUtMTUuMzE0Yy4wMDEtOS42NjkgMTMuMDkyLTEzLjkzMSAxNy42ODUtMTUuMTg2em0wLS41NjljLTEwLjYyOS0uNzY5LTM0LjczIDQuMjEzLTM0LjczIDE1LjExNiAwIDcuMTA5IDEyLjc2MiAxNy41MDIgMzMuNTQ1IDE3Ljc3NS44MiAwIDI0LjQyOS0uOTEyIDI0LjA2NS0yNi4yNTMtLjMwNi0yMS4yODQtMTYuMjM2LTI1LjAxMi0yMS4zMy0yNS42NjF2LTEuMjk3YzIwLjMwOCAxLjI4OSAzNi4yOCAxMy41MDIgMzYuMjggMjguMzI1IDAgMTUuNjc5LTE3Ljg2NyAyOC40NC0zOS44MzUgMjguNDRTOC41MDQgMTEyLjA1NSA4LjUwNCA5Ni4zNzdzMTcuNzc1LTI4LjQ0IDM5Ljc0NC0yOC40NGMuNjczIDAgMS4zNDIuMDEyIDIuMDA2LjAzNnYyMC4zOTloLS4wMDF6IiAvPjwvZz48L3N2Zz4=',\n width: 76,\n height: 26\n },\n {\n alt: 'Apple Pay',\n src: APPLE_PAY_DATA_URI,\n width: 330,\n height: 136\n },\n {\n alt: 'Google Pay',\n src: '/join/_next/image?url=%2Fjoin%2F_next%2Fstatic%2Fmedia%2FgooglePay.22s_ewi2eu0r_.png&w=640&q=75',\n width: 49,\n height: 26\n }\n ];\n\n const injectStyles = () => {\n if (document.getElementById(STYLE_ID)) return;\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = `\n .${INJECTED_CLASS} {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 24px 24px;\n width: 100%;\n max-width: 100%;\n margin: var(--sb-spacing-xl, 32px) auto;\n padding: 0 var(--sb-grid-gutter-mobile, 16px);\n color: #171717;\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n line-height: 1.4;\n }\n\n .${INJECTED_CLASS}-security {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 12px;\n }\n\n .${INJECTED_CLASS}-logos {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n align-items: center;\n justify-content: stretch;\n gap: 12px 8px;\n width: 100%;\n }\n\n .${INJECTED_CLASS}-security {\n font-size: 1.125rem;\n font-weight: 700;\n white-space: nowrap;\n }\n\n .${INJECTED_CLASS}-lock {\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n }\n\n .${INJECTED_CLASS}-logo {\n display: block;\n flex: 0 0 auto;\n width: auto;\n max-width: 76px;\n height: auto;\n max-height: 26px;\n justify-self: center;\n object-fit: contain;\n }\n\n .${INJECTED_CLASS}-apple-pay {\n color: #171717;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 600;\n white-space: nowrap;\n }\n\n @media (min-width: 768px) {\n .${INJECTED_CLASS} {\n gap: 16px 24px;\n padding-right: var(--sb-grid-gutter-tablet, 24px);\n padding-left: var(--sb-grid-gutter-tablet, 24px);\n font-size: 1rem;\n }\n\n .${INJECTED_CLASS}-logos {\n display: flex;\n gap: 28px;\n width: auto;\n }\n }\n\n @media (min-width: 1024px) {\n .${INJECTED_CLASS} {\n padding-right: var(--sb-grid-gutter-desktop, 24px);\n padding-left: var(--sb-grid-gutter-desktop, 24px);\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId\n });\n };\n\n const createLockIcon = () => {\n const svgNamespace = 'http://www.w3.org/2000/svg';\n const svg = document.createElementNS(svgNamespace, 'svg');\n svg.setAttribute('viewBox', '0 0 18 24');\n svg.setAttribute('width', '18');\n svg.setAttribute('height', '24');\n svg.setAttribute('data-testid', 'icon-lock');\n svg.setAttribute('aria-hidden', 'true');\n svg.classList.add(`${INJECTED_CLASS}-lock`);\n\n const shackle = document.createElementNS(svgNamespace, 'path');\n shackle.setAttribute('fill-rule', 'evenodd');\n shackle.setAttribute('clip-rule', 'evenodd');\n shackle.setAttribute('d', 'M5.1939 6.43269C5.1939 4.38461 6.90538 2.71154 9.00046 2.71154C11.0955 2.71154 12.807 4.38461 12.807 6.43269V10.3558H15.6103V6.43269C15.5808 2.88461 12.63 0 9.00046 0C5.37095 0 2.39062 2.88461 2.39062 6.43269V10.3558H5.1939V6.43269Z');\n shackle.setAttribute('fill', '#0F894E');\n\n const body = document.createElementNS(svgNamespace, 'path');\n body.setAttribute('fill-rule', 'evenodd');\n body.setAttribute('clip-rule', 'evenodd');\n body.setAttribute('d', 'M0 11.9131V23.9996H18V11.9131H0ZM12.2164 16.2112L8.2918 20.0477L7.99672 20.3362L7.70164 20.0477L5.78361 18.1727L5.48852 17.8842L5.78361 17.5958L6.31475 17.0765L6.60984 16.7881L6.90492 17.0765L7.99672 18.1439L11.1246 15.0862L11.4197 14.7977L11.7148 15.0862L12.2459 15.6054L12.541 15.8939L12.2164 16.2112Z');\n body.setAttribute('fill', '#0F894E');\n\n svg.append(shackle, body);\n return svg;\n };\n\n const buildPaymentRow = () => {\n const row = document.createElement('section');\n row.className = INJECTED_CLASS;\n row.setAttribute('aria-label', 'Payment options and secure TLS encryption');\n\n const security = document.createElement('div');\n security.className = `${INJECTED_CLASS}-security`;\n const securityText = document.createElement('span');\n securityText.textContent = 'Secure TLS Encryption';\n security.append(createLockIcon(), securityText);\n\n const logos = document.createElement('div');\n logos.className = `${INJECTED_CLASS}-logos`;\n PAYMENT_LOGOS.forEach(({ alt, src, width, height }) => {\n const image = document.createElement('img');\n image.className = `${INJECTED_CLASS}-logo`;\n image.alt = alt;\n image.width = width;\n image.height = height;\n image.loading = 'lazy';\n image.src = src;\n image.addEventListener('error', () => {\n const fallback = document.createElement('span');\n fallback.className = `${INJECTED_CLASS}-apple-pay`;\n fallback.textContent = alt;\n image.replaceWith(fallback);\n }, { once: true });\n logos.appendChild(image);\n });\n\n row.append(security, logos);\n return row;\n };\n\n const apply = () => {\n const offerTiles = document.querySelector(CONFIG.selectors.target);\n const termsContainer = document.querySelector(CONFIG.selectors.terms);\n if (!offerTiles || !termsContainer || offerTiles.parentElement !== termsContainer.parentElement) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\n window[COUNT_KEY] = (window[COUNT_KEY] || 0) + 1;\n if (window[COUNT_KEY] > 10) return true;\n\n injectStyles();\n const row = buildPaymentRow();\n termsContainer.parentElement.insertBefore(row, termsContainer);\n\n if (!window[EXPOSURE_KEY]) {\n trackEvent('experiment_loaded', 'offers_payment_options');\n window[EXPOSURE_KEY] = true;\n }\n\n const domWipeObserver = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === row || (removedNode.nodeType === 1 && removedNode.contains(row))) {\n domWipeObserver.disconnect();\n window[COUNT_KEY] = 0;\n if (window[OBSERVER_KEY]) {\n window[OBSERVER_KEY].observe(document.documentElement, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.documentElement, { childList: true, subtree: true });\n return true;\n };\n\n window[OBSERVER_KEY] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target) || !document.querySelector(CONFIG.selectors.terms)) return;\n if (apply()) window[OBSERVER_KEY].disconnect();\n });\n window[OBSERVER_KEY].observe(document.documentElement, { childList: true, subtree: true });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (!event.persisted) return;\n window[COUNT_KEY] = 0;\n apply();\n });\n})();\n\n\n\n(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-018',\n id: 'ACQ-018',\n selectors: {\n target: '[data-testid=\"payment-selector\"]',\n title: '[class*=\"PaymentSelector\"][class*=\"__title\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: '[class*=\"SecurityMessage\"][class*=\"__container\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const STYLE_ID = `gb-styles-${CONFIG.id}`;\n const RUN_KEY = `__run_${CONFIG.id}`;\n const OBSERVER_KEY = `__obs_${CONFIG.id}`;\n const COUNT_KEY = `__inject_count_${CONFIG.id}`;\n const EXPOSURE_KEY = `__exposure_tracked_${CONFIG.id}`;\n const SECURITY_MESSAGE_ID = `gb-security-message-${CONFIG.id}`;\n const PAYMENT_LOGO_SOURCES = {\n visa: 'data:image/webp;base64,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',\n directDebit: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkuNzQ4IiBoZWlnaHQ9IjYwLjg4IiB2aWV3Qm94PSI2LjUwNCA2NS45MzcgMTc5Ljc0OCA2MC44OCI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05MS4xODIgNzkuODc5aDkuMTE1czkuMDI1LS4xODIgOC45MzQgOC4wMjFjLS4wOSA2LjEwOC04Ljc1IDcuMDE5LTguNzUgNy4wMTloLTkuMjk4di0xNS4wNGgtLjAwMXptMjcuMjY5IDI5LjQ0NWMuMjU2IDEuMTkzIDEuMTE5IDIuNTA4IDMuOTk4IDIuNjQzIDMuODI4LjA5IDYuMDE2LTEuMzY5IDYuMDE2LTEuMzY5djIuODI2cy00LjE5MyAxLjAwNC02LjE5OSAxLjAwNGMtMi4wOTYgMC04LjI5NS0uNDU3LTguMjk1LTYuMTk5IDAtNC42NDggNS4xMDUtNi4xMDcgOC4wMjEtNi4xMDcgNS4xMDUuMTgyIDcuNTY2IDIuMDA2IDcuNDc1IDcuMjAxIDAgLjA3NS04LjM5OS4wMTktMTEuMDE2LjAwMXptLjAxMi0yLjI4MWg2Ljk5NHMwLTIuNjQzLTMuMzczLTIuNjQzYy0yLjUzNyAwLTMuMzY3IDEuMzY4LTMuNjIxIDIuNjQzem0yMi4xMjUtMi44NTRjMS4wMTItMS4wOTggMi43MTEtMS45NzcgNS41NjEtMS45NzcgNS42NTIgMCA2LjU2NCA0Ljc0IDYuNDczIDYuMDE2cy0uNTQ3IDYuMTA3LTcuMTA5IDYuMTA3Yy0yLjQ3OSAwLTMuOTk2LS44NDYtNC45MjQtMS44OTZ2MS41MzFoLTQuNDY3Vjk3LjU2Mmg0LjQ2N3Y2LjYyN2gtLjAwMXptMy44MyA3LjU5NGMyLjY0My0uMDkyIDMuODI4LTIuMzY5IDMuODI4LTMuNDYzcy0uNjM5LTMuMzczLTQuMDEyLTMuMzczYy0yLjYxNyAwLTMuNDE0IDEuOTc3LTMuNjQ2IDIuOTQzdjEuMTg5Yy4yMy45ODUgMS4wMzEgMi43MDQgMy44MyAyLjcwNHptMzguNTU5LS40NTVsLjA5IDIuNTUzcy0yLjA5Ni40NTUtMy40NjMuNDU1LTQuOTI0LS44Mi00LjkyNC00LjI4NXYtNS4yODdoLTMuNzM2di0yLjM2OWgzLjczNnYtMi44MjZoNC41NTl2Mi44MjZoMy43Mzh2Mi4zNjloLTMuNzM4djQuNTU5czAgMi4yNzkgMS44MjQgMi4yNzljMS44MjIgMCAxLjkxNC0uMjc0IDEuOTE0LS4yNzR6TTE2OS4xMjEgODIuMzRoNS4yODd2MTIuNjdoNC40NjVWODIuMzRoNS4zNzl2LTIuNjQ0aC0xNS4xMzF2Mi42NDR6bS0xLjgyNC42MzhsLjU0Ny0yLjY0NHMtMi4yNzktMS4wMDItNi4yODktMS4wMDJjLTMuOTIgMC0xMC4yMDkgMi4xODgtMTAuMjA5IDguMTEzIDAgNS44MzQgNi42NTQgNy44MzkgMTAuNzU2IDcuODM5czUuNDY5LS42MzggNS40NjktLjYzOGwtLjQ1NS0yLjkxN3MtMS44MjQuNTQ3LTQuOTI0LjU0N2MtMy4wMDgtLjA5MS02LjEwNS0yLjQ2MS02LjEwNS01LjEwNC4wOS0yLjM3IDIuODI0LTUuMDE0IDYuMzgxLTUuMDE0IDIuNzMzIDAgNC44MjkuODIgNC44MjkuODJ6bS00MC4yOTEtMy4xOXM3LjQ3NS0uMzY0IDcuNDc1IDQuMDExYzAgMy43MzgtNC4yODMgNC4wMTEtNC4yODMgNC4wMTFzMS4xODQuMTgyIDEuNzMyIDEuMDAyYy40NTUuNzI5IDMuNDYzIDYuMTk5IDMuNDYzIDYuMTk5aC00LjU1OXMtLjcyOS0uOTEyLTEuMDk0LTEuNTQ5Yy0uMjczLS42MzgtMS4wOTQtMi4wMDYtMS4wOTQtMi4wMDZzLS42MzctMi4yNzktMi44MjYtMi4yNzljLS4wNTUgMC0uOTQ1LS4wMzQtMS42NDEtLjA2djUuODk0aC00LjM3NVY3OS43ODhoNy4yMDJ6bS0yLjgyNiA2LjgzN2gyLjM3MXMzLjI4MS0uMTgzIDMuNDYzLTIuMTg4Yy4wOTItMS45MTQtMy4xODktMi4xODgtMy4xODktMi4xODhoLTIuNjQ1djQuMzc2em0xOC4zMjIgMi4zN2g3LjI5M3YtMi44MjZoLTcuMjkzdi0zLjQ2NGg3LjkzMnYtMi45MTdoLTEyLjM5NnYxNS4yMjNoMTIuNDg4di0yLjczNWgtOC4wMjN2LTMuMjgxaC0uMDAxem0xNy43NzUgMTEuNjY3aDQuNDY3di0zLjFoLTQuNDY3djMuMXptMCAxMy4zMDloNC40Njd2LTExLjU3NmgtNC40Njd2MTEuNTc2em0tNDguNjc1LTE4Ljk2aDQuMzc1Vjc5Ljc4OGgtNC4zNzV2MTUuMjIzem0tMjAuNDIgMy44MjloOS4xMTVzOS4wMjUtLjE4NCA4LjkzNCA4LjAyMWMtLjA5IDYuMTA3LTguNzUgNy4wMi04Ljc1IDcuMDJoLTkuMjk4Vjk4Ljg0aC0uMDAxem00LjQ2NyAxMi4yMTVoMi45MTdzNi4wMTYtLjM2NSA2LjAxNi01LjAxNC02LjM4MS01LjEwNS02LjM4MS01LjEwNWgtMi41NTJ2MTAuMTE5em0wLTE4Ljk2MWgyLjkxN3M2LjAxNi0uNDU2IDYuMDE2LTUuMDE0YzAtNC43NC02LjM4MS01LjEwNC02LjM4MS01LjEwNGgtMi41NTJ2MTAuMTE4ek01MC4yNTMgODguOTQxdjMwLjVzLTE3LjY4NS0zLjE5MS0xNy42ODUtMTUuMzE0Yy4wMDEtOS42NjkgMTMuMDkyLTEzLjkzMSAxNy42ODUtMTUuMTg2em0wLS41NjljLTEwLjYyOS0uNzY5LTM0LjczIDQuMjEzLTM0LjczIDE1LjExNiAwIDcuMTA5IDEyLjc2MiAxNy41MDIgMzMuNTQ1IDE3Ljc3NS44MiAwIDI0LjQyOS0uOTEyIDI0LjA2NS0yNi4yNTMtLjMwNi0yMS4yODQtMTYuMjM2LTI1LjAxMi0yMS4zMy0yNS42NjF2LTEuMjk3YzIwLjMwOCAxLjI4OSAzNi4yOCAxMy41MDIgMzYuMjggMjguMzI1IDAgMTUuNjc5LTE3Ljg2NyAyOC40NC0zOS44MzUgMjguNDRTOC41MDQgMTEyLjA1NSA4LjUwNCA5Ni4zNzdzMTcuNzc1LTI4LjQ0IDM5Ljc0NC0yOC40NGMuNjczIDAgMS4zNDIuMDEyIDIuMDA2LjAzNnYyMC4zOTloLS4wMDF6IiAvPjwvZz48L3N2Zz4='\n };\n\n if (window[RUN_KEY]) {\n const existingTarget = document.querySelector(CONFIG.selectors.target);\n if (existingTarget?.classList.contains(INJECTED_CLASS) && document.getElementById(STYLE_ID)) return;\n if (window[OBSERVER_KEY]) window[OBSERVER_KEY].disconnect();\n window[COUNT_KEY] = 0;\n }\n window[RUN_KEY] = true;\n\n const injectStyles = () => {\n if (document.getElementById(STYLE_ID)) return;\n const style = document.createElement('style');\n style.id = STYLE_ID;\n style.textContent = `\n .${INJECTED_CLASS}-title {\n box-sizing: border-box;\n width: 100%;\n background-color: #f5f5f5;\n border: 1px solid #d1d1d1;\n border-bottom: 0;\n border-radius: 2px 2px 0 0;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n padding: 16px 16px 0;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n box-sizing: border-box;\n background-color: #f5f5f5;\n border: 1px solid #d1d1d1;\n border-top: 0;\n border-radius: 0 0 2px 2px;\n padding: 0 16px 16px;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid^=\"payment-method-\"],\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__body\"],\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__bodyInner\"] {\n background-color: #f5f5f5;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [class*=\"PaymentSelector\"][class*=\"__icons\"] img[alt=\"American Express\"] {\n order: -1;\n }\n\n .${INJECTED_CLASS}-security-message {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n width: 100%;\n margin: 12px 0 0;\n padding: 0;\n }\n\n .${INJECTED_CLASS}-security-message [class*=\"SecurityMessage\"][class*=\"__items\"] {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .${INJECTED_CLASS}-security-message svg {\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n }\n\n .${INJECTED_CLASS}-security-message p {\n margin: 0;\n }\n\n @media (max-width: 767px) {\n [class*=\"securityMessageCompact\"] {\n display: none !important;\n }\n\n .${INJECTED_CLASS}-security-source {\n display: none !important;\n }\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} #z_hppm_iframe[title=\"payment\"] {\n box-sizing: border-box;\n box-shadow: 0 0 0 12px #fff;\n }\n\n .${INJECTED_CLASS}-title::before {\n content: \"\";\n display: block;\n flex: 0 0 18px;\n width: 18px;\n height: 24px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='24' viewBox='0 0 18 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.1939 6.43269C5.1939 4.38461 6.90538 2.71154 9.00046 2.71154C11.0955 2.71154 12.807 4.38461 12.807 6.43269V10.3558H15.6103V6.43269C15.5808 2.88461 12.63 0 9.00046 0C5.37095 0 2.39062 2.88461 2.39062 6.43269V10.3558H5.1939V6.43269Z' fill='%230F894E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 11.9131V23.9996H18V11.9131H0ZM12.2164 16.2112L8.2918 20.0477L7.99672 20.3362L7.70164 20.0477L5.78361 18.1727L5.48852 17.8842L5.78361 17.5958L6.31475 17.0765L6.60984 16.7881L6.90492 17.0765L7.99672 18.1439L11.1246 15.0862L11.4197 14.7977L11.7148 15.0862L12.2459 15.6054L12.541 15.8939L12.2164 16.2112Z' fill='%230F894E'/%3E%3C/svg%3E\");\n }\n\n @media (min-width: 768px) {\n .${INJECTED_CLASS}-title {\n max-width: 430px;\n padding: 24px 24px 0;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n padding: 0 24px 24px;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n injectStyles();\n\n const syncPaymentLogoSource = (target, alt, source) => {\n const images = target.querySelectorAll(`img[alt=\"${alt}\"]`);\n for (const image of images) {\n if (image.getAttribute('src') !== source) image.setAttribute('src', source);\n for (const attribute of ['srcset', 'sizes']) {\n if (image.hasAttribute(attribute)) image.removeAttribute(attribute);\n }\n }\n };\n\n const syncPaymentLogos = target => {\n syncPaymentLogoSource(target, 'Visa', PAYMENT_LOGO_SOURCES.visa);\n syncPaymentLogoSource(target, 'Direct Debit', PAYMENT_LOGO_SOURCES.directDebit);\n };\n\n const syncSecurityMessage = target => {\n const source = document.querySelector(CONFIG.selectors.securityMessage);\n const completePaymentButton = Array.from(target.querySelectorAll('button')).find(button =>\n button.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'complete payment'\n );\n const sourceItems = source?.querySelector('[class*=\"SecurityMessage\"][class*=\"__items\"]');\n if (!source || !completePaymentButton || !sourceItems) return false;\n\n let message = document.getElementById(SECURITY_MESSAGE_ID);\n if (!message) {\n message = document.createElement('div');\n message.id = SECURITY_MESSAGE_ID;\n message.className = `${INJECTED_CLASS}-security-message`;\n message.appendChild(sourceItems.cloneNode(true));\n }\n\n source.classList.add(`${INJECTED_CLASS}-security-source`);\n if (message.previousElementSibling !== completePaymentButton) {\n completePaymentButton.insertAdjacentElement('afterend', message);\n }\n return true;\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId\n });\n };\n\n const apply = () => {\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target) return false;\n const title = target.previousElementSibling;\n if (!title?.matches(CONFIG.selectors.title)) return false;\n if (target.classList.contains(INJECTED_CLASS) && title.classList.contains(`${INJECTED_CLASS}-title`) && document.getElementById(STYLE_ID)) return true;\n\n window[COUNT_KEY] = (window[COUNT_KEY] || 0) + 1;\n if (window[COUNT_KEY] > 10) return true;\n\n injectStyles();\n target.classList.add(INJECTED_CLASS);\n title.classList.add(`${INJECTED_CLASS}-title`);\n syncPaymentLogos(target);\n syncSecurityMessage(target);\n\n if (!window[EXPOSURE_KEY]) {\n trackEvent('experiment_loaded', 'checkout_payment');\n window[EXPOSURE_KEY] = true;\n }\n\n let uiSyncPending = false;\n let uiSyncFrame = 0;\n const paymentContentObserver = new MutationObserver(() => {\n if (uiSyncPending) return;\n uiSyncPending = true;\n uiSyncFrame = requestAnimationFrame(() => {\n uiSyncPending = false;\n uiSyncFrame = 0;\n if (!document.documentElement.contains(target)) return;\n syncPaymentLogos(target);\n syncSecurityMessage(target);\n });\n });\n paymentContentObserver.observe(target, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['src', 'srcset', 'sizes']\n });\n\n const domWipeObserver = new MutationObserver(() => {\n const targetStillPresent = document.documentElement.contains(target);\n const targetStillMarked = target.classList.contains(INJECTED_CLASS);\n const titleStillMarked = title.classList.contains(`${INJECTED_CLASS}-title`);\n const stylesStillPresent = Boolean(document.getElementById(STYLE_ID));\n if (targetStillPresent && targetStillMarked && titleStillMarked && stylesStillPresent) return;\n\n domWipeObserver.disconnect();\n paymentContentObserver.disconnect();\n if (uiSyncFrame) cancelAnimationFrame(uiSyncFrame);\n window[COUNT_KEY] = 0;\n if (window[OBSERVER_KEY]) {\n window[OBSERVER_KEY].observe(document.documentElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['class']\n });\n }\n setTimeout(apply, 50);\n });\n domWipeObserver.observe(document.documentElement, { childList: true, subtree: true });\n domWipeObserver.observe(target, { attributes: true, attributeFilter: ['class'] });\n domWipeObserver.observe(title, { attributes: true, attributeFilter: ['class'] });\n\n return true;\n };\n\n document.body.addEventListener('change', event => {\n const input = event.target;\n if (!(input instanceof HTMLInputElement) || !input.matches(CONFIG.selectors.paymentMethodRadio)) return;\n const target = input.closest(CONFIG.selectors.target);\n if (!target?.classList.contains(INJECTED_CLASS)) return;\n const methodContainer = input.closest('[data-testid^=\"payment-method-\"]');\n const method = methodContainer?.getAttribute('data-testid')?.replace('payment-method-', '').replace(/-/g, '_') || 'unknown';\n trackEvent(`payment_method_${method}_selected`, 'checkout_payment_method');\n });\n\n window[OBSERVER_KEY] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return;\n if (apply()) window[OBSERVER_KEY].disconnect();\n });\n window[OBSERVER_KEY].observe(document.documentElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['class']\n });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (!event.persisted) return;\n window[COUNT_KEY] = 0;\n apply();\n });\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-monthly-49.95percent-10.26-restart"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment*"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offers"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/subscribe-to-which"}],"weights":[0,0,0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"V1 - Offers page icons"},{"key":"2","name":"V2 - Payment form changes"},{"key":"3","name":"V3 - Offer & Payment"}],"seed":"7f4ed135-612d-417f-9e11-aa184578006e","name":"ACQ 018 [Offers Page] Promote payment options from offers onwards","phase":"0","condition":{"id":"payment-security-test"},"coverage":1}]

Stay informed with Which?

Andrew Laughlin

Latest articles from Andrew

DRCF Call for Input on Consumer interest and AI - Which? Response

The ICO's consultation on draft guidance on consumer Internet of Things (IoT) products and services - Which? response