[{"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":"exp-039-advice-non-standard-reviews-locked-content-signposting","changeId":"0ccc50f4cb101ac3881471d7b28513861dff5276ebe12c8dd13279585b01cf79","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // ---------------------------------------------------------------------------\n // WHC-032 — Non-standard reviews locked content signposting\n // Variation 1: Expandable CTA module at the bottom of each product section\n //\n // Only the FIRST product section on the page gets the full CTA\n // presentation. Every subsequent product section gets a more minimal,\n // expandable CTA: no eyebrow, a small inline lock icon next to a generic\n // \"See the full review\" header, no CTA sub-copy, and a \"See what's\n // included\" toggle link that expands/collapses the feature list.\n // ---------------------------------------------------------------------------\n\n // Configuration\n const CONFIG = {\n experimentId: 'WHC-032-Non-standard-reviews-locked-content-signposting',\n id: 'WHC032v1',\n selectors: {\n articleWrapper: '[class*=\"article-wrapper\"]',\n productHeading: '[class*=\"h3-article\"]',\n // Boundary: any heading level that marks the end of a product section.\n // h2-article is used for major dividers (e.g. \"More pizza ovens from our tests\").\n sectionBoundary: '[class*=\"h2-article\"], [class*=\"h3-article\"]',\n // Gate: the padlock CTA is only in the DOM for non-members\n lockGate: '[data-which-id=\"nstunlockedprovider-signup-cta\"]',\n },\n subscribeUrl: 'https://join.which.co.uk/join/subscribe',\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // ---------------------------------------------------------------------------\n // 1. SPA-Proof Execution Guard\n // ---------------------------------------------------------------------------\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.${INJECTED_CLASS}`)) return;\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].disconnect();\n window[`__inject_count_${CONFIG.id}`] = 0;\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // ---------------------------------------------------------------------------\n // 2. Non-member gating — only show to users who see the table padlock CTA\n // ---------------------------------------------------------------------------\n const isNonMember = () => !!document.querySelector(CONFIG.selectors.lockGate);\n\n // ---------------------------------------------------------------------------\n // 3. Utilities — Styles & Tracking\n // ---------------------------------------------------------------------------\n const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n /* EXP-039 v1 — CTA module (base styles, shared by full & minimal variants) */\n .gb-exp039v1-cta {\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n box-sizing: border-box;\n border: 1px solid #d6ead3;\n border-radius: 8px;\n background: #f0f7ef;\n padding: 16px;\n margin: 8px 0 32px;\n }\n .gb-exp039v1-cta__top {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .gb-exp039v1-cta__left {\n min-width: 0;\n }\n .gb-exp039v1-cta__icon-eyebrow {\n display: flex;\n align-items: center;\n gap: 6px;\n margin: 0 0 8px;\n }\n .gb-exp039v1-cta__icon-wrap {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n }\n .gb-exp039v1-cta__icon-wrap svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v1-cta__eyebrow {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n color: #01892e;\n margin: 0;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n .gb-exp039v1-cta__title {\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-weight: 400;\n font-size: 1.1rem;\n color: #000;\n margin: 0 0 6px;\n line-height: 1.25;\n word-wrap: break-word;\n }\n .gb-exp039v1-cta__title strong {\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n }\n .gb-exp039v1-cta__subtitle {\n font-size: 0.88rem;\n line-height: 1.4;\n color: #000;\n margin: 0;\n }\n .gb-exp039v1-cta__right {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n .gb-exp039v1-cta__btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 40px;\n padding: 6px 20px;\n border-radius: 20px;\n background: rgb(232, 28, 48);\n border: 2px solid rgb(232, 28, 48);\n color: #fff;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 0.9rem;\n line-height: 1;\n text-decoration: none;\n cursor: pointer;\n transition: background 0.15s ease, border-color 0.15s ease;\n white-space: nowrap;\n }\n .gb-exp039v1-cta__btn:hover,\n .gb-exp039v1-cta__btn:focus {\n background: rgb(181, 4, 15);\n border-color: rgb(181, 4, 15);\n color: #fff;\n text-decoration: none;\n }\n .gb-exp039v1-cta__btn:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n .gb-exp039v1-cta__btn-subtext {\n font-size: 0.875rem;\n color: #000;\n line-height: 1.35;\n margin: 0;\n }\n .gb-exp039v1-cta__btn-subtext a {\n color: #0050b3;\n text-decoration: underline;\n }\n .gb-exp039v1-cta__btn-subtext a:hover {\n text-decoration: underline;\n }\n .gb-exp039v1-cta__hr {\n border: none;\n border-top: 1px solid #c8e0c5;\n margin: 16px 0;\n }\n .gb-exp039v1-cta__features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px 14px;\n }\n .gb-exp039v1-cta__feature {\n display: flex;\n align-items: flex-start;\n gap: 6px;\n font-size: 0.875rem;\n line-height: 1.3;\n color: #000;\n word-wrap: break-word;\n }\n .gb-exp039v1-cta__feature-tick {\n flex-shrink: 0;\n color: #01892e;\n font-weight: bold;\n font-size: 0.9rem;\n }\n .gb-exp039v1-cta__extra-access {\n font-size: 0.875rem;\n color: #000;\n margin: 14px 0 0;\n line-height: 1.3;\n }\n\n /* ---- Minimal (non-first product) variant overrides ---- */\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-family: National2-Bold, Arial, Helvetica, sans-serif;\n font-weight: 700;\n font-size: 1rem;\n margin: 0 0 6px;\n }\n .gb-exp039v1-cta__icon-inline {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .gb-exp039v1-cta__icon-inline svg {\n width: 18px;\n height: 18px;\n }\n .gb-exp039v1-cta__toggle {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n margin: 10px 0 0;\n background: none;\n border: none;\n padding: 0;\n font-family: National2-Medium, Arial, Helvetica, sans-serif;\n font-size: 0.875rem;\n color: #0050b3;\n text-decoration: underline;\n cursor: pointer;\n }\n .gb-exp039v1-cta__toggle:focus-visible {\n outline: rgb(0, 80, 179) solid 2px;\n outline-offset: 2px;\n }\n .gb-exp039v1-cta__toggle-chevron {\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n transition: transform 0.15s ease;\n }\n .gb-exp039v1-cta__toggle[aria-expanded=\"true\"] .gb-exp039v1-cta__toggle-chevron {\n transform: rotate(180deg);\n }\n .gb-exp039v1-cta__expandable[hidden] {\n display: none;\n }\n\n @media (min-width: 768px) {\n .gb-exp039v1-cta {\n padding: 24px;\n }\n .gb-exp039v1-cta__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 24px;\n }\n .gb-exp039v1-cta__left {\n flex: 1;\n }\n .gb-exp039v1-cta__right {\n flex-shrink: 0;\n align-items: flex-end;\n text-align: right;\n max-width: 220px;\n }\n .gb-exp039v1-cta__title {\n font-size: 1.3rem;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__title {\n font-size: 1.1rem;\n }\n /* Minimal variant: switch to a grid so the toggle stays nested under\n the subtitle in the left column on desktop (unchanged from before),\n while the mobile flex-column layout stacks it below the CTA. */\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__top {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-areas:\n \"left right\"\n \"toggle right\";\n align-items: start;\n row-gap: 0;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__left {\n grid-area: left;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__right {\n grid-area: right;\n }\n .gb-exp039v1-cta[data-gb-variant=\"minimal\"] .gb-exp039v1-cta__toggle {\n grid-area: toggle;\n }\n .gb-exp039v1-cta__subtitle {\n font-size: 0.95rem;\n }\n .gb-exp039v1-cta__btn-subtext {\n font-size: 0.875rem;\n }\n .gb-exp039v1-cta__hr {\n margin: 20px 0;\n }\n .gb-exp039v1-cta__features {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 14px 20px;\n }\n .gb-exp039v1-cta__feature {\n font-size: 0.9rem;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n .gb-exp039v1-cta__extra-access {\n font-size: 0.875rem;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const LOCK_SVG = ``;\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: 'notification_ab_test',\n item_text: itemText,\n item_parent_text: parentText,\n item_group: CONFIG.experimentId,\n });\n };\n\n // ---------------------------------------------------------------------------\n // Detect whether this page uses a subscribe or free-account unlock flow.\n // Reads the href of the existing padlock CTA link already on the page —\n // free-account pages link to /free-account, subscribe pages link to /join.\n // Returns a copy + URL object consumed by the build functions.\n // ---------------------------------------------------------------------------\n const getUnlockMode = () => {\n const ctaLink = document.querySelector(CONFIG.selectors.lockGate);\n if (ctaLink && ctaLink.href && ctaLink.href.includes('/free-account')) {\n return {\n mode: 'free',\n url: ctaLink.href,\n eyebrow: 'Which? free account',\n titleSuffix: 'by signing up for free',\n subtext: 'No payment required · Log in',\n buttonText: 'Sign up for a free account',\n };\n }\n return {\n mode: 'subscribe',\n url: CONFIG.subscribeUrl,\n eyebrow: 'Which? membership',\n titleSuffix: 'by subscribing',\n subtext: 'Get Digital Access £9.99/month, cancel at any time · Log in',\n buttonText: 'Unlock reviews',\n };\n };\n\n // ---------------------------------------------------------------------------\n // Track which unlock mode (free account vs subscribe) applies to this page,\n // as soon as it's knowable — i.e. once the padlock CTA link is in the DOM,\n // rather than waiting for the main product-injection flow. Fires once.\n // ---------------------------------------------------------------------------\n let unlockModeTracked = false;\n const trackUnlockModeOnce = () => {\n if (unlockModeTracked) return true;\n if (!document.querySelector(CONFIG.selectors.lockGate)) return false;\n unlockModeTracked = true;\n trackEvent(`unlock_mode_${getUnlockMode().mode}`);\n return true;\n };\n\n const initUnlockModeTracking = () => {\n if (trackUnlockModeOnce()) return;\n const unlockModeObserver = new MutationObserver(() => {\n if (trackUnlockModeOnce()) unlockModeObserver.disconnect();\n });\n unlockModeObserver.observe(document.body, { childList: true, subtree: true });\n };\n\n // ---------------------------------------------------------------------------\n // Read star-rated column names from the comparison table at runtime.\n // Uses the first tbody row (most complete — includes the lockCtaCell) to\n // detect which column indices contain .w-table-stars elements, then maps\n // those back to the corresponding thead th text. Works across any article\n // type regardless of how many columns exist or what they are called.\n // ---------------------------------------------------------------------------\n const getStarRatedColumnNames = () => {\n // The primary comparison table carries the \"tableVariation\" class\n const tableSection = document.querySelector('[data-testid=\"table\"][class*=\"tableVariation\"]');\n if (!tableSection) return [];\n\n const headers = Array.from(tableSection.querySelectorAll('thead th'))\n .map(th => th.textContent.trim().replace(/\\*\\*/g, ''));\n if (!headers.length) return [];\n\n // First row is the most complete — it includes any rowspan/colspan cells\n const firstRow = tableSection.querySelector('tbody tr');\n if (!firstRow) return [];\n\n return Array.from(firstRow.querySelectorAll('td'))\n .map((cell, i) => (cell.querySelector('.w-table-stars') ? headers[i] : null))\n .filter(Boolean);\n };\n\n // ---------------------------------------------------------------------------\n // Build the CTA module for a single product.\n // The first product on the page gets the full presentation; every\n // subsequent product gets a minimal, expandable presentation.\n // ---------------------------------------------------------------------------\n const buildCtaModule = (productName, starColumnNames, unlockMode, isFirstProduct, productIndex) => {\n const wrapper = document.createElement('div');\n wrapper.className = `gb-exp039v1-cta ${INJECTED_CLASS}`;\n wrapper.setAttribute('data-gb-product', productName);\n wrapper.setAttribute('data-gb-unlock-mode', unlockMode.mode);\n wrapper.setAttribute('data-gb-variant', isFirstProduct ? 'full' : 'minimal');\n wrapper.setAttribute('data-gb-exp039', 'v1-cta');\n\n const featureItems = [\n 'Overall test score',\n ...starColumnNames,\n 'Pros & cons',\n 'Expert verdict'\n ].map(name => `

✓${name}

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

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

'\n : '

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

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

${LOCK_SVG}

${unlockMode.eyebrow}

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

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

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

${unlockMode.subtext}

\n ${featureItems}\n

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

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

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

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

${unlockMode.subtext}

\n \n

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

${LOCK_SVG_SM}

Test score

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

\n ✓\n

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

\n ✕\n

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

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

\n ${LOCK_SVG_SM}\n

Pros and cons

Pros

\n ${fakePros}\n

Cons

\n ${fakeCons}\n

\n\n

\n ${LOCK_SVG_SM}\n

Which? verdict

\n ${fakeVerdict}\n

\n\n

${LOCK_SVG_SM}

${unlockMode.eyebrow}

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

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

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

${unlockMode.subtext}

\n `;\n\n return wrapper;\n };\n\n // ---------------------------------------------------------------------------\n // Determine if an h3 is a product section.\n // Product sections have an image and a non-empty bold label in the first\n // paragraph after the heading. (p-article elements each containing a strong-article) e.g. \"Dimensions\",\n // \"Colour options\", \"Type and fuel\" etc. Generic section h3s never do.\n // Stops at any h2-article or h3-article, whether a direct sibling or nested.\n // ---------------------------------------------------------------------------\n const isProductH3 = (h3) => {\n let next = h3.nextElementSibling;\n let hasImage = false;\n while (next && next.classList.contains(INJECTED_CLASS)) next = next.nextElementSibling;\n while (next && next.matches('div')) {\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector('img')) hasImage = true;\n next = next.nextElementSibling;\n }\n if (!next || next.matches(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (!next.matches('[class*=\"p-article\"]')) return false;\n\n const label = next.querySelector('[class*=\"strong-article\"]');\n return hasImage && !!label && label.textContent.trim().length > 0;\n };\n\n // ---------------------------------------------------------------------------\n // Inject locked features into all product sections\n // ---------------------------------------------------------------------------\n const injectLockedFeatures = () => {\n const articleWrapper = document.querySelector(CONFIG.selectors.articleWrapper);\n if (!articleWrapper) return false;\n\n const h3s = Array.from(articleWrapper.querySelectorAll(CONFIG.selectors.productHeading));\n if (!h3s.length) return false;\n\n let injectedAny = false;\n\n // Detect unlock flow once for all products on this page\n const unlockMode = getUnlockMode();\n\n h3s.forEach((h3) => {\n // Skip non-product h3s\n if (!isProductH3(h3)) return;\n // Skip already-processed h3s\n if (h3.getAttribute('data-gb-exp039') === 'v2-done') return;\n h3.setAttribute('data-gb-exp039', 'v2-done');\n\n const productName = h3.textContent.trim();\n const parent = h3.parentNode;\n\n // ---- 1. Score row directly below the product h3 ----\n parent.insertBefore(buildScoreRow(), h3.nextSibling);\n\n // ---- 2. Locked features block at end of product section ----\n // Stop at the next h2-article or h3-article, direct or nested in a wrapper.\n let lastSibling = h3;\n let next = h3.nextElementSibling;\n while (next) {\n if (next.matches(CONFIG.selectors.sectionBoundary)) break;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) break;\n lastSibling = next;\n next = next.nextElementSibling;\n }\n\n const lockedBlock = buildLockedFeaturesBlock(productName, unlockMode);\n parent.insertBefore(lockedBlock, lastSibling.nextSibling);\n injectedAny = true;\n });\n\n return injectedAny;\n };\n\n // ---------------------------------------------------------------------------\n // 3. Core injection logic with Auto-Healing Observer\n // ---------------------------------------------------------------------------\n const apply = () => {\n // Loop prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) return true;\n\n // Gate: article wrapper must exist\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return false;\n\n injectStyles();\n injectLockedFeatures();\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (!injectedElement) return false;\n\n // Auto-Healing: re-inject if the SPA wipes our injected element\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === injectedElement ||\n (removedNode.nodeType === 1 && removedNode.contains(injectedElement))\n ) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // ---------------------------------------------------------------------------\n // 4. Global Event Delegation\n // ---------------------------------------------------------------------------\n document.body.addEventListener('click', (event) => {\n const btn = event.target.closest('[data-gb-track=\"exp039-v2-unlock\"]');\n if (btn) {\n const productName = btn.getAttribute('data-gb-product') || 'unknown';\n trackEvent('unlock_cta_click', productName);\n }\n });\n\n // ---------------------------------------------------------------------------\n // 5. Primary Observer Init — off-page guarded\n // ---------------------------------------------------------------------------\n initUnlockModeTracking();\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 6. bfcache Resilience\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n unlockModeTracked = false;\n initUnlockModeTracking();\n apply();\n }\n });\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Expandable CTAs"},{"key":"2","name":"Locked Previews"}],"seed":"60ee1ac2-7a51-4c0d-9a60-4b06447047eb","name":"EXP 039 [Advice] Non standard reviews locked content signposting","phase":"1","condition":{"paywall_access_status":{"$in":["anonymous","no access"]},"pageComponents":{"$regex":"NSTL"}},"coverage":1},{"key":"acq-015-offers-page-contextualise-offers-page-product-category-tracking-amended","changeId":"d69ba7632c438f0d2b3e372f7025d0ed76372142f73322c76d6459b3e4b192b4","status":"running","variations":[{"css":"","js":"(() => {\n 'use strict';\n\n // Paste this into the GrowthBook control variation's custom JS.\n // It fires the same `experiment_loaded` activation event as script_v1.js's\n // eligibility check, with zero DOM changes, so control-arm users who would\n // have qualified for a treatment can be identified and compared against the\n // variation's eligible users using the same activation metric.\n\n const CONFIG = {\n experimentId: 'ACQ-015',\n id: 'ACQ-015'\n };\n\n // Must stay in sync with the CATEGORY_GROUPS map in script_v1.js.\n const CATEGORY_GROUPS = {\n skincare: ['skincare', 'sun-creams'],\n nutritionAndSupplements: ['nutrition-and-supplements'],\n sleep: ['mattresses', 'pillows', 'duvets', 'ear-plugs', 'eye-masks-for-sleep', 'anti-snoring-devices'],\n appliances: ['washing-machines', 'dishwashers', 'tumble-dryers', 'washer-dryers', 'fridge-freezers', 'fridges', 'freezers'],\n cars: ['new-and-used-cars'],\n tech: ['televisions', 'laptops', 'mobile-phones', 'soundbars', 'tablets', 'printers-and-ink', 'headphones', 'wireless-security-cameras', 'wireless-and-bluetooth-speakers']\n };\n\n const getProductCategory = () => {\n const cookie = document.cookie.split('; ').find(item => item.startsWith('RefTrackGroup='));\n if (!cookie) return '';\n const fields = decodeURIComponent(cookie.slice('RefTrackGroup='.length))\n .split('|')\n .map(field => field.trim().toLowerCase());\n return fields[1] || '';\n };\n\n const getTreatmentGroup = (productCategory) => Object.keys(CATEGORY_GROUPS)\n .find(groupName => CATEGORY_GROUPS[groupName].includes(productCategory)) || '';\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 });\n };\n\n const treatmentGroup = getTreatmentGroup(getProductCategory());\n const isEligible = ['skincare', 'nutritionAndSupplements', 'sleep', 'appliances', 'cars', 'tech'].includes(treatmentGroup);\n if (!isEligible) return;\n\n trackEvent('experiment_loaded', `ACQ_015_${treatmentGroup}`);\n})();\n","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'ACQ-015',\n id: 'ACQ-015', // Usually matches experimentId, used for variable scoping\n explainerId: 'whats-included-ACQ-015',\n selectors: {\n target: '[data-testid=\"offer-hero\"]',\n terms: '[class*=\"OfferPage_offerTermsContainer\"]',\n questions: '[class*=\"OfferPage_offerQuestionsContainer\"]',\n heroHeading: '[data-testid=\"typography-sb-text-heading-large\"]',\n heroDescription: '[data-testid=\"typography-sb-text-body-default-regular\"]',\n heroImage: '[data-testid=\"offer-hero\"] img',\n heroCta: '[class*=\"OfferHero_offerHeroCta\"]',\n heroOffer: '[data-testid=\"typography-sb-text-body-default-strong\"]'\n }\n };\n\n // Category groups: the second RefTrackGroup field is the product category.\n const CATEGORY_GROUPS = {\n skincare: ['skincare', 'sun-creams'],\n nutritionAndSupplements: ['nutrition-and-supplements'],\n sleep: ['mattresses', 'pillows', 'duvets', 'ear-plugs', 'eye-masks-for-sleep', 'anti-snoring-devices'],\n appliances: ['washing-machines', 'dishwashers', 'tumble-dryers', 'washer-dryers', 'fridge-freezers', 'fridges', 'freezers'],\n cars: ['new-and-used-cars'],\n tech: ['televisions', 'laptops', 'mobile-phones', 'soundbars', 'tablets', 'printers-and-ink', 'headphones', 'wireless-security-cameras', 'wireless-and-bluetooth-speakers']\n };\n\n const SHARED_ASIDE_PRODUCTS = ['TVs', 'Fans', 'Cars', 'Kitchens', 'Home & Garden', 'Appliances', 'Mattresses', 'Baby & Child'];\n const SHARED_ASIDE_ICONS = ['tv', 'fan', 'car-front', 'utensils', 'house', 'washing-machine', 'bed-double', 'baby'];\n\n // Treatment content: add each future category group's bespoke copy here.\n const TREATMENTS = {\n skincare: {\n heroHeading: 'Evidence based skincare recommendations',\n heroDescription: 'Unlock scientifically backed skincare choices — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'SKINCARE',\n categoryHeading: 'Skincare reviews & lab tests',\n categoryDescription: \"Expert insight into what really works for your skin and what isn't worth spending your money on.\",\n products: ['LED face masks', 'Anti-ageing creams', 'Sun creams', 'Retinol', 'Hand creams', 'Lip balms', 'Collagen', 'Moisturisers'],\n productIcons: ['lightbulb', 'flask-conical', 'sun', 'pipette', 'hand', 'droplets', 'sparkles', 'droplets'],\n coverage: ['Comparative lab tests', 'Interviews with qualified experts and doctors', 'What you need to know and mythbusting advice'],\n image: 'https://media.which.gpp.io/prod/images/article_image_1080px/6712de623a37-offers-mock-upskincare.webp',\n imageAlt: 'Which? skincare product reviews and advice across digital, app and magazine',\n asideDescription: 'Your subscription unlocks every category — not just skincare.'\n },\n nutritionAndSupplements: {\n heroHeading: 'Take control of your health choices',\n heroDescription: 'Get independent health recommendations and evidence based advice — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'NUTRITION AND SUPPLEMENTS',\n categoryHeading: 'Nutrition reviews & lab tests',\n categoryDescription: 'Thousands of independent nutrition reviews, supplement purity analyses, and data-driven insights to help you optimise your health.',\n products: ['Multivitamins', 'Omega 3', 'Weight-loss injections', 'B12 supplements', 'Magnesium', 'Protein powder', 'Iron supplements', 'Vitamin D', 'Vegan protein powder', 'Ultra processed food', 'Probiotics', 'Creatine'],\n productIcons: ['pill', 'fish', 'syringe', 'pill', 'magnet', 'beef', 'pill', 'sun', 'leaf', 'utensils', 'sprout', 'dumbbell'],\n coverage: ['Verified efficacy and safety claims (e.g., active ingredients)', 'Contaminant and purity analysis for safety', 'Label claim verification and value comparisons'],\n image: 'https://media.which.gpp.io/prod/images/gallery_tablet_image/b85cdc83b49f-image-6.png',\n imageAlt: 'Which? nutrition and supplements product reviews and advice',\n asideDescription: 'Your subscription unlocks every category — not just nutrition and supplements.'\n },\n sleep: {\n heroHeading: \"Sleep easy, we've tested it for you\",\n heroDescription: 'Get independent health recommendations and science-backed advice — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'SLEEP',\n categoryHeading: 'Sleep product reviews & lab tests',\n categoryDescription: \"Hundreds of lab tested sleep products, so you can rest easy knowing you've made the right choice.\",\n products: ['Mattresses', 'Duvets', 'Pillows', 'Eye masks', 'Heated throws', 'Anti-snoring devices', 'Ear plugs', 'White noise machines'],\n productIcons: ['bed-double', 'layers-3', 'cloud', 'eye', 'flame', 'moon', 'ear', 'volume-2'],\n coverage: ['Independently lab-tested for firmness, support and pressure relief', 'Long-term durability and comfort scoring', 'The best products for you depending on how you sleep'],\n image: 'https://media.which.gpp.io/prod/images/ar_2to1_1200x600/27fa32d18506-offers-mock-upsleep.webp',\n imageAlt: 'Which? sleep product reviews and advice across digital, app and magazine',\n asideDescription: 'Your subscription unlocks every category — not just sleep.'\n },\n appliances: {\n heroHeading: 'Appliance reviews you can trust',\n heroDescription: 'Get instant access to our independent appliance tests — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'APPLIANCES',\n categoryHeading: 'Lab-tested appliance reviews',\n categoryDescription: \"Hundreds of lab-tested reviews so you can buy the best and avoid dreaded Don't Buys.\",\n products: ['Washing machines', 'Dishwashers', 'Tumble dryers', 'Ovens', 'Fridges', 'Freezers', 'Vacuum cleaners', 'Air fryers and small cookers'],\n productIcons: ['washing-machine', 'utensils', 'wind', 'microwave', 'refrigerator', 'snowflake', 'fan', 'air-vent'],\n coverage: ['Comparative lab tests', 'Reliability ratings based on long-term customer data', 'Sustainable and energy efficient choices'],\n image: 'https://media.which.gpp.io/prod/images/gallery_tablet_image_x2/36da8899b16b-offers-mock-upappliances-1.png',\n imageAlt: 'Which? appliance reviews and advice across digital, app and magazine',\n asideDescription: 'Your subscription unlocks every category — not just appliances.'\n },\n cars: {\n heroHeading: 'Car reviews you can trust',\n heroDescription: 'Buy the best with lab tested car reviews and unique survey data of over 60,000 drivers — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'CARS',\n categoryHeading: 'Lab-tested car reviews',\n categoryDescription: 'Hundreds of lab-tested reviews, including Euro NCAP crash tests, so you can buy the best.',\n products: ['EVs', 'Hybrids', 'SUVs', 'City cars', 'Hatchbacks', 'People carriers', 'Estate cars', 'Small cars'],\n productIcons: ['battery-charging', 'fuel', 'truck', 'car-front', 'car', 'users', 'car-front', 'car-taxi-front'],\n coverage: ['Comparative lab tests', 'Safety ratings based on crash tests', 'Reliability survey based on thousands of real drivers'],\n image: 'https://media.which.gpp.io/prod/images/ar_16to9_1600x900/1a94c6d7af4a-offers-mock-upcars.webp',\n imageAlt: 'Which? car reviews and advice across digital, app and magazine',\n asideDescription: 'Your subscription unlocks every category — not just cars.'\n },\n tech: {\n heroHeading: 'Tech reviews you can trust',\n heroDescription: 'Get instant access to our independent tech tests — plus our full library of 9,000+ expert product reviews.',\n explainerTitle: 'What you can unlock with your membership',\n categoryLabel: 'TECH',\n categoryHeading: 'Lab-tested tech reviews',\n categoryDescription: \"Hundreds of lab-tested reviews so you can buy the best and avoid dreaded Don't Buys.\",\n products: ['TVs', 'Laptops', 'Phones', 'Printers', 'Tablets', 'Soundbars', 'Headphones', 'Broadband providers'],\n productIcons: ['tv', 'laptop', 'smartphone', 'printer', 'tablet', 'audio-lines', 'headphones', 'wifi'],\n coverage: ['Comparative lab tests', 'Best Buy, Great value and Eco Buy recommendations', 'Sustainable and energy efficient choices'],\n image: 'https://media.which.gpp.io/prod/images/ar_16to9_1600x900/d386043cc8d7-unnamed-1.webp',\n imageAlt: 'Which? tech reviews and advice across digital, app and magazine',\n asideDescription: 'Your subscription unlocks every category — not just tech.'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n\n // Fires the activation/eligibility signal — must stay decoupled from DOM injection\n // success so control-arm users (who never reach apply()) can fire the same event.\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 });\n };\n\n const installTracking = () => {\n if (window[`__tracking_${CONFIG.id}`] || !document.body) return;\n window[`__tracking_${CONFIG.id}`] = true;\n document.body.addEventListener('click', (event) => {\n const clickedElement = event.target instanceof Element ? event.target : null;\n if (!clickedElement) return;\n const clickedMainCta = clickedElement.closest(`.${INJECTED_CLASS} ${CONFIG.selectors.heroCta} button`);\n const clickedReviewsLink = clickedElement.closest(`.${INJECTED_CLASS} .gb-skincare-reviews-link-${CONFIG.id}`);\n const pushEvent = (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 });\n };\n const treatmentGroup = getTreatmentGroup(getProductCategory());\n const groupParentText = `ACQ_015_${treatmentGroup}`;\n if (clickedMainCta) {\n pushEvent('main_cta_click', groupParentText);\n } else if (clickedReviewsLink) {\n pushEvent('expert_product_reviews_link_click', groupParentText);\n }\n });\n };\n installTracking();\n\n // 1. SPA-Proof Execution Guard\n if (window[`__run_${CONFIG.id}`]) {\n if (document.querySelector(`.gb-skincare-explainer-${CONFIG.id}`)) return;\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 // 2. Resolve the treatment group from the product category in RefTrackGroup.\n const getProductCategory = () => {\n const cookie = document.cookie.split('; ').find(item => item.startsWith('RefTrackGroup='));\n if (!cookie) return '';\n const fields = decodeURIComponent(cookie.slice('RefTrackGroup='.length))\n .split('|')\n .map(field => field.trim().toLowerCase());\n return fields[1] || '';\n };\n\n const getTreatmentGroup = (productCategory) => Object.keys(CATEGORY_GROUPS)\n .find(groupName => CATEGORY_GROUPS[groupName].includes(productCategory)) || '';\n\n const formatProductCategory = (productCategory) => productCategory\n .split('-')\n .filter(Boolean)\n .map((word, index) => index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word)\n .join(' ');\n\n const getAsideProducts = (groupName) => {\n const excludedProduct = {\n cars: 'Cars',\n sleep: 'Mattresses',\n appliances: 'Appliances',\n tech: 'TVs'\n }[groupName];\n return SHARED_ASIDE_PRODUCTS\n .map((product, index) => ({ product, icon: SHARED_ASIDE_ICONS[index] }))\n .filter(({ product }) => product !== excludedProduct);\n };\n\n // Skincare, Nutrition & Supplements, Sleep, Appliances, Cars, and Tech are active. The remaining groups are\n // mapped above so their bespoke treatments can be added to TREATMENTS later.\n const pageMatches = () => ['skincare', 'nutritionAndSupplements', 'sleep', 'appliances', 'cars', 'tech'].includes(getTreatmentGroup(getProductCategory()));\n\n // Future treatment sections for this single GrowthBook variant:\n // - nutritionAndSupplements: nutrition-and-supplements (implemented below)\n // - sleep: mattresses, pillows, duvets, ear-plugs, eye-masks-for-sleep, anti-snoring-devices (implemented below)\n // - appliances: washing-machines, dishwashers, tumble-dryers, washer-dryers, fridge-freezers, fridges, freezers (implemented below)\n // - cars: new-and-used-cars (implemented below)\n // - tech: televisions, laptops, mobile-phones, soundbars, tablets, printers-and-ink, headphones, wireless-security-cameras, wireless-and-bluetooth-speakers (implemented below)\n\n if (!pageMatches()) return;\n const productCategory = getProductCategory();\n const treatmentGroup = getTreatmentGroup(productCategory);\n const productCategoryLabel = formatProductCategory(productCategory);\n const treatment = TREATMENTS[treatmentGroup];\n if (!treatment) return;\n\n // Eligibility signal — fires as soon as the user qualifies for a treatment group,\n // independent of whether the DOM injection below actually succeeds. This is the\n // activation metric used to filter both control and variation to eligible users only;\n // the control variation must fire this same event via a matching eligibility-only snippet.\n trackEvent('experiment_loaded', `ACQ_015_${treatmentGroup}`);\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 @font-face {\n font-family: 'National 2';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url('https://www.which.co.uk/global/fonts/national-2/national-2-regular/national-2-regular.woff2') format('woff2');\n }\n @font-face {\n font-family: 'National 2';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url('https://www.which.co.uk/global/fonts/national-2/national-2-medium/national-2-medium.woff2') format('woff2');\n }\n @font-face {\n font-family: 'National 2';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url('https://www.which.co.uk/global/fonts/national-2/national-2-bold/national-2-bold.woff2') format('woff2');\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id},\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} *,\n .gb-skincare-explainer-${CONFIG.id},\n .gb-skincare-explainer-${CONFIG.id} * {\n font-family: 'National 2', Arial, Helvetica, sans-serif;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} {\n background-color: #D6EAD3 !important;\n box-sizing: border-box;\n width: 100%;\n }\n .gb-skincare-explainer-inner-${CONFIG.id} {\n box-sizing: border-box;\n width: 100%;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} [class*=\"OfferHero_offerHeroTextContainer\"] {\n max-width: 560px;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} [class*=\"OfferHero_offerHeroImage\"] {\n flex: 1 1;\n position: relative;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} [data-testid=\"typography-sb-text-heading-large\"] {\n max-width: 520px;\n font-size: 2.8rem;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} .gb-skincare-promo-${CONFIG.id} {\n color: #E81C30;\n font-size: 1.1rem;\n font-weight: 700;\n margin: 0.4em 0 0.2em;\n }\n [class*=\"OfferTile_discountPill\"] {\n background-color: #D6EAD3 !important;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} .gb-skincare-reviews-link-${CONFIG.id} {\n color: inherit;\n }\n .gb-skincare-explainer-${CONFIG.id} {\n background: #D6EAD3;\n margin-top: 32px;\n padding: 32px 24px 40px;\n }\n .gb-skincare-explainer-title-${CONFIG.id} {\n box-sizing: border-box;\n display: block;\n margin: 0 auto 32px;\n text-align: center !important;\n width: 100%;\n }\n .gb-skincare-explainer-content-${CONFIG.id} {\n margin: 0 auto;\n max-width: 1000px;\n width: 100%;\n }\n .gb-skincare-explainer-inner-${CONFIG.id} {\n background: #fff;\n border-radius: 8px;\n display: grid;\n grid-template-columns: minmax(0, 2.2fr) minmax(240px, 0.8fr);\n margin: 0 auto;\n max-width: 1000px;\n overflow: hidden;\n }\n .gb-skincare-explainer-main-${CONFIG.id},\n .gb-skincare-explainer-aside-${CONFIG.id} {\n padding: 32px;\n }\n .gb-skincare-explainer-aside-${CONFIG.id} {\n background: #F3F4F5;\n border-left: 1px solid #d6dce5;\n font-weight: 400;\n padding: 24px;\n }\n .gb-skincare-explainer-aside-${CONFIG.id} h3 {\n font-family: 'National 2', Arial, Helvetica, sans-serif;\n font-weight: 700;\n }\n .gb-skincare-plus-all-${CONFIG.id} {\n color: #4B5563;\n }\n .gb-skincare-viewed-pill-${CONFIG.id} {\n background: #D6EAD3;\n border-radius: 999px;\n color: #01892e;\n align-items: center;\n display: inline-flex;\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n margin: 0 0 28px;\n padding: 8px 16px;\n text-transform: uppercase;\n }\n .gb-skincare-viewed-dot-${CONFIG.id} {\n animation: gb-skincare-pulse-${CONFIG.id} 1.6s ease-in-out infinite;\n background: #01892e;\n border-radius: 50%;\n display: inline-block;\n height: 8px;\n margin-right: 8px;\n width: 8px;\n }\n @keyframes gb-skincare-pulse-${CONFIG.id} {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.45; transform: scale(0.8); }\n }\n .gb-skincare-explainer-${CONFIG.id} h2,\n .gb-skincare-explainer-${CONFIG.id} h3,\n .gb-skincare-explainer-${CONFIG.id} p {\n margin: 0 0 16px;\n }\n .gb-skincare-explainer-${CONFIG.id} h2,\n .gb-skincare-explainer-${CONFIG.id} h3 {\n font-weight: 700;\n }\n .gb-skincare-explainer-${CONFIG.id} p {\n font-weight: 400;\n }\n .gb-skincare-coverage-${CONFIG.id} h3 {\n color: #5f6368;\n font-size: 1rem;\n }\n .gb-skincare-category-heading-${CONFIG.id} {\n font-size: 1.35rem;\n }\n .gb-skincare-explainer-${CONFIG.id} .gb-skincare-viewed-pill-${CONFIG.id} {\n font-weight: 700;\n }\n .gb-skincare-aside-list-${CONFIG.id} {\n display: grid;\n gap: 14px;\n grid-template-columns: 1fr;\n list-style: none;\n margin: 24px 0;\n padding: 0;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-aside-list-${CONFIG.id} {\n grid-template-columns: 1fr;\n }\n .gb-skincare-aside-list-${CONFIG.id} li {\n min-height: 24px;\n padding-left: 32px;\n position: relative;\n }\n .gb-skincare-aside-list-${CONFIG.id} li::before {\n content: '';\n height: 20px;\n left: 0;\n position: absolute;\n top: 0;\n width: 20px;\n }\n .gb-skincare-aside-more-${CONFIG.id} {\n display: block;\n margin-top: 20px;\n }\n .gb-skincare-explainer-${CONFIG.id} ul {\n display: grid;\n gap: 24px 20px;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n list-style: none;\n margin: 24px 0;\n padding: 0;\n }\n .gb-skincare-explainer-${CONFIG.id} li {\n min-height: 48px;\n padding-top: 28px;\n position: relative;\n }\n .gb-skincare-explainer-${CONFIG.id} li::before {\n content: '';\n height: 20px;\n left: 0;\n position: absolute;\n top: 0;\n width: 20px;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-aside-list-${CONFIG.id} {\n gap: 8px;\n margin: 16px 0;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-aside-list-${CONFIG.id} li {\n min-height: 20px;\n padding-left: 28px;\n padding-top: 0;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-aside-list-${CONFIG.id} li::before {\n height: 16px;\n width: 16px;\n }\n .gb-skincare-icon-${CONFIG.id} {\n height: 18px;\n left: 0;\n object-fit: contain;\n position: absolute;\n top: 0;\n width: 18px;\n }\n .gb-skincare-estate-car-icon-${CONFIG.id} {\n height: 22px;\n width: 22px;\n }\n .gb-skincare-explainer-${CONFIG.id} .gb-skincare-aside-list-${CONFIG.id} li::before,\n .gb-skincare-explainer-${CONFIG.id} .gb-skincare-category-list-${CONFIG.id} li::before {\n display: none;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-category-list-${CONFIG.id} {\n gap: 16px 20px;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-category-list-${CONFIG.id} li {\n min-height: 24px;\n padding-left: 28px;\n padding-top: 0;\n }\n .gb-skincare-explainer-${CONFIG.id} ul.gb-skincare-category-list-${CONFIG.id} li::before {\n height: 16px;\n width: 16px;\n }\n .gb-skincare-explainer-aside-${CONFIG.id} p {\n margin-bottom: 10px;\n }\n .gb-skincare-explainer-${CONFIG.id} .gb-skincare-coverage-${CONFIG.id} {\n background: #D6EAD3;\n border-radius: 8px;\n padding: 16px;\n }\n @media (min-width: 768px) {\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} {\n min-height: 416px;\n }\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} [class*=\"OfferHero_offerHeroImage\"] {\n aspect-ratio: 1000 / 546;\n }\n }\n @media (max-width: 850px) {\n [data-testid=\"offer-hero\"].gb-injected-${CONFIG.id} [data-testid=\"typography-sb-text-heading-large\"] {\n font-size: 2.4rem;\n }\n .gb-skincare-explainer-inner-${CONFIG.id} {\n grid-template-columns: 1fr;\n }\n .gb-skincare-explainer-aside-${CONFIG.id} {\n border-left: 0;\n border-top: 1px solid #d6dce5;\n }\n .gb-skincare-explainer-${CONFIG.id} {\n margin-top: 24px;\n padding: 24px 16px 32px;\n }\n .gb-skincare-explainer-${CONFIG.id} ul {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const icon = (name, additionalClass = '') => ` $\"\"$ `;\n\n // Reads the current offer state from the control page so later offer changes remain supported.\n const getAnnualOfferType = (offerEndEl) => {\n if (!offerEndEl || !/offer ends/i.test(offerEndEl.textContent || '')) return 'bau';\n const discountedPill = Array.from(document.querySelectorAll('[class*=\"OfferTile_discountPill\"]'))\n .find((element) => /50%\\s*off/i.test(element.textContent || ''));\n const offerTile = discountedPill?.closest('[data-testid=\"offer-tile\"]');\n return /full access/i.test(offerTile?.textContent || '') ? 'full-access' : 'digital';\n };\n\n const getAnnualOfferLabel = (offerType) => {\n return offerType === 'full-access'\n ? '50% OFF FULL ACCESS ANNUAL'\n : '50% OFF DIGITAL ANNUAL';\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(`.gb-skincare-explainer-${CONFIG.id}`)) return true; // Already injected — report success so observers disconnect cleanly\n\n // Count only real injection attempts, after the target exists.\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 // Ensure styles are present\n injectStyles();\n\n target.classList.add(INJECTED_CLASS);\n target.style.backgroundColor = '#D6EAD3';\n const heading = target.querySelector(CONFIG.selectors.heroHeading);\n const description = target.querySelector(CONFIG.selectors.heroDescription);\n const cta = target.querySelector(CONFIG.selectors.heroCta);\n const offerEnd = target.querySelector(CONFIG.selectors.heroOffer);\n const image = target.querySelector(CONFIG.selectors.heroImage);\n const annualOfferType = getAnnualOfferType(offerEnd);\n if (heading) heading.textContent = treatment.heroHeading;\n if (description) {\n description.innerHTML = treatment.heroDescription.replace('9,000+ expert product reviews', '9,000+ expert product reviews');\n }\n if (annualOfferType !== 'bau') {\n offerEnd.textContent = offerEnd.textContent.replace(/T&Cs apply\\.?$/, 'T&Cs apply.');\n }\n if (image && treatment.image) {\n image.src = treatment.image;\n image.removeAttribute('srcset');\n image.alt = treatment.imageAlt;\n }\n if (annualOfferType !== 'bau' && cta && !target.querySelector(`.gb-skincare-promo-${CONFIG.id}`)) {\n const promo = document.createElement('p');\n promo.className = `gb-skincare-promo-${CONFIG.id}`;\n promo.textContent = getAnnualOfferLabel(annualOfferType);\n cta.insertAdjacentElement('beforebegin', promo);\n }\n\n const questions = document.querySelector(CONFIG.selectors.questions);\n const terms = document.querySelector(CONFIG.selectors.terms);\n if (!questions || !terms) return false;\n const explainer = document.createElement('section');\n explainer.className = `gb-skincare-explainer-${CONFIG.id} ${INJECTED_CLASS}`;\n explainer.id = CONFIG.explainerId;\n explainer.setAttribute('aria-labelledby', `gb-skincare-title-${CONFIG.id}`);\n explainer.innerHTML = `\n

${treatment.explainerTitle}

YOU'VE RECENTLY VIEWED: ${productCategoryLabel}

${treatment.categoryHeading}

${treatment.categoryDescription}

\n \n

OUR COVERAGE INCLUDES

\n ${treatment.coverage.map((point) => `

✓ ${point}

`).join('')}\n

\n \n

\n `;\n terms.insertAdjacentElement('afterend', explainer);\n\n // Auto-Healing / DOM Wipe Detector\n const injectedElement = document.querySelector(`.gb-skincare-explainer-${CONFIG.id}`);\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 }\n return true;\n };\n\n // 5. Global Event Delegation\n installTracking();\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 apply();\n\n // 7. bfcache Resilience — Safari/iOS back-navigation can restore the page without re-running this script\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,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-annual-50percent-8.26"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offers"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/subscribe-to-which"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"527f848b-12e6-4c01-8895-4ae076a77b5b","name":"ACQ 015 [Offers Page] Contextualise the offers page by product category (tracking amended)","phase":"0","coverage":1},{"key":"acq-016-payment-page-payment-page-product-upsell-to-annual-bau-pricing","changeId":"404fd73152e9d2ad324dfef919358829c15bdcb2952161bc0e4445239b6245ab","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n // Configuration\n const CONFIG = {\n experimentId: 'ACQ-016',\n id: 'ACQ016', // Usually matches experimentId, used for variable scoping\n selectors: {\n panelContainer: '[class*=\"FeaturesPanel_container\"]',\n desktopPanel: '[class*=\"layout_featuresPanelDesktop\"]',\n cta: '.gb-acq016-cta'\n }\n };\n\n // Monthly packages eligible for the annual upsell. Monthly and annual variants of a package\n // share a productId, so the monthly rateId is what proves the user is actually on a monthly\n // plan — gating on productId alone would also show the upsell to annual subscribers.\n const PACKAGES = {\n '8a28c43c8b8b0115018ba4e4335541f4': {\n key: 'digital',\n annualName: 'Digital Annual',\n monthlyPrice: 9.99,\n annualPrice: 89,\n monthlyRateId: '8a28e7b89db95c49019dd4b6fcb80f18',\n annualRateId: '8a28b30e9bf8f843019c0f017fc80bba'\n },\n '8a28c9d78cf77775018cf886631207f6': {\n key: 'fullAccess',\n annualName: 'Full Access Annual',\n monthlyPrice: 11.99,\n annualPrice: 109,\n monthlyRateId: '8a28e7b89db95c49019dd4b6fbff0f16',\n annualRateId: '8a28b30e9bf8f843019c0f017fef0bbc'\n },\n '8a28b66d8cf7671d018cf886ac7f2117': {\n key: 'magazine',\n annualName: 'Which? Magazine Annual',\n monthlyPrice: 9.99,\n annualPrice: 79,\n monthlyRateId: '8a28d7ac9222ee540192357ac3084c1a',\n annualRateId: '8a28829a96add7df0196c55afd3b507c'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const DESKTOP_MQ = window.matchMedia('(min-width: 1024px)');\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; // Fresh navigation cycle — reset the loop-prevention budget\n }\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. Eligibility gating — resolve the current monthly package from the checkout query string\n const getPackage = () => {\n const params = new URLSearchParams(window.location.search);\n const pkg = PACKAGES[params.get('productId')];\n if (!pkg) return null;\n if (params.get('rateId') !== pkg.monthlyRateId) return null; // already on the annual rate\n if (!pkg.annualRateId) return null;\n return pkg;\n };\n\n // 3. Utilities (Styles, Tracking, Pricing)\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 .gb-acq016-module {\n box-sizing: border-box;\n width: auto;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.625rem;\n background-color: #fff;\n border: 1px solid #000;\n border-radius: 16px;\n padding: var(--sb-spacing-m, 16px);\n font-family: National2-Regular, Helvetica, Arial, sans-serif;\n color: var(--foreground, #171717);\n /* Below desktop the module sits inside the compact panel section, so mirror the\n panel's own horizontal padding to keep its edges aligned with the panel text. */\n margin: var(--sb-spacing-m, 16px) var(--sb-grid-gutter-mobile, 6.6%) 0;\n }\n /* Copy is indented by one spacing step so the CTA is the leftmost element in the module. */\n .gb-acq016-heading,\n .gb-acq016-line,\n .gb-acq016-smallprint {\n padding-left: var(--sb-spacing-s, 8px);\n }\n .gb-acq016-heading {\n margin: 0;\n font-family: National2-Medium, Helvetica, Arial, sans-serif;\n font-size: 1.125rem;\n font-weight: 500;\n line-height: 120%;\n letter-spacing: -0.5px;\n }\n .gb-acq016-line {\n margin: 0;\n font-family: National2-Regular, Helvetica, Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 140%;\n letter-spacing: 0;\n }\n .gb-acq016-price {\n font-family: National2-Medium, Helvetica, Arial, sans-serif;\n font-weight: 500;\n }\n .gb-acq016-price-highlight {\n font-family: National2-Medium, Helvetica, Arial, sans-serif;\n font-weight: 700;\n color: #e81c30;\n }\n .gb-acq016-cta {\n /* Shrink-to-fit so the label sits on one line, wrapping only if the text can't fit. */\n width: fit-content;\n max-width: 100%;\n align-self: flex-start;\n box-sizing: border-box;\n margin-top: 0.5rem;\n margin-bottom: 4px;\n min-height: 44px;\n padding: 8px 24px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #fff;\n border: 1px solid #000;\n border-radius: 22px;\n cursor: pointer;\n font-family: \"National2-Medium\", \"Arial\", \"Helvetica\", sans-serif;\n font-size: 1rem;\n font-weight: 500;\n line-height: 140%;\n letter-spacing: 0px;\n color: var(--sb-base-link-color, #000000);\n text-align: center;\n text-decoration: none;\n }\n .gb-acq016-cta:active {\n background-color: #d7effa;\n color: var(--sb-base-link-color, #000000);\n text-decoration: none;\n }\n /* Keyboard focus keeps the site's focus ring on top of the same background change. */\n .gb-acq016-cta:focus-visible {\n background-color: #d7effa;\n color: var(--sb-base-link-color, #000000);\n outline: 2px solid #0050b3;\n outline-offset: 2px;\n box-shadow: 0 0 0 2px #fff;\n text-decoration: none;\n }\n .gb-acq016-smallprint {\n width: 100%;\n margin: 0;\n font-family: National2-Regular, Helvetica, Arial, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 140%;\n color: #171717;\n text-align: left;\n }\n @media (hover: hover) {\n .gb-acq016-cta:hover {\n background-color: #d7effa;\n color: var(--sb-base-link-color, #000000);\n text-decoration: none;\n }\n }\n @media (min-width: 768px) {\n .gb-acq016-module { margin: var(--sb-spacing-m, 16px) var(--sb-spacing-m, 16px) 0; }\n /* Matches the features panel product title bump at this breakpoint. */\n .gb-acq016-heading { font-size: 22px; font-weight: 700; }\n .gb-acq016-cta { font-size: 1.125rem; }\n }\n @media (min-width: 1024px) {\n /* Inside the sticky desktop sidebar the wrapper's own flex gap handles spacing. */\n .gb-acq016-module {\n width: 100%;\n margin: 0;\n padding: var(--sb-spacing-l, 24px) var(--sb-spacing-m, 16px);\n }\n }\n @media (min-width: 1440px) {\n .gb-acq016-module { padding: var(--sb-spacing-xl, 32px); }\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 formatGBP = (value) => `£${Number.isInteger(value) ? value : value.toFixed(2)}`;\n // No intermediate rounding: compare the full 12-month monthly cost against the annual price. Both\n // the saving and the monthly equivalent are rounded down so neither figure can overstate the offer.\n const savingPercent = (pkg) => {\n const yearOfMonthly = pkg.monthlyPrice * 12;\n return Math.floor(((yearOfMonthly - pkg.annualPrice) / yearOfMonthly) * 100);\n };\n const monthlyEquivalent = (pkg) => (Math.floor((pkg.annualPrice / 12) * 100) / 100).toFixed(2);\n\n const buildAnnualUrl = (pkg) => {\n const url = new URL(window.location.href);\n url.searchParams.set('rateId', pkg.annualRateId);\n return url.toString();\n };\n\n // The compact (mobile/tablet) and desktop sidebar panels can both exist in the DOM, so anchor\n // the module to whichever features panel is actually rendered at the current breakpoint.\n const getAnchor = () => {\n const containers = [...document.querySelectorAll(CONFIG.selectors.panelContainer)];\n if (!containers.length) return null;\n if (DESKTOP_MQ.matches) {\n const inSidebar = containers.find(el => el.closest(CONFIG.selectors.desktopPanel));\n if (inSidebar) return inSidebar;\n }\n return containers.find(el => el.getClientRects().length) || containers[0];\n };\n\n const buildModule = (pkg) => {\n const module = document.createElement('div');\n module.className = `gb-acq016-module ${INJECTED_CLASS}`;\n\n const heading = document.createElement('p');\n heading.className = 'gb-acq016-heading';\n heading.textContent = `Save ${savingPercent(pkg)}% by switching to Annual`;\n\n const offer = document.createElement('p');\n offer.className = 'gb-acq016-line';\n offer.textContent = `Get ${pkg.annualName} for `;\n const price = document.createElement('span');\n price.className = 'gb-acq016-price';\n price.textContent = `${formatGBP(pkg.annualPrice)} a year`;\n offer.appendChild(price);\n\n const equivalent = document.createElement('p');\n equivalent.className = 'gb-acq016-line';\n equivalent.textContent = 'Equivalent to ';\n const equivalentPrice = document.createElement('span');\n equivalentPrice.className = 'gb-acq016-price-highlight';\n equivalentPrice.textContent = `£${monthlyEquivalent(pkg)} a month`;\n equivalent.appendChild(equivalentPrice);\n\n const cta = document.createElement('a');\n cta.className = 'gb-acq016-cta';\n cta.href = buildAnnualUrl(pkg);\n cta.textContent = `Switch to ${pkg.annualName}`;\n\n const smallprint = document.createElement('p');\n smallprint.className = 'gb-acq016-smallprint';\n smallprint.textContent = \"Cancel any time and we'll take no more payments\";\n\n module.append(heading, offer, equivalent, cta, smallprint);\n return module;\n };\n\n // 4. Core injection logic with Auto-Healing Observer\n const apply = () => {\n const pkg = getPackage();\n if (!pkg) return true; // Ineligible page/package — nothing to inject, stop observing\n const anchor = getAnchor();\n if (!anchor) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true; // Already injected — report success so observers disconnect cleanly\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) return true;\n\n injectStyles();\n anchor.insertAdjacentElement('afterend', buildModule(pkg));\n if (!window[`__loaded_${CONFIG.id}`]) { // Re-anchoring on resize/DOM wipe must not re-fire exposure\n window[`__loaded_${CONFIG.id}`] = true;\n trackEvent('experiment_loaded', `ACQ_016_${pkg.key}`);\n }\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 }\n return true;\n };\n\n // 5. Global Event Delegation\n document.body.addEventListener('click', (event) => {\n const cta = event.target.closest(CONFIG.selectors.cta);\n if (!cta || !cta.closest(`.${INJECTED_CLASS}`)) return;\n const pkg = getPackage();\n trackEvent('switch_to_annual_click', `ACQ_016_${pkg ? pkg.key : 'unknown'}`);\n });\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.panelContainer)) 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 apply();\n\n // Crossing the desktop breakpoint swaps which features panel is rendered, so re-anchor the module.\n DESKTOP_MQ.addEventListener('change', () => {\n document.querySelectorAll(`.${INJECTED_CLASS}`).forEach(el => el.remove());\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n });\n\n // 7. bfcache Resilience — Safari/iOS back-navigation can restore the page without re-running this script\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\n }\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/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28e7b89db95c49019dd4b6fcb80f18"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28e7b89db95c49019dd4b6fbff0f16"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?productId=8a28b66d8cf7671d018cf886ac7f2117&rateId=8a28d7ac9222ee540192357ac3084c1a"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"44bde065-3246-4b13-87e6-a5dccbe30500","name":"ACQ 016 [Payment Page] Payment page product upsell to annual - BAU pricing","phase":"2","coverage":1}]

Stay informed with Which?

${treatment.explainerTitle}

${treatment.categoryHeading}

OUR COVERAGE INCLUDES

Travel news

2026

The £700 surprise: can you really trust online holiday prices?

What British travellers need to know about EES and Etias for upcoming holidays

Heritage Open Days: free entry to UK tourist attractions in September

5 scenic road trips in Europe

Why you now need to budget for tourist taxes

Can you really trust that ‘bargain’ holiday price?

Eurostar flash sale – get cheap tickets for your next trip

How we listed 10 Downing Street as a holiday home on Booking.com

How to use the Portuguese ‘complaints book’ on holiday

6 top waterproof jacket brands with summer sales

The Night Riviera sleeper train reviewed

The UK's best hidden beaches

We deliberately left phones and wallets behind in UK hotel rooms

I’ve never been fined for oversized hand baggage. Here’s what I do at the gate as a travel expert

5 airport mistakes slowing you down at security

Where’s hot in September?

5 new sleeper trains in the UK and Europe for 2026

The best Greek island beaches picked by travel experts

European visa waiver no longer confirmed for 2026, amid EES chaos

Is Albania really as good as everyone says it is?