[{"key":"exp-019-advice-hide-the-product-carousel-for-nonmembers","changeId":"23419a574aeef84010015df90a2f5f0ff7013d3cc0bfd6891ed145a67e844fbd","status":"stopped","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"","domMutations":[{"selector":"[class*='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]},{"css":"","js":"","domMutations":[{"selector":"[class^='GridItemArticle_footer']","action":"set","attribute":"style","value":"display: none"},{"selector":".sharing-options-vertical","action":"set","attribute":"style","value":"display: none"},{"selector":".sidebar .associated-articles:nth-of-type(2)","action":"set","attribute":"style","value":"display: none"},{"selector":"[data-testid=\"hide-on-article-scroll\"]","action":"set","attribute":"style","value":"display: none"}]}],"hashVersion":2,"hashAttribute":"","urlPatterns":[{"include":true,"type":"regex","pattern":"^https:\\/\\/www\\.which\\.co\\.uk\\/(?!.*new-and-used-cars)(?:reviews\\/[^\\/]+\\/article\\/[^\\/?#]*).*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"No carousels or social"},{"key":"2","name":"V1 + No Related articles"}],"seed":"8ab70c3b-704b-4348-b5d5-987c9789535d","name":"EXP 019 [Advice] Hide the product carousel & other noise","phase":"0","force":2,"coverage":1},{"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-013-offers-page-switch-6-packages-3-offers-page-plus-2-orders-adjusted-loading-spinner","changeId":"4c9cdef602a3d27f4fcc7fc27c6be4e50cf4bf28b2ee6ee338f25be0daf5da7e","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // ---------------------------------------------------------------------------\n // Configuration\n // ---------------------------------------------------------------------------\n const CONFIG = {\n experimentId: 'ACQ-013',\n id: 'ACQ-013',\n selectors: {\n offersSection: '#offers',\n productName: '[class*=\"OfferTile_productName\"]',\n radioInputs: '[class*=\"OfferTile_optionSelectionRadio\"]',\n subscribeBtn: '[class*=\"OfferTile_buttonContainer\"] button',\n },\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // ---------------------------------------------------------------------------\n // 1. SPA-Proof Execution Guard\n // ---------------------------------------------------------------------------\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n // Reset injection counter — a fresh navigation cycle should start from 0.\n // Without this, the counter accumulates across SPA navigations and can\n // hit the 10-injection cap, permanently blocking re-injection.\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // ---------------------------------------------------------------------------\n // 2. Package data\n // ---------------------------------------------------------------------------\n const CHECK_SVG = ``;\n\n const feat = (html) => `

${CHECK_SVG}

${html}

`;\n\n const DIGITAL_FEATURES = [\n feat('All product reviews'),\n feat('The Which? app'),\n feat('Ask Which? personalised buying advice'),\n feat('Digital Which? magazine 11 digital editions a year'),\n ].join('');\n\n const FULL_ACCESS_FEATURES =\n DIGITAL_FEATURES +\n feat('Which? magazine posted 11 times a year, including the Dec/Jan bumper issue');\n\n const MAG_FEATURES = feat(\n 'Which? magazine posted 11 times a year, including the Dec/Jan bumper issue'\n );\n\n // Each package maps to an original DOM tile (tileKey) and a period (annual/monthly)\n // so the CTA can select the right radio and trigger the native subscribe button.\n const MAIN_PACKAGES = [\n {\n label: 'Digital - Monthly',\n tileKey: 'Digital',\n period: 'monthly',\n pricingHtml: `\n

£5.00 / mo for 3 months

\n \n

Renews at £9.99 a month thereafter

`,\n features: DIGITAL_FEATURES,\n },\n {\n label: 'Digital - Annual',\n tileKey: 'Digital',\n period: 'annual',\n pricingHtml: `\n

£89 / year

Equivalent to £7.42 a month

`,\n features: DIGITAL_FEATURES,\n },\n {\n label: 'Full Access - Annual',\n tileKey: 'Full Access',\n period: 'annual',\n pricingHtml: `\n

£109 / year

Equivalent to £9.08 a month

`,\n features: FULL_ACCESS_FEATURES,\n },\n ];\n\n const HIDDEN_PACKAGES = [\n {\n label: 'Full Access - Monthly',\n tileKey: 'Full Access',\n period: 'monthly',\n pricingHtml: `

£11.99 / month

`,\n features: FULL_ACCESS_FEATURES,\n },\n {\n label: 'Which? Magazine - Monthly',\n tileKey: 'Which? Magazine',\n period: 'monthly',\n pricingHtml: `

£9.99 / month

`,\n features: MAG_FEATURES,\n },\n {\n label: 'Which? Magazine - Annual',\n tileKey: 'Which? Magazine',\n period: 'annual',\n pricingHtml: `\n

£79 / year

Equivalent to £6.58 a month

`,\n features: MAG_FEATURES,\n },\n ];\n\n // ---------------------------------------------------------------------------\n // 3. HTML builder\n // ---------------------------------------------------------------------------\n const buildTile = ({ label, badge, tileKey, period, pricingHtml, features }) => `\n

\n ${badge ? `

${badge}

` : ''}\n

${label}

\n ${features}\n

${pricingHtml}

\n \n

Cancel any time and we'll take no more payments

`;\n\n // ---------------------------------------------------------------------------\n // 4. Styles\n // ---------------------------------------------------------------------------\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n .${INJECTED_CLASS} {\n width: 100%;\n margin-top: 40px;\n box-sizing: border-box;\n font-family: National2-Regular,Helvetica,Arial,sans-serif;\n }\n\n .gb-acq013-grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3rem;\n margin: var(--sb-spacing-xl) var(--sb-spacing-s) 0;\n }\n @media (min-width: 768px) {\n .gb-acq013-grid { \n flex-wrap: wrap;\n justify-content: center;\n flex-direction: row; \n align-items: stretch;\n }\n }\n\n .gb-acq013-tile {\n position: relative;\n background: #fff;\n border: var(--sb-border-width-xs, 1px) solid var(--sb-border-color-muted, #cccccc);\n border-radius: 8px;\n padding: 28px 20px 20px;\n display: flex;\n flex-direction: column;\n width: min(25rem, 100%);\n gap: var(--sb-spacing-m, 16px);\n box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n }\n\n .gb-acq013-badge {\n align-items: center;\n background-color: #9AD7F2;\n color: var(--sb-color-text-white, #ffffff);\n display: flex;\n font-size: 14px;\n font-weight: 700;\n height: 30px;\n justify-content: center;\n left: 50%;\n padding: var(--sb-border-width-s, 2px) var(--sb-spacing-xs, 4px);\n position: absolute;\n text-transform: uppercase;\n top: -15px;\n transform: translateX(-50%);\n width: 96px;\n font-family: inherit;\n }\n\n .gb-acq013-features-wrap { flex: 1; }\n\n .gb-acq013-name {\n font-size: 1.37rem;\n font-weight: 700;\n margin: 0 0 14px;\n color: #1a1a1a;\n font-family: National2-Bold,Arial,Helvetica,sans-serif;\n }\n\n .gb-acq013-feature {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n }\n .gb-acq013-feature svg { flex-shrink: 0; margin-top: 2px; }\n .gb-acq013-feature p { margin: 0; font-size: 1.125rem; line-height: 1.4; font-family: National2-Regular,Helvetica,Arial,sans-serif; }\n .gb-acq013-feature a { color: #0050b3; text-decoration: underline; }\n\n .gb-acq013-pricing {\n border-top: var(--sb-border-width-xs, 1px) solid var(--sb-border-color-muted, #cccccc);\n padding-top: 14px;\n }\n\n .gb-acq013-price {\n font-size: 22px;\n font-weight: 700;\n margin: 0 0 4px;\n color: #1a1a1a;\n font-family: inherit;\n }\n .gb-acq013-price--promo { color: var(--sb-colour-text-brand, #e81c30); }\n .gb-acq013-price--promo .gb-acq013-period { color: #1a1a1a !important; }\n .gb-acq013-period { font-size: 16px; font-weight: 400; color: #1a1a1a !important; }\n @media (min-width: 768px) {\n .gb-acq013-period { font-size: 1.125rem; }\n }\n\n .gb-acq013-intro-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n position: relative;\n padding-right: 120px;\n }\n .gb-acq013-intro-row .gb-acq013-price { display: flex; align-items: center; gap: 0; }\n .gb-acq013-intro-row .gb-acq013-period { margin-left: 4px; }\n .gb-acq013-promo-flag {\n background: #9AD7F2;\n padding: 0.2em 0.5em 0.2em 0.9em;\n font-weight: 700;\n font-size: 0.85rem;\n display: inline-flex;\n align-items: center;\n clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 10px 100%, 0% 50%);\n white-space: nowrap;\n font-family: inherit;\n min-height: 2em;\n position: absolute;\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n }\n .gb-acq013-price-note {\n font-size: 14px;\n color: var(--sb-colour-text-muted, #676767);\n margin: 0;\n font-family: inherit;\n display: none;\n }\n .gb-acq013-renew {\n font-size: 1rem;\n color: #171717;\n margin: 4px 0 0;\n font-family: inherit;\n }\n .gb-acq013-equiv {\n font-size: 1rem;\n color: var(--sb-colour-text-brand, #e81c30);\n margin: 4px 0 0;\n font-family: inherit;\n }\n\n .gb-acq013-cta-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n .gb-acq013-btn {\n position: relative;\n width: 100%;\n background: var(--sb-colour-background-brand-red, #e81c30);\n color: var(--sb-color-text-white, #ffffff);\n border: none;\n border-radius: 50px;\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 500;\n cursor: pointer;\n font-family: National2-Medium,Helvetica,Arial,sans-serif;\n transition: background 0.2s;\n }\n @media (min-width: 768px) {\n .gb-acq013-btn {\n font-size: 1.125rem;\n line-height: 140%;\n }\n }\n .gb-acq013-btn:hover { background: #80030b; }\n .gb-acq013-btn--loading {\n pointer-events: none;\n cursor: default;\n }\n .gb-acq013-btn--loading .gb-acq013-btn-text { opacity: 0; }\n .gb-acq013-btn--loading::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 18px;\n height: 18px;\n margin: -9px 0 0 -9px;\n border: 2px solid rgba(255,255,255,0.35);\n border-top-color: #fff;\n border-radius: 50%;\n animation: gb-acq013-spin 0.65s linear infinite;\n }\n @keyframes gb-acq013-spin { to { transform: rotate(360deg); } }\n .gb-acq013-cancel {\n font-size: 0.875rem;\n color: var(--sb-colour-text-muted, #676767);\n margin: 0;\n text-align: center;\n font-family: National2-Regular,Arial,Helvetica,sans-serif;\n }\n\n /* Toggle section */\n .gb-acq013-toggle-section { width: 100%; margin-top: 24px; margin-bottom: var(--sb-spacing-2xl, 3rem); padding: 0 var(--sb-spacing-s); box-sizing: border-box; }\n\n .gb-acq013-toggle-btn {\n background: none;\n border: none;\n color: #1a1a1a;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: National2-Regular,Arial,Helvetica,sans-serif;\n }\n .gb-acq013-toggle-text { text-decoration: underline; }\n\n .gb-acq013-chevron {\n display: inline-block;\n transition: transform 0.25s ease;\n font-style: normal;\n line-height: 1;\n }\n .gb-acq013-chevron--up { transform: rotate(180deg); }\n\n .gb-acq013-hidden-tiles { margin-top: 20px; }\n .gb-acq013-hidden-tiles[hidden] { display: none; }\n `;\n document.head.appendChild(style);\n };\n\n // ---------------------------------------------------------------------------\n // 5. Tracking\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 // 6. Native subscribe trigger\n // Finds the original (hidden) tile by product name, selects the right\n // radio, then clicks the native subscribe button.\n // ---------------------------------------------------------------------------\n const triggerSubscribe = (tileKey, period, customBtn) => {\n const nameEls = document.querySelectorAll(CONFIG.selectors.productName);\n let originalTile = null;\n for (const el of nameEls) {\n if (el.textContent.trim() === tileKey) {\n originalTile = el.closest('[class*=\"OfferTile_container\"]');\n break;\n }\n }\n if (!originalTile) return;\n\n const radios = originalTile.querySelectorAll(CONFIG.selectors.radioInputs);\n // Radio order in DOM: index 0 = annual, index 1 = monthly\n const targetRadio = period === 'monthly' ? radios[1] : radios[0];\n if (targetRadio && !targetRadio.checked) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n\n // Defer button click by one tick to allow React to process the radio change\n const btn = originalTile.querySelector(CONFIG.selectors.subscribeBtn);\n if (btn) {\n if (customBtn) customBtn.classList.add('gb-acq013-btn--loading');\n setTimeout(() => btn.click(), 50);\n }\n };\n\n // ---------------------------------------------------------------------------\n // 7. Core injection\n // ---------------------------------------------------------------------------\n const apply = () => {\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 offersSection = document.querySelector(CONFIG.selectors.offersSection);\n if (!offersSection || document.querySelector(`.${INJECTED_CLASS}`)) return false;\n\n injectStyles();\n\n // Hide the original section visually while keeping it in the DOM so\n // programmatic .click() calls on its radios and buttons still work.\n offersSection.style.cssText =\n 'position:absolute;opacity:0;pointer-events:none;height:0;overflow:hidden;';\n\n const mainHtml = MAIN_PACKAGES.map(buildTile).join('');\n const hiddenHtml = HIDDEN_PACKAGES.map(buildTile).join('');\n\n const wrapper = document.createElement('div');\n wrapper.className = INJECTED_CLASS;\n wrapper.innerHTML = `\n

\n ${mainHtml}\n

\n \n \n

`;\n\n offersSection.insertAdjacentElement('afterend', wrapper);\n\n // Toggle expand/collapse\n const toggleBtn = wrapper.querySelector('.gb-acq013-toggle-btn');\n const hiddenTilesEl = wrapper.querySelector('.gb-acq013-hidden-tiles');\n const toggleText = wrapper.querySelector('.gb-acq013-toggle-text');\n const chevron = wrapper.querySelector('.gb-acq013-chevron');\n\n toggleBtn.addEventListener('click', () => {\n const isExpanded = toggleBtn.getAttribute('aria-expanded') === 'true';\n if (isExpanded) {\n hiddenTilesEl.setAttribute('hidden', '');\n toggleBtn.setAttribute('aria-expanded', 'false');\n toggleText.textContent = 'See 3 other membership options';\n chevron.classList.remove('gb-acq013-chevron--up');\n trackEvent('see_other_options_close', 'offers_page');\n } else {\n hiddenTilesEl.removeAttribute('hidden');\n toggleBtn.setAttribute('aria-expanded', 'true');\n toggleText.textContent = 'See fewer membership options';\n chevron.classList.add('gb-acq013-chevron--up');\n trackEvent('see_other_options_open', 'offers_page');\n }\n });\n\n // Subscribe CTA delegation — scoped to injected wrapper\n wrapper.addEventListener('click', (e) => {\n const btn = e.target.closest('.gb-acq013-btn');\n if (!btn) return;\n const tile = btn.closest('.gb-acq013-tile');\n const tileKey = tile.dataset.tileKey;\n const period = tile.dataset.period;\n trackEvent(`subscribe_click_${tileKey.replace(/\\s+/g, '_').toLowerCase()}_${period}`, 'offers_page');\n triggerSubscribe(tileKey, period, btn);\n });\n\n trackEvent('experiment_loaded', 'offers_page');\n\n // Auto-Healing: re-awaken primary observer if SPA wipes the injected UI\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === wrapper ||\n (removedNode.nodeType === 1 && removedNode.contains(wrapper))\n ) {\n domWipeObserver.disconnect();\n // Reset counter so the re-injection attempt isn't blocked\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 // ---------------------------------------------------------------------------\n // 8. Primary Observer Init\n // ---------------------------------------------------------------------------\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n // Only attempt injection when we're actually on a page that has the offers\n // section. Without this guard, re-awakening the observer after a DOM wipe\n // causes apply() to fire on every mutation on the checkout page, rapidly\n // exhausting the injection counter and permanently blocking re-injection.\n if (!document.querySelector(CONFIG.selectors.offersSection)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 9. bfcache restore handler\n // When the user navigates back from /checkout via the browser back button,\n // modern browsers (especially Safari) restore the page from the Back-Forward\n // Cache. No load/DOMContentLoaded fires — only 'pageshow' with persisted=true.\n // If the injected UI is gone we reset all flags and re-run injection.\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (!event.persisted) return;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n\n // Reset guards so apply() can run cleanly\n window[`__run_${CONFIG.id}`] = false;\n window[`__inject_count_${CONFIG.id}`] = 0;\n\n // Restore offers section visibility in case it was hidden by a previous injection\n const offersSection = document.querySelector(CONFIG.selectors.offersSection);\n if (offersSection) offersSection.style.cssText = '';\n\n // Re-attach primary observer and trigger injection\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\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})();\n","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // ---------------------------------------------------------------------------\n // Configuration\n // ---------------------------------------------------------------------------\n const CONFIG = {\n experimentId: 'ACQ-013',\n id: 'ACQ-013',\n selectors: {\n offersSection: '#offers',\n productName: '[class*=\"OfferTile_productName\"]',\n radioInputs: '[class*=\"OfferTile_optionSelectionRadio\"]',\n subscribeBtn: '[class*=\"OfferTile_buttonContainer\"] button',\n },\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // ---------------------------------------------------------------------------\n // 1. SPA-Proof Execution Guard\n // ---------------------------------------------------------------------------\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n // Reset injection counter — a fresh navigation cycle should start from 0.\n // Without this, the counter accumulates across SPA navigations and can\n // hit the 10-injection cap, permanently blocking re-injection.\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // ---------------------------------------------------------------------------\n // 2. Package data\n // ---------------------------------------------------------------------------\n const CHECK_SVG = ``;\n\n const feat = (html) => `

${CHECK_SVG}

${html}

`;\n\n const DIGITAL_FEATURES = [\n feat('All product reviews'),\n feat('The Which? app'),\n feat('Ask Which? personalised buying advice'),\n feat('Digital Which? magazine 11 digital editions a year'),\n ].join('');\n\n const FULL_ACCESS_FEATURES =\n DIGITAL_FEATURES +\n feat('Which? magazine posted 11 times a year, including the Dec/Jan bumper issue');\n\n const MAG_FEATURES = feat(\n 'Which? magazine posted 11 times a year, including the Dec/Jan bumper issue'\n );\n\n // Each package maps to an original DOM tile (tileKey) and a period (annual/monthly)\n // so the CTA can select the right radio and trigger the native subscribe button.\n const MAIN_PACKAGES = [\n {\n label: 'Full Access - Annual',\n tileKey: 'Full Access',\n period: 'annual',\n pricingHtml: `\n

£109 / year

Equivalent to £9.08 a month

`,\n features: FULL_ACCESS_FEATURES,\n },\n {\n label: 'Digital - Annual',\n tileKey: 'Digital',\n period: 'annual',\n pricingHtml: `\n

£89 / year

Equivalent to £7.42 a month

`,\n features: DIGITAL_FEATURES,\n },\n {\n label: 'Digital - Monthly',\n tileKey: 'Digital',\n period: 'monthly',\n pricingHtml: `\n

£5.00 / mo for 3 months

\n \n

Renews at £9.99 a month thereafter

`,\n features: DIGITAL_FEATURES,\n },\n ];\n\n const HIDDEN_PACKAGES = [\n {\n label: 'Full Access - Monthly',\n tileKey: 'Full Access',\n period: 'monthly',\n pricingHtml: `

£11.99 / month

`,\n features: FULL_ACCESS_FEATURES,\n },\n {\n label: 'Which? Magazine - Monthly',\n tileKey: 'Which? Magazine',\n period: 'monthly',\n pricingHtml: `

£9.99 / month

`,\n features: MAG_FEATURES,\n },\n {\n label: 'Which? Magazine - Annual',\n tileKey: 'Which? Magazine',\n period: 'annual',\n pricingHtml: `\n

£79 / year

Equivalent to £6.58 a month

\n ${badge ? `

${badge}

` : ''}\n

${label}

\n ${features}\n

${pricingHtml}

\n \n

Cancel any time and we'll take no more payments

`;\n\n // ---------------------------------------------------------------------------\n // 4. Styles\n // ---------------------------------------------------------------------------\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n .${INJECTED_CLASS} {\n width: 100%;\n margin-top: 40px;\n box-sizing: border-box;\n font-family: National2-Regular,Helvetica,Arial,sans-serif;\n }\n\n .gb-acq013-grid {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3rem;\n margin: var(--sb-spacing-xl) var(--sb-spacing-s) 0;\n }\n @media (min-width: 768px) {\n .gb-acq013-grid { \n flex-wrap: wrap;\n justify-content: center;\n flex-direction: row; \n align-items: stretch;\n }\n }\n\n .gb-acq013-tile {\n position: relative;\n background: #fff;\n border: var(--sb-border-width-xs, 1px) solid var(--sb-border-color-muted, #cccccc);\n border-radius: 8px;\n padding: 28px 20px 20px;\n display: flex;\n flex-direction: column;\n width: min(25rem, 100%);\n gap: var(--sb-spacing-m, 16px);\n box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n }\n\n .gb-acq013-badge {\n align-items: center;\n background-color: #9AD7F2;\n color: var(--sb-color-text-white, #ffffff);\n display: flex;\n font-size: 14px;\n font-weight: 700;\n height: 30px;\n justify-content: center;\n left: 50%;\n padding: var(--sb-border-width-s, 2px) var(--sb-spacing-xs, 4px);\n position: absolute;\n text-transform: uppercase;\n top: -15px;\n transform: translateX(-50%);\n width: 96px;\n font-family: inherit;\n }\n\n .gb-acq013-features-wrap { flex: 1; }\n\n .gb-acq013-name {\n font-size: 1.37rem;\n font-weight: 700;\n margin: 0 0 14px;\n color: #1a1a1a;\n font-family: National2-Bold,Arial,Helvetica,sans-serif;\n }\n\n .gb-acq013-feature {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n }\n .gb-acq013-feature svg { flex-shrink: 0; margin-top: 2px; }\n .gb-acq013-feature p { margin: 0; font-size: 1.125rem; line-height: 1.4; font-family: National2-Regular,Helvetica,Arial,sans-serif; }\n .gb-acq013-feature a { color: #0050b3; text-decoration: underline; }\n\n .gb-acq013-pricing {\n border-top: var(--sb-border-width-xs, 1px) solid var(--sb-border-color-muted, #cccccc);\n padding-top: 14px;\n }\n\n .gb-acq013-price {\n font-size: 22px;\n font-weight: 700;\n margin: 0 0 4px;\n color: #1a1a1a;\n font-family: inherit;\n }\n .gb-acq013-price--promo { color: var(--sb-colour-text-brand, #e81c30); }\n .gb-acq013-price--promo .gb-acq013-period { color: #1a1a1a !important; }\n .gb-acq013-period { font-size: 16px; font-weight: 400; color: #1a1a1a !important; }\n @media (min-width: 768px) {\n .gb-acq013-period { font-size: 1.125rem; }\n }\n\n .gb-acq013-intro-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n position: relative;\n padding-right: 120px;\n }\n .gb-acq013-intro-row .gb-acq013-price { display: flex; align-items: center; gap: 0; }\n .gb-acq013-intro-row .gb-acq013-period { margin-left: 4px; }\n .gb-acq013-promo-flag {\n background: #9AD7F2;\n padding: 0.2em 0.5em 0.2em 0.9em;\n font-weight: 700;\n font-size: 0.85rem;\n display: inline-flex;\n align-items: center;\n clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 10px 100%, 0% 50%);\n white-space: nowrap;\n font-family: inherit;\n min-height: 2em;\n position: absolute;\n right: -5px;\n top: 50%;\n transform: translateY(-50%);\n }\n .gb-acq013-price-note {\n font-size: 14px;\n color: var(--sb-colour-text-muted, #676767);\n margin: 0;\n font-family: inherit;\n }\n .gb-acq013-renew {\n font-size: 1rem;\n color: #171717;\n margin: 4px 0 0;\n font-family: inherit;\n }\n .gb-acq013-equiv {\n font-size: 1rem;\n color: var(--sb-colour-text-brand, #e81c30);\n margin: 4px 0 0;\n font-family: inherit;\n }\n\n .gb-acq013-cta-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n }\n .gb-acq013-btn {\n position: relative;\n width: 100%;\n background: var(--sb-colour-background-brand-red, #e81c30);\n color: var(--sb-color-text-white, #ffffff);\n border: none;\n border-radius: 50px;\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 500;\n cursor: pointer;\n font-family: National2-Medium,Helvetica,Arial,sans-serif;\n transition: background 0.2s;\n }\n @media (min-width: 768px) {\n .gb-acq013-btn {\n font-size: 1.125rem;\n line-height: 140%;\n }\n }\n .gb-acq013-btn:hover { background: #80030b; }\n .gb-acq013-btn--loading {\n pointer-events: none;\n cursor: default;\n }\n .gb-acq013-btn--loading .gb-acq013-btn-text { opacity: 0; }\n .gb-acq013-btn--loading::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 18px;\n height: 18px;\n margin: -9px 0 0 -9px;\n border: 2px solid rgba(255,255,255,0.35);\n border-top-color: #fff;\n border-radius: 50%;\n animation: gb-acq013-spin 0.65s linear infinite;\n }\n @keyframes gb-acq013-spin { to { transform: rotate(360deg); } }\n .gb-acq013-cancel {\n font-size: 0.875rem;\n color: var(--sb-colour-text-muted, #676767);\n margin: 0;\n text-align: center;\n font-family: National2-Regular,Arial,Helvetica,sans-serif;\n }\n\n /* Toggle section */\n .gb-acq013-toggle-section { width: 100%; margin-top: 24px; margin-bottom: var(--sb-spacing-2xl, 3rem); padding: 0 var(--sb-spacing-s); box-sizing: border-box; }\n\n .gb-acq013-toggle-btn {\n background: none;\n border: none;\n color: #1a1a1a;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n text-decoration: none;\n padding: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: National2-Regular,Arial,Helvetica,sans-serif;\n }\n .gb-acq013-toggle-text { text-decoration: underline; }\n\n .gb-acq013-chevron {\n display: inline-block;\n transition: transform 0.25s ease;\n font-style: normal;\n line-height: 1;\n }\n .gb-acq013-chevron--up { transform: rotate(180deg); }\n\n .gb-acq013-hidden-tiles { margin-top: 20px; }\n .gb-acq013-hidden-tiles[hidden] { display: none; }\n `;\n document.head.appendChild(style);\n };\n\n // ---------------------------------------------------------------------------\n // 5. Tracking\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 // 6. Native subscribe trigger\n // Finds the original (hidden) tile by product name, selects the right\n // radio, then clicks the native subscribe button.\n // ---------------------------------------------------------------------------\n const triggerSubscribe = (tileKey, period, customBtn) => {\n const nameEls = document.querySelectorAll(CONFIG.selectors.productName);\n let originalTile = null;\n for (const el of nameEls) {\n if (el.textContent.trim() === tileKey) {\n originalTile = el.closest('[class*=\"OfferTile_container\"]');\n break;\n }\n }\n if (!originalTile) return;\n\n const radios = originalTile.querySelectorAll(CONFIG.selectors.radioInputs);\n // Radio order in DOM: index 0 = annual, index 1 = monthly\n const targetRadio = period === 'monthly' ? radios[1] : radios[0];\n if (targetRadio && !targetRadio.checked) {\n targetRadio.click();\n targetRadio.dispatchEvent(new Event('change', { bubbles: true }));\n }\n\n // Defer button click by one tick to allow React to process the radio change\n const btn = originalTile.querySelector(CONFIG.selectors.subscribeBtn);\n if (btn) {\n if (customBtn) customBtn.classList.add('gb-acq013-btn--loading');\n setTimeout(() => btn.click(), 50);\n }\n };\n\n // ---------------------------------------------------------------------------\n // 7. Core injection\n // ---------------------------------------------------------------------------\n const apply = () => {\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 offersSection = document.querySelector(CONFIG.selectors.offersSection);\n if (!offersSection || document.querySelector(`.${INJECTED_CLASS}`)) return false;\n\n injectStyles();\n\n // Hide the original section visually while keeping it in the DOM so\n // programmatic .click() calls on its radios and buttons still work.\n offersSection.style.cssText =\n 'position:absolute;opacity:0;pointer-events:none;height:0;overflow:hidden;';\n\n const mainHtml = MAIN_PACKAGES.map(buildTile).join('');\n const hiddenHtml = HIDDEN_PACKAGES.map(buildTile).join('');\n\n const wrapper = document.createElement('div');\n wrapper.className = INJECTED_CLASS;\n wrapper.innerHTML = `\n

\n ${mainHtml}\n

\n \n \n

`;\n\n offersSection.insertAdjacentElement('afterend', wrapper);\n\n // Toggle expand/collapse\n const toggleBtn = wrapper.querySelector('.gb-acq013-toggle-btn');\n const hiddenTilesEl = wrapper.querySelector('.gb-acq013-hidden-tiles');\n const toggleText = wrapper.querySelector('.gb-acq013-toggle-text');\n const chevron = wrapper.querySelector('.gb-acq013-chevron');\n\n toggleBtn.addEventListener('click', () => {\n const isExpanded = toggleBtn.getAttribute('aria-expanded') === 'true';\n if (isExpanded) {\n hiddenTilesEl.setAttribute('hidden', '');\n toggleBtn.setAttribute('aria-expanded', 'false');\n toggleText.textContent = 'See 3 other membership options';\n chevron.classList.remove('gb-acq013-chevron--up');\n trackEvent('see_other_options_close', 'offers_page');\n } else {\n hiddenTilesEl.removeAttribute('hidden');\n toggleBtn.setAttribute('aria-expanded', 'true');\n toggleText.textContent = 'See fewer membership options';\n chevron.classList.add('gb-acq013-chevron--up');\n trackEvent('see_other_options_open', 'offers_page');\n }\n });\n\n // Subscribe CTA delegation — scoped to injected wrapper\n wrapper.addEventListener('click', (e) => {\n const btn = e.target.closest('.gb-acq013-btn');\n if (!btn) return;\n const tile = btn.closest('.gb-acq013-tile');\n const tileKey = tile.dataset.tileKey;\n const period = tile.dataset.period;\n trackEvent(`subscribe_click_${tileKey.replace(/\\s+/g, '_').toLowerCase()}_${period}`, 'offers_page');\n triggerSubscribe(tileKey, period, btn);\n });\n\n trackEvent('experiment_loaded', 'offers_page');\n\n // Auto-Healing: re-awaken primary observer if SPA wipes the injected UI\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === wrapper ||\n (removedNode.nodeType === 1 && removedNode.contains(wrapper))\n ) {\n domWipeObserver.disconnect();\n // Reset counter so the re-injection attempt isn't blocked\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 // ---------------------------------------------------------------------------\n // 8. Primary Observer Init\n // ---------------------------------------------------------------------------\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n // Only attempt injection when we're actually on a page that has the offers\n // section. Without this guard, re-awakening the observer after a DOM wipe\n // causes apply() to fire on every mutation on the checkout page, rapidly\n // exhausting the injection counter and permanently blocking re-injection.\n if (!document.querySelector(CONFIG.selectors.offersSection)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 9. bfcache restore handler\n // When the user navigates back from /checkout via the browser back button,\n // modern browsers (especially Safari) restore the page from the Back-Forward\n // Cache. No load/DOMContentLoaded fires — only 'pageshow' with persisted=true.\n // If the injected UI is gone we reset all flags and re-run injection.\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (!event.persisted) return;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n\n // Reset guards so apply() can run cleanly\n window[`__run_${CONFIG.id}`] = false;\n window[`__inject_count_${CONFIG.id}`] = 0;\n\n // Restore offers section visibility in case it was hidden by a previous injection\n const offersSection = document.querySelector(CONFIG.selectors.offersSection);\n if (offersSection) offersSection.style.cssText = '';\n\n // Re-attach primary observer and trigger injection\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\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})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-monthly-5pounds3months-8.26"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"V1 - Digital first"},{"key":"2","name":"V2 - Full access first"}],"seed":"0dd749ec-d38e-406a-9c79-9a3b979a46d4","name":"ACQ 013 [Offers Page] Switch from 6 packages to 3 on the offers page plus 2 orders (Adjusted loading spinner)","phase":"0","coverage":1}]

Stay informed with Which?

Heating & energy news

2026

I'm a Which? air con expert - here are 5 things I would never do

Heating oil customers to get compensation after price rises

Electricity bills to fall £45 this autumn thanks to VAT cut

Using air-to-air heat pumps for air conditioning

New £9,000 heat pump grant for heating oil homes

5 reasons why homeowners aren't buying heat pumps (and it’s not just cost)

6 things I'd never do as an energy expert

Should you buy an air conditioner or an electric fan this summer?

Save money with these summer boiler jobs

Could solar panels save you £500 a year?

I'm an energy expert: Here's how you can beat the soaring price cap

5 mistakes you might be making with your fan

Ovo to be bought by E.On: what this means for Ovo customers

How do plug-in solar panels work? Rooftop vs. 'plug-in' solar compared

Plug-in solar panels to be made legal for UK homes

Heating oil prices spike amid Middle East conflict: here's what you can do

Smart Export Guarantee rates: the best SEG tariffs for solar panel owners

There's a new way to get free electricity: here's how to opt in

What the Middle East conflict means for your energy bills

Energy bills drop for all customers despite rising global prices