[{"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":"acq-018-offers-page-promote-payment-options-from-offers-onwards","changeId":"f619edfbfbd8a3f0a9ad5beb9dd5616a186e19d1c7c371e368113909eb99b046","status":"running","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.insertAdjacentElement('afterend', row);\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} :is([data-testid=\"payment-method-card\"], [data-testid=\"payment-method-direct-debit\"]) [role=\"button\"]:has(input[name=\"payment-method\"]:is(:checked, [aria-checked=\"true\"])) {\n padding-bottom: 2rem;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid=\"payment-method-card\"] [role=\"button\"] 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-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 @media (max-width: 375px) {\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n padding-right: 15px;\n padding-left: 15px;\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 warnings = new Set();\n const warnOnce = message => {\n if (warnings.has(message)) return;\n warnings.add(message);\n console.warn(`[${CONFIG.id}] ${message}`);\n };\n\n const findPaymentTitle = target => {\n for (let scope = target.parentElement; scope; scope = scope.parentElement) {\n if (scope.querySelectorAll(CONFIG.selectors.target).length !== 1) break;\n const titles = Array.from(scope.querySelectorAll(CONFIG.selectors.title)).filter(title =>\n !target.contains(title) && !title.contains(target) &&\n Boolean(title.compareDocumentPosition(target) & Node.DOCUMENT_POSITION_FOLLOWING)\n );\n if (titles.length === 1) return titles[0];\n if (titles.length > 1) break;\n if (scope.matches('main, body')) break;\n }\n warnOnce('Payment heading is missing or ambiguous; leaving the payment panel unchanged.');\n return null;\n };\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 = Array.from(document.querySelectorAll(CONFIG.selectors.securityMessage)).find(element =>\n !element.closest(`.${INJECTED_CLASS}-security-message`) &&\n element.querySelector('[data-testid=\"icon-lock\"]') && element.querySelector('p')\n );\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 (!completePaymentButton) return false;\n if (!source || !sourceItems) {\n warnOnce('Native TLS message is missing; skipping reassurance-message synchronization.');\n return false;\n }\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 const items = sourceItems.cloneNode(true);\n items.className = `${INJECTED_CLASS}-security-message-items`;\n message.appendChild(items);\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 = findPaymentTitle(target);\n if (!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 titleStillPresent = document.documentElement.contains(title);\n const stylesStillPresent = Boolean(document.getElementById(STYLE_ID));\n if (targetStillPresent && targetStillMarked && titleStillPresent && 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,UklGRjAOAABXRUJQVlA4TCQOAAAvScEaEPfnIJJsJ+p9RAOoOP9WzksmgwUHkSQpUvbeM6N/ay+Dvx1EkiRF2RCBGfxbwQQC3rtpOJIkOW6i7nYA3JxYE5IuH6H+/wb41FoOjLlAq03bgCFbzx0U8HCU0SVnjmpwVJGocGWocCHMCJFRISBlCkwAI4ALYYZwCqJCKBAi8SMExwTQAUzK4CgKBL5xJMzFLMzJrMKQwqNKqqhUzIIKVaNSgR+TNOIxUpM/w09SiR9fhgl3lRl9nH5dMXcpNt/IsgxAdABroApAB9ACgBUAaLHYD2AJAEADAEBZc4cHKMcfaNDuN+54NGvTLcInzTlp8Yhf/EH4wx9+IX9CDzCCxJkmAokQSfjLGaFAgStDFQmHCcMjjpAyoAqIDiA6GKq6gAnT2FwL/EZ//5EsFzAYXKW4MrjwuUGFP5uTb182y/evK1nV8N/k7zVGiPmb2zKDv3c/b+3y95dZn+s5pdt96WGenHre9+513BLesO1W7TT/v70T3N0fGp4idcO1hrvz4ISnD+7u7u6QoNG9R3B3d6imQhucQNHgEpJNxguSNcc95n4+8i6i/xPA/6v03WldouN3/YaOiJscN27ooH2nP8teKlNz/q/ZtIrq282SLLhVBZngpEUVYFMV7ts/np0URrJLhu0Muu2zIulmzSrCTYXaknLvte8yKwtcQsCoZk46EjADrtE7/WMIvWrzsa9cujIET4wm8SChrtrenvJMVStC7mGngwAhLlCLH0ZFk9KF/2mdqObhPi8hDwhttoG8ZwIUDYa8cLQcMJSh354OI9VrttXU8c16wl4Vqlm2xyx9RAOT1KSPRkx1OalDwN8Q5S6R/lwqKq8kcNRTmbcf5z90URv1UHOCkGXZaRtEAbmWF8jGWxoe3yB4Nbm3m7XbF6OK8ijxLUCsfO3o34ibUgm7vWTjMpeG84T/B4aZfWV23lAU79ORhZDb2fElwAIWfr6E7BzICiuQwl4wZnZX7b5SC+XR0Q/hbeIocB1gr0xSd7L1mIZJGmZpYOanhUZ6dfRXcS8KcYEdZyJgUZFa48naCgrKk0Zvcx3MfOfoIg0r3Bo6EPK5sxyIFxKZ1pO1ngcKBqugZ2qYAwtdw9FLBe65iIXJzk4Dol8LfBtD9k5j/B2PjmOKmN0l42HZFFQg5DF2fg2wkc0zhpDFpxUcIp39VTE/PekB/VvBPkREbWdNPYBdZq+Wk83v4BJXKFmsjLlkGGYk7kk4Yj87L0fAIKPEOLK6Hq4daW2sjfN7ISEuWDFCVjeIRXxl1IesXpOMi1NTUh0HQ6gOyjUTMZkN+wLWJpu8T3aPYnhlUntY36PlkJKoF4TMabIIMJoNm96w7Aiup55h+rgj5HPUWUTII4PGBOxqsp0sLwl7HKYn1KXvlRcxEPRgHaIrGz5HfGBQK9K2ZrBYUvy1Ph6PuAH6mIDehiZHEHUMfieNkbPihp7fM3TT1YXRZgsZ7YvXVNCCjgh6iJmKuMymIwDL2HmLNbBVvT7MFMBpB3ydt/jZ6472wkqR5p0W1IBUhNQgZH4T3yrAIIOfCDwldxJLNs9/cG4an8CGqPrLguRQxC+Q3Yh4n8lLAnY0GIOJKehm+ZpH579VFXXHoyosUB8PQPRGpFuD+IVN2yLyOavtgWy8xVj3i92ro56igkl3JguKI2YgshMw7InRfwDeFs5KEHJhbcYnZGNw4gplOSy4jfA8AkxCbGPjyYDZ7Pw0pAz7wbakfJcFrqUAqiFXn5DfGj2NAuw3mIwYxf4wTttFC7gPoqxcN8QENq5GwOLOAsMRsf6gMklHiUU/siAIcUDszSrEh2Y/IWo4q0nINv6gh5T3oBhVteAOYoJYOwJuSDTrA4hMdPYCkt0PPA6XGvVC7icLeD4gLFBqLKILm88FTGTn+SF7/MAvJF3iTbRYHxtOA+hvodsE9NQ1e0jA7wwKQqIaWOeLlwpP4Itic2woiCgktANxhc1bIz4yKAuhv5JsK0XSW5kPiHlbWHAP0VUmMQbxTOBzRBODIAyNfGTZZbFWzCXE6D0LeDpghExBAs5yC1wGrHIb/BNEwx9bdccjFZPCfFvuuA3fA0JcIn8ifmJz1wrAcDYsj6LF5W0KJuluzOxbLTbAhucAqiuRgYBrEwQaEPCIySsYebY/sObpCrEyzMwjxZba0MIDKCkRjOjOgu8iSpr4VsGI1n/osqQtSc9zvdVZjNJbwJMAnwkELENUkdiBaGbCWxQQxVWyI07sN377udxzGw4Brgh8QMBLLDkWsIiNi6kgGvy3BZVJvEkqjeWO2JAXsFDgAiKXREo44LxZeq8O8uyrq66n2ERO/YbYBRveRMrRY6NbXsD6FIlvCPiFGQ9XQhTWJUHX43Cxn9I4L7bSbQFfAlQwOkzAz1nyR0QlgSxqiGJ+SdT0BUl7mqURK0Z3bfgMUNQkcAkgqpZID4AnnYBrvB6i+e/r8cWLbeE0M8sVsuEFoJdJKwKeZ9EZgGksWd2riGhYBi2lSLxQWq+jxXbYkLJObrrJYEQ5kQQv4A8R/l4VRfwaoGOI2NrXafFGsbE28FC56EfO0nsA010iFQlYVubRNFVEk19quOMR68UOu4uFB9gQK0ctnZ0g4I8segxRX4YbhOiisJ9cuGASz+skSIzq2/ANILsj30LA6nQyAwBhAUJcbbUuot6JqKcxYuuTndSTy26DL0TujKPWBDzIsksBm1i8+iplNDk9qB2J/85OfavFdtvA/eXGO+qHeClzn4C/y3GZ1cpoUQbMRLlvHPEosY1WFJcLD3RQOxIwkmU/QOQCcIYZyuhGHURLEp/lctZFzPPahr/l6KWDYwTMLXQIcQfBzbcoo/mvAD3lPmXnecSojA2u9XIF03LPBSwKFPoTsMIFYd9nUbpoelOxx+Fi3lsGteQ+sYF7y3VNqyIBO7Fs8hrAZUbXv6aLtrqkYkl8E5suFjtnRQm54WntA0TeE6pHwM9gnHQkUhW1E/LFy5U16is214pbcjGu1B5GAM6xcAlEaxxzkwuqQm/KlCLxyCdGX4jRYxt4nhi9Sq0YActIdUc81MD8/nxFdEbmstwANq4kl8+K3XKtUnHNBFxk6YuAeFaaVDRET1RDiTseuffNmnrEOlrxrtyJVF4Q8B2pN9GAPlqYE46EaaEdEl1JfGWiGU8VG2jFPbkBqZwFhL6RKk3An/Uwv9rvVbLqqdnTGLndLLhLbL0VPE1swVvNwwA7WboYoqom5iojdNBzs7YkX0niHTG6b8V2MXrCzB+TvDeD2F5A1CNdzFmvq+hpNlFuoVviS7k8VpSUK8/MUwFDWXwB4CqrD4hdp2CeUWWS78KSyWvFuljR3CNWjLkGAVuJ3STgGX3Mt7bgqJlJD8BtEf5TbIQVPFFsP/NpwPxksayIdjYwB0XAKhk8CZObyrInxVb5rDgpNo3TrQW0Z/HfELft4OqLUTkNYkn+cpDsaTFqYkU+sehHZUk+opHcBcCaZEu4wVJQe2fueID6bFa8iZSiypMAZ1ncHQoYxdZmWo056qwU+c/tVvBose4EbCl3l4An7eHCmGBnl/3IeDtOiHkAk1g+GyK3RYHzIScc3fH4kfAUK0qLIdsBvkfct4hPQX52FEz+9FsrAtaoC3kKmAhYwjbnhLRzkrjCr5S1gjerC2b5pAjAAKtKQJ47aUd+9bQdsdq8DQA1CNjBqi6Qmk7i/Ms1O77RNpiBHyMqWjURERHgoDL5V89rK3whyloj9gO8CWYNXHpeEHIjO+zhZ+iFFdxP11w3YjZgJpuPH/9My5uLkJ4OHof7m2J2/KCrGANbeAE9zZIiiCb/M0WDbw9BczmIJX+7z46Xqta1QOQlYBGzlvR2SLe/Yc23EDQyIS13vN+ZZ4drqabTjOyIyGj2cSpEFNc+A8JVcg5hL3Dapcj/PrSCe2uqDxkEiEgx258WEV37veRDmaSS4wid08FlP5TFjpyKxjHStRwwns1nO3p72u6iWb8OdJLcJNe2UIIvS0yroccPdbKjjqJCkFsE3G72xGuUatTcv66c69bt9PlhU9aRys847WDyw4Ps4Hg1y5Mg/0IUMstHfnFd7bSexvijZZbsUnOYoacQX5ud8A/HOO2c5Jdf2fGuFk9dzCZAqNtsiF+YleQgzj+9b8dNr5L+DA1cBxjKxq4N/sD7jNOuTMBr3fDn5E7awdOUVMDUJ+DnZg3JHwazw7OINoxPCRcbacl2HbPcmLKI/Gbv+oNNAQ6ehAHWvlHAE8RW++xopaM4Y08jbpr97gcW3WSHsQTswxoPilFNOx5Ea1ibAJoGmM/m4+xb34Qd+uIR+VV8JPeRHTxRQzfGpvMA9pgFhFu37CU7LUDAkBQVNeUOWtJFQz1QOQIWNfuWbJ9Xkx1fRuxmle5VYhMseU/BaAa3R5Q2+9G2MY3Y8R0PooIOHi4WkWLHowjcv1B9AdGvzXpY9l0AOw8m4PpkJZ3F6Bs7eDRsSQBqEeAim1+3anFWNkxcgdjBSp/LFbGkE+xzBjcm4C6zBK9F3m5N2bQdIatpqSW3zZLSqKjGqDyIILNnZO/QKmweh1jg0sKLxaZZErAWtJfRnRFfmdXpttKSkWVYsDIhu7Da/mKepnbwFlAl2AjA2mQz5kdt+oapW3umHov2hGTS00GMMlvyC+aaC+VbBRjDwm9aHVikKHp42Qcs+zgcMZP1VpQrasm3mMKMfknArlLM7HpZdv9CDSFXgh6zeCwhTyhK8IrttcRXHvoI9rg8sBYg1ftZj++ZGS0WsbFXkdtuRmYqj2yhiEuXl85oyX/3xCbP2nbaNfhS3OwFMeFrYxbNuTb8bPBPee4G8v8jAw==',\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.insertAdjacentElement('afterend', row);\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} :is([data-testid=\"payment-method-card\"], [data-testid=\"payment-method-direct-debit\"]) [role=\"button\"]:has(input[name=\"payment-method\"]:is(:checked, [aria-checked=\"true\"])) {\n padding-bottom: 2rem;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid=\"payment-method-card\"] [role=\"button\"] 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-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 @media (max-width: 375px) {\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n padding-right: 15px;\n padding-left: 15px;\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 warnings = new Set();\n const warnOnce = message => {\n if (warnings.has(message)) return;\n warnings.add(message);\n console.warn(`[${CONFIG.id}] ${message}`);\n };\n\n const findPaymentTitle = target => {\n for (let scope = target.parentElement; scope; scope = scope.parentElement) {\n if (scope.querySelectorAll(CONFIG.selectors.target).length !== 1) break;\n const titles = Array.from(scope.querySelectorAll(CONFIG.selectors.title)).filter(title =>\n !target.contains(title) && !title.contains(target) &&\n Boolean(title.compareDocumentPosition(target) & Node.DOCUMENT_POSITION_FOLLOWING)\n );\n if (titles.length === 1) return titles[0];\n if (titles.length > 1) break;\n if (scope.matches('main, body')) break;\n }\n warnOnce('Payment heading is missing or ambiguous; leaving the payment panel unchanged.');\n return null;\n };\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 = Array.from(document.querySelectorAll(CONFIG.selectors.securityMessage)).find(element =>\n !element.closest(`.${INJECTED_CLASS}-security-message`) &&\n element.querySelector('[data-testid=\"icon-lock\"]') && element.querySelector('p')\n );\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 (!completePaymentButton) return false;\n if (!source || !sourceItems) {\n warnOnce('Native TLS message is missing; skipping reassurance-message synchronization.');\n return false;\n }\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 const items = sourceItems.cloneNode(true);\n items.className = `${INJECTED_CLASS}-security-message-items`;\n message.appendChild(items);\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 = findPaymentTitle(target);\n if (!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 titleStillPresent = document.documentElement.contains(title);\n const stylesStillPresent = Boolean(document.getElementById(STYLE_ID));\n if (targetStillPresent && targetStillMarked && titleStillPresent && 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/subscribe-to-which"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-full-access-annual-52.2935779816513-10.26"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/affiliate-general-full-access-annual-digital-annual-50percent-voucher10-6.26"}],"weights":[0.25,0.25,0.25,0.25],"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","coverage":1},{"key":"acq-019-advice-hide-the-additional-free-account-banner-","changeId":"9c2932585db84e9d3cc96aefdef2971639a22b9d68cc4ef00ecfdc116e5fc98f","status":"running","variations":[{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-019',\n id: 'ACQ-019-control',\n selectors: {\n target: '[data-testid=\"free-membership-article-header\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n const trackEvent = () => {\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: 'nstl_with_banner',\n item_parent_text: 'free_membership_article_header',\n item_group: CONFIG.experimentId\n });\n };\n\n // Track independently of injection: page data may arrive before or after the banner.\n if (!window[`__tracking_${CONFIG.id}`]) {\n window[`__tracking_${CONFIG.id}`] = true;\n window.dataLayer = window.dataLayer || [];\n let pageUrl = window.location.href;\n let components = null;\n let sent = false;\n let bannerSeen = Boolean(document.querySelector(CONFIG.selectors.target));\n\n const syncPage = () => {\n if (pageUrl !== window.location.href) {\n pageUrl = window.location.href;\n components = null;\n sent = false;\n bannerSeen = false;\n }\n };\n\n const checkBanner = () => {\n syncPage();\n bannerSeen ||= Boolean(document.querySelector(CONFIG.selectors.target));\n if (sent) return;\n if (bannerSeen && typeof components === 'string' && components.toLowerCase().includes('nstl')) {\n sent = true;\n trackEvent();\n }\n };\n\n const onPageData = (entry) => {\n if (!entry || !Object.prototype.hasOwnProperty.call(entry, 'pageComponents')) return;\n syncPage();\n components = entry.pageComponents;\n checkBanner();\n };\n\n // Preserve GTM's push handler, receiver, arguments and return value.\n const originalPush = window.dataLayer.push;\n window.dataLayer.push = function (...entries) {\n const result = Reflect.apply(originalPush, this, entries);\n entries.forEach(onPageData);\n return result;\n };\n\n // Read only the latest component data, not an earlier page's NSTL status.\n const latestPageData = window.dataLayer.slice().reverse().find(entry =>\n entry && Object.prototype.hasOwnProperty.call(entry, 'pageComponents')\n );\n if (latestPageData) onPageData(latestPageData);\n\n const bannerObserver = new MutationObserver(checkBanner);\n bannerObserver.observe(document.documentElement, { childList: true, subtree: true });\n }\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 window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Execution is not gated by pageComponents; only the segmentation event is.\n\n // 3. Control needs no injected styles.\n\n // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\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 // Non-visual marker only: keep the native banner and its interactions unchanged.\n target.classList.add(INJECTED_CLASS);\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\n domWipeObserver.disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0;\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. No interaction events or general activation event.\n\n // 6. Primary Observer Init\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) 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 // 7. bfcache Resilience\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n }\n });\n})();\n","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-019',\n id: 'ACQ-019-v1',\n selectors: {\n target: '[data-testid=\"free-membership-article-header\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n const trackEvent = () => {\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: 'nstl_with_banner',\n item_parent_text: 'free_membership_article_header',\n item_group: CONFIG.experimentId\n });\n };\n\n // Track independently of injection: page data may arrive before or after the banner.\n if (!window[`__tracking_${CONFIG.id}`]) {\n window[`__tracking_${CONFIG.id}`] = true;\n window.dataLayer = window.dataLayer || [];\n let pageUrl = window.location.href;\n let components = null;\n let sent = false;\n let bannerSeen = Boolean(document.querySelector(CONFIG.selectors.target));\n\n const syncPage = () => {\n if (pageUrl !== window.location.href) {\n pageUrl = window.location.href;\n components = null;\n sent = false;\n bannerSeen = false;\n }\n };\n\n const checkBanner = () => {\n syncPage();\n bannerSeen ||= Boolean(document.querySelector(CONFIG.selectors.target));\n if (sent) return;\n if (bannerSeen && typeof components === 'string' && components.toLowerCase().includes('nstl')) {\n sent = true;\n trackEvent();\n }\n };\n\n const onPageData = (entry) => {\n if (!entry || !Object.prototype.hasOwnProperty.call(entry, 'pageComponents')) return;\n syncPage();\n components = entry.pageComponents;\n checkBanner();\n };\n\n // Preserve GTM's push handler, receiver, arguments and return value.\n const originalPush = window.dataLayer.push;\n window.dataLayer.push = function (...entries) {\n const result = Reflect.apply(originalPush, this, entries);\n entries.forEach(onPageData);\n return result;\n };\n\n // Read only the latest component data, not an earlier page's NSTL status.\n const latestPageData = window.dataLayer.slice().reverse().find(entry =>\n entry && Object.prototype.hasOwnProperty.call(entry, 'pageComponents')\n );\n if (latestPageData) onPageData(latestPageData);\n\n const bannerObserver = new MutationObserver(checkBanner);\n bannerObserver.observe(document.documentElement, { childList: true, subtree: true });\n }\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 window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Execution is not gated by pageComponents; only the segmentation event is.\n\n // 3. Utilities (Styles, Tracking)\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 .${INJECTED_CLASS} {\n display: none !important;\n }\n `;\n document.head.appendChild(style);\n };\n\n // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\n // Count only real target attempts, not unrelated page mutations.\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 injectStyles();\n target.classList.add(INJECTED_CLASS);\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\n domWipeObserver.disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0;\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. No interaction events are tracked for this hide-only variation.\n\n // 6. Primary Observer Init — only runs apply when the target is present\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) 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 // 7. bfcache Resilience\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\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.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"2b6e0791-0e8c-406d-9042-5212d2d162ec","name":"ACQ 019 [Advice] Hide the additional free account banner ","phase":"0","condition":{"paywall_access_status":"anonymous","pageComponents":{"$regex":"fa-locked|[Nn][Ss][Tt][Ll]"}},"coverage":1},{"key":"exp-041-retailer-survey-v2","changeId":"1f6c3bad582df310dc6ec2674b0bb372254df6d9ab4b0a97f254bf3996f21650","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Set to false while QA testing so the survey shows on every retailer click.\n const USE_SESSION_COOKIE = true;\n const DEBUG = false;\n\n const CONFIG = {\n experimentId: 'EXP-Retailer-link-survey',\n id: 'EXP-Retailer-link-survey-v2',\n selectors: {\n target: '[data-testid=\"compact-product-card\"]',\n compareRetailers: '[data-which-id=\"compare-prices\"]',\n surveyScope: '[data-testid=\"compact-product-card\"], [data-which-id=\"compare-prices\"]',\n accordionBody: '[data-testid=\"accordion-item-body\"]',\n accordionButton: '[data-testid=\"accordion-item-button\"]',\n retailerLink: 'a[data-which-id=\"affiliate-link\"]',\n surveyAction: '[data-gb-survey-action]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const PANEL_ID = `gb-panel-${CONFIG.id}`;\n const SURVEY_COOKIE = `${CONFIG.experimentId}_survey_seen`;\n const SURVEY_OPTIONS = [\n 'Buy this product',\n 'Check availability',\n 'Check price',\n 'Check delivery',\n 'Check installation & removals',\n 'Check returns & warranties',\n 'Check discounts',\n 'User reviews',\n 'Product images & videos'\n ];\n const LAST_OPTION = 'Something else';\n const MAX_HEALS_PER_OPEN = 5;\n let openLink = null;\n let openContext = null;\n let bypassLink = null;\n let stopWatchingViewport = null;\n\n // Which? stubs window.console, so debug logs borrow a native console.\n const log = (...args) => {\n if (!DEBUG) return;\n if (!log.console) {\n const frame = document.createElement('iframe');\n frame.style.display = 'none';\n document.documentElement.appendChild(frame);\n log.console = frame.contentWindow.console;\n }\n log.console.info(`[${CONFIG.id}]`, ...args);\n };\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 window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Styles, tracking, and browser-session state\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.className = INJECTED_CLASS;\n style.textContent = `\n ${CONFIG.selectors.target} {\n position: static !important;\n top: auto !important;\n }\n :is(${CONFIG.selectors.surveyScope}) a[data-gb-expanded=\"true\"] {\n margin-bottom: 0;\n border-color: rgb(0, 80, 179);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n /* The open accordion pins its height inline; release it so the survey isn't clipped. */\n ${CONFIG.selectors.compareRetailers} ${CONFIG.selectors.accordionBody}[aria-hidden=\"false\"]:has(#${PANEL_ID}) {\n max-height: none !important;\n }\n #${PANEL_ID} {\n margin: 0 0 8px;\n padding: 12px;\n border: 1px solid rgb(0, 80, 179);\n border-top: 0;\n border-radius: 0 0 4px 4px;\n color: rgb(0, 0, 0);\n background: rgb(255, 255, 255);\n text-align: left;\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n line-height: 140%;\n animation: gb-expand-${CONFIG.id} 200ms ease-out;\n }\n #${PANEL_ID} .gb-survey-description { margin: 0 0 0.75rem; }\n #${PANEL_ID} .gb-survey-description strong {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n }\n #${PANEL_ID} .gb-survey-options {\n display: flex;\n flex-wrap: wrap;\n gap: 0.375rem;\n margin: 0;\n padding: 0;\n border: 0;\n }\n #${PANEL_ID} .gb-survey-option {\n --gb-pill-pad: 0.625rem;\n position: relative;\n display: inline-flex;\n align-items: center;\n min-height: 2.25rem;\n padding: 0.25rem var(--gb-pill-pad);\n border: 1px solid rgb(146, 146, 146);\n border-radius: 999px;\n background: rgb(255, 255, 255);\n font-size: 0.8125rem;\n white-space: nowrap;\n cursor: pointer;\n }\n #${PANEL_ID} .gb-survey-option:hover { background: rgb(245, 245, 245); }\n /* Keep pill widths unchanged when the tick appears. */\n #${PANEL_ID} .gb-survey-option:has(input:checked) {\n padding-left: calc(var(--gb-pill-pad) - 0.4375rem);\n padding-right: calc(var(--gb-pill-pad) - 0.4375rem);\n border-color: rgb(0, 0, 0);\n background: rgb(227, 239, 255);\n }\n #${PANEL_ID} .gb-survey-option:has(input:checked)::before {\n content: \"\\\\2713\";\n display: inline-block;\n width: 0.75rem;\n margin-right: 0.125rem;\n text-align: center;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n }\n #${PANEL_ID} .gb-survey-option:has(input:focus-visible),\n #${PANEL_ID} .gb-survey-details:focus-visible,\n #${PANEL_ID} .gb-survey-action:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n #${PANEL_ID} input[type=\"checkbox\"] {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n }\n #${PANEL_ID} .gb-survey-details {\n display: block;\n box-sizing: border-box;\n width: 100%;\n min-width: 0;\n margin-top: 0.75rem;\n padding: 0.625rem;\n border: 1px solid rgb(146, 146, 146);\n border-radius: 4px;\n color: inherit;\n background: rgb(255, 255, 255);\n font: inherit;\n }\n #${PANEL_ID} .gb-survey-details[hidden] { display: none; }\n #${PANEL_ID} .gb-survey-action {\n display: block;\n width: 100%;\n min-height: 2.75rem;\n margin-top: 1rem;\n padding: 0.5rem 1.5rem;\n border: 1px solid rgb(0, 80, 179);\n border-radius: 22px;\n color: rgb(255, 255, 255);\n background: rgb(0, 80, 179);\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 500;\n line-height: 140%;\n cursor: pointer;\n }\n #${PANEL_ID} .gb-survey-action:hover {\n border-color: rgb(0, 64, 143);\n background: rgb(0, 64, 143);\n }\n @keyframes gb-expand-${CONFIG.id} {\n from { opacity: 0; transform: translateY(-4px); }\n }\n @media (prefers-reduced-motion: reduce) {\n #${PANEL_ID} { animation: none; }\n }\n @media (min-width: 768px) {\n #${PANEL_ID} { padding: 16px; font-size: 1rem; }\n #${PANEL_ID} .gb-survey-options { gap: 0.5rem; }\n #${PANEL_ID} .gb-survey-option { --gb-pill-pad: 0.75rem; font-size: 1rem; }\n #${PANEL_ID} .gb-survey-action { font-size: 1.125rem; }\n }\n `;\n document.head.appendChild(style);\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n const payload = {\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n // Set explicitly: otherwise GTM carries over item_spec (the retailer hostname) from the site's own click event.\n item_spec: CONFIG.experimentId.toLowerCase(),\n item_group: CONFIG.experimentId\n };\n log('Tracking event', payload);\n window.dataLayer.push(payload);\n };\n\n // Suffix the parent text with the source module: Lowest Available Prices card or Compare retailers accordion.\n const parentTextFor = (parentText, link) =>\n `${parentText}-${link?.closest(CONFIG.selectors.compareRetailers) ? 'compare' : 'lowest'}`;\n\n const hasSeenSurvey = () => USE_SESSION_COOKIE && document.cookie.split(';').some((entry) =>\n entry.trim().startsWith(`${SURVEY_COOKIE}=`)\n );\n\n const markSurveySeen = () => {\n if (!USE_SESSION_COOKIE) return;\n const secure = window.location.protocol === 'https:' ? '; Secure' : '';\n document.cookie = `${SURVEY_COOKIE}=1; path=/; SameSite=Lax${secure}`;\n };\n\n const selectedAnswers = (root) => root\n ? [...root.querySelectorAll('input[type=\"checkbox\"]:checked')].map((input) => input.value)\n : [];\n\n // Best-effort masking, not anonymisation: names and addresses in prose may remain.\n const maskSurveyDetails = (value) => value\n // Convert compatibility forms, such as full-width email characters, to standard forms.\n .normalize('NFKC')\n // Remove common invisible characters that could split an otherwise recognisable identifier.\n .replace(/[\\u200B-\\u200D\\u2060\\uFEFF]/g, '')\n .trim()\n // HTTP(S) and www URLs, including paths and query strings that may contain personal details.\n .replace(/\\b(?:https?:\\/\\/|www\\.)[^\\s]+/gi, '[REDACTED]')\n // Email-like addresses containing @, including plus-addressed aliases.\n .replace(/[^\\s<>@\"(),;:]+@[^\\s<>@\"(),;:]+/g, '[REDACTED]')\n // UK postcode-like strings, with or without a space, including GIR 0AA.\n .replace(/\\b(?:GIR\\s*0AA|[A-Z]{1,2}\\d[A-Z\\d]?\\s*\\d[A-Z]{2})\\b/gi, '[REDACTED]')\n // UK National Insurance-like numbers: two letters, six digits, and an A-D suffix.\n .replace(/\\b[A-Z]{2}\\s*\\d{2}\\s*\\d{2}\\s*\\d{2}\\s*[A-D]\\b/gi, '[REDACTED]')\n // IPv4-like addresses; deliberately does not require valid octet ranges.\n .replace(/\\b(?:\\d{1,3}\\.){3}\\d{1,3}\\b/g, '[REDACTED]')\n // Six-plus-digit sequences: likely phone, card, account, sort-code, or reference numbers.\n // Accept common separators; this may also mask legitimate long numbers.\n .replace(/\\+?\\(?\\d(?:[\\d\\s().-]*\\d)?/g, (match) =>\n match.replace(/\\D/g, '').length >= 6 ? '[REDACTED]' : match\n );\n\n const shuffledOptions = () => {\n const options = [...SURVEY_OPTIONS];\n for (let i = options.length - 1; i > 0; i -= 1) {\n const j = Math.floor(Math.random() * (i + 1));\n [options[i], options[j]] = [options[j], options[i]];\n }\n return [...options, LAST_OPTION];\n };\n\n const continueToRetailer = (link) => {\n if (!link) return;\n bypassLink = link;\n link.click();\n bypassLink = null;\n };\n\n const revealSurvey = (link, panel) => {\n window.requestAnimationFrame(() => {\n if (!panel.isConnected || openLink !== link) return;\n const viewport = window.visualViewport;\n const visibleTop = (viewport?.offsetTop || 0) + 16;\n const visibleBottom = (viewport?.offsetTop || 0) + (viewport?.height || window.innerHeight) - 16;\n const details = panel.querySelector('.gb-survey-details');\n const editingDetails = document.activeElement === details && !details.hidden;\n const rect = (editingDetails ? details : panel).getBoundingClientRect();\n const targetBottom = editingDetails\n ? panel.querySelector(CONFIG.selectors.surveyAction).getBoundingClientRect().bottom\n : rect.bottom;\n let scrollDistance = targetBottom - visibleBottom;\n if (editingDetails && rect.top - Math.max(0, scrollDistance) < visibleTop) {\n scrollDistance = rect.top - visibleTop;\n } else if (scrollDistance <= 0) {\n return;\n }\n if (Math.abs(scrollDistance) < 1) return;\n window.scrollBy({\n top: scrollDistance,\n behavior: editingDetails || window.matchMedia('(prefers-reduced-motion: reduce)').matches ? 'instant' : 'smooth'\n });\n });\n };\n\n const setExpandedState = (link) => {\n link.setAttribute('data-gb-expanded', 'true');\n link.setAttribute('aria-expanded', 'true');\n link.setAttribute('aria-controls', PANEL_ID);\n };\n\n const clearExpandedState = (link) => {\n link.removeAttribute('data-gb-expanded');\n link.removeAttribute('aria-expanded');\n link.removeAttribute('aria-controls');\n };\n\n const collapse = () => {\n stopWatchingViewport?.();\n openContext?.observer.disconnect();\n openContext?.panel.remove();\n document.getElementById(PANEL_ID)?.remove();\n if (openLink) clearExpandedState(openLink);\n openLink = null;\n openContext = null;\n };\n\n // The \"Where to buy\" accordion renders its retailer rows asynchronously and can regenerate\n // them while open. If the open row is replaced, move the same panel (keeping any answers)\n // beneath the retailer now in the same position; collapse if the list is hidden or gone.\n const healSurvey = () => {\n const context = openContext;\n if (!context) return;\n const { panel } = context;\n if (openLink?.isConnected && openLink.nextElementSibling === panel) {\n if (openLink.closest('[aria-hidden=\"true\"]')) collapse();\n return;\n }\n const scope = context.scope.isConnected ? context.scope : document.querySelector(context.scopeSelector);\n const link = scope ? scope.querySelectorAll(CONFIG.selectors.retailerLink)[context.index] : null;\n if (!link || link.closest('[aria-hidden=\"true\"]') || context.heals >= MAX_HEALS_PER_OPEN) {\n collapse();\n return;\n }\n context.heals += 1;\n context.scope = scope;\n if (openLink && openLink !== link) clearExpandedState(openLink);\n link.insertAdjacentElement('afterend', panel);\n setExpandedState(link);\n openLink = link;\n log('Survey re-attached after retailer list re-render');\n };\n\n const expand = (link) => {\n collapse();\n const panel = document.createElement('div');\n panel.id = PANEL_ID;\n panel.setAttribute('role', 'region');\n panel.setAttribute('aria-labelledby', `${PANEL_ID}-title`);\n panel.innerHTML = `\n

Help us improve Which? by telling us why you're visiting this retailer. Select all that apply.

\n ${shuffledOptions().map((option, index) => `\n \n \n ${option}\n \n `).join('')}\n

\n \n \n `;\n const details = panel.querySelector('.gb-survey-details');\n details.addEventListener('focus', () => {\n stopWatchingViewport?.();\n const viewport = window.visualViewport;\n const updateVisibility = () => {\n if (!panel.isConnected || details.hidden || document.activeElement !== details) {\n stopWatchingViewport?.();\n return;\n }\n revealSurvey(openLink, panel);\n };\n stopWatchingViewport = () => {\n viewport?.removeEventListener('resize', updateVisibility);\n viewport?.removeEventListener('scroll', updateVisibility);\n window.removeEventListener('resize', updateVisibility);\n stopWatchingViewport = null;\n };\n // Mobile keyboards can shrink or pan the visual viewport after focus fires.\n viewport?.addEventListener('resize', updateVisibility);\n viewport?.addEventListener('scroll', updateVisibility);\n window.addEventListener('resize', updateVisibility);\n updateVisibility();\n });\n details.addEventListener('blur', () => stopWatchingViewport?.());\n const otherOption = [...panel.querySelectorAll('input[type=\"checkbox\"]')]\n .find((input) => input.value === LAST_OPTION);\n otherOption.setAttribute('aria-controls', details.id);\n otherOption.setAttribute('aria-expanded', 'false');\n otherOption.addEventListener('change', () => {\n details.hidden = !otherOption.checked;\n if (!otherOption.checked) stopWatchingViewport?.();\n otherOption.setAttribute('aria-expanded', String(otherOption.checked));\n if (otherOption.checked) {\n details.focus({ preventScroll: true });\n revealSurvey(openLink, panel);\n }\n });\n panel.addEventListener('click', (event) => {\n if (!(event.target instanceof Element) || !event.target.closest(CONFIG.selectors.surveyAction)) return;\n const target = openLink;\n const answers = selectedAnswers(panel);\n const otherDetails = maskSurveyDetails(details.value);\n const otherIndex = answers.indexOf(LAST_OPTION);\n if (otherIndex !== -1 && otherDetails) answers[otherIndex] += `:${otherDetails}`;\n trackEvent(answers.length ? answers.join('|') : 'no_answer', parentTextFor('continue', target));\n collapse();\n continueToRetailer(target);\n });\n const scopeSelector = link.closest(CONFIG.selectors.compareRetailers)\n ? CONFIG.selectors.compareRetailers\n : CONFIG.selectors.target;\n const scope = link.closest(scopeSelector);\n link.insertAdjacentElement('afterend', panel);\n setExpandedState(link);\n openLink = link;\n const observer = new MutationObserver(healSurvey);\n openContext = {\n panel,\n scope,\n scopeSelector,\n index: [...scope.querySelectorAll(CONFIG.selectors.retailerLink)].indexOf(link),\n heals: 0,\n observer\n };\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['aria-hidden']\n });\n revealSurvey(link, panel);\n log('Survey expanded');\n };\n\n // 3. Core injection logic with Auto-Healing Observer\n const apply = () => {\n if (!document.querySelector(CONFIG.selectors.surveyScope)) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\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 injectStyles();\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\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.documentElement, { childList: true, subtree: true });\n }\n return true;\n };\n\n // 4. Capture retailer clicks before native tracking and navigation.\n const onRetailerClick = (event) => {\n const clicked = event.target instanceof Element ? event.target : null;\n // Toggling the \"Where to buy\" accordion closes a survey open inside it; the native toggle still runs.\n if (clicked?.closest(`${CONFIG.selectors.compareRetailers} ${CONFIG.selectors.accordionButton}`)\n && openLink?.closest(CONFIG.selectors.compareRetailers)) {\n collapse();\n return;\n }\n // Delegated at document level, so asynchronously rendered retailer rows need no per-element binding.\n const link = clicked ? clicked.closest(CONFIG.selectors.retailerLink) : null;\n if (!link || !link.closest(CONFIG.selectors.surveyScope) || link === bypassLink) return;\n if (link === openLink && link.isConnected) {\n const answers = selectedAnswers(document.getElementById(PANEL_ID));\n trackEvent(answers.length ? answers.join('|') : 'no_answer', parentTextFor('retailer_link_reclick', link));\n collapse();\n return;\n }\n if (hasSeenSurvey()) return;\n event.preventDefault();\n event.stopImmediatePropagation();\n expand(link);\n markSurveySeen();\n trackEvent('retailer_survey_open', parentTextFor('retailer_link', link));\n window._uxa = window._uxa || [];\n window._uxa.push([\n 'trackDynamicVariable',\n {\n key: CONFIG.experimentId,\n value: 'retailer link click - survey revealed'\n }\n ]);\n };\n document.removeEventListener('click', window[`__click_${CONFIG.id}`], true);\n window[`__click_${CONFIG.id}`] = onRetailerClick;\n document.addEventListener('click', onRetailerClick, true);\n\n // 5. Primary Observer Init — off-page guarded\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.surveyScope)) 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 // 6. bfcache Resilience\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n }\n });\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"memberID","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/*"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"v2 survey + not sticky"}],"seed":"ff4fe16e-16c9-45b6-9379-28cacc2d40b8","name":"EXP 041 [Product Page] OKR3 Retailer link survey v2","phase":"0","condition":{"content_type":"product"},"coverage":1},{"key":"show-number-best-buys-filtered-listing-page","changeId":"1f14c006beb8bb2c9c9ae3df84347ad301d3995925596f738726d99b0172324a","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'TEST-browser-capture-best-buy-count',\n id: 'TEST-browser-capture-best-buy-count',\n selectors: {\n target: '[data-testid=\"reviews-applied-filters\"]',\n cards: 'article[class*=\"ProductCard_card\"]',\n filters: 'button[data-testid=\"clickable-tag-with-icon-container\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const cleanupKey = `__cleanup_${CONFIG.id}`;\n const wipeKey = `__wipe_${CONFIG.id}`;\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[cleanupKey]) window[cleanupKey]();\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0; // Fresh navigation cycle — reset the loop-prevention budget\n }\n window[`__run_${CONFIG.id}`] = true;\n\n const normalizeFilters = (text) => text.split('|').map(value => value.trim()).filter(Boolean).sort().join('|');\n let lastWarning = '';\n const warn = (message) => {\n if (message === lastWarning) return;\n lastWarning = message;\n console.warn(`[${CONFIG.id}] ${message}`);\n };\n const getState = () => {\n if (window.location.pathname.replace(/\\/$/, '') !== '/reviews/fridges') return null;\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target || document.querySelector('[aria-busy=\"true\"]')) return null;\n if (!Array.isArray(window.dataLayer)) return null;\n const entries = window.dataLayer.filter(entry => entry && typeof entry === 'object');\n const login = entries.slice().reverse().find(entry => typeof entry.loginStatus === 'string');\n if (!login || login.loginStatus !== 'LoggedOut') return null;\n const data = entries.slice().reverse().find(entry => entry.content_type === 'product-listing' && entry.category === 'fridges' && 'bestBuyCount' in entry);\n if (!data) return null;\n if (!Number.isInteger(data.bestBuyCount) || !Number.isInteger(data.productsCount) || data.bestBuyCount < 0 || data.productsCount < 0 || data.bestBuyCount > data.productsCount) {\n warn('Invalid product or Best Buy counts; banner hidden.');\n return null;\n }\n const filters = Array.from(target.querySelectorAll(CONFIG.selectors.filters)).map(button => button.textContent.trim());\n if (!filters.length || typeof data.selectedFilters !== 'string' || normalizeFilters(filters.join('|')) !== normalizeFilters(data.selectedFilters)) return null;\n const displayedCount = Array.from(document.querySelectorAll(CONFIG.selectors.cards)).filter(card => {\n const style = getComputedStyle(card);\n return card.getClientRects().length > 0 && style.visibility !== 'hidden';\n }).length;\n if (data.bestBuyCount === 0 || displayedCount <= data.bestBuyCount || data.productsCount <= data.bestBuyCount) return null;\n return { target, count: data.bestBuyCount };\n };\n\n // 3. Utilities (Styles, Tracking)\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 .${INJECTED_CLASS} {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1rem;\n padding: 1rem;\n border: 1px solid rgb(0, 80, 179);\n border-radius: 0.75rem;\n background: rgb(215, 239, 250);\n color: rgb(0, 0, 0);\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: 0;\n }\n .${INJECTED_CLASS} .gb-copy { flex: 1; min-width: 0; }\n .${INJECTED_CLASS} h4 {\n margin: 0 0 0.5rem;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.5;\n }\n .${INJECTED_CLASS} p { margin: 0; font: inherit; }\n .${INJECTED_CLASS} .gb-count { text-decoration: underline; text-underline-offset: 0.125em; }\n .${INJECTED_CLASS} .gb-best-buy {\n display: inline-block;\n margin-inline: 0.25em;\n padding: 0.125rem 0.25rem;\n border-radius: 0.25rem;\n background: rgb(232, 28, 48);\n color: rgb(255, 255, 255);\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n }\n .${INJECTED_CLASS} .gb-actions { display: flex; flex-direction: column; align-items: center; align-self: flex-start; gap: 0.5rem; }\n .${INJECTED_CLASS} a { color: rgb(0, 80, 179); }\n .${INJECTED_CLASS} .gb-join {\n display: inline-block;\n padding: 0.75rem 1rem;\n border-radius: 9999px;\n background: rgb(232, 28, 48);\n color: rgb(255, 255, 255);\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-weight: 500;\n text-decoration: none;\n }\n .${INJECTED_CLASS} .gb-login { font-size: 0.875rem; line-height: 1.4; }\n .${INJECTED_CLASS} a:focus-visible { outline: 0.1875rem solid rgb(0, 0, 0); outline-offset: 0.1875rem; }\n .${INJECTED_CLASS} a:hover { text-decoration: underline; }\n @media (min-width: 768px) {\n .${INJECTED_CLASS} { flex-direction: row; align-items: center; padding: 1.5rem; font-size: 1.125rem; }\n .${INJECTED_CLASS} h4 { font-size: 1.125rem; }\n .${INJECTED_CLASS} .gb-actions { flex-shrink: 0; }\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 // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n const state = getState();\n const existing = document.querySelector(`.${INJECTED_CLASS}`);\n if (!state) {\n if (window[wipeKey]) window[wipeKey].disconnect();\n if (existing) existing.remove();\n return false;\n }\n const updateHeading = (heading) => {\n const intro = heading.querySelector('.gb-intro');\n const count = heading.querySelector('.gb-count');\n const badge = heading.querySelector('.gb-best-buy');\n const introText = state.count === 1 ? 'There is ' : 'There are ';\n const countText = String(state.count);\n const badgeText = state.count === 1 ? 'Best Buy' : 'Best Buys';\n if (intro.textContent !== introText) intro.textContent = introText;\n if (count.textContent !== countText) count.textContent = countText;\n if (badge.textContent !== badgeText) badge.textContent = badgeText;\n };\n if (existing && existing.parentElement === state.target) {\n updateHeading(existing.querySelector('h4'));\n return true;\n }\n if (existing) existing.remove();\n if (window[wipeKey]) window[wipeKey].disconnect();\n const target = state.target;\n\n // Loop Prevention — increment only on a real injection attempt, never on unrelated mutations, or the budget gets burned before the target's state ever changes\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n warn('Injection stopped after 10 attempts in this navigation cycle.');\n return true;\n }\n\n // Ensure styles are present\n injectStyles();\n\n const wrapper = document.createElement('aside');\n wrapper.className = INJECTED_CLASS;\n wrapper.setAttribute('aria-label', 'Unlock Best Buy recommendations');\n wrapper.innerHTML = `\n

in these results

Join Which? to unlock the Best Buys and test scores for the products below.

\n Join Which? to unlock\n \n

`;\n updateHeading(wrapper.querySelector('h4'));\n target.appendChild(wrapper);\n\n // Auto-Healing / DOM Wipe Detector\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\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 window[wipeKey] = domWipeObserver;\n }\n return true;\n };\n\n // 5. Global Event Delegation\n const handleClick = (event) => {\n // Only bind to elements within our isolated injected class to prevent duplicates\n const link = event.target instanceof Element ? event.target.closest(`.${INJECTED_CLASS} a[data-gb-action]`) : null;\n if (link) {\n trackEvent(link.dataset.gbAction === 'join' ? 'join_which' : 'log_in', 'applied_filters_best_buy_count');\n }\n };\n document.body.addEventListener('click', handleClick);\n\n // 6. Primary Observer Init — off-page guarded so it only does work when the target is actually present\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return; // Prevents burning the counter on unrelated pages/routes\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n\n // Data-layer pushes can occur without a DOM mutation; do not replace GTM's push function.\n const pollKey = `__poll_${CONFIG.id}`;\n if (window[pollKey]) clearInterval(window[pollKey]);\n let previousLocation = window.location.href;\n window[pollKey] = setInterval(() => {\n if (window.location.href !== previousLocation) {\n previousLocation = window.location.href;\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n apply();\n }, 250);\n\n // 7. bfcache Resilience — Safari/iOS back-navigation can restore the page without re-running this script\n const handlePageShow = (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n }\n };\n window.addEventListener('pageshow', handlePageShow);\n window[cleanupKey] = () => {\n clearInterval(window[pollKey]);\n window[`__obs_${CONFIG.id}`].disconnect();\n if (window[wipeKey]) window[wipeKey].disconnect();\n document.body.removeEventListener('click', handleClick);\n window.removeEventListener('pageshow', handlePageShow);\n };\n\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/fridges"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"cbd3ac59-2018-4944-b2d9-e9c1ef298655","name":"Show number of Best Buys in filtered listing page","phase":"0","coverage":1},{"key":"exp-042-product-listings-show-best-buy-count-in-filtered-listings-page","changeId":"d09330fca1e5008b72dde2cee9cab3869fd81f41677ab6acbf247d9b47019000","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'EXP-Show-number-of-Best-Buys-in-filtered-listing-page',\n id: 'EXP-Show-number-of-Best-Buys-in-filtered-listing-page',\n selectors: {\n target: '[data-testid=\"reviews-applied-filters\"]',\n cards: 'article[class*=\"ProductCard_card\"]',\n filters: 'button[data-testid=\"clickable-tag-with-icon-container\"]'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const cleanupKey = `__cleanup_${CONFIG.id}`;\n const wipeKey = `__wipe_${CONFIG.id}`;\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[cleanupKey]) window[cleanupKey]();\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0; // Fresh navigation cycle — reset the loop-prevention budget\n }\n window[`__run_${CONFIG.id}`] = true;\n\n const normalizeFilters = (text) => text.split('|').map(value => value.trim()).filter(Boolean).sort().join('|');\n let lastWarning = '';\n const warn = (message) => {\n if (message === lastWarning) return;\n lastWarning = message;\n console.warn(`[${CONFIG.id}] ${message}`);\n };\n const getState = () => {\n if (window.location.pathname.replace(/\\/$/, '') !== '/reviews/fridges') return null;\n const target = document.querySelector(CONFIG.selectors.target);\n if (!target || document.querySelector('[aria-busy=\"true\"]')) return null;\n if (!Array.isArray(window.dataLayer)) return null;\n const entries = window.dataLayer.filter(entry => entry && typeof entry === 'object');\n const login = entries.slice().reverse().find(entry => typeof entry.loginStatus === 'string');\n if (!login || login.loginStatus !== 'LoggedOut') return null;\n const data = entries.slice().reverse().find(entry => entry.content_type === 'product-listing' && entry.category === 'fridges' && 'bestBuyCount' in entry);\n if (!data) return null;\n if (!Number.isInteger(data.bestBuyCount) || !Number.isInteger(data.productsCount) || data.bestBuyCount < 0 || data.productsCount < 0 || data.bestBuyCount > data.productsCount) {\n warn('Invalid product or Best Buy counts; banner hidden.');\n return null;\n }\n const filters = Array.from(target.querySelectorAll(CONFIG.selectors.filters)).map(button => button.textContent.trim());\n if (!filters.length || typeof data.selectedFilters !== 'string' || normalizeFilters(filters.join('|')) !== normalizeFilters(data.selectedFilters)) return null;\n const displayedCount = Array.from(document.querySelectorAll(CONFIG.selectors.cards)).filter(card => {\n const style = getComputedStyle(card);\n return card.getClientRects().length > 0 && style.visibility !== 'hidden';\n }).length;\n if (data.bestBuyCount === 0 || displayedCount <= data.bestBuyCount || data.productsCount <= data.bestBuyCount) return null;\n return { target, count: data.bestBuyCount };\n };\n\n // 3. Utilities (Styles, Tracking)\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 .${INJECTED_CLASS} {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1rem;\n padding: 1rem;\n border: 1px solid rgb(0, 80, 179);\n border-radius: 0.75rem;\n background: rgb(215, 239, 250);\n color: rgb(0, 0, 0);\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: 0;\n }\n .${INJECTED_CLASS} .gb-copy { flex: 1; min-width: 0; }\n .${INJECTED_CLASS} h4 {\n margin: 0 0 0.5rem;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.5;\n }\n .${INJECTED_CLASS} p { margin: 0; font: inherit; }\n .${INJECTED_CLASS} .gb-count { text-decoration: underline; text-underline-offset: 0.125em; }\n .${INJECTED_CLASS} .gb-best-buy {\n display: inline-block;\n margin-inline: 0.25em;\n padding: 0.125rem 0.25rem;\n border-radius: 0.25rem;\n background: rgb(232, 28, 48);\n color: rgb(255, 255, 255);\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n }\n .${INJECTED_CLASS} .gb-actions { display: flex; flex-direction: column; align-items: center; align-self: flex-start; gap: 0.5rem; }\n .${INJECTED_CLASS} a { color: rgb(0, 80, 179); }\n .${INJECTED_CLASS} .gb-join {\n display: inline-block;\n padding: 0.75rem 1rem;\n border-radius: 9999px;\n background: rgb(232, 28, 48);\n color: rgb(255, 255, 255);\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-weight: 500;\n text-decoration: none;\n }\n .${INJECTED_CLASS} .gb-login { font-size: 0.875rem; line-height: 1.4; }\n .${INJECTED_CLASS} a:focus-visible { outline: 0.1875rem solid rgb(0, 0, 0); outline-offset: 0.1875rem; }\n .${INJECTED_CLASS} a:hover { text-decoration: underline; }\n @media (min-width: 768px) {\n .${INJECTED_CLASS} { flex-direction: row; align-items: center; padding: 1.5rem; font-size: 1.125rem; }\n .${INJECTED_CLASS} h4 { font-size: 1.125rem; }\n .${INJECTED_CLASS} .gb-actions { flex-shrink: 0; }\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 // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n const state = getState();\n const existing = document.querySelector(`.${INJECTED_CLASS}`);\n if (!state) {\n if (window[wipeKey]) window[wipeKey].disconnect();\n if (existing) existing.remove();\n return false;\n }\n const updateHeading = (heading) => {\n const intro = heading.querySelector('.gb-intro');\n const count = heading.querySelector('.gb-count');\n const badge = heading.querySelector('.gb-best-buy');\n const introText = state.count === 1 ? 'There is ' : 'There are ';\n const countText = String(state.count);\n const badgeText = state.count === 1 ? 'Best Buy' : 'Best Buys';\n if (intro.textContent !== introText) intro.textContent = introText;\n if (count.textContent !== countText) count.textContent = countText;\n if (badge.textContent !== badgeText) badge.textContent = badgeText;\n };\n if (existing && existing.parentElement === state.target) {\n updateHeading(existing.querySelector('h4'));\n return true;\n }\n if (existing) existing.remove();\n if (window[wipeKey]) window[wipeKey].disconnect();\n const target = state.target;\n\n // Loop Prevention — increment only on a real injection attempt, never on unrelated mutations, or the budget gets burned before the target's state ever changes\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) {\n warn('Injection stopped after 10 attempts in this navigation cycle.');\n return true;\n }\n\n // Ensure styles are present\n injectStyles();\n\n const wrapper = document.createElement('aside');\n wrapper.className = INJECTED_CLASS;\n wrapper.setAttribute('aria-label', 'Unlock Best Buy recommendations');\n wrapper.innerHTML = `\n

in these results

Join Which? to unlock the Best Buys and test scores for the products below.

\n Join Which? to unlock\n \n

`;\n updateHeading(wrapper.querySelector('h4'));\n target.appendChild(wrapper);\n trackEvent('banner_impression', String(state.count));\n window._uxa = window._uxa || [];\n window._uxa.push(['trackPageEvent', `${CONFIG.experimentId}_banner_impression`]);\n\n // Auto-Healing / DOM Wipe Detector\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\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 window[wipeKey] = domWipeObserver;\n }\n return true;\n };\n\n // 5. Global Event Delegation\n const handleClick = (event) => {\n // Only bind to elements within our isolated injected class to prevent duplicates\n const link = event.target instanceof Element ? event.target.closest(`.${INJECTED_CLASS} a[data-gb-action]`) : null;\n if (link) {\n const count = link.closest(`.${INJECTED_CLASS}`).querySelector('.gb-count').textContent;\n trackEvent(link.dataset.gbAction === 'join' ? 'join_which' : 'log_in', count);\n }\n };\n document.body.addEventListener('click', handleClick);\n\n // 6. Primary Observer Init — off-page guarded so it only does work when the target is actually present\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return; // Prevents burning the counter on unrelated pages/routes\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n\n // Data-layer pushes can occur without a DOM mutation; do not replace GTM's push function.\n const pollKey = `__poll_${CONFIG.id}`;\n if (window[pollKey]) clearInterval(window[pollKey]);\n let previousLocation = window.location.href;\n window[pollKey] = setInterval(() => {\n if (window.location.href !== previousLocation) {\n previousLocation = window.location.href;\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n apply();\n }, 250);\n\n // 7. bfcache Resilience — Safari/iOS back-navigation can restore the page without re-running this script\n const handlePageShow = (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n }\n };\n window.addEventListener('pageshow', handlePageShow);\n window[cleanupKey] = () => {\n clearInterval(window[pollKey]);\n window[`__obs_${CONFIG.id}`].disconnect();\n if (window[wipeKey]) window[wipeKey].disconnect();\n document.body.removeEventListener('click', handleClick);\n window.removeEventListener('pageshow', handlePageShow);\n };\n\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/fridges"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"dbf3c01a-7687-4805-8561-20afa1dc54e9","name":"EXP 042 [Product Listings] Show Best Buy count in filtered listings page","phase":"0","coverage":1}]

Stay informed with Which?

in these results

in these results

Shopping, food & drink news

2026

8 winter products that will keep you warm – without skyrocketing your energy bill

Currys Black Friday sale 2026: best deals live now

John Lewis Black Friday sale 2026: best deals live now

Best Black Friday dehumidifier deals 2026

Black Friday bargains for less than £30 that passed our tests

Best Black Friday Dyson deals 2026

Best Christmas gifts 2026

Amazon Black Friday sale 2026: best deals live now

Best Lego deals 2026

Boring things to stock up on over Black Friday

Best Black Friday deals for 2026

Here's why you don't need to spend £120 on a hot chocolate maker

12 things we loved this Black Friday

I bought a £16 dog paw cleaner on Amazon: can it finally stop muddy floors?

Should you have an emergency kit? Here's what you need to pack

It's time to finally stop unsafe products being sold online

18 cheap buys for less than £35 that have made our experts' lives easier

Waking up in winter: 8 essentials that help Which? experts tackle cold, dark mornings

Stop buying £5 umbrellas: why a £20 Which? Best Buy could actually save you cash

Squishy advent calendars have sold out – here are the alternatives trending on social media