[{"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"},{"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

Shopping, food & drink news

2026

Amazon Prime Day 2026: what to expect

Is dark chocolate good for you?

Which supermarket delivers the freshest food?

Owala water bottle: is it worth it?

Squishy Dumpling toys: why you need to be wary about the latest toy trend

Sausages, beans and sourdough: the most delicious brunch items, tried and tested

Asda was the cheapest supermarket for branded groceries in July

10 things we love – for less than £10

Struggle to sleep in a heatwave? Here are 8 products that could help, handpicked by our expert

7 popular home products our experts would never buy (and what we'd get instead)

Aldi crowned the UK's cheapest supermarket in July

Best beauty essentials

Best Buy, Great Value and Eco Buy home appliances from Bosch, plus a member-exclusive offer

John Lewis August sales 2026: best deals live now

Best Dyson deals 2026

7 boring kitchen essentials you don't want to get wrong

Best Lego deals 2026

Best deals in the August sales

Best air purifier deals 2026

The best school uniform shops revealed