[{"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":"payment-upsell-test","changeId":"8eab416ba71265d7b89d782f3ecb78d3b2272b9dcd4682f7022c19d3416ba468","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Digital to Full Access Upsell (Variation 1 - White Box Inside)\n * * Engineering & Security Notes:\n * - URL-Based Targeting: Evaluates window.location.search for exact productId and rateId \n * matches, avoiding brittle DOM text-scraping.\n * - Execution Guard: Uses a window-level flag to prevent duplicate execution in SPAs.\n * - Performance: The MutationObserver is lightweight; it fast-fails if the target UI isn't ready.\n * - Security & Tracking Preservation: Uses the native URL Web API to build the redirect URL. \n * By iterating over the current browser URL search params, it inherently preserves all \n * existing tracking (e.g., 'source_code', UTM tags) to ensure flawless marketing attribution.\n */\n(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v1',\n offers: [\n {\n // CURRENT Plan Identifiers (The monthly plan the user is currently on)\n currentProductId: '8a28c43c8b8b0115018ba4e4335541f4',\n currentRateId: '8a28f8018b8b0100018ba4e89d37708b',\n \n // UPGRADE Plan Details (The annual plan to upgrade to)\n targetName: 'Digital',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba',\n savePercent: '17',\n yearlyPrice: '89',\n monthlyEquiv: '7.42'\n },\n {\n // CURRENT Plan Identifiers\n currentProductId: '8a28c9d78cf77775018cf886631207f6',\n currentRateId: '8a28d7ac9222ee540192357ac1b94c12',\n \n // UPGRADE Plan Details\n targetName: 'Full Access',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28b30e9bf8f843019c0f017fef0bbc',\n savePercent: '24',\n yearlyPrice: '109',\n monthlyEquiv: '9.08'\n }\n ],\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]'\n }\n };\n\n // Global execution guard prevents double-firing\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\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-v1-card {\n margin-top: 24px;\n padding: 24px;\n background: #ffffff;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v1-title {\n font-size: 20px;\n font-weight: 900;\n color: #000;\n margin-bottom: 14px;\n line-height: 1.3;\n letter-spacing: -0.3px;\n }\n .gb-v1-sub {\n font-size: 16px;\n color: #222;\n margin-bottom: 10px;\n }\n .gb-v1-equiv {\n font-size: 16px;\n color: #222;\n margin-bottom: 20px;\n }\n .gb-v1-red {\n color: #E81C30;\n font-weight: 700;\n }\n .gb-v1-btn {\n width: 100%;\n background: #000;\n color: #fff;\n border: none;\n padding: 14px;\n font-weight: 700;\n font-size: 16px;\n border-radius: 50px;\n cursor: pointer;\n margin-bottom: 12px;\n transition: background 0.2s;\n }\n .gb-v1-btn:hover {\n background: #333;\n }\n .gb-v1-footer {\n font-size: 13px;\n color: #222;\n text-align: left;\n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n // Read the current URL parameters natively\n const urlParams = new URLSearchParams(window.location.search);\n const currentProductId = urlParams.get('productId');\n const currentRateId = urlParams.get('rateId');\n\n // Check if the current URL matches one of our targeted monthly plans\n const offer = CONFIG.offers.find(o => \n o.currentProductId === currentProductId && \n o.currentRateId === currentRateId\n );\n\n // Fast fail if it's not a targeted plan\n if (!offer) return;\n\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Fast-fail constraint: Checks if required DOM elements exist and ensures \n // we don't inject multiple upgrade cards to save processing time.\n if (!container || document.querySelector('.gb-v1-card')) return;\n\n injectStyles();\n const html = `\n

Save ${offer.savePercent}% by switching to Annual

\n Get ${offer.targetName} Annual for £${offer.yearlyPrice} a year\n

\n Equivalent to £${offer.monthlyEquiv} a month\n

\n \n \n

\n `;\n \n // Injects *inside* the beige container at the very bottom\n container.insertAdjacentHTML('beforeend', html);\n\n const upgradeBtn = document.getElementById('gb-v1-upgrade');\n if (upgradeBtn) {\n upgradeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n\n // Parse the base target URL natively for secure manipulation\n const targetUrl = new URL(offer.upgradeUrl, window.location.origin);\n \n // Iterate and safely merge tracking parameters (e.g., 'source_code', UTM tags) \n // This ensures attribution analytics are fully preserved across the redirect.\n for (const [key, value] of urlParams) {\n if (!targetUrl.searchParams.has(key)) {\n targetUrl.searchParams.set(key, value);\n }\n }\n \n window.location.href = targetUrl.toString();\n });\n }\n };\n\n // Use MutationObserver for robust injection in case the React/Angular \n // checkout application renders the features panel asynchronously.\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\n apply();\n})();","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment: Digital to Full Access Upsell (Variation 2 - Beige Box Outside)\n * * Engineering & Security Notes:\n * - URL-Based Targeting: Evaluates window.location.search for exact productId and rateId \n * matches, avoiding brittle DOM text-scraping.\n * - Execution Guard: Uses a window-level flag to prevent duplicate execution in SPAs.\n * - Performance: The MutationObserver is lightweight; it fast-fails if the target UI isn't ready.\n * - Security & Tracking Preservation: Uses the native URL Web API to build the redirect URL. \n * By iterating over the current browser URL search params, it inherently preserves all \n * existing tracking (e.g., 'source_code', UTM tags) to ensure flawless marketing attribution.\n */\n(function() {\n const CONFIG = {\n id: 'gb-upgrade-annual-v2',\n offers: [\n {\n // CURRENT Plan Identifiers (The monthly plan the user is currently on)\n currentProductId: '8a28c43c8b8b0115018ba4e4335541f4',\n currentRateId: '8a28f8018b8b0100018ba4e89d37708b',\n \n // UPGRADE Plan Details (The annual plan to upgrade to)\n targetName: 'Digital',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28b30e9bf8f843019c0f017fc80bba',\n savePercent: '17',\n yearlyPrice: '89',\n monthlyEquiv: '7.42'\n },\n {\n // CURRENT Plan Identifiers\n currentProductId: '8a28c9d78cf77775018cf886631207f6',\n currentRateId: '8a28d7ac9222ee540192357ac1b94c12',\n \n // UPGRADE Plan Details\n targetName: 'Full Access',\n upgradeUrl: 'https://www.which.co.uk/join/checkout/payment?productId=8a28c9d78cf77775018cf886631207f6&rateId=8a28b30e9bf8f843019c0f017fef0bbc',\n savePercent: '24',\n yearlyPrice: '109',\n monthlyEquiv: '9.08'\n }\n ],\n selectors: {\n container: '[class*=\"FeaturesPanel_container__\"]'\n }\n };\n\n // Global execution guard prevents double-firing\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\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-v2-card {\n margin-top: 16px;\n padding: 24px;\n background: #f6f5ef; /* Matches the beige features panel */\n border-radius: 8px;\n font-family: Arial, sans-serif;\n animation: gbFadeIn 0.4s ease-out;\n }\n .gb-v2-title {\n font-size: 20px;\n font-weight: 900;\n color: #000;\n margin-bottom: 14px;\n line-height: 1.3;\n letter-spacing: -0.3px;\n }\n .gb-v2-sub {\n font-size: 16px;\n color: #111;\n margin-bottom: 10px;\n }\n .gb-v2-equiv {\n font-size: 16px;\n color: #111;\n margin-bottom: 20px;\n }\n .gb-v2-red {\n color: #E81C30;\n font-weight: 700;\n }\n .gb-v2-btn {\n width: 100%;\n background: #000;\n color: #fff;\n border: none;\n padding: 14px;\n font-weight: 700;\n font-size: 16px;\n border-radius: 50px;\n cursor: pointer;\n margin-bottom: 12px;\n transition: background 0.2s;\n }\n .gb-v2-btn:hover {\n background: #333;\n }\n .gb-v2-footer {\n font-size: 13px;\n color: #222;\n }\n @keyframes gbFadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n `;\n document.head.appendChild(style);\n };\n\n const apply = () => {\n // Read the current URL parameters natively\n const urlParams = new URLSearchParams(window.location.search);\n const currentProductId = urlParams.get('productId');\n const currentRateId = urlParams.get('rateId');\n\n // Check if the current URL matches one of our targeted monthly plans\n const offer = CONFIG.offers.find(o => \n o.currentProductId === currentProductId && \n o.currentRateId === currentRateId\n );\n\n // Fast fail if it's not a targeted plan\n if (!offer) return;\n\n const container = document.querySelector(CONFIG.selectors.container);\n \n // Fast-fail constraint: Checks if required DOM elements exist and ensures \n // we don't inject multiple upgrade cards to save processing time.\n if (!container || document.querySelector('.gb-v2-card')) return;\n\n injectStyles();\n const html = `\n

Save ${offer.savePercent}% by switching to Annual

\n Get ${offer.targetName} Annual for £${offer.yearlyPrice} a year\n

\n Equivalent to £${offer.monthlyEquiv} a month\n

\n \n \n

\n `;\n \n // Injects right after the existing beige container box\n container.insertAdjacentHTML('afterend', html);\n\n const upgradeBtn = document.getElementById('gb-v2-upgrade');\n if (upgradeBtn) {\n upgradeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n\n // Parse the base target URL natively for secure manipulation\n const targetUrl = new URL(offer.upgradeUrl, window.location.origin);\n \n // Iterate and safely merge tracking parameters (e.g., 'source_code', UTM tags) \n // This ensures attribution analytics are fully preserved across the redirect.\n for (const [key, value] of urlParams) {\n if (!targetUrl.searchParams.has(key)) {\n targetUrl.searchParams.set(key, value);\n }\n }\n \n window.location.href = targetUrl.toString();\n });\n }\n };\n\n // Use MutationObserver for robust injection in case the React/Angular \n // checkout application renders the features panel asynchronously.\n const obs = new MutationObserver(apply);\n obs.observe(document.body, { childList: true, subtree: true });\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/join/checkout/payment?productId=8a28c43c8b8b0115018ba4e4335541f4&rateId=8a28f8018b8b0100018ba4e89d37708b"},{"include":true,"type":"simple","pattern":"https://www.which.co.uk/join/checkout/payment?rateId=8a28d7ac9222ee540192357ac1b94c12&productId=8a28c9d78cf77775018cf886631207f6"}],"weights":[0.3334,0.3333,0.3333],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"In-line"},{"key":"2","name":"Separate box"}],"seed":"78f91404-bdf8-4a5f-8fe0-c71561dd7df4","name":"Payment upsell test","phase":"0","condition":{"id":"317a05de-0554-4d51-b4d6-827f494c134e"},"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":"whc-024-advice-health-and-wellbeing-framed-sign-up-journey","changeId":"163df3afb39858bde0d45c68b9428c08f09e21799cc1e5b35e748e8262e7ca39","status":"draft","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"/**\n * GrowthBook Experiment Injection Script\n * Experiment: WHC 024 - Health Table Locked Panel Update\n * Description: Updates the locked column panel background, copy, and button style to match the new evidence-based reviews design.\n * Technique: Uses CSS Pseudo-elements for copy replacement to prevent React VDOM overwriting.\n */\n(function () {\n const CONFIG = {\n id: 'WHC_024',\n experimentId: 'WHC_024_HEALTH_TABLE',\n activeClass: 'gb-whc-024-active',\n selectors: {\n target: 'td.lockCtaCell',\n wrapper: '[class*=\"SinglePadlockCta_ctaWrapper\"]',\n iconContainer: '[class*=\"SinglePadlockCta_icon\"]',\n heading: 'p[class*=\"Typography_sb-text-heading-small\"]',\n subtext1: 'p[class*=\"Typography_sb-text-body-small-regular\"]',\n button: 'a[class*=\"SinglePadlockCta_cta\"]',\n subtextPricing: 'p[class*=\"Typography_sb-text-body-x-small-regular\"]'\n },\n copy: {\n // Formatted with quotes and \\A for CSS `content` properties\n heading: '\"Evidence-based\\\\A health reviews\"',\n button: '\"Unlock now\"',\n pricing: '\"Full Access £11.99 per month,\\\\A cancel any time\"'\n }\n };\n\n // 1. Execution Guard (SPA Support)\n if (window[`__run_${CONFIG.id}`]) return;\n window[`__run_${CONFIG.id}`] = true;\n\n // 2. DataLayer Event Tracking\n const trackEvent = (itemText = undefined, parentText = undefined) => {\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 // 3. Inject Responsive Styles\n const injectStyles = () => {\n if (document.getElementById(`gb-style-${CONFIG.id}`)) return;\n \n const style = document.createElement('style');\n style.id = `gb-style-${CONFIG.id}`;\n style.textContent = `\n /* Update the background of the locked panel container */\n .${CONFIG.activeClass}, \n .${CONFIG.activeClass} > span,\n .${CONFIG.activeClass} ${CONFIG.selectors.wrapper} {\n background-color: #DDECDD !important; /* Pale green match */\n }\n \n /* Ensure adequate padding and spacing inside the wrapper */\n .${CONFIG.activeClass} ${CONFIG.selectors.wrapper} {\n padding: 24px 16px !important;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n /* Style the circular white icon wrapper */\n .${CONFIG.activeClass} ${CONFIG.selectors.iconContainer} {\n background-color: #FFFFFF !important;\n border-radius: 50% !important;\n width: 80px !important;\n height: 80px !important;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 24px auto !important;\n }\n\n /* Hide the primary subtext (Get instant access...) */\n .${CONFIG.activeClass} ${CONFIG.selectors.subtext1}:nth-of-type(2) {\n display: none !important;\n }\n\n /* =========================================================\n RESILIENT COPY REPLACEMENT (React VDOM Safe)\n Hides original text nodes using font-size: 0, and injects\n new copy using CSS ::before and ::after pseudo-elements.\n ========================================================= */\n\n /* Heading Text Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.heading} {\n font-size: 0 !important; /* Hide original text */\n margin-bottom: 24px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.heading}::before {\n content: ${CONFIG.copy.heading}; /* Inject new text */\n font-size: 20px !important;\n line-height: 1.2 !important;\n font-weight: 700 !important;\n color: #000000 !important;\n white-space: pre-wrap !important;\n display: block;\n }\n\n /* Button Text Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.button} {\n background-color: #E81C30 !important;\n color: #FFFFFF !important;\n border: none !important;\n border-radius: 24px !important; /* Pill shape */\n padding: 12px 24px !important;\n font-weight: bold !important;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-decoration: none !important;\n width: 100%;\n max-width: 200px;\n margin-bottom: 16px !important;\n font-size: 0 !important; /* Hide original text */\n }\n\n /* Ensure Padlock SVG inside button stays visible and white */\n .${CONFIG.activeClass} ${CONFIG.selectors.button} svg {\n width: 16px !important;\n height: 16px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.button} svg * {\n fill: #FFFFFF !important;\n }\n \n /* Inject new button text */\n .${CONFIG.activeClass} ${CONFIG.selectors.button}::after {\n content: ${CONFIG.copy.button};\n font-size: 16px !important; /* Restore font size */\n }\n\n /* Pricing Subtext Replacement */\n .${CONFIG.activeClass} ${CONFIG.selectors.subtextPricing} {\n font-size: 0 !important; /* Hide original text */\n margin-bottom: 24px !important;\n }\n .${CONFIG.activeClass} ${CONFIG.selectors.subtextPricing}::before {\n content: ${CONFIG.copy.pricing}; /* Inject new text */\n font-size: 13px !important;\n line-height: 1.4 !important;\n color: #333333 !important;\n white-space: pre-wrap !important;\n display: block;\n }\n `;\n document.head.appendChild(style);\n };\n\n // 4. Application Logic & Event Delegation\n const apply = () => {\n const targetCell = document.querySelector(CONFIG.selectors.target);\n \n // Guard: check if target exists and if we've already injected\n if (!targetCell || targetCell.classList.contains(CONFIG.activeClass)) return false;\n\n // Apply active class for CSS hooks (This triggers the resilient text replacements)\n targetCell.classList.add(CONFIG.activeClass);\n\n return true; // Signal success to MutationObserver\n };\n\n // 4.5 Resilient Event Tracking (Event Delegation)\n // Attaching to the body ensures tracking survives if React destroys and recreates the button element\n document.body.addEventListener('click', (e) => {\n const button = e.target.closest(CONFIG.selectors.button);\n if (button && button.closest(`.${CONFIG.activeClass}`)) {\n trackEvent('Unlock now button click', 'Health Table Locked Panel');\n }\n });\n\n // 5. Initialize Styles and Observer Lifecycle\n injectStyles();\n\n const observer = new MutationObserver(() => {\n if (apply()) observer.disconnect(); // Stop observing once injected\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n \n // Run immediately in case elements are already parsed into the DOM\n apply();\n\n})();","domMutations":[]}],"hashVersion":2,"hashAttribute":"","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"regex","pattern":"\\/reviews\\/.*-(aFati4a4HWgm|axJmn4n9qGLc|akWaW9F3kdIH|awJ4c7G4f111|a9aeL5X2jmwS|afvPf0y5YfU9|awHfs7i4T73i|a1OgB5B4gCTy|aXjOy1X98IVk|a5QlY0j8jkeT|ajYEM0I504HW|alFA84u3fGn9|aO1yE0Z0vwVs|al0jA6J1Swyl|aW4Wf3x8qbZT|a4uy72B92oej|a3bWF5D7ugih|aEggS7W6VlpV|aQusS2T0z5Sb|agKuC6E0DJf1|aBRuS2F2n9V2|ajfPp6V4po0Y|aJdn58T67JPv|aKffD7t8pjqB|a61SJ0v2h5NH|a2kIv9y1UcL1|aQB5N9y70rUv|aeoxW0x5p6OX|aAsOB9g6lVd9|aaCgu5B3Kcf8|akSJd0P7mU5F|aeOAT7A4eNnb|ahhRS5b6VcNS|atVxZ9Z5TEEs|avrLG0b2886v|aFO9k8u4HQDE|aH6v76l6GgWW|akDSO4R0NTZL|axmfi4S0bHMt|afbqK3l7Ptb8|aLtrQ3S2rulR|aFe7y5S0IyKU|aYpqa1C0MrPv|a4jQo2d6GZTW|aLf0K1V2D3dU|aKP8i4V2kMHA|aP7IW9U3RUzV|ao4KG1x1kQhW|a0E1H1D7jJkf|a0bwU2e7Kzyu|anmel2b4164h|azhqg5g2z1B6|a77nJ5h9wXc7|aQwLP2A1kfjM|aNbdS5F8VwFv|asOxA9x6qgsU|axul41V6B4lf|a9cyy8t8W0g9|agqAm8y8ow15|aTpfh5j8VGyH|aevbk6C2aloL|aT9rZ9q5BoGI|aJ4Xl8H6EUqs|afeIE1S1iWLw|aZ3Fx3o4y4A2|aFq523C4RWHk|aX6Vk4k4RqUw|ahYfJ4g14lCJ|aOFpW7V9j2q0|a8Ahc8X55rbz|awWf56c2bVQJ|a5U1v0B7DzFG|aCO6B1n1J4LX|ay0AQ9t8JV7K|aSmH95S4VSKE|a8mar9w7FMUq)\\/?"}],"weights":[0.5,0.5],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"e776dcd4-91d8-418b-ad90-c7abdec48863","name":"WHC 024 [Advice] Health and wellbeing framed sign up journey","phase":"0","coverage":1},{"key":"remove-double-features-user-id-cookies-users","changeId":"5b68c33745f74b59d9df1a1905fef5897eec95ec87c2f5dea0e581759a5871e4","status":"running","variations":[{"css":"","js":"","domMutations":[]},{"css":"","js":"const COOKIE_NAME = 'features-user-id';\nconst RELOAD_GUARD_KEY = '__features_user_id_cookie_cleanup_done__';\n\nconst getCookiePairs = () => {\n if (typeof document === 'undefined' || !document.cookie) {\n return [];\n }\n\n return document.cookie\n .split(';')\n .map((part) => part.trim())\n .filter(Boolean)\n .map((part) => {\n const separatorIndex = part.indexOf('=');\n\n if (separatorIndex === -1) {\n return { name: part, value: '' };\n }\n\n return {\n name: part.slice(0, separatorIndex),\n value: part.slice(separatorIndex + 1),\n };\n });\n};\n\nconst getFeatureCookieCount = () => {\n return getCookiePairs().filter((cookie) => cookie.name === COOKIE_NAME).length;\n};\n\nconst getCandidateDomains = () => {\n if (typeof window === 'undefined') {\n return [''];\n }\n\n const host = window.location.hostname;\n\n if (!host || host === 'localhost') {\n return [''];\n }\n\n const segments = host.split('.').filter(Boolean);\n const domains = new Set(['', host, `.${host}`]);\n\n for (let index = 1; index < segments.length - 1; index += 1) {\n const parentDomain = segments.slice(index).join('.');\n domains.add(parentDomain);\n domains.add(`.${parentDomain}`);\n }\n\n return Array.from(domains);\n};\n\nconst getCandidatePaths = () => {\n if (typeof window === 'undefined') {\n return ['/'];\n }\n\n const pathname = window.location.pathname || '/';\n const parts = pathname.split('/').filter(Boolean);\n const paths = new Set(['/']);\n\n let pathBuilder = '';\n parts.forEach((segment) => {\n pathBuilder += `/${segment}`;\n paths.add(pathBuilder);\n });\n\n return Array.from(paths);\n};\n\nconst deleteFeatureCookieEverywhere = () => {\n const expires = 'Thu, 01 Jan 1970 00:00:01 GMT';\n const domains = getCandidateDomains();\n const paths = getCandidatePaths();\n\n domains.forEach((domain) => {\n paths.forEach((path) => {\n const domainSegment = domain ? ` domain=${domain};` : '';\n document.cookie = `${COOKIE_NAME}=; expires=${expires}; path=${path};${domainSegment}`;\n });\n });\n};\n\nconst pushDataLayerEvent = () => {\n if (typeof window === 'undefined') {\n return;\n }\n\n window.dataLayer = window.dataLayer || [];\n\n window.dataLayer.push({\n 'event': 'notification_ab_test',\n 'item_text': 'duplicate_removed',\n 'item_parent_text': undefined,\n 'item_group': 'Remove double features-user-id cookies from users'\n });\n};\n\nconst hasAlreadyReloadedForCleanup = () => {\n if (typeof window === 'undefined' || !window.sessionStorage) {\n return false;\n }\n\n return window.sessionStorage.getItem(RELOAD_GUARD_KEY) === 'true';\n};\n\nconst markCleanupReloaded = () => {\n if (typeof window === 'undefined' || !window.sessionStorage) {\n return;\n }\n\n window.sessionStorage.setItem(RELOAD_GUARD_KEY, 'true');\n};\n\nconst checkDuplicateFeaturesUserIdCookies = () => {\n if (typeof document === 'undefined' || typeof window === 'undefined') {\n return false;\n }\n\n const duplicateCount = getFeatureCookieCount();\n\n if (duplicateCount < 2 || hasAlreadyReloadedForCleanup()) {\n return false;\n }\n\n deleteFeatureCookieEverywhere();\n pushDataLayerEvent();\n markCleanupReloaded();\n setTimeout(() => window.location.reload(), 500);\n\n return true;\n};\n\nif (typeof window !== 'undefined') {\n checkDuplicateFeaturesUserIdCookies();\n}","domMutations":[]}],"hashVersion":2,"hashAttribute":"id","fallbackAttribute":"","disableStickyBucketing":false,"urlPatterns":[{"include":true,"type":"regex","pattern":"^https?:\\/\\/(?:[a-zA-Z0-9-]+\\.)*which\\.co\\.uk(?:\\/.*)?$"}],"weights":[0,1],"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"seed":"5c6e7cd6-eec8-40ed-b398-42a7c348922a","name":"Remove double features-user-id cookies from users","phase":"0","coverage":1}]

Stay informed with Which?

Travel news

2026

How to get 25% off your next National Trust cottage stay

The tourist attractions charging Brits more

Best holiday destinations in June

The best cheap UK seaside towns

Best European cities to visit by train

Why it still pays to holiday abroad - rather than at home

5 Portuguese beaches better than the Algarve

Europe's best tours for foodies

What you need to know about cabin bags in 2026

Hike like a Which? expert with these 17 walking essentials

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

On a budget? Why I would never pay more than £40 for a cabin bag

How to get a free pass to English Heritage sites

How to get a free National Trust pass

Hotel chains overbooking and sending guests away

Frequent flyer? Should you buy an airport lounge membership?

The rise of fake days out on social media (and how to protect yourself)

8 things I wouldn’t do as a travel expert in 2026

Jet fuel crisis: why European flights – and your holidays – should still go ahead

The best UK hotel our inspectors reviewed last year