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

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

Unlock over 10,000 product reviews

The Which? Magazine – reviews & investigations

Join our fight to protect you from HARM

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

✓${name}

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

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

'\n : '

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

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

${LOCK_SVG}

${unlockMode.eyebrow}

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

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

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

${unlockMode.subtext}

\n ${featureItems}\n

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

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

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

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

${unlockMode.subtext}

\n \n

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

${LOCK_SVG_SM}

Test score

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

\n ✓\n

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

\n ✕\n

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

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

\n ${LOCK_SVG_SM}\n

Pros and cons

Pros

\n ${fakePros}\n

Cons

\n ${fakeCons}\n

\n\n

\n ${LOCK_SVG_SM}\n

Which? verdict

\n ${fakeVerdict}\n

\n\n

${LOCK_SVG_SM}

${unlockMode.eyebrow}

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

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

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

${unlockMode.subtext}

\n `;\n\n return wrapper;\n };\n\n // ---------------------------------------------------------------------------\n // Determine if an h3 is a product section.\n // Product sections have an image and a non-empty bold label in the first\n // paragraph after the heading. (p-article elements each containing a strong-article) e.g. \"Dimensions\",\n // \"Colour options\", \"Type and fuel\" etc. Generic section h3s never do.\n // Stops at any h2-article or h3-article, whether a direct sibling or nested.\n // ---------------------------------------------------------------------------\n const isProductH3 = (h3) => {\n let next = h3.nextElementSibling;\n let hasImage = false;\n while (next && next.classList.contains(INJECTED_CLASS)) next = next.nextElementSibling;\n while (next && next.matches('div')) {\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector('img')) hasImage = true;\n next = next.nextElementSibling;\n }\n if (!next || next.matches(CONFIG.selectors.sectionBoundary)) return false;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) return false;\n if (!next.matches('[class*=\"p-article\"]')) return false;\n\n const label = next.querySelector('[class*=\"strong-article\"]');\n return hasImage && !!label && label.textContent.trim().length > 0;\n };\n\n // ---------------------------------------------------------------------------\n // Inject locked features into all product sections\n // ---------------------------------------------------------------------------\n const injectLockedFeatures = () => {\n const articleWrapper = document.querySelector(CONFIG.selectors.articleWrapper);\n if (!articleWrapper) return false;\n\n const h3s = Array.from(articleWrapper.querySelectorAll(CONFIG.selectors.productHeading));\n if (!h3s.length) return false;\n\n let injectedAny = false;\n\n // Detect unlock flow once for all products on this page\n const unlockMode = getUnlockMode();\n\n h3s.forEach((h3) => {\n // Skip non-product h3s\n if (!isProductH3(h3)) return;\n // Skip already-processed h3s\n if (h3.getAttribute('data-gb-exp039') === 'v2-done') return;\n h3.setAttribute('data-gb-exp039', 'v2-done');\n\n const productName = h3.textContent.trim();\n const parent = h3.parentNode;\n\n // ---- 1. Score row directly below the product h3 ----\n parent.insertBefore(buildScoreRow(), h3.nextSibling);\n\n // ---- 2. Locked features block at end of product section ----\n // Stop at the next h2-article or h3-article, direct or nested in a wrapper.\n let lastSibling = h3;\n let next = h3.nextElementSibling;\n while (next) {\n if (next.matches(CONFIG.selectors.sectionBoundary)) break;\n if (next.querySelector(CONFIG.selectors.sectionBoundary)) break;\n lastSibling = next;\n next = next.nextElementSibling;\n }\n\n const lockedBlock = buildLockedFeaturesBlock(productName, unlockMode);\n parent.insertBefore(lockedBlock, lastSibling.nextSibling);\n injectedAny = true;\n });\n\n return injectedAny;\n };\n\n // ---------------------------------------------------------------------------\n // 3. Core injection logic with Auto-Healing Observer\n // ---------------------------------------------------------------------------\n const apply = () => {\n // Loop prevention\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) return true;\n\n // Gate: article wrapper must exist\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return false;\n\n injectStyles();\n injectLockedFeatures();\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (!injectedElement) return false;\n\n // Auto-Healing: re-inject if the SPA wipes our injected element\n const domWipeObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (\n removedNode === injectedElement ||\n (removedNode.nodeType === 1 && removedNode.contains(injectedElement))\n ) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) {\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n }\n setTimeout(apply, 50);\n return;\n }\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n\n return true;\n };\n\n // ---------------------------------------------------------------------------\n // 4. Global Event Delegation\n // ---------------------------------------------------------------------------\n document.body.addEventListener('click', (event) => {\n const btn = event.target.closest('[data-gb-track=\"exp039-v2-unlock\"]');\n if (btn) {\n const unlockModeLabel = btn.getAttribute('data-gb-unlock-mode') === 'free' ? 'Free account' : 'Subscription';\n trackEvent('unlock_cta_click', unlockModeLabel);\n }\n });\n\n // ---------------------------------------------------------------------------\n // 5. Primary Observer Init — off-page guarded\n // ---------------------------------------------------------------------------\n initUnlockModeTracking();\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.articleWrapper)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n // ---------------------------------------------------------------------------\n // 6. bfcache Resilience\n // ---------------------------------------------------------------------------\n window.addEventListener('pageshow', (event) => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n unlockModeTracked = false;\n initUnlockModeTracking();\n apply();\n }\n });\n})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/reviews/*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Expandable CTAs"},{"key":"2","name":"Locked Previews"}],"seed":"60ee1ac2-7a51-4c0d-9a60-4b06447047eb","name":"EXP 039 [Advice] Non standard reviews locked content signposting","phase":"1","condition":{"paywall_access_status":{"$in":["anonymous","no access"]},"pageComponents":{"$regex":"(^|\\|)\\s*[Nn][Ss][Tt][Ll]?\\s*(\\||$)","$not":{"$regex":"(^|\\|)\\s*[Ff][Aa]-[Ll][Oo][Cc][Kk][Ee][Dd]\\s*(\\||$)"}}},"coverage":1}]

Stay informed with Which?

Shopping, food & drink news

2026

Amazon Prime Day 2026: best deals and expert advice

23 things we love most in the Amazon Prime Day sale

Best gaming deals 2026

John Lewis October sales 2026: best deals live now

Supermarket Christmas delivery slots are opening – when can you book yours?

Aldi crowned the UK's cheapest supermarket in September

Are Amazon Prime Day deals any good?

Commute in comfort: 13 expert picks for tubes, trains and buses

Best Black Friday deals for 2026

I'm a Which? Deals editor – here are 7 things I would never do during a sale

Best Christmas gifts 2026

Best deals in the October sales

How to get Amazon Prime for free

Best Lego deals 2026

Best dehumidifier deals 2026

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

Where to buy Needoh Squishy advent calendars

10 everyday products you didn't know have an expiry date

I’m a first-time buyer - here’s how I decided which appliances to buy

Mystery shoppers help us reveal the supermarkets that deliver the freshest groceries