[{"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: 'p, h1, h2, h3, h4, h5, h6, [role=\"heading\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: '[data-testid=\"icon-lock\"]'\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} [data-testid^=\"payment-method-\"] > div:not([role=\"button\"]),\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid^=\"payment-method-\"] > div:not([role=\"button\"]) > div {\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 title.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'choose payment method' &&\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 sourceIcon = Array.from(document.querySelectorAll(CONFIG.selectors.securityMessage)).find(element =>\n !element.closest(`.${INJECTED_CLASS}-security-message`) &&\n /TLS\\s+encryption/i.test(element.parentElement?.querySelector('p')?.textContent || '')\n );\n const sourceItems = sourceIcon?.parentElement;\n const source = sourceItems?.parentElement;\n const completePaymentButton = Array.from(target.querySelectorAll('button')).find(button =>\n button.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'complete payment'\n );\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,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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})();\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: 'p, h1, h2, h3, h4, h5, h6, [role=\"heading\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: '[data-testid=\"icon-lock\"]'\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} [data-testid^=\"payment-method-\"] > div:not([role=\"button\"]),\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} [data-testid^=\"payment-method-\"] > div:not([role=\"button\"]) > div {\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 title.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'choose payment method' &&\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 sourceIcon = Array.from(document.querySelectorAll(CONFIG.selectors.securityMessage)).find(element =>\n !element.closest(`.${INJECTED_CLASS}-security-message`) &&\n /TLS\\s+encryption/i.test(element.parentElement?.querySelector('p')?.textContent || '')\n );\n const sourceItems = sourceIcon?.parentElement;\n const source = sourceItems?.parentElement;\n const completePaymentButton = Array.from(target.querySelectorAll('button')).find(button =>\n button.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'complete payment'\n );\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":"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},{"key":"acq-020-offers-page-payment-options-payment-form-changes-desktop-improvements-iteration","changeId":"58fcec582c1e08dcd261336a0c0885114f484a7c765a52c09147b6ac6cb67e3f","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-020',\n id: 'ACQ-020',\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})();\n(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'ACQ-020',\n id: 'ACQ-020',\n selectors: {\n target: '[data-testid=\"payment-selector\"]',\n title: '[data-testid=\"typography-sb-text-heading-medium\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: 'main div:has(> div > [data-testid=\"icon-lock\"])'\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*=\"_body\"] {\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 title.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'choose payment method' &&\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('[data-testid=\"icon-lock\"]')?.parentElement;\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-020',\n id: 'ACQ-020',\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 offerTiles.insertAdjacentElement('beforebegin', 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-020',\n id: 'ACQ-020',\n selectors: {\n target: '[data-testid=\"payment-selector\"]',\n title: '[data-testid=\"typography-sb-text-heading-medium\"]',\n paymentMethodRadio: 'input[name=\"payment-method\"][role=\"radio\"]',\n securityMessage: 'main div:has(> div > [data-testid=\"icon-lock\"])'\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: #ECF3FD;\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: #ECF3FD;\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*=\"_body\"] {\n background-color: #ECF3FD;\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: 470px;\n padding: 24px 24px 0;\n }\n\n [data-testid=\"payment-selector\"].${INJECTED_CLASS} {\n max-width: 470px;\n padding: 0 24px 24px;\n }\n }\n\n @media (min-width: 1024px) {\n main > section[class*=\"_content\"] {\n width: calc(100% + 40px);\n }\n\n main > section[class*=\"_featuresPanelDesktop\"] {\n width: calc(100% - 32px);\n }\n\n main > section[class*=\"_featuresPanelDesktop\"] div:has(> div > [data-testid=\"icon-lock\"]) {\n display: none !important;\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 title.textContent.replace(/\\s+/g, ' ').trim().toLowerCase() === 'choose payment method' &&\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('[data-testid=\"icon-lock\"]')?.parentElement;\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":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"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/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/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 - Previous winner"},{"key":"2","name":"V2 - Logos moved up"},{"key":"3","name":"V3 - Payment form blue background"}],"seed":"a10b4688-3697-4bb9-896d-dc65087948da","name":"ACQ 020 [Offers Page] Payment options & payment form changes - desktop improvements iteration","phase":"0","coverage":1}]

Stay informed with Which?

in these results

Utilities

Energy bills and companies

Generating your own energy