[{"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":"whc-030-news-use-bullet-points-to-clearly-articulate-the-benefits-of-free-account","changeId":"8c1dd229b70792e11ccce3a1a2e76b6d3465d5d5b312180f8bf3068a41c128fe","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'WHC-030',\n id: 'WHC-030',\n selectors: {\n target: '[class*=\"FreeArticleSignup_freeArticleSignup\"]',\n originalText: '[class*=\"FreeArticleSignup_freeArticleSignupText\"]',\n someButton: '.gb-benefit-item'\n }\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\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 const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n .${INJECTED_CLASS} {\n margin-top: 16px;\n color: inherit;\n font-family: National2-Regular, Arial, Helvetica, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 140%;\n letter-spacing: 0;\n }\n .${INJECTED_CLASS} .gb-subcopy {\n margin: 0;\n }\n .${INJECTED_CLASS} .gb-benefits {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin: 16px 0 0 8px;\n padding: 0;\n list-style: none;\n }\n .${INJECTED_CLASS} .gb-benefit-item {\n display: flex;\n gap: 8px;\n align-items: flex-start;\n margin: 0;\n padding: 0;\n cursor: default;\n }\n .${INJECTED_CLASS} .gb-benefit-item::before {\n content: '\\\\2713';\n display: inline-flex;\n flex: 0 0 20px;\n width: 20px;\n height: 20px;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: rgb(0, 0, 0);\n color: rgb(255, 255, 255);\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1;\n }\n @media only screen and (min-width: 768px) {\n .${INJECTED_CLASS} {\n font-size: 1.125rem;\n }\n }\n `;\n document.head.appendChild(style);\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': itemText,\n 'item_parent_text': parentText,\n 'item_group': CONFIG.experimentId\n });\n };\n\n const apply = () => {\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 const target = document.querySelector(CONFIG.selectors.target);\n const originalText = target?.querySelector(CONFIG.selectors.originalText);\n if (!target || !originalText) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n\n injectStyles();\n originalText.style.display = 'none';\n\n const wrapper = document.createElement('div');\n wrapper.className = INJECTED_CLASS;\n const subcopy = document.createElement('p');\n subcopy.className = 'gb-subcopy';\n subcopy.textContent = 'With a Which? free account, you can take the guesswork out of daily life.';\n\n const benefits = document.createElement('ul');\n benefits.className = 'gb-benefits';\n [\n 'Reviews of everyday essentials',\n 'Money-saving tips',\n 'A premium review every fortnight'\n ].forEach(text => {\n const item = document.createElement('li');\n item.className = 'gb-benefit-item';\n item.textContent = text;\n benefits.appendChild(item);\n });\n\n wrapper.append(subcopy, benefits);\n originalText.insertAdjacentElement('afterend', wrapper);\n trackEvent('experiment_loaded', 'free_article_signup');\n\n const injectedElement = document.querySelector(`.${INJECTED_CLASS}`);\n if (injectedElement) {\n const domWipeObserver = new MutationObserver(mutations => {\n for (const mutation of mutations) {\n for (const removedNode of mutation.removedNodes) {\n if (removedNode === injectedElement || (removedNode.nodeType === 1 && removedNode.contains(injectedElement))) {\n domWipeObserver.disconnect();\n if (window[`__obs_${CONFIG.id}`]) window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\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 document.body.addEventListener('click', event => {\n const item = event.target.closest(`.${INJECTED_CLASS} .gb-benefit-item`);\n if (item) trackEvent(item.textContent.trim(), 'free_article_signup_benefits');\n });\n\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (event.persisted) {\n window[`__inject_count_${CONFIG.id}`] = 0;\n apply();\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/*"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"2cb0d63b-f369-497b-b708-e3a4fb303bc4","name":"WHC 030 [News] Use bullet points to clearly articulate the benefits of free account","phase":"0","condition":{"pageComponents":{"$regex":"(^|\\|)fa-locked(\\||$)"}},"coverage":1},{"key":"whc-029-advice-free-account-post-newsletter-sign-up","changeId":"fe3ffd765eb667c8778b7f97faef52d210cbb81dca464333a5b86ed78809fd60","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"(() => {\n 'use strict';\n\n const CONFIG = {\n experimentId: 'WHC-029',\n id: 'WHC-029-v1',\n selectors: {\n target: '[data-testid=\"newsletter-sign-up\"]',\n thankYou: '[class*=\"NewsletterSignUpThankYou_thankYouNotification\"]',\n signUpButton: '[data-testid=\"gb-free-account-sign-up\"]'\n },\n ctaUrl: `https://www.which.co.uk/registration?freeAccount=true&freeArticle=true&redirect=${encodeURIComponent(window.location.href)}`\n };\n\n const INJECTED_CLASS = `gb-injected-${CONFIG.id}`;\n const IMAGE_URL = 'https://media.which.gpp.io/prod/images/article_image_320px/1f1ff42cbd07-indiaheadercomp-3.webp';\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 const injectStyles = () => {\n if (document.getElementById(`gb-styles-${CONFIG.id}`)) return;\n const style = document.createElement('style');\n style.id = `gb-styles-${CONFIG.id}`;\n style.textContent = `\n .${INJECTED_CLASS} { display: grid; gap: 24px; padding-top: 24px; }\n .${INJECTED_CLASS} .gb-copy { display: flex; flex-direction: column; align-items: flex-start; }\n .${INJECTED_CLASS} h3 { margin: 0 0 24px; font-family: National2-Bold, Arial, Helvetica, sans-serif; font-size: 1.25rem; line-height: 120%; letter-spacing: -0.5px; }\n .${INJECTED_CLASS} p { margin: 0 0 16px; font-family: National2-Regular, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 150%; }\n .${INJECTED_CLASS} ul { display: grid; gap: 16px; margin: 0 0 24px; padding: 0; list-style: none; }\n .${INJECTED_CLASS} li { display: flex; gap: 16px; align-items: center; font-family: National2-Medium, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 150%; font-weight: 500; }\n .${INJECTED_CLASS} li::before { content: '\\\\2713'; display: inline-flex; flex: 0 0 22px; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: #ed1b2f; color: #fff; font-size: .8rem; font-weight: 700; }\n .${INJECTED_CLASS} a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 24px; border-radius: 22px; background: #ed1b2f; color: #fff; font-family: National2-Medium, Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 140%; font-weight: 500; text-decoration: none; }\n .${INJECTED_CLASS} img { display: none; width: 100%; height: auto; border-radius: 8px; object-fit: cover; }\n @media (min-width: 768px) {\n .${INJECTED_CLASS} { grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr); align-items: center; }\n .${INJECTED_CLASS} h3 { font-size: 1.37rem; }\n .${INJECTED_CLASS} p, .${INJECTED_CLASS} li { font-size: 1.125rem; }\n .${INJECTED_CLASS} img { display: block; }\n }\n `;\n document.head.appendChild(style);\n };\n\n const trackEvent = (itemText, parentText) => {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({ event: 'notification_ab_test', item_text: itemText, item_parent_text: parentText, item_group: CONFIG.experimentId });\n };\n\n const buildPanel = () => {\n const panel = document.createElement('section');\n panel.className = INJECTED_CLASS;\n panel.setAttribute('aria-labelledby', `${CONFIG.id}-heading`);\n panel.innerHTML = `\n

Unlock more of Which? with a free account

Get even more expertise by signing up for a free account and get:

Reviews of everyday essentials
Money-saving tips
A premium review every fortnight

\n Register for free\n

Unlock more of Which? with a free account

Get even more expertise by signing up for a free account and get:

Reviews of everyday essentials
Money-saving tips
A premium review every fortnight

\n Register for free\n

\n $\"Products$ \n `;\n return panel;\n };\n\n const apply = () => {\n const target = document.querySelector(CONFIG.selectors.target);\n const thankYou = target?.querySelector(CONFIG.selectors.thankYou);\n if (!target || !thankYou) return false;\n if (document.querySelector(`.${INJECTED_CLASS}`)) return true;\n window[`__inject_count_${CONFIG.id}`] = (window[`__inject_count_${CONFIG.id}`] || 0) + 1;\n if (window[`__inject_count_${CONFIG.id}`] > 10) return true; // only counts real injection attempts, not unrelated page mutations\n injectStyles();\n const panel = buildPanel();\n target.appendChild(panel);\n trackEvent('experiment_loaded', 'free_account_signup_panel');\n const injectedElement = panel;\n const domWipeObserver = new MutationObserver(mutations => {\n for (const mutation of mutations) 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}`]) window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n setTimeout(apply, 50);\n return;\n }\n }\n });\n domWipeObserver.observe(document.body, { childList: true, subtree: true });\n return true;\n };\n\n document.body.addEventListener('click', event => {\n const button = event.target.closest(`.${INJECTED_CLASS} ${CONFIG.selectors.signUpButton}`);\n if (button) trackEvent('register_for_free', 'free_account_signup_panel');\n });\n\n window[`__obs_${CONFIG.id}`] = new MutationObserver(() => {\n if (!document.querySelector(CONFIG.selectors.target)) return;\n if (apply()) window[`__obs_${CONFIG.id}`].disconnect();\n });\n window[`__obs_${CONFIG.id}`].observe(document.body, { childList: true, subtree: true });\n apply();\n\n window.addEventListener('pageshow', event => {\n if (event.persisted) { window[`__inject_count_${CONFIG.id}`] = 0; apply(); }\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/*"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"},{"key":"2","name":"Variation 2"}],"seed":"64524640-79aa-4e28-b8b1-2a99b170367d","name":"WHC 029 [Advice] Free account post newsletter sign up","phase":"0","condition":{"pageComponents":{"$not":{"$regex":"(^|\\|)fa-locked(\\||$)"},"$regex":"(^|\\|)newsletter(\\||$)"},"paywall_access_status":"anonymous"},"coverage":1},{"key":"acq-015-offers-page-contextualise-the-offers-page-by-product-category","changeId":"c9f3c0ced142e72e6173125f5f0e1211b957c2d8e8432fdd2e3b5416f17febb2","status":"draft","variations":[{"css":"","js":"","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 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 // 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 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 icon = (name, additionalClass = '') => ` $\"\"$ `;\n\n // Detects whether the control still shows the live annual offer; date is a fallback only.\n const BAU_CUTOVER = new Date('2026-09-08T00:00:00Z');\n const hasLiveAnnualOffer = (offerEndEl) => {\n if (new Date() >= BAU_CUTOVER) return false;\n return !!offerEndEl && /offer ends/i.test(offerEndEl.textContent || '');\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 offerIsLive = hasLiveAnnualOffer(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 (offerIsLive) {\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 (offerIsLive && 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 = '50% OFF DIGITAL ANNUAL';\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 trackEvent('experiment_loaded', `ACQ_015_${treatmentGroup}`);\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})();\n","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"bucketVersion":1,"minBucketVersion":0,"urlPatterns":[{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offer/atl-digital-annual-50percent-8.26?terms=true"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/offers"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"f31e60a4-be8c-47c1-95f3-aa5c57b1422d","name":"ACQ 015 [Offers Page] Contextualise the offers page by product category","phase":"0","condition":{"RefTrack_product_category":{"$regex":"^(?:skincare|sun-creams|nutrition-and-supplements|mattresses|pillows|duvets|ear-plugs|eye-masks-for-sleep|anti-snoring-devices|washing-machines|dishwashers|tumble-dryers|washer-dryers|fridge-freezers|fridges|freezers|new-and-used-cars|televisions|laptops|mobile-phones|soundbars|tablets|printers-and-ink|headphones|wireless-security-cameras|wireless-and-bluetooth-speakers)$"}},"coverage":1}]

Stay informed with Which?

Unlock more of Which? with a free account

Unlock more of Which? with a free account

${treatment.explainerTitle}

${treatment.categoryHeading}

OUR COVERAGE INCLUDES

Garden & outdoors news

2026

I'm the Which? Gardening Editor – this is how I keep plants alive when I'm away

How to keep Asian hornets out of your home this summer

5 ways to banish garden pests without chemicals – approved by an expert

Common mistakes to avoid when using a hedge trimmer

5 compact garden tools perfect for storing in smaller sheds

Heatwave SOS: Which plants you must water and which you shouldn't

Watch: How to clean your barbecue

7 things you're doing wrong when you barbecue

The best value lawn mowers and tools to get your garden in shape

Avoid a stinky wheelie bin this summer

6 products under £70 you need for a great World Cup garden party

Ten foods you didn't know you could cook on your barbecue

5 things to not do in your garden

I was a professional cleaner for five years – here are the cleaning tips I swear by

I'm a busy mum - these are my top lawn hacks for time-poor parents

Why you don’t need to pay more than £250 for a new lawn mower

5 garden room ideas to maximise your space

Five chemical-free ways to weed your garden

I used a robot lawn mower for a month: here's what surprised me

You might not be watering your plants properly – here’s what to do